@charset "utf-8";
/* CSS Document */
/*---------------------------------------
#dantai
---------------------------------------*/
.all_main01::before {
 background-image: url("/img/dantai_img07.jpg");
 width: 1420px;
 left: 50%;
 transform: translateX(-50%);
 margin: 0 auto;
}
.all_main01 .button {
 text-align: center;
 max-width: 80%;
 margin: 10px auto 0;
}
/* dantai_sec01
---------------------------------------*/
/* dantai_sec02
---------------------------------------*/
.dantai_sec02 .clm { text-align: left; }
.dantai_sec02 .dantai_sec02_title {
 background-color: #006F93;
 color: #ffffff;
 font-weight: bold;
 line-height: 1.4;
 padding: 7px 10px 5px 28px;
 margin: 0 0 10px 20px;
 position: relative;
}
.dantai_sec02 .dantai_sec02_title span { color: #FFFF99; }
.dantai_sec02 .dantai_sec02_title .num {
 display: inline-block;
 width: 42px;
 height: 45px;
 position: absolute;
 top: -7px;
 left: -20px;
}
.dantai_conversion {
 max-width: 80%;
 margin: 30px auto;
 text-align: center;
}
.dantai_conversion a { display: inline-block; }
/* dantai_sec05
---------------------------------------*/
.dantai_sec05 {
 position: relative;
 padding: 2px 0 30px;
 margin-top: 40px;
}
.dantai_sec05::before {
 content: "";
 width: 100vw;
 height: 100%;
 background-color: #E3F9FF;
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -50vw;
 z-index: -1;
}
/* dantai_sec06
---------------------------------------*/
.dantai_sec06 .all_title03,
.dantai_sec06 .clm p,
.dantai_sec06 .clm dl { text-align: left; }
.dantai_sec06 .clm dl {
 background-color: #f4f4f4;
 padding: 10px;
 font-size: 0.9em;
}
.dantai_sec06 .clm dt {
 font-weight: bold;
 color: #00A2CE;
}
/* dantai_sec03
---------------------------------------*/
.dantai_sec03 {
 counter-reset: num;
 position: relative;
 padding: 2px 0 30px;
 margin-top: 40px;
}
.dantai_sec03::before {
 content: "";
 width: 100vw;
 height: 100%;
 background-color: #E3F9FF;
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -50vw;
 z-index: -1;
}
.dantai_sec03 .faq_box {
 background-color: #fff;
 padding: 20px 20px 10px;
}
.dantai_sec03 .faq_box + .faq_box { margin-top: 20px; }
.dantai_sec03 .faq_box .question {
 margin: 0;
 color: #00a3ce;
 line-height: 1.4;
 padding-left: 60px;
 position: relative;
 counter-increment: num;
 min-height: 50px;
 display: flex;
 align-items: center;
}
.dantai_sec03 .faq_box .question::before {
 content: "Q"counter(num);
 display: flex;
 align-items: center;
 justify-content: center;
 width: 50px;
 height: 50px;
 background-color: #00a3ce;
 border-radius: 100%;
 color: #fffe9d;
 font-size: 18px;
 font-weight: bold;
 line-height: 1;
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
}




@media screen and (max-width: 960px) {
 .all_main01 { padding: 0; }
 .all_main01 .all_main01_title::after { content: none; }
 .all_main01_title {
  margin: 0 -16px;
  background: url("/img/dantai_img07.jpg") no-repeat center bottom / 100% auto;
  aspect-ratio: 1200 / 980;
  padding: 10px 16px 0;
 }
}