.block{max-width: 96%;margin:0 2%;position: relative;}
.plan li p{width: 9vw}
#head.fixed a{font-size: 100%;}
#head.fixed .hd_btn{width: 20%}

/*50*/
.tl span{font-size: 3.5vw}

/*40*/
.value dl li strong{font-size: 3.2vw}

/*30*/
.page-template-page-faq .faq dl dt,
.page-template-page-faq .faq dl dt:before,
.page-template-page-faq .faq dl dd:before,
.plan3 .title .copy h3,
#conversion h2,
.value dl dt{font-size: 2.5vw}

/*24*/
.single-item .lineup .flex div h3,
.lineup li a h3,
.collection ul h3,
.plan li h3,
.omoi li dl dt{font-size: 1.9vw}

/*20*/
.plan_list li strong,
.page-template-page-service .reason li h3,
.news_area li h3,
.btn a, .btn input{font-size: 1.6vw}

/*18*/
.plan_list li strong span,
.lineup li a h3 span,
#foot .flex ul.flex a,
body,
.plan li h3 span,
#head .hd_btn li a,
#head ul.nav{font-size: 1.4vw}

/*16*/
.form table th span,
#foot .flex ul.flex.bottom a,
#head ul.nav02{font-size: 1.2vw}

.value li p{width: 18vw}
.value li:nth-child(2n) p{right: 8vw}
.omoi p.kyara{width: 26vw;margin-left: -13vw}
.omoi ul{padding-bottom: 100px;}
#foot .flex p.flex{display: block;}
#foot .flex p.flex img{width: 15vw}
#foot .flex p.flex span{display: block;margin-top: 15px}

#second #mainview h1{width: 96%}

.plan3 .title .thum p{width: 12vw}

.plan3 .title .thum{width: 32vw}
.plan3 .title .copy{width: 60vw}

.plan_list li{padding:0;min-height: 17vw;}

.page-template-page-faq .faq dl dt:before,
.page-template-page-faq .faq dl dd:before{width: 4vw;height: 4vw;line-height: 3.6vw}

#blog .left{width: 65%;}
#blog #sidebar{width: 30%}
#blog #sidebar #sidebar{width: 100%}
.blogsingle .thum_info{width: 30%;}
.blogsingle .entrybody{width: 65%}
.blogsingle .thum_info img{width: 100%;}
.blogsingle{align-items: flex-start;}


#bnr{max-width: 90%;}

.main-slider{height: 38vw}