/*
Theme Name: clear-lp
Theme URI:
Description:
Author:
Version:
*/
html{background: url(./img/bk.png) repeat-y center -200px;background-size:150% }
body{font-size: 16px;overflow: hidden;width: 100%;color: #555}
a{text-decoration: none;color:#555;}
img{width: 100%;}
hr{height: 1px;border:none;outline: none;font-size: 0;border-top: dotted 1px rgba(172,183,191,1);}
hr.nami01{background: url(./img/hr01.png) no-repeat center center;border: none;background-size: cover;margin-bottom: -2vw;position: relative;z-index: 2;height: 2vw;}
hr.nami02{background: url(./img/hr02.png) no-repeat center center;border: none;background-size: cover;margin-top: -2vw;position: relative;z-index: 2;height: 2vw;}

.pc{display: block;}
.sp{display: none;}

.block{max-width: 1000px;margin:0 auto;}
.inblock{max-width: 1000px;margin:0 auto;position: relative;}
.w100{width: 100% !important;}
.w600{max-width: 600px;margin:0 auto;}
.w800{max-width: 800px;margin:0 auto;}
.w1000{max-width: 1000px;margin:0 auto;}
.widthmini{max-width: 600px;margin:0 auto;}

.dami{background: #ccc;height: 300px;}

table {letter-spacing: 0;width: 100%;}
table th,
table td{padding:0;border-top: solid 1px #D9EEF4;border-bottom: solid 1px #D9EEF4;height: 70px}
table td{}
table span{font-size: 12px;}

.btnarea a{background-color: #D9EEF4;padding: 18px 85px;display: inline-block;border-radius: 5px;position: relative;}
.btnarea a:after{content: "";background:url(./img/arw_b.svg) no-repeat center center;width:13px;height:9px;position:absolute;top:50%;right:15px;margin-top:-4px; }


.box{padding:80px 0;}
.shadow{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);background: #fff;padding:50px 100px;}

.flex{display: flex;justify-content: space-between;align-items: center;}
.center{text-align: center;}

.w50p{width: 50%;line-height: 200%;}
.btn {text-align: center;}
.btn a,
.btn span{padding:10px 0;display: inline-block;transition:all .5s;margin:0 auto;outline: none;border:none;cursor: pointer;line-height: 100%;position: relative;border-bottom:solid 1px #555;padding-right: 20px;letter-spacing: 0;}
.btn a:hover{letter-spacing: 0.05em;}
.btn a::after,
.btn span::after {content: "";background: url(./img/arw.svg) no-repeat center center;position: absolute;top:50%;width: 10px;height: 8px;margin-top: -3px;transition: 0.5s;right: 0}

.btn2{margin-top:50px; }
.btn2 a,
.btn2 input{width: 300px;padding: 15px 0;text-align: center;background:rgba(172,183,191,1);font-size:16px;color:#fff;border:none;outline:none;cursor:pointer; display: block;margin:0 auto;}

p.btnarea a{display: block;font-weight: bold;letter-spacing: 0;}

h3{font-size: 40px;text-align: center;margin-bottom: 50px;font-weight: bold;}
h3 span{font-size: 20px;}

.arw{display: block;position: relative;}
.arw:after{content: "";background: url(./img/arw.svg) no-repeat center center;position: absolute;top:50%;right: 0;width: 6px;height: 8px;margin-top: -4px;}

.nowrap{white-space: nowrap}

.tl{font-size: 35px;letter-spacing: 0.15em;margin-bottom: 50px;position: relative;font-family: 'Philosopher', sans-serif;text-align: center;margin-bottom: 50px;}
.tl span{color:rgba(87,87,87,0.8);display: block;font-size: 14px;letter-spacing: 0;font-family: 'Noto Serif JP',serif;padding-top:20px;}
.sub_tl{font-size: 20px;text-align: center;padding:20px 0;background:rgba(172,183,191,1);margin-bottom: 50px;line-height: 100%;color:#fff;}
.tl_copy{margin-bottom: 50px;line-height: 180%;margin-top: -20px}
.tl_copy a{text-decoration: underline;}

.bk{background:rgba(125,171,209,0.1);}
.bk2{background:url(./img/bk02.png) no-repeat center bottom #fff;background-size: cover;}
.bk3{background:rgba(255,238,235,0.35);}

.mt-45{margin-top: -45px;}
.mb100{margin-bottom: 100px;}
.mb50{margin-bottom: 50px !important;}
.mb30{margin-bottom: 30px !important;}
.mb20{margin-bottom: 20px !important;}
.mb10{margin-bottom: 10px !important;}
.mr50{margin-right: 50px !important;}
.ml20{margin-left: 20px;}
.pt0{padding-top:  0;}
.pt80px{margin-top:80px;}
.pb0{padding-bottom:  0;}
.center{text-align: center;line-height: 200%}
.right{text-align: right;}
.red{color:rgba(151,13,35,1);}
.bc_lb{background-color: #e4e9f2;}
.fs_14{font-size: 14px;}
.pt80px{margin: 80px 0 20px;}


#head{}
#head.flex{}
#head h1{padding:0 35px;}
#head h1 img{width:215px;}
#head ul{justify-content: flex-end}
#head ul li{margin-left: 1px;width: 140px;}
#head ul li a{width: 140px;height: 140px;display: flex;align-items: center;background: rgba(111,184,130,1);flex-direction: column;justify-content: center;text-align: center;line-height: 120%;color:#fff;}
#head ul li:nth-child(2) a{background: rgba(242,156,151,1);}
#head ul li:nth-child(3) a{background: rgba(125,171,209,1);}
#head ul li a img{height: 50px;margin-bottom: 10px}

#main{background: url(./img/mainview.png) no-repeat center center;height: 850px;background-size: cover;display: flex;align-items: center;}
#main .block{width: 1100px;}
#main .block .box{width: 45%;margin-left: 50%;text-align: center;font-size: 30px;color:#fff;}
#main .block .catch_copy{width: 90%;margin:0 auto 6%;}
#main .block .catch_tl{width: 100%;margin-bottom: 6%;}
#main .block .catch_tl img{margin-bottom: 2%;}
#main .block .catch_bk{width: 100%;background: url(./img/catch_bk.svg) no-repeat center center;background-size: cover;height: 80px;line-height: 160%;letter-spacing: 0}


.conversion{clear: both;}
.conversion .app_btn img{height: 50px;width: auto;margin-right: 15px;}
.conversion .app_btn a{font-size: 30px;justify-content: center;background: rgba(111,184,130,1);color:#fff;padding:20px 0;border-radius: 5px;border: solid 2px #fff;box-shadow: 0 0 5px rgb(0 0 0 / 10%);line-height: 100%}
.conversion .app_btn li:nth-child(2) a{background: rgba(125,171,209,1);}
.conversion .app_btn li{width:48%;}
.conversion .app_btn{margin-bottom: 4%;}
.conversion .moni_area {border:solid 2px rgba(242,156,151,1);padding:20px 0;box-shadow: 0 0 5px rgb(0 0 0 / 10%);background-color: #fff;text-align: center;}
.conversion .moni_area h2{font-size: 30px;text-align: center;line-height: 130%;font-weight: bold;}
.conversion .moni_area h2 strong{font-size: 40px;color:rgba(242,156,151,1);font-weight: bold;}
.conversion .moni_area ul{justify-content: space-around;margin-top: 20px;}
.conversion .moni_area ul li{width:25%;border-right: solid 1px rgba(242,156,151,1);padding:0 20px;text-align:center; }
.conversion .moni_area ul li:last-child{border:none}
.conversion .moni_area ul li strong{display: flex;height: 2em;align-items: center;justify-content: center;color:rgba(242,156,151,1);font-size: 30px;line-height: 120%;font-weight: bold;margin-bottom: 20px;}
.conversion .moni_area ul li a{display: block;padding:10px 0;text-align: center;background: rgba(242,156,151,1);color:#fff;border-radius: 5px;position: relative;font-weight: bold;}
.conversion .moni_area ul li a:after{content: "";background:url(./img/arw_w.svg) no-repeat center center;width:13px;height:9px;position:absolute;top:50%;right:10px;margin-top:-4px; }

/* trouble */
.trouble{position: relative;padding: 80px 0;background:url(./img/sec01_bk.png) no-repeat center center rgba(111,184,130,0.1); background-size: cover;margin-top: 80px;}
.trouble ul{text-align: center;width: 780px;flex-wrap: wrap;}
.trouble ul li{background-color: #D5E9E3;padding: 30px;width: 380px;font-size: 20px;letter-spacing: 0;margin-bottom: 20px;border-radius: 5px;}
.trouble img{position: absolute;width: 80%;bottom: 0;right: 150px;}

/* answer */
.answer{background: url(./img/sec02_bk.png) no-repeat center top;padding: 80px 0;background-size: cover;position: relative;}
.answer .block{margin-bottom: 80px;}
.answer .conversion {margin-bottom: 0}
.answer ul.ans {flex-wrap: wrap;align-items: stretch;margin-bottom: -20px;}
.answer ul.ans h4{text-align: center;}
.answer ul.ans li{width:32%;background-color: #fff;padding: 25px 15px;letter-spacing: 0;border: 2px solid #7DABD1;border-radius: 9px;margin-bottom: 20px;}
.answer ul.ans li h4{font-size: 22px;color: #7DABD1;font-weight: bold;}
.answer ul.ans li p{margin-top: 15px;}
.answer .arw_u{position: absolute;left:50%;margin-left: -50px;width: 100px;top:-50px;}

/* reccomend */
.reccomend{padding: 80px 0;}
.reccomend div.flex{flex-wrap: wrap;align-items: stretch;}
.reccomend div.flex ul{width: 31%;margin-bottom: 50px;}
.reccomend .menu01{}
.reccomend .menu01 li{width: 100%;}
.reccomend .menu01 img{width: 100%;height: auto;margin-bottom: 10px}
.reccomend .menu01 .price01{width: 100%;}
.reccomend .menu01 .price01 p{margin-bottom: 10px;font-weight: bold;display: flex;height: 3em;align-items: center;}
.reccomend .menu01 .price01 strong{font-size: 120%;font-weight: bold;letter-spacing: 0;line-height: 130%}
.reccomend tr{height: auto;font-size: 90%;letter-spacing: 0}
.reccomend table {border-top: dotted 1px #ccc;}
.reccomend table th{height: auto;padding: 10px 0;}
.reccomend table td{height: auto;padding: 10px 0;text-align: right;white-space:nowrap;}
.reccomend .btnarea{text-align: center;font-size: 18px;max-width: 370px;margin:0 auto}
.reccomend .btnarea a{background-color: #D9EEF4;padding: 15px;display: block;border-radius: 5px;position: relative;}
.reccomend .btnarea a:after{content: "";background:url(./img/arw_b.svg) no-repeat center center;width:13px;height:9px;position:absolute;top:50%;right:15px;margin-top:-4px; }

/* flow */
.flow{background: url(./img/sec04_bk.png) no-repeat center center;padding: 80px 0;border-bottom: solid 1px #fff;}
.flow .step{background-color: #fff;justify-content: flex-start;margin-bottom: 30px;box-shadow: 0 0 5px rgb(0 0 0 / 10%);background-size: cover;}
.flow .step .stepnum{position: relative;width:0;top:0;left: 0;color:#fff;display: block;font-size: 10px;text-align: center;align-self: flex-start;}
.flow .step .stepnum span{position: absolute;top:10px;left: 0;color:#fff;display: block;font-size: 10px;text-align: center;z-index: 9;width: 60px;line-height: 180%}
.flow .step .stepnum:after {content: "";width: 0;height: 0;border-style: solid;border-width: 100px 100px 0 0;border-color: #6fb882 transparent transparent transparent;top:0;left:0;position: absolute;top:0;left: 0;}
.flow .step .stepnum strong{font-size: 20px;display: block;}
.flow .step:last-of-type{margin-bottom: 0;}
.flow .step h4{font-size: 24px;color: #6FB882;margin-bottom: 10px;font-weight: bold;}
.flow .step img{max-width: 35%;height: auto;}
.flow .step img+div{padding: 0 25px;}
.flow .step img div p{line-height: 160%;}
.flow .step p.btnarea{text-align: center;font-size: 18px;width: 370px;margin-top: 20px;}
.flow .step p.btnarea a{background-color: #D5E9E3;padding: 15px;border-radius: 5px;position: relative;}
.flow .step p.btnarea a:after{content: "";background:url(./img/arw_b.svg) no-repeat center center;width:13px;height:9px;position:absolute;top:50%;right:15px;margin-top:-4px; }

.flow .conversion {padding-top: 80px;}

/* faq */
.faq{padding: 80px 0;background-color: #D9EEF4;}
.faq .que{background-color: #fff;padding: 25px;border-radius: 10px;margin-bottom: 20px;cursor: pointer;position: relative;}
.faq .que:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 55px;
	right: 30px;
	width: 10px;
	height: 10px;
	border-right: 3px solid #7DABD1;
	border-bottom: 3px solid #7DABD1;
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}
.faq .que.active:after {
	transform: rotate(225deg);
}
.faq .que dl{justify-content: flex-start;}
.faq .que dl dd{font-size: 22px;}
.faq .que .q-num{margin-right: 20px;}
.faq .que .q-num p{background-color: #7DABD1;color:#fff;border-radius: 50%;padding: 20px;}
.faq .ans{display: none;padding:20px;background: #D9EEF4;margin-top: 20px;}

/* overview */
.overview{padding: 80px 0;}
.overview .clearclinic h4{font-size:24px;text-align:center;background-color: #7DABD1;padding: 10px 0;color: #fff;margin-bottom: 30px;}
.overview .clearclinic{margin-bottom: 50px;}
.overview .clearclinic img{float: left;max-width:50%;height: auto;}
.overview .clearclinic table{float: right;width: 450px;margin-bottom: 30px;}
.overview .clearclinic p.btnarea{text-align: center;width: 370px;margin: 0 auto;}
.overview .clearclinic p.btnarea a{background-color: #D9EEF4;padding:15px;border-radius: 5px;}
.overview .flex,p{clear: both;}
.overview .clear02{width: 480px;}
.overview .clear02 table{margin-bottom: 30px;}
.overview .clear02 td{border-top: solid 1px #D5E9E3;border-bottom: solid 1px #D5E9E3;}
.overview .clear02 th{border-top: solid 1px #D5E9E3;border-bottom: solid 1px #D5E9E3;}
.overview .clear02 h4{font-size:24px;text-align:center;background-color: #6FB882;padding: 10px 0;color: #fff;margin-bottom: 30px;}
.overview .clear02 p.btnarea{text-align: center;width: 370px;margin: 0 auto;}
.overview .clear02 p.btnarea a{background-color: #D5E9E3;padding: 15px;border-radius: 5px;}

.overview table th{font-weight: bold;}

.clearclinic+.flex{margin-bottom: 80px;}

/* footer */
#foot{background-color: #D9EEF4;height: 250px;}
#foot .block{padding: 80px 0;text-align: center;}
#foot ul{margin: 0 auto 25px;justify-content: center;}
#foot ul li{margin-right: 1em;padding-right: 1em;border-right:solid 1px #ccc;line-height: 100%;}

.overview table th,
.overview table td{height: 62px;}

.noface{color:#fff;padding: 10px 30px;text-align: center;background: #ff7e2f;font-size: 20px;margin:20px auto 0;font-size: 25px;display: inline-block;letter-spacing: 0;line-height: 100%;border-radius: 30px}



.page-template-php-contact table {margin-bottom: 50px;}
.page-template-php-contact table th,
.page-template-php-contact table td{padding:15px 0;font-size: 16px;border-bottom: solid 1px rgba(242,156,151,1);border-top: solid 1px rgba(242,156,151,1);}
.page-template-php-contact table th{width:25%;color:rgba(242,156,151,1);font-weight: bold;}
.page-template-php-contact table td{padding-left: 30px;}

.page-template-php-contact table td label{margin-right: 20px;}
.page-template-php-contact table td span{font-size: 16px;}
.page-template-php-contact table td input,
.page-template-php-contact table td textarea{padding:10px;font-size: 18px;}
.page-template-php-contact table td textarea{width:100%;}
.page-template-php-contact table th span{background: #cc0000;color:#fff;padding:5px 10px;display: inline-block;float:right;line-height: 100%;}

.page-template-php-contact table td .error{display: block;color:#cc0000}


.page-template-php-contact #main {height: 300px;background: rgba(242,156,151,0.2);display: flex;justify-content: center;align-items: center;}
.page-template-php-contact #main  h1{font-size: 50px;text-align: center;line-height: 100%;font-weight: bold;}


.page-template-php-contact .btn {text-align: center;}
.page-template-php-contact .btn input{background-color:rgba(242,156,151,1);padding: 15px;display: block;border-radius: 5px;color: :#fff;max-width: 350px;margin: 0 auto;width: 100%;border: none;cursor: pointer;color:#fff;font-size: 18px;display: inline-block;}