@charset "UTF-8";

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(/wp-content/themes/sincerite/fonts/NotoSerifJP/NotoSerifJP-ExtraLight.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 300;
  src: url(/wp-content/themes/sincerite/fonts/NotoSerifJP/NotoSerifJP-Light.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/themes/sincerite/fonts/NotoSerifJP/NotoSerifJP-Regular.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(/wp-content/themes/sincerite/fonts/NotoSerifJP/NotoSerifJP-Medium.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(/wp-content/themes/sincerite/fonts/NotoSerifJP/NotoSerifJP-SemiBold.woff) format('woff');
  font-display: swap;
}
@font-face {
   font-family: 'Noto Serif Japanese';
   font-style: normal;
   font-weight: 700;
  src: url(/wp-content/themes/sincerite/fonts/NotoSerifJP/NotoSerifJP-Bold.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(/wp-content/themes/sincerite/fonts/NotoSerifJP/NotoSerifJP-Black.woff) format('woff');
  font-display: swap;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}



/*
=====================================================================
*
*    初期設定
*
* ===================================================================
*/

/****
 * RESET
 ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

img {
  vertical-align: bottom;
  border: none;
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  vertical-align: middle;
}

input {
  outline: 0;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

textarea {
  overflow: auto;
  vertical-align: top;
  font-family: sans-serif;
}

/****
 * clearfix
 ***/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;

	font-size: 0;
	line-height: 0;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */



html {
  font-size: 62.5%;
  min-height: 100%;
  height: 100%;
}

body {
  color: #555;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
  font-size: 100%;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}

a:link, a:visited {
  color: #333;
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: none;
}


.br-sp{display:none;}
.pc-none{display:none;}

/*
h1,h2,h3,h4,
main#lp section#annual-income .reservation-btn a,
main#lp section#annual-income .s02,
main#lp section#annual-income .satisfaction-wrap .txt-box p,
main#lp section#data .s01,
main#lp section#cost .s01,
main#lp section#access .wrap01 .txt-box,
main#lp section#cost ul.cont li,
main#lp section#cost dl.mens-plan dt,
main#lp section#annual-income .s01{font-family:"Noto Serif Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;}
*/

main#lp section#reason img,
main#lp section#meet img,
main#lp section#cost img{border:1px solid #fff;}

section{padding: 30px 0;}

section#status,
section#reason,
section#cost,
section#privacy01,
section#privacy02{background:#dcf6fb; color:#555;}
section#meet{background:#fff0f0; color:#555;}

main#lp .inner{width: 980px; margin: 0 auto;}

main#lp section#top{position:relative; padding:0;}
main#lp section#top h1{position: absolute; top: 50%; left:50%; font-size:5rem; transform: translate(-50%, -50%); color:#fff;}


main#lp section#status h2{font-size: 2.3rem; text-align: center; line-height: 2.5;}

main#lp section#annual-income h2{font-size: 2.2rem; text-align: center; margin-bottom: 30px;}
main#lp section#annual-income h2 b{font-size: 5rem; line-height: 1.6; font-weight: bold; padding-left: 10px; color: #fa8383;}
main#lp section#annual-income .s01{font-size: 2rem; text-align: center; margin-bottom: 15px;}
main#lp section#annual-income .reservation-wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center;	-ms-flex-pack: center; justify-content: center; -ms-flex-pack: distribute; justify-content: space-around; margin: 10px auto 30px;}
main#lp section#annual-income .reservation-wrap .reservation-btn{-ms-flex-preferred-size: 32%; flex-basis: 32%; text-align: center; background: -moz-linear-gradient(top, #ffb2b2, #fa8383); background: -webkit-linear-gradient(top, #ffb2b2, #fa8383); background: linear-gradient(to bottom, #ffb2b2, #fa8383);}
main#lp section#annual-income .reservation-wrap .online-btn{-ms-flex-preferred-size: 30%; flex-basis: 30%; text-align: center; background: -moz-linear-gradient(top, #6897d0, #5e88bb); background: -webkit-linear-gradient(top, #6897d0, #5e88bb); background: linear-gradient(to bottom, #6897d0, #5e88bb);}
main#lp section#annual-income .reservation-wrap .tel-btn{-ms-flex-preferred-size: 30%; flex-basis: 30%; text-align: center; background: -moz-linear-gradient(top, #dab918, #c3a50e); background: -webkit-linear-gradient(top, #dab918, #c3a50e); background: linear-gradient(to bottom, #dab918, #c3a50e);}
main#lp section#annual-income .reservation-wrap .reservation-btn a,
main#lp section#annual-income .reservation-wrap .online-btn a{font-size: 2rem; text-decoration: none; color: #fff; padding: 20px; display: block; border: 1px solid #fff; margin:2px;}
main#lp section#annual-income .reservation-wrap .tel-btn a{font-size: 2rem; text-decoration: none; color: #fff; padding: 20px; display: block; border: 1px solid #fff; margin:2px; background: url(../images/lp/icon_tel.svg) no-repeat 53px center; background-size: 25px; pointer-events: none;}

main#lp section#annual-income .s02{font-size: 3rem; text-align: center; color: #fa8383;}
main#lp section#annual-income .s03{font-size: 2rem; text-align: center; margin-bottom: 20px;}

main#lp section#annual-income .satisfaction-wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top:50px;}
main#lp section#annual-income .satisfaction-wrap .img-box{width:50%; text-align:center;}
main#lp section#annual-income .satisfaction-wrap .txt-box{width:100%; font-size:1.8rem; padding-left: 40px; box-sizing: border-box; line-height: 1.8;}
main#lp section#annual-income .satisfaction-wrap h3{font-size: 1.8rem; color: #fa8383;}
main#lp section#annual-income .satisfaction-wrap h3 span{font-size:4rem; padding-left: 10px;}

main#lp section#annual-income .swiper-container dl.cont{}
main#lp section#annual-income .swiper-container dl.cont dt{font-size:2rem;}
main#lp section#annual-income .swiper-container dl.cont dd{font-size:1.6rem; line-height:1;}

.swiper-button-prev,
.swiper-button-next{background-color: rgba(250, 131, 131, 0.5); padding:0 5px;}
.swiper-button-prev:after,
.swiper-button-next:after{color:#fff; font-size: 3rem !important;}


main#lp section#reason .wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px;}
main#lp section#reason .wrap .img-box{width: 20%; padding-right: 20px;}
main#lp section#reason .wrap .txt-box{width:100%;}

main#lp section#reason h2{margin-bottom: 20px; text-align: center; color: #fff; font-size:3rem; padding: 0.3em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #4ca7cc, #4ca7cc 3px,#54add2 3px, #54add2 7px);
background: repeating-linear-gradient(-45deg, #4ca7cc, #4ca7cc 3px,#54add2 3px, #54add2 7px);
}


main#lp section#reason .txt-box h3{font-size: 2.5rem;}
main#lp section#reason .txt-box h3 .ttl{position: relative;display: inline-block; line-height: 1.4; padding:0.25em 0.6em; color: #2aa6bd;}
main#lp section#reason .txt-box h3 .ttl:before,
main#lp section#reason .txt-box h3 .ttl:after{content:''; width: 20px; height: 30px; position: absolute; display: inline-block;}
main#lp section#reason .txt-box h3 .ttl:before{border-left: solid 1px #69cbdf; border-top: solid 1px #69cbdf; top:0; left: 0;}
main#lp section#reason .txt-box h3 .ttl:after{border-right: solid 1px #69cbdf; border-bottom: solid 1px #69cbdf; bottom:0; right: 0;}


main#lp section#reason .txt-box h3 .number{font-size: 4rem; padding-right: 15px; color: #55c0d5; background: -webkit-linear-gradient(top, #a0eaf9 0%,  #55c0d5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
main#lp section#reason .txt-box p{font-size: 1.4rem;}

main#lp section#data h2{text-align:center; margin-bottom: 20px; font-size:4rem;}
main#lp section#data .s01{font-size: 1.4rem; margin-bottom: 20px;}
main#lp section#data .wrap01,
main#lp section#data .wrap02{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; text-align: center;}
main#lp section#data .wrap01{margin-bottom:50px;}
main#lp section#data .wrap01 li{width: 100%;}
main#lp section#data .wrap02 li{width: 100%;}
main#lp section#data .wrap02 li p{line-height: 1.4; text-align: left; padding:10px 20px 0;}
main#lp section#data .wrap01 h3{font-size:2.2rem;}
main#lp section#data .wrap02 h3{font-size: 1.6rem; line-height: 1.4; color: #fa8383;}
main#lp section#data .wrap02 h3::before{content:'【';}
main#lp section#data .wrap02 h3::after{content:'】';}
main#lp section#meet .wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px;}
main#lp section#meet .wrap:last-of-type{margin-bottom:25px;}
main#lp section#meet .wrap .img-box{width:30%; box-sizing: border-box;}
main#lp section#meet .wrap .ttl-box{width:40%;}
main#lp section#meet .wrap .txt-box{width:100%; font-size: 1.2rem;}
main#lp section#meet h2{text-align:center; margin-bottom:50px; color: #fff; font-size:3rem; padding: 0.3em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #e07979, #e07979 3px,#e48181 3px, #e48181 7px);
background: repeating-linear-gradient(-45deg, #e07979, #e07979 3px,#e48181 3px, #e48181 7px);
}

main#lp section#meet h3{font-size:2rem; text-align:center; color: #fa8383;}

main#lp section#flow h2{text-align: center; margin-bottom: 20px; font-size:3.6rem; margin-bottom: 30px;}
main#lp section#flow h3{font-size:2.2rem; border-bottom: 1px dotted #55c0d5; padding-bottom: 2px; margin-bottom: 7px; color:#388daf;}
main#lp section#flow .wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom:20px;}
main#lp section#flow .wrap .img-box{width:20%; padding-right: 20px;}
main#lp section#flow .wrap .txt-box{width:100%;}
main#lp section#flow .wrap .txt-box p{font-size:1.4rem;}

main#lp section#cost h2{text-align: center; margin-bottom: 20px; color: #388daf; font-size:4rem;}
main#lp section#cost h3{font-size: 2.2rem; margin-bottom: 15px; border-bottom: solid 2px #b6e1ea; position: relative;}
main#lp section#cost h3:after {position: absolute; content: " "; display: block; border-bottom: solid 2px #55c0d5; bottom: -2px; width: 23%;}
main#lp section#cost h4{font-size: 1.8rem;}
main#lp section#cost .wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
main#lp section#cost .wrap .img-box{width:50%; padding-right: 20px;}
main#lp section#cost .wrap .txt-box{width:100%;}
main#lp section#cost .wrap .txt-box dl{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 45%; line-height: 1.8; margin-bottom: 10px;}
main#lp section#cost .wrap .txt-box dt{width:30%; font-size: 1.8rem; width: 55%;}
main#lp section#cost .wrap .txt-box dd{width:70%; font-size: 1.8rem; width: 45%;}
main#lp section#cost .wrap .txt-box .total{border-top:2px solid #b6e1ea;}
main#lp section#cost .wrap .txt-box .note{}
main#lp section#cost ul.cont{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
main#lp section#cost ul.cont li{width: 50%;}
main#lp section#cost .cont-note{margin-bottom: 30px;}
main#lp section#cost ul.cont{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 80%; line-height: 1.8; margin-bottom: 7px; background: #f5fdff; padding: 10px 15px; box-sizing: border-box; border-left: 4px solid #b6e1ea;}
main#lp section#cost ul.cont li{width:50%; font-size:1.4rem; line-height: 2;}
main#lp section#cost ul.cont li::before{position: relative; top: -2px; left: -3px; display: inline-block; width: 6px; height: 6px; content: ''; border-radius: 100%; background: #b6e1ea;}
main#lp section#cost .s01{font-size: 1.4rem; margin-bottom: 20px;}
main#lp section#cost dl.mens-plan{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
main#lp section#cost dl.mens-plan dt{width:18%; font-size: 1.8rem;}
main#lp section#cost dl.mens-plan dd{width:82%; font-size: 1.6rem;}
main#lp section#cost dl.mens-plan dd::before{content:'…'; padding-right: 10px;}

main#lp section#access h2{text-align:center; margin-bottom: 20px; font-size:3rem;}
main#lp section#access h2:before{content: ''; background: url(../images/lp/icon_metro.svg) no-repeat;}
main#lp section#access .wrap01{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
main#lp section#access .wrap01 .img-box{width:15%; padding-right: 20px;}
main#lp section#access .wrap01 .txt-box{width:100%; font-size:1.4rem;}

main#lp section#access .wrap02{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
main#lp section#access .wrap02 .img-box{width:30%; padding-right: 20px;}
main#lp section#access .wrap02 .txt-box{width:100%; font-size:1.6rem;}
main#lp section#access .metro{font-size:1.6rem; text-align: right; margin: 0 0 10px;}
main#lp section#access .metro span{position:relative; padding-left: 2em; line-height: 1.8em;}
main#lp section#access .metro span:before{position: absolute; left:0; content: '';  background: url(../images/lp/icon_metro.svg) no-repeat; display: inline-block; width: 2em; height: 1.8em; background-size: contain;}

main#lp section#privacy01 h2{text-align: center; margin-bottom: 20px; font-size:2rem;}
main#lp section#privacy01 .wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
main#lp section#privacy01 .wrap .img-box{width:10%; padding-right: 15px;}
main#lp section#privacy01 .wrap .txt-box{width:100%;}
main#lp section#privacy01 .s01{font-size: 1.4rem; margin-bottom: 10px; line-height: 1.6;}

main#lp section#faq h2{text-align: center; margin-bottom: 20px; font-size:3rem; color: #555;}
main#lp section#faq .acd-check{display: none;}
main#lp section#faq .acd-label{border-bottom: 1px solid #ccc; display: block; margin-bottom: 1px; padding:10px 50px 10px 10px; position: relative; font-size: 1.8rem;}
main#lp section#faq .acd-label:after{box-sizing: border-box; content: '\f067'; display: block; font-family: "FontAwesome"; height: 52px; padding: 10px 20px; position: absolute; right: 0; top: 0px;}
main#lp section#faq .acd-content{display: block; height: 0; opacity: 0; padding: 0 10px; transition: .5s; visibility: hidden;}
main#lp section#faq .acd-check:checked + .acd-label:after{content: '\f068';}
main#lp section#faq .acd-check:checked + .acd-label + .acd-content{height: 100%; opacity: 1; padding: 10px; visibility: visible; font-size: 1.3rem;}

main#lp section#faq dt{display:block; font-size: 1.8rem; border-bottom: 1px solid #ccc; display: block; margin-bottom: 1px; padding:10px 40px 10px 0px; position: relative; cursor:pointer;}
main#lp section#faq dt:after{font-family: "FontAwesome"; content: '\f067'; height: 52px; padding: 10px 20px; position: absolute; right: 0; top: 0px;}
main#lp section#faq dt.open:after{content: '\f068';}
main#lp section#faq dd{padding-top: 5px; padding-bottom:20px; display:none; font-size: 1.3rem; line-height: 1.5;}


main#lp section#privacy02 h2{text-align: center; margin-bottom: 20px; font-size:2rem;}
main#lp section#privacy02 ul.wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px;}
main#lp section#privacy02 ul.wrap li{margin-right: 20px;}
main#lp section#privacy02 .s01{margin-bottom: 10px;}
main#lp section#privacy02 .s02{text-align: center;}

footer#lp #fixNav{display:none;}











@media only screen and (max-width:768px){
main#lp .inner{width: 100%;}
main#lp section#top h1{font-size: 4rem; left: 30%; transform: translate(-19%, -38%);}
main#lp section#status h2{font-size: 1.7rem;}
main#lp section#annual-income h2{font-size: 2.2rem;}
main#lp section#annual-income h2 b{font-size: 3.6rem; line-height: 1.4;}
main#lp section#annual-income .satisfaction-wrap{padding: 0 20px;}
main#lp section#annual-income .reservation-wrap .reservation-btn{-ms-flex-preferred-size: 35%; flex-basis: 35%;}
main#lp section#annual-income .reservation-wrap .online-btn{-ms-flex-preferred-size: 25%; flex-basis: 25%;}
main#lp section#annual-income .reservation-wrap .tel-btn{-ms-flex-preferred-size: 30%; flex-basis: 30%;}
main#lp section#annual-income .reservation-wrap .tel-btn a{background: url(../images/lp/icon_tel.svg) no-repeat 22px 40px; background-size: 25px; padding-top: 36px; border: none;}
section#status, section#reason, section#meet, section#cost, section#privacy01, section#privacy02, section#data, section#flow, section#access, section#faq{padding:20px;}

main#lp section#reason h2{font-size: 2.8rem;}
main#lp section#data .wrap02{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
main#lp section#data .wrap02 li{width: 40%;}
main#lp section#meet .wrap{-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
main#lp section#meet h3{font-size: 1.8rem;}
main#lp section#meet h2{margin-bottom: 30px;}
main#lp section#cost .wrap .txt-box dt{font-size: 1.6rem;}
main#lp section#cost .wrap .txt-box dd{font-size: 1.6rem;}
main#lp section#cost ul.cont{width: 100%;}
main#lp section#cost dl.mens-plan dt{width: 25%;}
main#lp section#cost dl.mens-plan dd{width: 75%;}
main#lp section#cost h3:after{width: 25%;}

}



@media only screen and (max-width:640px){
.br-sp{display:block;}
.pc-none{display:block;}
#responsive-menu-button{display:none !important;}
#scroll-to-top{display:none !important;}
.swiper-button-prev:after,
.swiper-button-next:after{color:#fff; font-size: 2rem !important;}
main#lp section#top h1{font-size: 3rem; left: 28%;}
main#lp section#status{border-top: 3px double #55c0d5;}
main#lp section#status h2{font-size: 1.5rem;}
main#lp section#annual-income h2{font-size: 1.7rem; line-height: 2;}
main#lp section#annual-income .s01{font-size: 1.6rem;}
main#lp section#annual-income .s02{font-size: 2.2rem;}
main#lp section#annual-income .s03{font-size: 1.6rem;}
main#lp section#annual-income .reservation-wrap{-ms-flex-wrap: wrap; flex-wrap: wrap;}
main#lp section#annual-income .reservation-wrap .reservation-btn,
main#lp section#annual-income .reservation-wrap .online-btn{-ms-flex-preferred-size: 90%; flex-basis: 90%;}
main#lp section#annual-income .reservation-wrap .reservation-btn{margin-bottom:20px;}
main#lp section#annual-income .reservation-wrap .tel-btn{display:none;}
main#lp section#annual-income .satisfaction-wrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px;}
main#lp section#annual-income .satisfaction-wrap .img-box{width: 100%;}
main#lp section#annual-income .satisfaction-wrap .txt-box{padding-left: 0; padding-top: 20px; line-height: 1.6;}
main#lp section#annual-income .satisfaction-wrap .txt-box p{font-size: 1.5rem;}
main#lp section#annual-income .swiper-container dl.cont dt{font-size: 1.2rem;}
main#lp section#annual-income .swiper-container dl.cont dd{font-size: 1.4rem; line-height: 1.4;}
main#lp section#reason h2{font-size: 2rem; padding: 0.7em 0;}

main#lp section#reason .wrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
main#lp section#reason .wrap .img-box{width: 100%; padding-right:0;}
main#lp section#reason .wrap .txt-box{margin-bottom:15px;}
main#lp section#reason .txt-box h3 .number{display: block; text-align: center; padding-right: 0;}
main#lp section#reason .txt-box h3{font-size: 2.3rem; line-height: 1.2; padding-top: 10px; padding-bottom: 15px; text-align: center;}
main#lp section#data h2{font-size: 2.2rem;}
main#lp section#data .wrap01{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px;}
main#lp section#data .wrap01 li{margin-bottom: 10px;}
main#lp section#data .wrap02 li{width: 45%;}
main#lp section#data .wrap02 li p{padding:7px 0 10px; font-size: 1.2rem;}
main#lp section#data .wrap02 li:first-of-type{padding-bottom: 10px;}
main#lp section#data .wrap02 h3{font-size: 1.5rem;}
main#lp section#data .wrap02 h3::before{content:'';}
main#lp section#data .wrap02 h3::after{content:'';}
main#lp section#meet h2{font-size: 2.2rem; padding: 0.7em 0;}
main#lp section#meet .wrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
main#lp section#meet .wrap .img-box{width: 50%;}
main#lp section#meet .wrap .ttl-box{width: 50%;}
main#lp section#meet .wrap .txt-box{margin-top: 15px; font-size: 1.4rem;}
main#lp section#flow h2{font-size: 2.6rem;}
main#lp section#flow .wrap{margin-bottom: 30px;}
main#lp section#flow .wrap .img-box{width: 80%; padding-right: 10px;}
main#lp section#flow h3{font-size: 1.8rem; line-height: 1.2; margin-bottom: 7px; padding-bottom: 7px;}
main#lp section#flow .wrap .txt-box p{font-size: 1.4rem; line-height: 1.3;}
main#lp section#cost .s01{font-size: 1.5rem;}
main#lp section#cost h2{font-size: 3rem;}
main#lp section#cost h3{font-size: 2rem;}
main#lp section#cost .wrap .txt-box dl{width: 100%;}
main#lp section#cost ul.cont{margin-top: 10px; padding:10px 10px 7px 15px; border: 1px solid #c0d9de;}
main#lp section#cost ul.cont li{width: 100%; font-size: 1.5rem;}
main#lp section#cost dl.mens-plan{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
main#lp section#cost dl.mens-plan dt{width: 100%; font-size: 1.5rem;}
main#lp section#cost dl.mens-plan dt::before{content:'['; padding-right:2px;}
main#lp section#cost dl.mens-plan dt::after{content:']'; padding-left:2px;}
main#lp section#cost dl.mens-plan dd{width: 100%; font-size: 1.4rem; line-height: 1.4; margin-bottom: 10px;}
main#lp section#cost dl.mens-plan dd:before{content:none;}
main#lp section#access .wrap01{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
main#lp section#access .wrap01 .img-box{width: 30%; padding-right: 0; padding-bottom: 10px; margin: 0 auto;}
main#lp section#access h2{font-size: 1.8rem; margin-top: 20px; font-weight: bold; color: #555;}
main#lp section#access .wrap02 .img-box{width: 90%; padding-right: 10px;}
main#lp section#access .wrap02 .txt-box{font-size: 1.4rem; text-align: right;}
main#lp section#access .metro{margin: 10px 0 10px; font-size: 1.4rem;}
main#lp section#access .metro span{padding-left: 1.7em; line-height: 1;}
main#lp section#access .metro span:before{width: 1.6em; height: 1.5em;}
main#lp section#privacy01 h2{font-size: 1.6rem;}
main#lp section#privacy01 .wrap .img-box{width: 50%; padding-right: 10px;}
main#lp section#privacy01 .wrap .txt-box{line-height: 1.4;}
main#lp section#faq h2{font-size: 2.4rem;}
main#lp section#faq .acd-label{font-size: 1.5rem;}
main#lp section#faq dt{font-size: 1.5rem;}
main#lp section#faq dd{font-size: 1.4rem;}
main#lp section#privacy02 h2{font-size: 1.6rem;}
main#lp section#privacy02 ul.wrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
main#lp section#privacy02 ul.wrap a{font-size: 1.1rem; line-height: 2;}
main#lp section#privacy02 .s01{font-size: 1.3rem;}
main#lp section#faq .acd-check:checked + .acd-label + .acd-content{font-size: 1.2rem; line-height: 1.5;}

body.scrolled footer#lp #fixNav{bottom: 0;}
footer#lp{padding-top: 65px;}
footer#lp #fixNav{background: -moz-linear-gradient(top, #3b91b4 80%, #347b98); background: -webkit-linear-gradient(top, #3b91b4 80%, #347b98); background: linear-gradient(to bottom, #3b91b4 80%, #347b98); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 65px; position: fixed; left: 0; bottom: -65px; width: 100%; z-index: 1000; transition-duration: 200ms;}
footer#lp #fixNav li:first-child,
footer#lp #fixNav li:nth-child(2){border-right: #dcf6fb 1px solid; width: calc(33% - 1px);}
footer#lp #fixNav li{width: 33%; flex: 1 1 33.33%;}
footer#lp #fixNav li a{display: block; text-align: center; text-decoration: none; padding: 5px 0;}
footer#lp #fixNav li a span{color: #fff; font-size: 1.3rem; line-height: 1; vertical-align: middle; display: inline-block;}
footer#lp #fixNav li.tel a > span:before{width: 27px; height: 35px; background: url(../images/lp/icon_tel.svg) no-repeat; background-size: 23px 23px; background-position: left center;}
footer#lp #fixNav li.document a > span:before{width: 27px; height: 35px; background: url(../images/lp/icon_document.svg) no-repeat; background-size: 24px 24px; background-position: left center;}
footer#lp #fixNav li.counseling a > span:before{width: 30px; height: 35px; background: url(../images/lp/icon_counseling.svg) no-repeat; background-size: 30px 30px; background-position: left center;}
footer#lp #fixNav li a span::before{content: ''; display: block; vertical-align: middle; margin-right: auto; margin-left: auto;}



}



@media only screen and (max-width:320px){
main#lp section#top h1{font-size: 2.6rem; left: 26%;}
main#lp section#status h2{font-size: 1.3rem;}
main#lp section#annual-income h2{font-size: 1.5rem;}
main#lp section#annual-income h2 b{font-size: 3rem;}
main#lp section#annual-income .s01{font-size: 1.4rem;}
main#lp section#annual-income .reservation-wrap .reservation-btn a,
main#lp section#annual-income .reservation-wrap .online-btn a{font-size: 1.6rem;}
main#lp section#annual-income .s02{font-size: 2rem;}
main#lp section#annual-income .s03{font-size: 1.4rem;}
main#lp section#annual-income .swiper-container dl.cont dd{font-size: 1.2rem;}
main#lp section#annual-income .satisfaction-wrap .txt-box{font-size: 1.6rem;}
main#lp section#reason h2{font-size: 1.8rem;}
main#lp section#reason .txt-box h3{font-size: 1.9rem;}
main#lp section#data h2{font-size: 2rem;}
main#lp section#data h3{font-size: 1.4rem;}
main#lp section#data .wrap02 li{width: 47%;}
main#lp section#meet h2{font-size: 1.8rem;}
main#lp section#meet .wrap .img-box{width: 47%;}
main#lp section#meet .wrap .ttl-box{width: 53%;}
main#lp section#flow h2{font-size: 2.4rem;}
main#lp section#flow .wrap .img-box{width: 50%;}
main#lp section#cost h2{font-size: 2.6rem;}
main#lp section#cost h3{font-size: 1.8rem;}
main#lp section#cost .wrap .txt-box dt{font-size: 1.5rem;}
main#lp section#cost .wrap .txt-box dd{font-size: 1.5rem;}
main#lp section#cost .wrap .img-box{padding-right: 10px;}
main#lp section#cost ul.cont li{padding-left: 1em; text-indent: -1em; line-height: 1.4; margin-bottom: 5px;}
main#lp section#access h2{font-size: 1.5rem;}
main#lp section#access .wrap02 .img-box{width:85%; padding-right: 3px;}
main#lp section#access .wrap02 .txt-box{font-size: 1.2rem;}
main#lp section#access .metro{margin: 15px 0 10px; font-size: 1.4rem; line-height: 1.4;}
main#lp section#access .metro span{padding-left: 1.6em;}
main#lp section#access .metro span:before{height: 1.4em;}
main#lp section#privacy01 h2{font-size: 1.4rem; margin-bottom: 10px;}
main#lp section#privacy01 .s01{font-size: 1.2rem; line-height: 1.4;}
main#lp section#faq h2{font-size: 2.2rem;}
main#lp section#faq .acd-label{font-size: 1.3rem;}
main#lp section#faq dt{font-size: 1.3rem;}
footer#lp #fixNav li.counseling a span{font-size:1rem;}
footer#lp #fixNav li.counseling a > span:before{height: 37px;}

}