#hinokitiol .l-headerBtm_logo>*{display:none}@media screen and (max-width: 767px){.hinokitiol_bg{padding-top:8vw;background:url(/brand/shouyo/img/hinokitiol/bg_hinokitiol.jpg) no-repeat center top/100% auto}.hinokitiol_intro{margin-bottom:8vw;padding:1em;background:rgba(255,255,255,0.8);overflow:hidden}.hinokitiol_intro p{margin-bottom:0;text-align:center}.hinokitiol_box{-webkit-box-sizing:border-box;box-sizing:border-box;margin:60px auto 50px auto;padding:30px 20px 20px 20px;background:#fff;border:1px solid #006cb3;border-radius:20px;position:relative}section.hinokitiol_box:last-of-type p.txt{margin-bottom:0}.hinokitiol_box_inner{margin:0 auto}.hinokitiol_box h3{width:100%;margin-bottom:20px;text-align:center;position:absolute;left:0;top:-25px;-webkit-box-sizing:border-box;box-sizing:border-box}.hinokitiol_box h3 span{padding:0 20px;background:#006cb3;display:inline-block;font-size:5.4vw;color:#fff;font-weight:bold;border-radius:50px}.hinokitiol_box img{margin-bottom:25px}.hinokitiol_index{margin-left:-10px;margin-right:-10px}.hinokitiol_list{margin:0 20px 30px 20px}.hinokitiol_list li{margin-bottom:10px;font-size:5vw}.hinokitiol_list li a{padding:5px 0 5px 1em;background:#006cb3;color:#fff;border-radius:10px;display:block}.source.text{text-indent:-3em;margin-left:3em;line-height:1.4;font-size:1.4rem}.top_bnr_cp{background-color:#eee;padding:12vw 0 5vw}.top_bnr_cp_inner{margin:0 auto;padding:0 20px}.top_bnr_cp_inner img:first-of-type{margin-bottom:10px}.top_bnr_cp_link{display:block}.top_bnr_cp_img{display:block}}@media print, screen and (min-width: 768px){.hinokitiol_bg{background:url(/brand/shouyo/img/hinokitiol/bg_hinokitiol.png) no-repeat center top/100% auto}.hinokitiol_intro{margin-bottom:30px;padding:1em;background:rgba(255,255,255,0.8);overflow:hidden}.hinokitiol_intro p{margin-bottom:0;text-align:center}.hinokitiol_box{width:1000px;height:434px;margin:0 auto 50px auto;padding:30px;background:#fff;border:1px solid #006cb3;border-radius:20px;position:relative;padding-right:400px}.hinokitiol_box>div{width:460px}.hinokitiol_box>div img{position:absolute;right:30px;top:30px}.hinokitiol_box:last-child{height:auto;padding-right:30px}.hinokitiol_box:last-child>div{width:100%}.hinokitiol_box>figure{width:430px}.hinokitiol_box h3{margin-bottom:20px;padding:0 20px;background:#006cb3;color:#fff;display:inline-block;font-size:30px;font-weight:bold}.source.text{position:absolute;bottom:0;text-indent:-3em;margin-left:3em}.hinokitiol_list{margin:0 0 30px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hinokitiol_list li{width:calc(96% / 5);margin-bottom:10px;font-size:18px}.hinokitiol_list li:hover{opacity:0.7}.hinokitiol_list li a{padding:5px 0 12px;height:100%;background:#006cb3;color:#fff;border-radius:10px;display:block;text-align:center}.hinokitiol_list li span{line-height:20px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.source.text{position:absolute;bottom:30px;text-indent:-3em;margin-left:3em}}
