@charset “UTF-8”;
h1,h2,h3,h4,h5,h6,p,dl,dt,dd{margin: 0;padding: 0;font-size: 100%;}
html {font-size: 62.5%;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;line-height: 1.4;}
body {font-size: 1.4em;}
img{vertical-align: middle;width: 100%;}
ul,li{margin: 0;padding: 0;list-style: none;}

.wrapper{width: 100%;max-width: 750px;margin: 0 auto;background: #f6f6f6;border-top:5px solid #22a5e1;}
.pr{width: 100%;font-size: 11px;text-align: right;padding: 0 1px;line-height: 20px;box-sizing: border-box;color:#666;background: #c9e8f1;margin-bottom: -0.8em;z-index: 1;position: relative;}
.pr img{width: 32%;}
.fv{position: relative;}
.fv .attention{
  color: #FFF;
  font-size: 10px;
  text-align: left;
  position: absolute;
  top: 87%;
  left: 3%;
  line-height: 1.2;
}

.main{padding: 5% 16px;}
.q_wrap{border: 2px solid #102846;border-radius: 10px;text-align: center;padding: 5%;background: #FFF;}
.q_wrap:not(:last-of-type){margin-bottom: 7%;}
.q_num{font-size: 4vw;margin-bottom: 3%;}
.q_ttl{font-size: 6vw;margin-bottom: 5%;line-height: 1.3;}
.q_ttl span{display: block;font-weight: normal;font-size: 0.6em;}
.q_list{text-align: left;}

.q_item:not(:last-of-type){margin-bottom: 3%;}
.check_bg input[type="radio"]{
  filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
  position: absolute;
}
.check_bg{
  background-image:url(../img/check_off.png),linear-gradient(106deg, rgba(27,135,183,1) 0%, rgba(15,106,182,1) 100%);
  background-repeat: no-repeat,no-repeat;
  background-position: left 10px center,center center;
  background-size: 40px auto,auto auto;
  padding: 20px 5px 20px 55px;
  cursor: pointer;
  color: #FFF;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 1.2em;

}
.check_bg.check_on{
  background:url(../img/check_on.png),linear-gradient(106deg, rgba(27,135,183,1) 0%, rgba(15,106,182,1) 100%);
  background-repeat: no-repeat,no-repeat;
  background-position: left 10px center,center center;
  background-size: 40px auto,auto auto;
}
.balloon {
  position: relative;
  display: inline-block;
  margin: 30px 0 0;
  padding: 5%;
  min-width: 120px;
  width: 100%;
  color: #555;
  font-size: 16px;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #f6f6f6;
}

.balloon:before {
  content: "";
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -26px;
  border: 26px solid transparent;
  border-bottom: 26px solid #f6f6f6;
}

.balloon p {
  margin: 0;
  padding: 0;
}
p.q1_comment_txt1,p.q2_comment_txt1,p.q3_comment_txt1{font-size: 14px;margin-bottom: 8px;}
p.q1_comment_txt2{font-size: 13px;margin: 8px 0;}
p.q2_comment_txt2{text-align: left;margin-top: 8px;}
p.q3_comment_txt2{text-align: left;margin-top: 8px;}
.review{background: url(../img/review_back.gif) repeat center center;padding: 5%;text-align: center;}
.review_ttl{margin: 5% 0;}
.review_wrap p{text-align: left;font-size: 16px;margin-top: 5px;}
.review01,.review02{background: #FFF;padding: 5%;-webkit-filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
  -moz-filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
  -ms-filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
  filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));}
  .review01{margin-bottom: 7%;}
  .yoyaku_btn2{margin-top: 7%;}
.pink{color: #f6245a;}
.bold{font-weight: bold;}
.underline{text-decoration: underline;}
.tax{font-size: 0.8em;}

.thanks{text-align: center;margin: 20px 0 10px;}
.thanks p{display: inline-block;padding: 3px 5px;color: #21a5e0;font-size: 1.4em;font-weight: bold;}
.thanks span{display: block;color: #102846;font-size: 1.1em;display: block;font-weight: normal;margin-top: 5px;}

.yoyaku_wrap{
  position: relative;
  background: #f6f6f6;
}
.yoyaku_btn{position: absolute;bottom:6%;left:0;right: 0;width: 94%;margin: 0 auto;}

.footer{text-align: center;background: #FFF;padding: 5% 0 0;}
.footer_menu{text-align: center;}
.footer_menu ul{margin: 20px auto 30px;font-size: 0;}
.footer_menu li{display: inline;font-size: 14px;padding: 2px 15px;}
.footer_menu li:not(:last-of-type){border-right:1px solid #666;}
.footer_menu a{color: #0099ff;text-decoration: none;}
.copyright{background: #102846;padding: 5% 0;border-top:1px solid #f6f6f6;color: #FFF;font-size: 1.1rem;}

.yoyaku_wrap.tel{
  padding-bottom: 10%;
  background:linear-gradient(180deg, rgb(255,255,255,0) 0%, rgb(255,255,255,0) 50%, #21a5e0 50%, #21a5e0 100%);
  margin-top: -5%;
}
.yoyaku_wrap.tel .yoyaku_btn{
  bottom:4%;
}
.tel{
  text-align: center;
  color:#FFF;
  margin-top: 0;
  font-size: clamp(14px,3vw,20px);
}
.telSub{
  font-size: .9em;
}
.telNum{
  font-size: 1.4em;
  font-weight: bold;
}
.telNum a{text-decoration: none;color:#ffff00;letter-spacing: 1px;}

@media screen and (min-width:750px) {
  .q_num{font-size: 2rem;}
  .q_ttl{font-size: 5rem;}
  .q3_comment dd {font-size: 3rem;}
}