@charset "UTF-8"; 
@import"https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,600,700&subset=japanese&font-display+swap"; 
@import"https://use.fontawesome.com/releases/v5.6.1/css/all.css"; 
@import"https://fonts.googleapis.com"; 
@import"https://fonts.gstatic.com"; 
@import"https://fonts.googleapis.com/css2?family=Borel&family=Jua&family=M+PLUS+1:wght@100..900&family=M+PLUS+1p&family=Zen+Kaku+Gothic+New&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap"; 

/* reset */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p { margin: 0; padding: 0; }
html { -ms-touch-action: manipulation; touch-action: manipulation; }
body { font-weight: 400; background: #FFF; -webkit-font-kerning: auto; font-kerning: auto; letter-spacing: .04em; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /*font-family: 'Noto Sans JP', '游ゴシック Medium', 'YuGothic', 'YuGothicM', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '-apple-system', 'BlinkMacSystemFont', 'Verdana', 'Meiryo', sans-serif;*/
font-family: "M PLUS 1", sans-serif;}
html { font-size: 62.5%; }
body { font-size: 1.4rem; }
@media(min-width:30em) {  body { font-size: 1.5rem; } }
@media(min-width:48em) { body { font-size: 1.6rem; } }
a { color: #01a491; }
a:hover, button:hover ,a img:hover { opacity: .8; transition: all .3s ease-in-out; }
img { border: 0; virtical-align: bottom; display: block; width: 100%; }
button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
ul, ol { list-style: none; }
input,textarea { -webkit-appearance: none; border-radius: 0; }
::placeholder { color: #CCC; }
.clearfix::after,.radio::after { content:""; display: block; clear: both; }
* html .clearfix { height: 1px; }
i { padding: 0 .2em 0 0; }
table { border-collapse: collapse; border-spacing: 0; }

/* =================================
FV
================================= */  
.jbl_fact_fv_obj_right dt h2 div:nth-child(2) { font-size: 20px; width: ; padding: 5% 0 0 0; }    
.jbl_fact_fv_obj_right dt h2 div:nth-child(3) { font-size: 65px; width:20% ; padding: 0 0 0 2%; }     
.jbl_fact_fv_obj_right dt h3 { font-size: 29px; padding: 0 0 0 10px; }
.jbl_fact_fv_point_frame p { font-size: 14px; font-weight: bold; background: #01a491; color: #FFF; border-radius: 10px; text-align: center; padding: 15px 0; margin-top: 10%; }
.jbl_fact_cv_txt1 { font-size: 30px; color: #FFF; margin-bottom: 15px; font-weight: bold; text-align: center; }
.jbl_fact_cv_txt1 span { color: #fff000; }
.jbl_fact_fv_contact_area { font-size: 25px; text-align: center; font-weight: bold; padding: 15px 0; margin-top: 10px; border-top:1px dotted #000; border-bottom:1px dotted #000; }
.jbl_fact_fv_contact_area span { font-size: 18px; margin: 0 0 0 15px; display: inline-block;}

#jbl_fact_fv { background: url("../images/fv_bg.jpg") fixed no-repeat; background-size: 100%; }
#jbl_fact_fv h1 { text-align: center; color: #01a491; padding: 10px 0; }
#jbl_fact_fv h1 span { display: inline-block; background: rgb(255,255,0);
background: linear-gradient(0deg, rgba(255,255,0,1) 0%, rgba(255,255,0,1) 49%, rgba(255,255,255,0) 49%, rgba(255,255,255,0) 100%); }
.jbl_fact_fv_obj_left,.jbl_fact_fv_obj_right { float: left; }
.jbl_fact_fv_obj_left { width: 42%; padding: 3% 0 0 3%; }
.jbl_fact_fv_obj_right { width: 55%; }
.jbl_fact_fv_obj_right dt h2 { max-width: 500px; display: flex; color: #01a491; }
.jbl_fact_fv_obj_right dt h2 div:nth-child(1) { width: 12%; padding: 5% 0 0 2%; }  
.jbl_fact_fv_obj_right dt h3 span { color: #dc1d00; }
.jbl_fact_fv_obj_right dt h3 img { display: inline-block; width: 70px; vertical-align: middle; }
.jbl_fact_fv_point_frame { display: flex; }
.jbl_fact_fv_point_frame div { padding:5% 3% 0 3%; }
.jbl_fact_fv_odometer_wrap { clear: both; position: relative; background: #00a492; border-radius: 10px; padding: 25px; margin: 15px 0; }

@media (min-width: 979px){ 
}
@media (max-width: 978px){ 
  .jbl_fact_fv_obj_right dt h3 { font-size: 3vw; }
  .jbl_fact_cv_txt1 { font-size: 2.8vw; }
  .jbl_fact_fv_obj_left { padding: 0; width: 40%; }
  .jbl_fact_fv_obj_right { width: 60%; }
}
@media (max-width: 478px){ 
  /* フォントサイズ */
  .jbl_fact_fv_obj_right dt h2 div:nth-child(2) { font-size: 16px; width: 55%; padding: 0; }    
  .jbl_fact_fv_obj_right dt h2 div:nth-child(3) { font-size: 35px; width:20% ; padding: 0; }  
  .jbl_fact_cv_txt1 { font-size: 3vw; }
  #jbl_fact_fv h1 { font-size: 14px; padding: 10px 0 0 0; }
  .jbl_fact_fv_obj_right dt h3 { font-size: 19px; padding: 5%; width: 75%; background: rgba(255,255,255,0.80); border-radius: 10px; margin-left: auto; }
  .jbl_fact_fv_point_frame p { font-size: 12px; }
  .jbl_fact_fv_contact_area { font-size: 18px; }  
  
  .jbl_fact_fv_contact_area span { font-size: 16px; margin: 0; }
  #jbl_fact_fv { background: url("../images/fv_bg.jpg") fixed no-repeat; background-size: 200%; }   
  .jbl_fact_fv_obj_right dt h2 { width: 75%; margin-top: 5%; margin-left: auto; }
  .jbl_fact_fv_obj_right dt h2 div:nth-child(1) { width: 15%; padding: 0; }  
  .jbl_fact_fv_odometer_wrap { background: #00a492; width: 90%; margin: 2% auto; text-align: center; border-radius: 10px; padding: 2%; color: #FFF; }
  #jbl_fact_fv { position: relative; overflow: hidden; z-index: 1; }
  .jbl_fact_fv_obj_left,.jbl_fact_fv_obj_right { float: none; }  
  .jbl_fact_fv_obj_left { width: 45%; padding: 0; position: absolute; left: -5%; top:5%; z-index: -1; }  
  .jbl_fact_fv_obj_right dt h3 img { width: 30px; }
  .jbl_fact_fv_point_frame div { padding: 2%; }
  .jbl_fact_fv_obj_right { width: 100%; }  
}
/* =================================
カウントアニメーション
================================= */
.jbl_fact_odometer { width: 340px; }
.jbl_fact_col ul li:last-child{ background: #005249; color: #FFF; margin-left: 15px; width: 68px; height: 60px; display: flex; justify-content: center; align-items: center; }
.jbl_fact_col ul{ display: flex; justify-content: center; align-items: center; }
.jbl_fact_col ul li div{ float: left; }
.jbl_fact_col ul li div:not(:last-child){ margin-right: 14px; }
.jbl_fact_col_list { width: 74px; height: 88px; overflow: hidden; border-radius: 10px; background: url("../images/jbl_fact_start.jpg"); background-size: 100%; position: relative; z-index: 1; }
.jbl_fact_cv_effect .jbl_fact_col_list{ background-image: url("../images/jbl_fact_end.jpg"); }
.jbl_fact_col_list{ animation: jbl_fact_colscroll 7s infinite 0.9s; width: 100%; }
.jbl_fact_col_list:nth-child(2){ animation: jbl_fact_colscroll 7s infinite 0.7s; }
.jbl_fact_col_list:nth-child(3){ animation: jbl_fact_colscroll 7s infinite 0.5s; }
.jbl_fact_col_list:nth-child(4){ animation: jbl_fact_colscroll 7s infinite 0s; }
@keyframes jbl_fact_colscroll{ 0%{background-position:0 -1282px}
	10%{background-position:0 -1282px}
	40%{background-position:0 0}
	100%{background-position:0 0}
}
@media screen and (min-width:979px) {
  /* フォントサイズ */
  .jbl_fact_col { font-size: 18px; width: 53%; float: left; border-top: 1px dotted #FFF; border-bottom: 1px dotted #FFF; padding: 20px 0; }
	.jbl_fact_col li:first-child { font-size: 20px; color: #FFF; padding: 0 10px 0 0; font-weight: bold; text-align: left; }	
  
	.jbl_fact_col ul li:last-child { border-radius: 6px; margin:0 14px 0 8px; }
	.jbl_fact_odometer { width: 224px; }
	.jbl_fact_col_list { width: 49px; height: 59px; border-radius: 6px; }
	.jbl_fact_col ul li div:not(:last-child) { margin-right: 8px; }
}
@media screen and (max-width:978px) { 
  /* フォントサイズ */
  .jbl_fact_col { font-size: 20px; }
	.jbl_fact_col ul li:first-child { font-size: 3vw; margin-right: 2vw; color: #FFF;  text-align: left; font-weight: bold; }
  
	.jbl_fact_col ul li:last-child{ margin-left: 2vw; width: 13.733vw; height: 11.733vw; border-radius: 1.87vw; }
	.jbl_fact_col ul li div:not(:last-child){ margin-right: 1.87vw; }
	.jbl_fact_odometer{ width: 45.333vw; }
	.jbl_fact_col_list{ width: 9.87vw; height: 11.733vw; border-radius: 1.333vw; }
}
@media screen and (max-width:478px) {
	.jbl_fact_col ul li:first-child{ font-size: 14px; }

}
/* =================================
CVボタン
================================= */  
.jbl_fact_cv_btn a { font-size: 14px; text-decoration: none;  border-radius: 10px; padding: 20px 0; display: block; display: flex; position: relative; overflow: hidden; justify-content: center; align-items: center; text-align: center; position: relative; bottom: 0; animation: cv_btn_anime 3s ease-in-out infinite both; color: #000; box-shadow:inset 0px 1px 0px 0px #FFF38E; background: linear-gradient(to bottom, #ffe402 5%, #FFBB00 100%); background-color:#ffe401; border:2px solid #B59500; text-shadow:0px 1px 0px #FFF; /*border-bottom: 8px solid #8a6f01;*/ }
.jbl_fact_cv_btn a h3 span { font-size: 20px; }
.jbl_fact_cv_btn a img { width: 40px; position: absolute; top:20px; right:30px; }
.jbl_fact_cv_btn a::before { content: ""; display: block; border-radius: 100vw; position: absolute; background: url("../images/cta_btn_txt_1.png") no-repeat #dc002a; background-size: 100%; }
@keyframes shiny { 
0% {   transform: scale(0) rotate(25deg);   opacity: 0; }
  50% {   transform: scale(1) rotate(25deg);   opacity: 1; }
  100% {   transform: scale(50) rotate(25deg);   opacity: 0; }
}
.jbl_fact_cv_btn a::after { content: ''; position: absolute; top: -100px; left: -100px; width: 50px; height: 50px; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
animation-name: shiny; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }  
@keyframes cv_btn_anime{ 
  0%,59%{ border-bottom: 8px solid #8a6f01; bottom: 0; }
  60%,100%{ border-bottom: 0 solid #8a6f01; bottom: -8px; }
}
@media screen and (min-width:979px) {
	.jbl_fact_cv_btn{ width: 45%; padding:0 0 0 2%; position: relative; float: right; }
	.jbl_fact_cv_btn a::before { width: 55px; height: 55px; top: 15px; left: 10px; z-index: 1; }
  .btn_wrap { width: 70%; }  
}
@media screen and (max-width:978px) { 
  /* フォントサイズ */
	.jbl_fact_cv_btn a h3{ font-size: 20px; }
	.jbl_fact_cv_btn a h3 span{ font-size: 25px; }
  
	.jbl_fact_cv_btn { width: 95%; height: 110px; margin:2% auto; }
	.jbl_fact_cv_btn a { border-radius: 10px; position: relative; letter-spacing: 0.15em }
	.jbl_fact_cv_btn a::before{ width: 8vw; height: 8vw; background-size: 100%; top: 3vw; left: 4vw; }
  .jbl_fact_cv_btn a img { top:20px; right:20px; }
}
@media screen and (max-width:478px) { 
  /* フォントサイズ */
  .jbl_fact_cv_btn a h3 { font-size: 16px; }
	.jbl_fact_cv_btn a h3 span{ font-size: 20px; }
  
  .jbl_fact_cv_btn a { margin: 5% auto; }
	.jbl_fact_cv_btn a::before{ width: 10vw; height: 10vw; top: 2vw; left: 2vw; }
}
/* =================================
ステップ
================================= */
/* フォントサイズ */
.jbl_fact_step h3 { font-size: 30px; text-align: center; font-weight: bold; line-height: 1.2; position: relative; }
.jbl_fact_step h3 span { font-size: 16px; display: block; }
.jbl_fact_step_cont_in dt { font-size: 30px; font-weight: bold; }
.jbl_fact_step_cont_in dt span { font-size: 20px; display: inline-block; background: #dc1d01; border-radius: 10px; color: #FFF; text-align: center; font-weight: bold; padding: 7px 15px; }
.jbl_fact_step_cont_in dt b { display: block; margin-top:15px; }
.jbl_fact_step_cont_in dd { font-size: 18px; padding: 10px 0 0 0; font-weight: bold; }
.jbl_fact_cont_tel_wrap h4 { font-size: 25px; background: #00a492; color: #FFF; padding: 15px 0; }
.jbl_fact_cont_tel_wrap p { font-size: 20px; padding: 20px 0; font-weight: bold;}
.jbl_fact_cont_tel_wrap p b { font-size: 25px; display: block; }
.jbl_fact_point_list div h3 { font-size: 40px; color: #00a492; text-align: center; font-weight: bold; margin: 5% 0; }
.jbl_fact_point_list div p { font-size: 18px; font-weight: bold; }

.jbl_fact_step li { background: #FFF; border-radius: 10px; padding: 5%; }
.jbl_fact_step h3::before { content:""; position: absolute; top: 50%;left: 0; width: 45%; height: 1px; background: #000; z-index: 1; }  
.jbl_fact_step h3::after { content:""; position: absolute; top: 50%;right: 0; width: 45%; height: 1px; background: #000; z-index: 1; }    
.jbl_fact_step_cont_in { display: flex; }
.jbl_fact_step_cont_in div:nth-child(1) { width: 38%; padding: 5% 0 0 2%; }
.jbl_fact_step_cont_in div:nth-child(2) { width: 62%; padding: 5%; }
.jbl_fact_step_cont_in dt span img { display: inline-block; width: 20px; vertical-align: middle; margin: 0 10px 0 0; }  
.jbl_fact_step_cont_in dd span { background: #FF0; display: inline-block; }
.jbl_fact_cont_tel_wrap { background: #FFF; border:1px solid #00a492; text-align: center; }
.jbl_fact_point_list { display: flex; margin: 25px; }
.jbl_fact_point_list div { background: #FFF; border:1px solid #EEE; border-radius: 10px; margin:0 1%; padding: 2%; }
.jbl_fact_point_list div h3::after { content:""; display: block; width: 20px; height: 2px; background: #00a492; margin: 2% auto; }
.jbl_fact_point_list div img { display: block; width: 100%; margin: auto; }
@media (min-width: 979px){ 
} 
@media (max-width: 978px){ 
  .jbl_fact_step_cont_in dt span { font-size: 1.5vw; padding: 7px 15px;  }
  .jbl_fact_step_cont_in dt { font-size: 2.5vw; }
  .jbl_fact_step_cont_in dd { font-size: 1.6vw; }
  .jbl_fact_cont_tel_wrap h4 { font-size: 2vw; }
  .jbl_fact_cont_tel_wrap p b { font-size: 2vw; }
  .jbl_fact_cont_tel_wrap p { font-size: 14px; padding: 10px 0; line-height: 2; }

}
@media (max-width: 498px){
  /* フォントサイズ */
  .jbl_fact_step_cont_in dt span { font-size: 14px; padding: 5px 10px; }
  .jbl_fact_step_cont_in dt { font-size: 20px; }
  .jbl_fact_step_cont_in dd { font-size: 14px; }
  .jbl_fact_cont_tel_wrap h4 { font-size: 16px; }
  .jbl_fact_cont_tel_wrap p b { font-size: 16px; }
  .jbl_fact_cont_tel_wrap p { font-size: 13px; padding: 10px 0; line-height: 2; }
  .jbl_fact_point_list div p { font-size: 14px; } 
  
  .jbl_fact_step_cont_in dt b { margin-top:10px; }  
  .jbl_fact_step_cont_in { display: block; }
  .jbl_fact_step_cont_in div:nth-child(1) { width: 80%; padding:5%; margin: auto; }
  .jbl_fact_step_cont_in div:nth-child(2) { width: 100%; padding: 0; }  
  .jbl_fact_cont_tel_wrap { margin: 5% 0 0 0; }  
  .jbl_fact_step h3::before { width: 40%; }  
  .jbl_fact_step h3::after { width: 40%; }
  .jbl_fact_point_list { margin: 0; display: block; }
  .jbl_fact_point_list div { margin: 2% 5%; padding:2% 5%; }
  .jbl_fact_point_list div img { width: 80%; }
  
} 
/* =================================
サイトの強み
================================= */
/* フォントサイズ */
.jbl_fact_reason_title { font-size: 40px; text-align: center; font-weight: bold; margin-top: 5%; }
.jbl_fact_reason_cont_title { font-size: 35px; background: #00a492; color: #FFF; overflow: hidden; padding: 0; border-radius: 50px; text-align: center; font-weight: bold; position: relative; z-index: 1;}
.jbl_fact_reason_cont_title span { font-size: 45px; color: #FF0; }
.jbl_fact_reason_cont_list p:nth-child(1) { font-size: 20px; }
.jbl_fact_reason_cont_list p:nth-child(1)::after { content:""; display: block; width: 30%; height: 2px; background: #FFF; margin: 5% auto 0; }  
.jbl_fact_reason_cont_list p:nth-child(2) { font-size: 50px; color: #ffff00; }  
.jbl_fact_reason_cont_list p:nth-child(2) span { font-size: 18px; color: #FFF; }  
.jbl_fact_reason_contact_title { font-size: 30px; padding-bottom: 25px; text-align: center; font-weight: bold; }
.jbl_fact_reason_contact_btn div a { font-size: 20px; font-weight: bold; display: block;  background: #000; color: #FFF; padding: 15px 0; border-radius: 50px; text-align: center; text-decoration: none; }

.jbl_fact_reason_wrap  { position: relative; overflow: hidden; }
.jbl_fact_reason_title span { color: #00a492; position: relative; z-index: 1; }
.jbl_fact_reason_title span::after { content:""; background: #ffff00; position: absolute; width: 100%; height: 20px; bottom:0; left: 0; z-index: -1; }
.jbl_fact_reason_img { position: absolute; bottom:-50px; left: 0; z-index: 1; width: 40%; }
.jbl_fact_reason_cont { width: 65%; float: right; padding: 2% 0; }
.jbl_fact_reason_cont_title::after { content:""; background: rgba(255,255,255,0.30); position: absolute; width: 100%; height: 10px; bottom:0; left: 0; z-index: -1; }
.jbl_fact_reason_cont_list { display: flex; margin: 15px; }
.jbl_fact_reason_cont_list div { border-radius: 10px;  color: #FFF; font-weight: bold; text-align: center; padding: 5% 0; margin: 1%; width: 33%; background: rgb(0,201,180);
background: linear-gradient(0deg, rgba(0,201,180,1) 0%, rgba(0,164,146,1) 100%); }
.jbl_fact_reason_contact_area { margin: 5% 0; }
.jbl_fact_reason_contact_title span { color: #00a492; }  
.jbl_fact_reason_contact_btn { display: flex; }
.jbl_fact_reason_contact_btn div { width: 50%; padding: 1%; }

@media (min-width: 979px){ 
} 
@media (max-width: 978px){ 
}
@media (max-width: 498px){
  .jbl_fact_reason_img { width: 30%; left: -5%; }
  .jbl_fact_reason_cont { width: 95%; margin: auto; float: none; padding: 0; }
  .jbl_fact_reason_cont_list { margin: 15px 0; }
  .jbl_fact_reason_contact_area { width: 82%; margin-left: auto; }
    
  .jbl_fact_reason_title { font-size: 25px; margin: 5% 0; }
  .jbl_fact_reason_cont_title { font-size: 25px; }
  .jbl_fact_reason_cont_list p:nth-child(1) { font-size: 14px; }
  .jbl_fact_reason_cont_list p:nth-child(2) { font-size: 25px; } 
  .jbl_fact_reason_contact_title { font-size: 18px; padding-bottom: 10px; }
  .jbl_fact_reason_contact_btn div a { font-size: 14px; padding: 10px 0; }
} 
/* =================================
お客様の声
================================= */ 
.jbl_fact_voice_area li { float: left; width: 50%; }
.jbl_fact_voice_in { margin: 10px; padding: 25px; border: 1px solid #EEE; background: #FFF; }
.jbl_fact_voice_detail dt span { color: #CCC; }
.jbl_fact_voice_detail dl,.jbl_fact_voice_thum { float: left; }
.jbl_fact_voice_detail dl { width: 60%; padding: 0 5% 0 0; }
.jbl_fact_voice_thum { width: 35%; }
.jbl_fact_voice_detail dd table { width: 100%; font-weight: bold; }
.jbl_fact_voice_detail dd tr { border-bottom: 1px solid #000;}
.jbl_fact_voice_txt { text-align: left; }  

.jbl_fact_voice_detail dt b { font-size: 20px; color: #00a492; display: block; }
.jbl_fact_voice_detail dt b span { font-size: 16px; color: #00a492;}  
.jbl_fact_voice_detail dd th { font-size: 14px; width: 40%;  text-align: left; padding: 2%; }
.jbl_fact_voice_detail dd td { font-size: 20px; width: 60%; text-align: right; padding: 2%; }  
.jbl_fact_voice_detail dd td span { font-size: 14px; }  
.jbl_fact_voice_txt h3 { font-size: 25px; padding: 25px 0; }
.jbl_fact_voice_txt p { font-size: 16px; text-align: left; font-weight: normal; }  
@media (min-width: 979px){ 
} 
@media (max-width: 978px){ 
}
@media (max-width: 498px){
  /* フォントサイズ */
  .jbl_fact_voice_txt h3 { font-size: 16px; }
  .jbl_fact_voice_txt p { font-size: 14px; }  
  .jbl_fact_voice_detail dt b span { font-size: 14px; }  
  .jbl_fact_voice_detail dd th { font-size: 12px; }
  .jbl_fact_voice_detail dd td { font-size: 14px;  }  
  .jbl_fact_voice_detail dd td span { font-size: 11px; }    

  .jbl_fact_voice_detail dl { width: 70%; padding: 0; }
  .jbl_fact_voice_thum { width: 30%; }  
  .jbl_fact_voice_in { padding: 15px; }
  .jbl_fact_voice_area li { float: none; width: 100%; }
} 
/* =================================
フローティングボタン
================================= */
.jbl_fact_floating_btn_p1 a { font-size: 20px; background: #ffe502; color: #000; text-align: center; padding: 15px 0;} 
.jbl_fact_floating_btn_p1 a span { font-size: 16px; border-bottom: 2px solid #000; }  
.jbl_fact_floating_btn_p2 a { font-size: 20px; background: #00a492; color: #FFF; position: relative; padding: 15px 0 15px 15px; }

.jbl_fact_floating_btn { background: rgba(0,0,0,0.70); padding: 15px 0; opacity: 0; }
.jbl_fact_floating_bottom { position: fixed; z-index: 2; bottom: 0; left: 0; width: 100%; opacity: 1; transition: all .5s ease-in-out;  }
.jbl_fact_floating_btn_in { max-width: 600px; margin: auto; display: flex; }
.jbl_fact_floating_btn_in div { width: 50%; padding:0 10px; }
.jbl_fact_floating_btn_in a { display: block; font-weight: bold; text-decoration: none; border-radius: 10px;  box-shadow:inset 0px 2px 0px 0px #FFF; }
.jbl_fact_floating_btn_p2 a span { background: #007a6c; display: inline-block; color: #FF0; padding: 0 5px; border-radius: 5px; }
.jbl_fact_floating_btn_p2 a::after { content:""; display: inline-block; background: url("../images/cont_obj_13.png") no-repeat; background-size: 100%; width: 100px; height: 100px; position: absolute; bottom:0; right: 0;  }
@media (min-width: 979px){ 
} 
@media (max-width: 978px) {
  
}
@media (max-width: 478px){ 
  /* フォントサイズ */
  .jbl_fact_floating_btn_p1 a { font-size: 14px;} 
  .jbl_fact_floating_btn_p1 a span { font-size: 14px; }
  .jbl_fact_floating_btn_p2 a { font-size: 14px; overflow: hidden; padding: 15px 0 15px 5px; }
  
  .jbl_fact_floating_btn_p2 a::after { width: 80px; height:80px; right:-10px; }
  .jbl_fact_floating_btn_in div { padding: 0 5px; }
  
}
@media (max-width: 498px){
} 
/* =================================
よくある質問
================================= */  
dl.jbl_fact_faq_list dt::before{ font-size: 30px; color: #00a492; content: "Ｑ"; margin-right: 7px; position: relative; top: 0; font-weight: bold; }
dl.jbl_fact_faq_list dd::before{ font-size: 30px; color: #d71f03; content: "Ａ"; margin-right: 7px; position: relative; top: 0; font-weight: bold; }

dl.jbl_fact_faq_list{ border-bottom: 2px solid #00a492; }
dl.jbl_fact_faq_list dt { padding: 10px 35px 10px 50px; text-indent: -51px; box-sizing: border-box; position: relative; }
dl.jbl_fact_faq_list dd { padding: 0 35px 15px 45px; text-indent: -43px; box-sizing: border-box; display: none; }
.jbl_fact_faq_list dt span::before,
.jbl_fact_faq_list dt span::after { content: ''; display: block; width: 15px; height: 2px; border-radius: 5px; background: #00a492; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.jbl_fact_faq_list dt span::after { background: #00a492; transform: translateY(-50%) rotate(90deg); transition: 0.5s; }
.jbl_fact_faq_list dt.open span::after { transform: rotate(0); transition: 0.5s; }
@media (min-width: 979px){ 
} 
@media (max-width: 978px){ 
  dl.jbl_fact_faq_list dt { font-size: 13px;  padding: 10px 35px 0 40px; text-indent: -42px; }
  dl.jbl_fact_faq_list dd { padding: 0 35px 15px 39px; text-indent: -41px; }
}
@media (max-width: 498px){
} 
/* =================================
フォーム
================================= */  
.form_wrap h3 { font-size: 2vw; color: #FFF; text-align: center; padding: 2% 0; margin-bottom: 1em; background: rgb(0,18,55); background: rgb(0,164,146); background: linear-gradient(90deg, rgba(0,164,146,1) 0%, rgba(0,187,167,1) 100%);}
.form_wrap h3 span { font-size: 30px; }
.control { font-size: 18px; display: block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer;  }
.terms_box { font-size: 1.2rem; overflow: scroll; -webkit-overflow-scrolling: touch; height: 200px; background: #FFF; border:1px solid #CCC; padding: .5em; }
.questions > .select > p label { font-size: 14px; display: block; position: relative; padding: 10px 0; margin: 0; }

.content { overflow: hidden;}    
.form_wrap { background: #fafafa; }
.form_wrap p { padding: 1em; }
.form_group { padding: 2em; }
.form_group h4 { padding: 1em 0; }
.form_group h4 span { display: inline-block; padding: 0 .5em;margin: 0 .5em 0 0; background: #d54848; color: #FFF; }
.note_txt { color: #555; background: #fff3f3; padding: 1em; margin:.5em 0; }
input.input_wrap_1,input.input_wrap_2 { border:1px solid #EEE; background: #FFF; padding: .5em; margin:0 0 1em 0; }
.radio-input { display: none; }
.radio-input + label{ position:relative; background: #FFF; border: 1px solid #CCC; padding: 10px 0; margin:15px 0; display: block; text-align: center;}
.radio-input + label::before{ content: ""; display: block; position: absolute; top: 40%; left: 1em; border: 1px solid #CCC; border-radius: 50%; }
.radio-input:checked + label{ color: #FFF; background: #00a492 !important; border: 1px solid #00a492; transition: all .2s ease-in-out; }
.radio-input:checked + label::after{ content: ""; display: block; position: absolute; top: 40%; left: 1em; background: #00574E; border:1px solid #00a492; border-radius: 50%; }
.radio-input + label::before{ width: 12px; height: 12px; }
.radio-input:checked + label::after{ width: 12px; height: 12px; }
.custom-select-wrapper { position: relative; display: inline-block; user-select: none; }
.custom-select-wrapper select { display: none; }
.custom-select { position: relative; display: inline-block; }
.custom-select-trigger { position: relative; display: block; height: 45px; line-height: 2.5; padding: 0 84px 0 22px; color: #555; background: #FFF; border: 1px solid #EEE; cursor: pointer; margin: .5em 0; }
.custom-select-trigger:after { position: absolute; display: block; content: ''; top: 50%; right: 25px; margin-top: -3px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; transform: rotate(45deg) translateY(-50%); transition: all .2s ease-in-out; transform-origin: 50% 0; }
.custom-select.opened .custom-select-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%); }
.custom-options { position: absolute; display: block; top: 80%; left: 0; right: 0; z-index: 999; min- margin: 15px 0; border: 1px solid #b5b5b5; border-radius: 4px; box-sizing: border-box; box-shadow: 0 2px 1px rgba(0,0,0,.07); background: #fff; transition: all .2s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); overflow: scroll; -webkit-overflow-scrolling: touch; }
.custom-select.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0); }
.custom-options:before { position: absolute; display: block; content: ''; bottom: 100%; right: 25px; margin-bottom: -4px; border-top: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; background: #fff; transform: rotate(45deg); transition: all .2s ease-in-out; }
.option-hover:before { background: #f9f9f9; }
.custom-option { position: relative; display: block; padding: 0 22px; border-bottom: 1px solid #b5b5b5; font-weight: 100; color: #111; line-height: 47px; cursor: pointer; transition: all .2s ease-in-out; }
.custom-option:first-of-type { border-radius: 4px 4px 0 0; }
.custom-option:last-of-type { border-bottom: 0; border-radius: 0 0 4px 4px; }
.custom-option:hover,
.custom-option.selection { background: #f9f9f9; }
.radio_txt { width: 70%; margin: 1em auto !important; }   
.cp_note { background: #FFF; padding: 1em; color: #555; }
.btn_wrap { margin: 2% auto; }
.questions > .select::after { content:""; display: block; clear: both; }
.questions > .select > p { padding: 0; text-align: center; float: left; width: 47%; margin: 1%; text-align: center; color: #00a492; pointer; border:2px solid #00a492; border-radius: 6px; }
.questions > .select > p a { display: block; text-decoration: none; cursor: pointer; color: #0070BD; }
.questions > .select > p:hover { background: #00a492; color: #fff; -webkit-transition: 0.2s cubic-bezier(0.5, 1, 0.89, 1); transition: 0.2s cubic-bezier(0.5, 1, 0.89, 1); }
.questions > .select > p a:hover { color: #FFF; }  
.control input { position: absolute; z-index: -1; opacity: 0; }
.control__indicator { position: absolute; top: 30%; left: 5%; height: 16px; width: 16px; background: #E5F4FF; border:1px solid #00a492; }
.control--radio .control__indicator { border-radius: 50%; }
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator { background: #FFF; }
.control input:checked ~ .control__indicator { background: #2aa1c0; }
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator { background: #0e647d; }
.control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.control__indicator:after { content: ''; position: absolute; display: none; }
.control input:checked ~ .control__indicator:after { display: block; }
.control--checkbox .control__indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; }
.control--radio .control__indicator:after { left: 5px; top: 5px; height: 6px; width: 6px; border-radius: 50%; background: #fff; }
.control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; }
/* submit-btn */
.submit-btn { display:inline-block; cursor:pointer; text-decoration:none; width: 100%;  padding:1em 0; color: #FFF; box-shadow:inset 0px 1px 0px 0px #54a3f7; background: linear-gradient(to bottom, #286c91 5%, #002e4f 100%);  background-color: #007dc1; border-radius:3px; border:1px solid #124d77; text-shadow:0px 1px 0px #154682; }
.submit-btn:hover { background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%); background-color:#0061a7; }
.submit-btn:active { position:relative; display: block; text-align: center; top:1px; }         
.submit-btn[disabled] { background: #999; border:1px solid #CCC; color: #FFF; text-shadow:0px 1px 0px #CCC; box-shadow:inset 0px 1px 0px 0px #CCC; cursor: not-allowed; /* クリック不可のカーソルを表示 */
} 
.submit-btn[disabled]:hover { background:linear-gradient(to bottom, #CCC 5%, #CCC 100%); background-color:#CCC; }
.submit_btn input { width: 100%; }  
input.input_wrap_1 { width: 200px; }
input.input_wrap_2 { width: 90%; }
.custom-select-trigger:after { width: 10px; height: 10px; }
.custom-options { width: 100%; height: 200px; }
.custom-options:before { width: 7px; height: 7px; }

@media screen and (min-width: 979px) { 
  /* フォントサイズ */
  .btn_wrap { font-size: 1.4em; }
  .submit_btn input { font-size: 1em;}
  .resul_txt { font-size: 2em; }
  .note_txt { font-size: .8em; }

}
@media (max-width: 978px) {
}
@media (max-width: 498px){
  /* フォントサイズ */
  .form_group h4 span { font-size: .8em; }
  .form_wrap h3 { font-size: 20px; }
  .form_wrap h3 span { font-size: 14px; }
  .submit_btn input { font-size: 18px;}  
  
  .form_group { padding: 10px; }
  .questions > .select > p { width: 46%; }   
  .radio { margin: 1em 0; }    
  .btn_wrap { width: 95%; }  
} 
/* =================================
footer
================================= */  
.privacy_txt { font-size: 14px; text-align: center; padding: 10px 0; }

footer { margin-bottom: 10%; }
.footer_in { background: #FFF; padding: 2em 0; text-align: center; }
.footer_logo img { display: block; margin: auto; }
.footer_in ul { text-align: center; margin: 1em 0; line-height: 2; }
.footer_in li { display: inline-block; padding: 0 .5em; }
.footer_in li a { color:#999; }
.copy { color: #FFF; background: #999; text-align: center; padding: 1em 0; }
.privacy_txt a { color: #00a492; }
#page_top { position: fixed; bottom: 30px; right: 20px; z-index: 999; }
#page_top a { background: rgba(7,7,7,0.50); color: #fff; text-align: center; text-decoration: none; padding:0 .5em; }
#page_top i { padding: 0 !important; }
#page_top a:hover { background: rgba(0,0,0,0.80); text-decoration: none; }
@media screen and (min-width: 979px) { 
  .footer_in ul { font-size: .8em; }
  #page_top a { font-size: 2em; }
  .copy { font-size: .8em; }
}
@media (max-width: 978px) {
  footer { margin-bottom: 15%; }
}
@media (max-width: 498px){
  /* フォントサイズ */
  .footer_in { font-size: 1em; padding: 1em 0; }
  #page_top a { font-size: 2em; }
  .copy { font-size: .8em; }
  .footer_in ul { font-size: .8em; }  
  
  #page_top { bottom: 120px; }
  .copy_txt { position: static; }  
  .footer_logo img { width: 200px; }
} 
/* =================================
共通
================================= */
.jbl_fact_cont-1 { background: #FFF; }
.jbl_fact_cont-2 { background: #d9edec; }
.jbl_fact_txt_color_1 { color: #00a492; }
.jbl_fact_txt_color_2 { color: #d71f03; }
.jbl_fact_cont-1_img img { display: block; width: 60%; margin: auto; }
.jbl_fact_cont-1_txt span { background: #FF0; }
.jbl_fact_balloon::before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid #01a491; }
.jbl_fact_p-5 { padding: 5% 0; }
.jbl_fact_p-10 { padding: 10% ; }
.jbl_fact_txt_marker { background: #FF0; }
.jbl_fact_cont-1 h2 { font-size: 40px; margin: 5%; font-weight: bold; text-align: center; }
.jbl_fact_txt_size_1 { font-size: 35px; }
.jbl_fact_cont-1_txt { font-size: 25px; padding: 40px 0; font-weight: bold; text-align: center; line-height: 2; }
.jbl_fact_cont-2 h2 { font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 5%; }
.jbl_fact_balloon { font-size: 25px; display: inline-block; position: relative;  padding: 5px 20px; margin:0 auto 15px; text-align: center; background: #01a491; color: #FFF; }
.jbl_fact_cont_arrow_obj { font-size: 50px; text-align: center; color: #000; font-weight: bold; margin: 10px 0;  } 
.jbl_fact_table_area table {  width: 100%; margin: 1em auto; border: 1px solid #CCC; line-height: 2; }
.jbl_fact_table_area th { width: 30%; text-align: center; padding: 1em; font-weight: 600; background: #EFEFEF; border: 1px solid #CCC; }
.jbl_fact_table_area td { padding: 1em 1em 1em 2em; border: 1px solid #CCC; background: #FFF; }

@media (min-width: 979px){ 
  .jbl_fact_view_pc { display: block;}
  .jbl_fact_view_sp { display: none;}
  .container,
  .jbl_fact_cont-in,
  .jbl_fact_fv_inner
  { width: 900px; margin: auto; line-height: 1.7; }
   
} 
@media ( max-width: 978px){
  /* フォントサイズ */
  .jbl_fact_cont-1 h2 { font-size: 4vw; }
  .jbl_fact_cont-1_txt { font-size: 2.5vw; }
  .jbl_fact_cont_arrow_obj { font-size: 4vw; }
  .jbl_fact_cont-1 h2 { font-size: 2.5vw; margin: 2% 0; font-weight: bold; text-align: center; }  
  .jbl_fact_txt_size_1 { font-size: 2vw; }
  .jbl_fact_cont-1_txt { font-size: 1.6vw; text-align: left; }
  .jbl_fact_balloon { font-size: 2vw; }
  .jbl_fact_cont-2 h2 { font-size: 3vw; }  

  .container,
  .jbl_fact_cont-in,
  .jbl_fact_fv_inner
  { width: 90%; margin: auto; line-height: 1.7; }  
  
}
@media (max-width: 478px){ 
  /* フォントサイズ */
  .jbl_fact_cont_arrow_obj { font-size: 30px; }
  .jbl_fact_cont-1 h2 { font-size: 24px; margin: 2% 0; font-weight: bold; text-align: center; }  
  .jbl_fact_txt_size_1 { font-size: 20px; }
  .jbl_fact_cont-1_txt { font-size: 15px; padding: 15px; text-align: left; }
  .jbl_fact_balloon { font-size: 20px; }
  .jbl_fact_cont-2 h2 { font-size: 30px; }
  .container,
  .jbl_fact_cont-in,
  .jbl_fact_fv_inner
  { width: auto; margin: auto; line-height: 1.7; }  
    
  .jbl_fact_cont-1_img img { width: 90%; margin: 5% auto 0; }
  .jbl_fact_view_pc {display: none !important;}
  .jbl_fact_view_sp {display: block;}
  .jbl_fact_p-5 { padding: 5% 2%; }
  .container { width: 95%; margin: auto; } 
  #jbl_fact_contents { padding: 0; }
}