@charset "utf-8";
/* CSS Document */

#dnaSec.secBox > .sectionInner .contentsBox{padding: 0 3% 2em;}

/*main*/
#main {background-position: center right;}
#main .mainBox .org_txt{font-size: 115%;background-size: contain;margin:1em 1em 0;}
#main .mainBox .ttl-h2{font-size: 250%;}
#main .mainBox .ttl-h2 span{font-size: 60%;}
#main .mainBox .mainimg{width: 70%;}

/*dnaSec*/
/*導入セクション*/
#dnaSec .SubmainBox .flexBox{display: block;}
#dnaSec .SubmainBox .flexBox .txtBox .Ttl{font-size: 270%;}
#dnaSec .SubmainBox .flexBox .img{width: 60%;margin: 0 auto 1em;}
#dnaSec .SubmainBox .flexBox .txtBox{width: 100%;}

/*申込みボタン*/
.btnBox{margin: 4em auto;}
.btnBox .note{font-size: 15px;}
.purchaseBox{display: block;}
#dnaSec .btn{text-align: center;}
#dnaSec .btn a{margin: 0.5em auto;width: 250px;font-size: 135%;}
#dnaSec .counseling a{margin: 0em auto;width: 325px;font-size: 130%;display: inline-block;}
.btnBox .purchaseBox .flexBox{display: block; width: 100%;}

/*内部リンク*/
#dnaSec .LinkBox{margin: 3em 0 0;}
#dnaSec .LinkBox p{  margin-bottom: 2em;width: calc(95%/3);}
#dnaSec .LinkBox a{font-size: 150%;padding:0 0.1em 1em; display: block;text-align: center;}
#dnaSec .LinkBox p:last-of-type a{border-right:  1px dashed #000;}
#dnaSec .LinkBox p:nth-child(1) a{border-left:  1px dashed #000;}
#dnaSec .LinkBox p:nth-child(4) a{border-left:  1px dashed #000;}

/*特徴*/
#features .flexBox .feature{width: calc(98% / 1);}
#features .flexBox .feature h4{font-size: 150%;}
#features .partner{padding: 1em;border: 4px solid #C5DCE8;margin-top: 2em;}
#features .partner .Ttl{line-height: 1.2;margin-bottom: 0.5em;font-size: 150%;}
#features .partner .Ttltxt {text-align: left;}
#features .partner .partner_detail{background: none;}
#features .partner .partner_detail .flexBox{margin-top: 1em;}

#features .partner .partner_detail .flexBox .detailTtl{width: 100%;height: auto;font-size: 120%;line-height: 1;}

/*検査でわかる項目*/
#item .itemBox .iconBox{display: block;}
#item .itemBox .iconBox dl{width:100%; margin-bottom: 0.3em;}

/*商品内容*/
#product .flexBox .product{width:calc(98% / 1); border-right: none;border-bottom:1px solid #000;padding: 15px; }
#product .flexBox .product:last-child{border-bottom: none;}
#product .optionBox .option{width: 100%;}

/*検査の流れ*/
#flow .flowBox .flowInner .img{margin-top: 1em;}

/*料金*/
#price .priceBox dl{display: block;}
#price .priceBox dt{width: 100%;border-right: none;border-bottom: 1px solid;background: #F1DDD6;}
#price .priceBox dt span.middle{position: relative;top: 0;left: 0;}
#price .priceBox dd{width: 100%;text-align: center;}
#price .priceBox dd p{text-align: center;}
#price .priceBox dd .flexBox .left{text-align: left;}

/*選手に聞いてみました*/
#implement .movie{margin-bottom: 5em;}
#implement .movie h3{line-height: 1.2;font-size: 200%;}
#implement .movie .img{width: 45%;}

/*選手も実施*/
#implement .implementBox h3{line-height: 1.2;font-size: 200%;}
#implement .implementBox .playerBox p.img{max-width: 100%;order: 2;margin: 0em auto 1em;}
#implement .implementBox .playerBox p.txt{width: 100%;order: 1;}

/*よくあるご質問*/
#faq .faqBox h3{margin: 1em;}
#faq .faqBox .faq .question{font-size:120%;line-height: 1.2; }
#faq .faqBox .faq .answer{font-size:120%; }