@charset "utf-8" ;

/**
debug
**/
/**セクションごとの区切りを入れる用**/
.testmode hr {
  display: block;;
  border-top: 10px dashed darkorange;
  height: 10px;
  background: #000;
  margin: 0;
  width: 99vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.testmode div {
  outline: 2px dashed deeppink;
}
.testmode img {
  outline: 1px dashed blue;
}


/**default**/
*, ::before, ::after {
    box-sizing: border-box;
}
body {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */
    font-family: 'YuGothic', 'Yu Gothic', sans-serif; /**ゴシック体の場合.mac.win**/ 
    /**font-family: "YuMincho", "Yu Mincho", serif;**/ /**明朝体の場合.mac.win**/ 
}
/**@acab/reset.cssのダークモード不具合対策**/
html {
		color-scheme: unset; /* リセット相当の無効化 */
}
/**@acab/reset.cssで設定で上paddingが出るため解除**/
:where(:focus-visible, :target) {
    scroll-margin-block: unset;
}
body {
	  background-color: white;
	  color: black;
}
img {
    max-width:100%;
    vertical-align: top;
}
table {
    width:100%;
}
a { /**20251205**/
    color: #0066cc;
}
a:link, a:active, a:visited {
    text-decoration: none;
    color: inherit;
}
a,a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
a:hover {
    opacity: 0.8;
}
a, picture, img {
    display: block;
}


/**共通**/
.mb10per {
    margin-bottom: 10%;
}
.no-absolute {
    position: unset!important;
}

/**base**/
html {
    font-size: 16px;
    scroll-behavior: smooth;
}
.lpwrap {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    /* overflow: hidden; */
}
.lpwrap .wrap_btn {
    position: relative;
    display: flex;
    justify-content: center;
}
.lpwrap .btn {
    position: absolute;
    bottom: 0;
    margin-bottom: 5%;
    width: calc((655/768)*100%);
}
.lpwrap .btn_raiten {
    position: absolute;
    bottom: 0;
    margin-bottom: 20%;
    width: calc((613/768)*100%);
}
.lpwrap .btn_shosai {
    position: absolute;
    bottom: 0;
    margin-bottom: 10%;
    width: calc((474/768)*100%);
}



/**個別**/
.lpwrap .wrap_btn1_03 .btn_raiten {
    margin-bottom: 23%;
}
.lpwrap .wrap_btn1_07 .btn_raiten {
    margin-bottom: 19%;
}
.lpwrap .wrap_btn1_10 .btn_raiten {
    margin-bottom: 23%;
}

.wrap_swiper0 {
    position: relative;
    margin-top: -1px;
}
.wrap_swiper0 .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7%;
}
.wrap_swiper0 .swiper-pagination-bullet-active {
    background: #eee!important;
}
.wrap_swiper0 .swiper-pagination-bullet {
    background: #555;
    margin: 0 0.8%;
}
.swiper_bg {
    position: absolute;
    top: 0;
    left: 0;
}


/** SP **/
/**@media screen and (max-width: 480px){ **/
@media screen and (max-width: 767px) {
    /**base**/
    html {
        font-size: 14px;
    }
    .lpwrap {
        max-width: 100%;
    }
    .lpwrap {
        margin-top: -0.1%;
    }

}/**@end**/

/** SP2 **/
@media screen and (max-width: 480px){

}/**@end**/