@import url("reset.css");#wrapper{min-width:320px;}
.container{padding-left:3.125%;padding-right:3.125%;}
a:link,
a:visited{outline:none;text-decoration:none;}
header .header{padding-top:3.2%;}
header .header .head_top{position:relative;padding-bottom:1%;}
header .header .logo{float:left;width:83.3333%;}
header .header .head_right{float:right;width:16.6667%;}
header .header .head_right_pc{float:right;width:16.6667%;}
header .header .plugin_social{margin:3.5% 0 0 0;float:left;display:inline-block;height:20px;width:83%;}
header .plugin_social ul{margin:0 auto;width:100%;}
header .plugin_social ul li{float:left;margin:0 0.5%;}
header .plugin_social ul li.facebook{margin-left:-4%;width:24%;}
header .plugin_social ul li.twitter{margin-left:18%;width:29%;}
header .plugin_social ul li.g_plus{width:13%;}
header .plugin_social ul li.line{margin-left:19%;width:25%;}
header .plugin_social ul img{max-width:100%;}
@media only screen and (orientation:landscape){header .header .head_right_pc{margin-top:-1%;}
header .plugin_social ul li{margin:-4% 0 0 0;}
header .plugin_social ul li.twitter{margin-top:-7%;}
header .plugin_social ul li.line{margin-top:-7%;}
}
header nav#nav_top{display:none;background:rgba(223, 10, 27, 0.85);border:2px solid #fff;left:0;margin-left:1.67%;position:absolute;top:115%;width:96.67%;padding:0 5%;z-index:9999;}
header nav#nav_top ul{font-size:1.000em;font-weight:bold;}
header #nav_top ul li a{border-bottom:2px solid #fff;color:#fff;display:block;padding:5.65% 0;text-align:center;}
header #nav_top ul li:last-child a{border-bottom:0 none;}
header .header .phone{color:#ff0000;margin:-5% 0 -5% -2%;}
header .header .phone a{color:#ff0000;}
header .header .phone span{text-align:left;background:url("../images/common/ico_phone.png") no-repeat scroll 9px center;-webkit-background-size:13% auto;background-size:13% auto;display:inline-block;font-size:1em;font-weight:bold;padding:0 0 0 8%;}
footer{background:#e30a1b none repeat scroll 0 0;color:#fff;padding:0 0 17%;text-align:center;}
footer .footer{position:relative;padding-top:5%;}
footer .to_top{background:#fff;}
footer .to_top a{display:inline-block;width:13.4%;}
footer .to_top a img{vertical-align:bottom;}
footer .footer .copyright{font-size:0.857em;line-height:1.4;margin-bottom:2.5%;}
footer .footer .btn_pc{background-color:#fff;color:#e30a1b;display:block;font-weight:bold;padding:6% 0;}
.mb_0{margin-bottom:0 !important;}
.b_radius{-webkit-border-radius:0.357em;-moz-border-radius:0.357em;-ms-border-radius:0.357em;border-radius:0.357em;}
.bg_silver{background:#f7f7f7;}
.bg_peach{background:#fffce8;}
.btn_sky{background-color:#00b7ee;color:#fff;display:block;font-weight:bold;text-align:center;padding:5%;margin:8% 0;bold}
.btn_small{margin:2% 0;border:2px solid #e30a1b;color:#e30a1b;display:block;font-weight:bold;line-height:1.6;padding:4% 4%;}
a.btn_purchase{background-color:#e30a1b;border-bottom:0.429em solid #b60000;display:block;margin-bottom:6%;overflow:hidden;}
h2.heading{margin-bottom:4.7%;background-color:#b90b19;color:#fff;display:table;font-size:1.429em;font-weight:bold;height:3.6em;text-align:center;width:100%;}
h2.heading span{display:table-cell;line-height:1.35;-webkit-text-shadow:3px 4px 1px rgba(0, 0, 0, 0.3);-moz-text-shadow:3px 4px 1px rgba(0, 0, 0, 0.3);text-shadow:2px 2px 1px rgba(0, 0, 0, 0.3);vertical-align:middle;letter-spacing:0;}
.red{color:#f00;}
.main_color{color:#e30a1b;}
.blue{color:#5687d9;}
.orange{color:#ff8400;}
.fs_sm{font-size:0.857em;}
.fs_m{font-size:1em;}
.fs_l{font-size:1.5em;}
.underline{text-decoration:underline !important;color:red;}
.underline-floating-banner{text-decoration:underline !important;color:red;}
@media screen and (max-width:480px){header #nav_top ul li a{border-width:1px;}
}
.mt_m{margin-top:1em;}
.mt_l{margin-top:2em;}
.mb_m{margin-bottom:1em;}
.title_red_m{color:#e30a1b;font-size:1.143em;font-weight:bold;margin:0.8em 0;line-height:1.4;}
.title_red_m_bor{border-bottom:2px solid #e30a1b;border-top:2px solid #e30a1b;color:#e30a1b;font-weight:bold;line-height:1.4;margin-bottom:4%;padding:2.5% 0;}
.title_red_m_bor2{border-bottom:2px solid #e30a1b;color:#e30a1b;font-weight:bold;line-height:1.4;margin-top:8%;margin-bottom:4%;padding:2.5% 0;}
.title_bl_m_bor2{border-bottom:1px solid #333;color:#333;font-weight:bold;line-height:1.4;margin-top:8%;margin-bottom:4%;padding:2.5% 0;}
.title_red_bor3{border:2px solid #e30a1b;color:#e30a1b;font-weight:bold;line-height:1.6;margin:4% 0 4% 0;padding:2.5% 0;}
.title_bl_sm{color:888;border-bottom:2px solid #ccc;margin:8% 0;font-weight:bold;}
.terms{margin-bottom:9%;}
.terms h3{margin-bottom:4%;}
.terms .thumb{float:left;width:22.5%;}
.terms .con{background-color:#fff4f4;padding:4%;line-height:1.85;}
.terms h3 .tit{color:#e30c1d;float:left;font-size:1.429em;font-weight:bold;line-height:1.5;margin-top:0.2em;padding-left:1%;width:77.5%;}
hr{margin:5% 0;border:none;border-top:dashed 1px #ebebeb;height:1px;color:#FFFFFF;width:100%;}
.bold{font-weight:bold;}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.arrow_down{margin:8% 0;}
.title_bg_red{background:#e30c1d;color:#fff;font-weight:bold;line-height:1.5;padding:5%;margin:5% 0;width:100%;}
#page-top{position:fixed;bottom:87px;right:5px;font-size:77%;z-index:2;}
#page-top a{background:#B50917;text-decoration:none;color:#fff;width:60px;padding:3px 0;text-align:center;display:block;border-radius:10px;opacity:0.8;}
#page-top a:hover{text-decoration:none;background:#900712;}
.kaitoribtn{display:block;-webkit-border-radius:7;-moz-border-radius:7;border-radius:7px;text-shadow:0px 2px 0px #9e0000;-webkit-box-shadow:0px 5px 0px #9e0000;-moz-box-shadow:0px 5px 0px #9e0000;box-shadow:0px 5px 0px #9e0000;color:#ffffff;letter-spacing:1px;font-size:150%;padding:20px;background:#e30a1b;font-weight:bold;text-align:center;margin:5% 0;width:100%;}
.note{font-size:0.857em;padding:3% 5%;margin-bottom:5%;line-height:1.84;}
b{font-weight:bold;}
table.style{margin:10px 0;padding:0;border-collapse:collapse;border-spacing:0;border:1px solid #aaa;}
table.style th, table.style td{font-size:0.8em;line-height:1.5em;padding:0.8em 1.2em 0.8em 1.2em;border:1px solid #aaa;vertical-align:top;}
.simplelist li{font-size:0.9em;position:relative;list-style:none;padding-left:1em;}
.simplelist li::after{display:block;content:'';position:absolute;top:.8em;left:0em;width:6px;height:6px;background-color:#CCC;border-radius:100%;}
.tel{border-radius:10px;padding:1em;border:4px solid #FF8100;margin-bottom:1.5em;}
.tel p{font-size:1em;text-align:center;color:#FF8100;font-weight:bold;line-height:1.5em;}
.telnum{font-size:1.8em;text-align:center;color:red;font-weight:bold;margin-top:0.3em;}
.accordion dt{text-align:center;padding:8px;font-size:1em;font-weight:bold;background:#DF494C;color:#FFFFFF;display:block;width:100%;cursor:pointer;border-radius:5px;border:1px solid #DF494C;}
.accordion dd{margin:4px 0 0 0;padding:15px;background:#f2f2f2;display:none;}
.voice{margin:15px 0 30px 0;padding:0;}
.voice .title{border-left:3px solid #E10003;margin:0 0 10px 0;padding:0 0 3px 10px;border-bottom:1px solid #CCC;font-weight:bold;}
.voice p{margin:0;}
.voice .shop{font-size:0.85em;line-height:1.7em;margin:20px 0 10px;background-color:#FFFCC7;padding:15px;border-radius:3px;}
.voice .shop h3{padding:0 0 5px 0;margin:0 0 8px 0;font-weight:bold;font-size:1em;color:#E10003;border-bottom:1px solid #E1DD97;}
.voice-full{border:1px solid #CCC;width:100%;padding:18px;margin:10px 0 10px 0;border-radius:5px;}
.voice .btn a{text-decoration:none;display:block;cursor:pointer;margin:10px 0 0 0;font-size:1.3em;text-align:center;width:100%;padding:20px;background:#E10003;color:#FFF;font-weight:bold;border-radius:5px;}
.voice .btn a:hover{background:#F00;}
.riyu{margin:15px 0 30px 0;padding:0;}
.riyu .title{color:#BC0003;margin:0 0 5px 0;padding:0 0 15px 0;border-bottom:1px solid #E10003;font-weight:bold;}
.riyu p{margin:25px 0 0 0;text-align:left;}
.riyuimg{padding:0;margin:0 -15px -15px 0;float:left;z-index:100;position:relative;top:-16px;left:-16px;}
.riyu-box{border:1px solid #CCC;float:left;width:100%;padding:15px;margin:10px 10px 10px 0;}
.riyuillust{z-index:2;float:right;margin:22px 0 0 10px;}
.detailbtn a{text-decoration:none;display:block;cursor:pointer;margin:10px 0 0 0;font-size:1.3em;text-align:center;width:100%;padding:20px;background:#E10003;color:#FFF;font-weight:bold;border-radius:5px;}
.detailbtn a:hover{background:#F00;}
.kougakutitile1{color:#E10003;margin:20px 0 5px 0;padding:0 0 5px 0;border-bottom:1px solid #E10003;font-weight:bold;line-height:1.3em;}
.kougakutitile2{color:#ff8600;margin:20px 0 5px 0;padding:0 0 5px 0;border-bottom:1px solid #ff8600;font-weight:bold;line-height:1.3em;}
.kougakutitile3{color:#00b2da;margin:20px 0 5px 0;padding:0 0 5px 0;border-bottom:1px solid #00b2da;font-weight:bold;line-height:1.3em;}
.kougakuriyu{font-size:.9em;list-style:disc;margin:10px 0 40px 20px;line-height:1.7em;}
.del {
  text-decoration-line: line-through;
  text-decoration-style: double;
  text-decoration-color: red;
}




.floating-banner {
  position: fixed;
  z-index: 99999;
}
.floating-banner:hover {
  opacit
  y: .8;
}
.banner {
  width: 300px; /* ?o?i?[????? */
  height: 250px; /* ?o?i?[????? */
  padding-top: 40px;
  background: linear-gradient(86.13deg, #7080F7 -3.42%, #3E9ED9 59.59%); /* ?o?i?[??w?i?F */
  color: #fff; /* ?o?i?[????????F */
  font-weight: bold;
}
a {
  text-decoration: none; /* ?????N????????????????? */
}
.copy {
  font-size: 28px;
  margin: 0 auto 20px;
  line-height: 1.6;
}
.cta {
  display: inline-block;
  width: 100px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  background: linear-gradient(270deg, #F4A240 0%, #E3A608 100%); /* ?{?^????w?i */
  box-shadow: 0px 0px 30px #2984BA; /* ?{?^????e */
  border-radius: 25px;
}

@media screen and (max-width: 2500px) {
  .floating-banner {
    display: none;
  }
}

@media screen and (max-width: 560px) {
  .floating-banner {
    display: inline-block;
    top: unset; 
    bottom: 0;
    left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -4%) 
  }
  .banner {
    width: 100vw;
    height: 82px;
    padding: 2px;
    text-align: center;
  }
  .sp {
    display: none;
  }
  .copy {
    font-size: 14.5px;
    margin: 0 auto 6px;
    text-align: center;
   
  }
  .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
  }
}


@media screen and (max-width: 405px) {
  .floating-banner {
    display: inline-block;
    top: unset; 
    bottom: 0;
    left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -4%) 
  }
  .banner {
    width: 100vw;
    height: 82px;
    padding: 4px;
    text-align: center;
  }
  .sp {
    display: none;
  }
  .copy {
    font-size: 14px;
    margin: 0 auto 6px;
    text-align: center;
   
  }
  .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
  }
}


@media screen and (max-width: 389px) {
  .floating-banner {
    display: inline-block;
    top: unset; 
    bottom: 0;
    left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -4%) 
  }
  .banner {
    width: 100vw;
    height: 82px;
    padding: 5px;
    text-align: center;
  }
  .sp {
    display: none;
  }
  .copy {
    font-size: 13.7px;
    margin: 0 auto 6px;
    text-align: center;
   
  }
  .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
  }
}

  
@media screen and (max-width: 380px) {
  .floating-banner {
    display: inline-block;
    top: unset; 
    bottom: 0;
    left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -4%) 
  }
  .banner {
    width: 100vw;
    height: 82px;
    padding: 5px;
    text-align: center;
  }
  .sp {
    display: none;
  }
  .copy {
    font-size: 13.5px;
    margin: 0 auto 6px;
    text-align: center;
   
  }
  .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
  }
}

  
@media screen and (max-width: 367px) {
  .floating-banner {
    display: inline-block;
    top: unset; 
    bottom: 0;
    left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -4%) 
  }
  .banner {
    width: 100vw;
    height: 79px;
    padding: 5px;
    text-align: center;
  }
  .sp {
    display: none;
  }
  .copy {
    font-size: 13px;
    margin: 0 auto 6px;
    text-align: center;
   
  }
  .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
  }
}


  @media screen and (max-width: 355px) {
  .floating-banner {
    display: inline-block;
    top: unset; 
    bottom: 0;
    left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -4%) 
  }
  .banner {
    width: 100vw;
    height: 76px;
    padding: 5px;
    text-align: center;
  }
  .sp {
    display: none;
  }
  .copy {
    font-size: 12.5px;
    margin: 0 auto 6px;
    text-align: center;
   
  }
  .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
  }
}

  
  @media screen and (max-width: 340px) {
  .floating-banner {
    display: inline-block;
    top: unset; 
    bottom: 0;
    left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -4%) 
  }
  .banner {
    width: 100vw;
    height: 74px;
    padding: 5px;
    text-align: center;
  }
  .sp {
    display: none;
  }
  .copy {
    font-size: 12px;
    margin: 0 auto 6px;
    text-align: center;
   
  }
  .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
  }
}


    @media screen and (max-width: 325px) {
  .floating-banner {
    display: inline-block;
    top: unset; 
    bottom: 0;
    left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -4%) 
  }
  .banner {
    width: 100vw;
    height: 73px;
    padding: 5px;
    text-align: center;
  }
  .sp {
    display: none;
  }
  .copy {
    font-size: 11.5px;
    margin: 0 auto 6px;
    text-align: center;
   
  }
  .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
  }
}


      @media screen and (max-width: 280px) {
  .floating-banner {
    display: inline-block;
    top: unset; 
    bottom: 0;
    left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -4%) 
  }
  .banner {
    width: 100vw;
    height: 78px;
    padding: 5px;
    text-align: center;
  }
  .sp {
    display: none;
  }
  .copy {
    font-size: 10.5px;
    margin: 0 auto 6px;
    text-align: center;
   
  }
  .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
  }
}



.i-w-100 {
    width: 100%;
    height: auto;
}
.i-w-99 {
    width: 99%;
    height: auto;
}
.i-w-98 {
    width: 98%;
    height: auto;
}
.i-w-97 {
    width: 97%;
    height: auto;
}
.i-w-96 {
    width: 96%;
    height: auto;
}
.i-w-95 {
    width: 95%;
    height: auto;
}
.i-w-94 {
    width: 94%;
    height: auto;
}
.i-w-93 {
    width: 93%;
    height: auto;
}
.i-w-92 {
    width: 92%;
    height: auto;
}
.i-w-91 {
    width: 91%;
    height: auto;
}
.i-w-90 {
    width: 90%;
    height: auto;
}
.i-w-85 {
    width: 85%;
    height: auto;
}
.i-w-80 {
    width: 80%;
    height: auto;
}
.i-w-60 {
    width: 60%;
    height: auto;
}

.img-col2 {
    width: 49%;
    height: auto;
}
.img-col3 {
    width: 48%;
    height: auto;
}