.qml5 .title{ font-weight: normal; text-align: center; margin:10px 0 20px; font-size: 2.1rem; }
.sp {display: none;}
.pc {display: block;}
@media screen and (min-width:768px){ 
	.qml5 .title { margin: 10px 0 25px; font-size: 25px; }
}

.kv { text-align: center; margin-bottom: 30px;}

@media screen and (min-width:768px){ 
	.kv { background: url(/template/default/img/ibim/qml5/kv2_bg.jpg) top center #fff no-repeat;  /*border-bottom: 1px solid #ddd;*/ margin-bottom: 10px}
	.kv img { width: 550px;}
}

.b_a { background: #fff; padding: 30px 0 20px 0; position: relative;}
.b_a .voice-inner { display: flex; white-space: nowrap;}
.b_a .block { margin: 0 0 0 20px; text-align: left; min-width: 280px; width: 280px; white-space: normal; }
.b_a .block:first-child { margin: 0 0 0 0px; }
.b_a .block .pic_ba { margin-bottom: 10px;}
.b_a .block .score_ba {margin-top: 5px; padding: 10px 10px 5px 10px; display: none !important;}
.b_a .block .name {font-size: 95%;}
.b_a .block .prd { display: none !important;}
.b_a .block .type { display: flex;font-size: 95%; display: none !important;}
.b_a .block .type_title {width: 70px;}
.b_a .block .type_con { flex:1;}
.b_a .block .prd { display: flex;font-size: 95%; }
.b_a .block .prd_title {width: 70px;}
.b_a .block .prd_con { flex:1;}
.b_a .block .cmt { height: 140px; margin-bottom: 10px; border-bottom: 1px solid #ddd; display: none !important; }
.b_a .block .cmt p { margin-top: 5px;  }
.b_a .block p.ccopy { font-size:15px; font-style: italic; margin: 0px 0 0px;padding-top: 10px;  display: none !important;}
@media screen and (min-width:1200px){ 
	.b_a .voice-inner { justify-content: center;}
}

.scroll-box { overflow-x: auto; padding-bottom: 20px; -webkit-overflow-scrolling: touch; }
.scroll-box div.level_flow img { max-width: 100%; min-width: 900px; vertical-align: top; }
  
  /*===========
  scrollbar
  ===========*/
  /*スクロールバー全体の高さ*/
  .scroll-box::-webkit-scrollbar { height: 4px; }
  /*スクロールバー全体の背景*/
  .scroll-box::-webkit-scrollbar-track { background: #eee;}
  /*スクロールバーの動く部分*/
  .scroll-box::-webkit-scrollbar-thumb { background: #aaa; border: none;}
  /*スクロールバーの動く部分のホバー（マウスオーバー）*/
  .scroll-box::-webkit-scrollbar-thumb:hover { background: #999;}

 @media screen and (min-width:768px){
	.scroll-box div.level_flow img { min-width: 1400px; }
 }

.b_a .arrow{ position: absolute; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none; font-size: 15px; bottom: 24px; left: 0; }

@media screen and (min-width:1180px){ 
	.b_a .arrow { display: none;}
}

.b_a .arrow::before,
.b_a .arrow::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }

.b_a .arrow_style::before{ box-sizing: border-box; width: 30px; height: 30px; border: 1px solid #aaa; background: #fff; -webkit-border-radius: 50%; border-radius: 50%;}
.b_a .arrow_style::after { left: 8px; width: 9px; height: 9px; border-top: 1px solid #aaa; border-right: 1px solid #aaa; -webkit-transform: rotate(45deg); transform: rotate(45deg);}




.point3 { margin: 0px 15px 0; text-align: center;}

@media screen and (min-width:768px){
	.point3 { margin: 0px auto 0;}
	.three_point_title { margin-bottom: 20px; }
	.three_point_title img { width: 450px; }
 }



.point3_1 { margin-bottom: 30px; }

@media screen and (min-width:768px){
	.point3_1 {  background: url(/template/default/img/ibim/qml5/point1_bg.jpg) top center no-repeat; padding: 45px 0 0px;}
	.point3_1 img  {width: 450px;}
}



.point3_2 { margin-bottom: 50px; }

@media screen and (min-width:768px){
	.point3_2 {  background: url(/template/default/img/ibim/qml5/point2_bg.jpg) top center no-repeat; padding: 30px 0 50px;background-size: 1150px;}
	.point3_2 img  {width: 450px;}
}


.point3_3 { margin-bottom: 30px; position: relative;}
.point3_3 .onlinelink {margin: -20px auto 0; }
.point3_3 .onlinelink a { text-decoration: underline; }
.point3_3 .onlinelink a:hover { text-decoration: none;}



@media screen and (min-width:768px){
	.point3_3 { background: url(/template/default/img/ibim/qml5/point3_bg.jpg) top center no-repeat; padding: 45px 0 0;background-size: 1150px;}
	.point3_3 img  {width: 400px;}
	.point3_3 .point3_3_btn  {position: absolute; bottom: 30px; width: 100%;}
	.point3_3 .point3_3_btn img  { width: 330px;}
	.point3_3 .onlinelink {margin: 8px auto 0; }

}



.l5_faq { background: #eaf5fa; padding: 20px 0; }
.l5_faq .block-inner{ margin: 20px auto 0; }
.l5_faq .block-inner.active{ /*box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.4);*/ }
.l5_faq .title{ text-align: center; margin:0 20px 30px; }
.l5_faq .q-text { position: relative; align-items: center; padding: 0 15px 15px; cursor: pointer; border-bottom: 1px solid #ddd;  }
.l5_faq .q-text .text { font-size: 110%; margin-right: 20px;}
.l5_faq .q-text i {position: absolute; bottom: 10px; right: 10px;}

.l5_faq .block-inner.active .q-text {/* background: #fff; */}
.l5_faq .a-text{ background: #fff; padding: 15px; }
.l5_faq .q { font-family: Times New Roman; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; flex-shrink: 0; text-align: center; background: #fff; color: #fd5372; border-radius: 50%; width: 30px; height: 30px; margin:0 15px 0 0; font-size: 1.7rem; }

.l5_faq .a { font-family: Times New Roman; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; -shrink: 0; text-align: center; background: #fff1f4; color: #fd5372; border-radius: 50%; width: 30px; height: 30px; margin:0 15px 0 0; font-size: 1.7rem; }

.l5_faq .text { flex: 1; }


@media screen and (min-width:768px){	
	.l5_faq { padding: 30px 0 20px;}
	.l5_faq .title { text-align: center;}
	.l5_faq .title img { width: 400px;}
	.l5_faq .block-inner{ width: 560px;}
	.l5_faq .q,
	.l5_faq .a {width: 60px; height: 60px; margin: 0 15px 0 0; font-size: 2.7rem;}
	.l5_faq .q-text { align-items: center; padding: 0 20px 20px;}
	.l5_faq .q-text .text{ font-size: 1.5rem;}
	.l5_faq .a-text {padding: 15px 20px;}
	.l5_faq .a-text .text{ font-size: 1.3rem;}
}


.buy_btn_sticky{ text-align: center; position: fixed; bottom:30px; left:0; right:0; margin: auto; padding: 6px 5px 1px; z-index:5; }
.buy_btn_stickytext{ text-align: center; position: fixed; bottom:0; left:0; right:0; margin: auto; padding: 6px 5px 1px; z-index:5; background: #ffd266; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.buy_btn_sticky .buy_btn_sticky_title { font-weight: bold; font-size: 15px;}
.buy_btn_sticky small { font-size: 65%; color: #777;}

.buy_btn_sticky_flex { display: flex; }
.buy_btn_sticky_flex a { margin: 0 5px; }

@media screen and (min-width:768px){ 
	.buy_btn_sticky { width: 100%; padding-top: 10px; bottom:70px; }
	.buy_btn_sticky .flex_pc { display: flex; align-items: center; justify-content: center;}
	.buy_btn_sticky a.phone_btn { display: block; margin: 0 10px; width: 270px;}
	.buy_btn_sticky a.cs_btn { display: block; margin: 0; width: 134px;}
	.sp {display: block;}
	.pc {display: none;}
	
}


@media screen and (max-width:1180px){ 
	.buy_btn_sticky { width: 100%; padding-top: 10px; bottom:40px; }
	
}

.SOS { display: none !important;}