/*------------------------------------------------------------

------------------------------------------------------------*/

.yakutore{font-size:16px; background:#FFF;}
.yakutore section{clear:both; padding:50px 0; width:100%; box-sizing:border-box;}
.yakutore section:after{content:""; clear:both; display:block;}
.yakutore section h2{text-align:center; color:#AEB42E; border-bottom:2px solid #F19629; font-size:2em; font-weight:normal; position: relative; margin: 0 0 20px; padding: 0 0 8px;}
.yakutore section h2:after{content:""; display:block; margin-bottom: -2px; border-bottom:2px solid #AEB42E; position:absolute; bottom:0; width:50%;}
.yakutore section h3{}
.yakutore section .wrapper{max-width:1000px; margin:auto;}
.yakutore section .wrapper figure{float:left; width:50%; text-align: center;}
.yakutore section .wrapper{text-align: justify;}

.yakutore .underine{
 background: linear-gradient(transparent 0%, transparent 60%, #f1bf57 60%);
}
/*アニメーション*/
figure.delighter { transform:translatey(30%); opacity:0; transition: all .75s ease-out; }
figure.delighter.started { transform:none; opacity:1; }


/****メインビジュアル****/
.yakutore #mainimg{background:url(/images/yakutore/bg_main.jpg) no-repeat left , #f1f5f6; background-size:cover;}

.yakutore #mainimg h1{background:url(/images/yakutore/logo_yakutore.svg) no-repeat top center; background-size:contain; padding-top:110px; margin-bottom:40px; text-align:center; font-size: 1.8em;}

.yakutore #mainimg dd{background:rgba(255,255,255,0.8); padding:5px; border-radius: 10px;}



/****診療報酬改定対応****/
.yakutore #kaitei{background:url(/images/yakutore/bg_dot.png);}
.yakutore #kaitei p{background:url(/images/yakutore/img_pharurun.png) no-repeat top center; padding-top:150px; float:left; width:50%;}



/****薬トレとは****/
.yakutore #whats_app{background:url(/images/yakutore/bg_line.png);}
.yakutore #whats_app .add_icon{background:url(/images/yakutore/appicon_hokenchouzai.svg) no-repeat 28px 0;}
.yakutore #whats_app #text_contents{border:3px solid #A7B531; border-radius:5px; background:#F0F3D8; padding:3% 5%;}
.yakutore #whats_app #text_contents h4{color:#ADB502; font-weight:normal; font-size:1.5em; text-align:center; margin-bottom:2%;}
.yakutore #whats_app #text_contents strong{font-weight:bold; background: linear-gradient(transparent 60%, #ffff66 60%); font-size:1.3em;}



/****ポイント****/
.yakutore #point{background:url(/images/yakutore/bg_capsule.png);}
.yakutore #point h3{color:#F19629; border-bottom:3px solid; font-size:1.6em;}
.yakutore #point h3,
.yakutore #point p{margin-bottom:15px;}
.yakutore #point h3{padding: 140px 10px 8px; position:relative; box-sizing: border-box;}
.yakutore #point #point1 h3{background:url(/images/yakutore/point1.svg) no-repeat top center;}
.yakutore #point #point2 h3{background:url(/images/yakutore/point2.svg) no-repeat top center;}
.yakutore #point #point3 h3{background:url(/images/yakutore/point3.svg) no-repeat top center;}
.yakutore #point #point3:after{clear:both; content:""; display:block;}


/*ダウンロードアイコン*/
.app_install_text {clear:both; text-align: center; margin: 30px 0 5px; font-feature-settings: "palt"; letter-spacing: .1em; position:relative;}
.app_install_text svg{stroke:#333;stroke-width:2;}


.yakutore .download{clear: both; display: flex; justify-content: center;}
.yakutore .download li{margin:20px 10px;}
.yakutore .download li img{height:60px;}

.yakutore .main_download li img:hover,
.yakutore .download li img:hover{opacity:.8;}


/*注意書き*/
.yakutore #point .attention{border:2px solid #DDD; padding:10px; margin:10px 2%; background:rgba(255,255,255,0.8);}
.yakutore #point .attention p{width:inherit; float: inherit;}


/****************
　　　PC専用
****************/
@media only screen and (min-width: 960px){
/****メインビジュアル****/
.yakutore #mainimg div{max-width:960px; margin:auto;}
.yakutore #mainimg article{float:right; width:70%; max-width:660px;}
.yakutore #mainimg figure{width:30%; max-width:300px; float:left;}
.yakutore #mainimg dt{float:left; width:270px;}
.yakutore #mainimg dd{float:left; width:350px; margin-left: 20px;}
.yakutore #mainimg .main_download li{float:left; margin:5px 25px;}

}

@media screen and (max-width: 959px) {
/****メインビジュアル****/
.yakutore #mainimg h1{padding-top:120px;}
.yakutore #mainimg dl{float: right; width:50%; text-align: center;}
.yakutore #mainimg figure{float:left; width:50%; text-align: center;}
.yakutore #mainimg dd{background-position: center 5px; padding:5px; border-radius: 10px;}
.yakutore #mainimg .main_download li{margin:5px;}
}
@media only screen and (min-width: 768px){


/****薬トレとは****/
.yakutore #whats_app .add_icon{padding-left:150px; min-height:100px;margin-bottom: 15px;}



/****ポイント****/
.yakutore #point #point1,
.yakutore #point #point2,
.yakutore #point #point3{ clear:both; margin:50px 2% 0; float:left; width:46%;}
.yakutore #point #point2{ float:right;}
.yakutore #point h3{ position:relative;}
.yakutore #point1 h3:after,
.yakutore #point3 h3:after{content:"";position:absolute; bottom: -3px; right: -20px; border-right: 30px solid transparent; border-bottom: 30px solid #F19629; display: inline-block;}
.yakutore #point2 h3:after{content:"";position:absolute; bottom: -3px; left: -30px; border-left: 30px solid transparent; border-bottom: 30px solid #F19629; display: inline-block;}
.yakutore #point figure{float:right; text-align: center;}
.yakutore #point2 figure{float:left;}


.app_install_text{font-size: 1.2em;}
}




/****************
　　　SP専用
****************/
@media only screen and (max-width: 767px) {
.yakutore section h2{ font-size:8vw;}
.yakutore section{padding:30px 2%;}

.yakutore .download li img{height:40px;}


/****メインビジュアル****/
.yakutore section#mainimg{padding:10px 2%;}
.yakutore #mainimg{background-position:20%;}
.yakutore #mainimg h1{padding-top:60px; margin-bottom:10px; text-align:center; font-size: 5.5vw;}




/****診療報酬改定対応****/
.yakutore #kaitei figure{display:none;}
.yakutore #kaitei p{float:inherit; width:100%;}


/****薬トレとは****/
.yakutore #whats_app .add_icon{background-position: center 0; padding-top: 100px;}



/****ポイント****/
.yakutore #point .wrapper figure{float:inherit; width:100%; margin-bottom:30px;}

/*ダウンロードアイコン*/
.app_install_text span{display:block; width:90%; margin:auto;font-feature-settings: "palt"; letter-spacing: .1em;}
.app_install_text svg{position:absolute; top:10px; left:0;}
.app_install_text svg:nth-of-type(even){ top:10px; left: 96%;}

}