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

.body{font-size: 14px;}
.page-template-php-contact table th,
.page-template-php-contact table td,
.page-template-php-contact table td span,
body{font-size: 14px}

p.btnarea{width: 90% !important}

/*40px*/
h3,
.conversion .moni_area h2 strong{font-size: 32px}

/*30px*/
.conversion .app_btn a,
.conversion .moni_area ul li strong,
.conversion .moni_area h2{font-size: 24px}

/*24px*/
.faq .que dl dd,
.overview .clear02 h4,
.overview .clearclinic h4,
.flow .step h4{font-size: 19px}

/*20px*/
.noface,
.answer ul.ans li h4,
.trouble ul li,
h3 span{font-size: 16px}

/*18px*/
.page-template-php-contact table td input,
.page-template-php-contact table td textarea,
.btnarea{font-size: 16px !important}
table span{font-size: 12px}

.mt-45{margin-top: -25px !important}

.block{width: 96%;max-width:96%;}

h3{font-size: 24px;text-align: center;margin-bottom: 5vw;}
h3 span{font-size: 16px;}

p.btnarea{font-size: 16px;max-width: 100%;}

#head{width:100%;height: auto;}
#head h1{padding-left:2vw;}
#head h1 img{width: 35vw;}
#head ul{justify-content: flex-end}
#head ul li{margin-left: 1px;width: 15vw;}
#head ul li a{width: 15vw;height: 15vw;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;font-size: 1.5vw}
#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: 5vw;margin-bottom: 0.7vw}

#main{min-height: 100vw;height: 100vw;width: 100%;}
#main .block .box{width: 50vw;font-size: 3vw;margin-left: 40vw}
#main .block .catch_bk{height: 8vw;}

/* conversion */
.conversion .app_btn li{width: 49%;letter-spacing: 0}
.conversion .app_btn img{height: 20px;width: auto;margin: 0 5px 0 0;}
.conversion .app_btn a{font-size: 14px;padding:12px 0;border-radius: 8px;border: solid 2px #fff;}
.conversion .app_btn{margin-bottom: 2%;}

.conversion .moni_area{margin-bottom: -25px;padding:3vw 0 ;}
.conversion .moni_area h2{font-size: 16px;width: 96%;margin: 0 auto;line-height: 140%}
.conversion .moni_area h2 strong{font-size: 20px;}
.conversion .moni_area ul li strong{font-size: 18px;margin-bottom: 10px;}
.conversion .moni_area ul{flex-wrap: wrap;align-items: end;margin-top: 0}
.conversion .moni_area ul li{width: 50%;margin-bottom: 0;border: none;padding: 10px 10px 0;}
.conversion .moni_area ul li a:after{display: none;}

/* trouble */
.trouble ul{width: 100%;align-items: stretch;}
.trouble ul li{font-size: 14px;margin-bottom: 10px;padding:15px }
.trouble ul li br{display: none;}
.trouble img{display: none;}

/* answer */
.answer .block{margin-bottom: 0;}
.answer ul.ans{margin-bottom: 0}
.answer ul.ans li{width: 100%;margin-bottom: 10px;padding:15px}
.answer ul.ans li p{margin-top: 5px;}

/* reccomend */

/* flow */
.flow .step{width: 100%;display: block;margin-bottom: 3vw;}
.flow .step img{max-width: 100%;height: auto;}
.flow .step h4{font-size: 20px;margin-bottom: 10px;}
.flow .step img+div{padding: 20px;}
.flow .step:last-of-type{margin-bottom: 40px;}

/* faq */
.faq .que{padding: 15px;line-height: 160%}
.faq .que ul li{font-size: 16px;}
.faq .que .q-num{margin-right: 10px;}
.faq .que .q-num p{padding: 0;height: 5vw;width: 5vw;font-size: 1vw;text-align: center;line-height: 5vw}
.faq .que:after{top:4vw}


/* overview */
.overview .clearclinic{margin-bottom: 30px;}
.overview .clearclinic h4{font-size:20px;padding: 10px;margin-bottom: 15px;}
.overview .clearclinic img{float: none;max-width:100%;height: auto;margin-bottom: 20px;width: 100%;}
.overview .clearclinic table{float: none;max-width: 98%;margin-bottom: 30px;width: 100%;}
.overview .clearclinic table th{width: 20%;padding-left: 10px;}
.overview .clear02{width: 100%;}
.overview .clear02:first-of-type{margin-bottom: 30px;}
.clearclinic+.flex{margin-bottom: 40px;display: block;}
.overview .clear02 h4{font-size:20px;padding: 10px;margin-bottom: 15px;}
.overview .clear02 th{width: 30%;padding-left: 10px;}

/* footer */
#foot{background-color: #D9EEF4;height: 250px;}
#foot .block{padding: 40px 0;text-align: center;}
#foot ul{display: block;}
#foot ul li a{display: block;padding:10px 0;}

#foot ul li{margin-right: 1em;padding-right: 1em;border-right:solid 1px #ccc;line-height: 100%;padding-right: 0;border-right:none;}

#foot #copyright{font-size: 12px;}


.faq,
.overview,
.answer,
.trouble,
.reccomend,
.flow{padding:8vw 0}

.flow .conversion{padding-top: 0}



.answer .arw_u{position: absolute;left:50%;margin-left: -6vw;width: 12vw;top:-6vw;}

.answer .conversion{padding-top: 25px}

.conversion .moni_area{margin-bottom: 0}

.reccomend div.flex ul{width: 100%;margin-bottom: 15px;}

.reccomend .menu01 {display: flex;justify-content: space-between}
.reccomend .menu01 li{width: 30%;}
.reccomend .menu01 .price01{width: 67%}
.reccomend .menu01 .price01 strong{font-size: 130%}
.reccomend .menu01 .price01 p{height: auto;}

.flow .step p.btnarea{margin:20px auto 0}
.reccomend table th,
.reccomend table td{padding:5px 0}

.page-template-php-contact table {margin-bottom: 50px;}
.page-template-php-contact table th,
.page-template-php-contact table td{display: block;width: 100%;height: auto;padding:10px 0}
.page-template-php-contact table td input{width: 100%;}

.page-template-php-contact table td .mwform-radio-field label{display: block;width: 100%;padding:5px 0}
.page-template-php-contact table td .mwform-radio-field input{display: inline;width: auto;}
.page-template-php-contact table th{background:  rgba(242,156,151,1);color:#fff;padding:5px 10px}

.page-template-php-contact table .mwform-tel-field input {width: 30%}

.box{padding:8vw 0;}

.page-template-php-contact #main {height: 30vw;min-height: 30vw;}
.page-template-php-contact #main h1{font-size: 20px}