@charset "UTF-8";
/*-----------------------------------------------------------------------
 modifier
----------------------------------------------------------------------- */
.is-inline_block_wrap {
  letter-spacing: -0.4em;
}
.is-br {
  display: block;
}
.is-split {
  display: inline-block;
}
.is-pc_br {
  display: block;
}
.is-sp_br {
/*  display: none; */ /* sp to pc */
}
.is-font_bold {
  font-weight: bold;
}
.is-sp_img {
  display: none;
}
.is-before_icon::before,
.is-after_icon::after {
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
  display: inline-block;
  vertical-align: middle;
}
.is-before_symbol::before,
.is-after_symbol::after {
  content: '';
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.is-disabled {
  display: none;
}
@media screen and (max-width: 583px) {
  .is-pc_br {
    display: none;
  }
  .is-pc_img {
    display:none;
  }
  .is-sp_img {
    display: block;
    margin: 0 auto;
  }
}


/*-----------------------------------------------------------------------
 common
----------------------------------------------------------------------- */
/* content settings */
html {
  font-size: 100%;
}
/*main :hover {
  opacity: 1.0;
}*/
main a {
  display: inline-block;
  text-decoration: none;
}
main {
  padding: 0
}
/*
button:hover,
a:hover{
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
*/
.container {
  margin: 0 auto;
}
.com-inner_wrap {
  margin: 0 auto;
  max-width: 1000px;
  width: 88%;
}
.is-bg_paper {
  background: url(../img/bg.jpg);
}
.com-order_btn {
  margin: 0 auto;
  width: 50%; /* 1000:100=500:x */
}
.com-bg_color {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 8px 0px rgba(45, 28, 28, 0.4);
}
.com-head {
  background: #161911;
  margin: 0 auto 4%;
  padding: 1.6% 0 1.5%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .com-inner_wrap {
    max-width: none;
    width: 92%;
  }
  .com-img_wrap {
    margin: 0 0 5%;
  }
  .com-order_btn {
    width: 60%;
  }
}
@media screen and (max-width: 583px) {
  .com-inner_wrap {
    max-width: 520px;
    width: 92%;
  }
  .com-inner {
    padding: 10% 0 7%;
  }
  .com-head {
    margin: 0 auto 5%;
  }
  .com-order_btn {
    width: 70%;
  }
}


/*-----------------------------------------------------------------------
 main_visual
----------------------------------------------------------------------- */
.main_visual {
  background: url(../img/main_bg.jpg) no-repeat top center;
  background-color: #161911;
  background-size: auto 100%;
  overflow: hidden;
}
.main_visual-inner_wrap {
  margin: 0 auto;
  max-width: 1628px
}
.main_visual-inner {
  height: 670px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}
.main_visual-head {
  background: transparent;
  left: 50%;
  margin: 0 0 0 -558px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 1110px;
}
.main_visual-cancel .main_visual-head {
  margin: 0px 0 0 -483px;
  width: 1023px;
}
.main_visual .com-order_btn,
.main_visual-text_link {
  bottom: 0;
  position: absolute;
}
.main_visual .com-order_btn {
  left: 50%;
  margin: 0 0 39px -210px;
  width: 420px;
}
.main_visual-cancel .com-order_btn {
  margin: 0 0 32px -210px;
}
.main_visual-text_link {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  left: 0;
  margin: 0 0 14px;
  text-decoration: underline;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .main_visual {
    background: none;
  }
  .main_visual-inner {
    background: #161911;
    height: auto;
    padding: 0 0 3.5%;
  }
  .main_visual-head .is-pc_img {
    display:none;
  }
  .main_visual.main_visual .is-sp_img {
    display: block;
    margin: 0 auto;
  }
  .main_visual-head {
    margin: 0 auto;
    position: static;
    width: 100%;
  }
  .main_visual-cancel .main_visual-head {
    margin: 0px;
    width: 100%;
  }
  .main_visual-head img {
    width: 100%;
  }
  .main_visual .com-order_btn,
  .main_visual-text_link {
    position: static;
  }
  .main_visual .com-order_btn {
    margin: 0 auto 2%;
    max-width: 400px;
    width: 88%;
  }
  .main_visual-text_link {
    font-size: 14px;
  }
}
@media screen and (max-width: 583px) {
  .main_visual-wrap {
    background: none;
  }
}


/*-----------------------------------------------------------------------
 period
*----------------------------------------------------------------------- */
.period {
  background: #000;
}
.period .com-inner {
  max-width: 440px;
  margin: 0 auto;
  padding: 2% 0;
  padding: 2.2% 0;
  width: 62%;
}
@media screen and (max-width: 767px) {
  .period .com-inner {
    padding: 2.8% 0;
    width: 70%;
  }
}
@media screen and (max-width: 479px) {
  .period .com-inner {
    width: 92%;
  }
}


/*-----------------------------------------------------------------------
 intro
*----------------------------------------------------------------------- */
.intro .com-inner {
  padding: 0 0 4%;
}
.intro-head {
  margin: 0 auto;
  width: 100%;
}
.intro-text {
  margin: -1.1% auto 0;
  width: 92.4%; /* 1000:100=924:x  */
}
@media screen and (max-width: 767px) {
  .intro .com-inner {
    padding: 0 0 7%;
  }
  .intro-text {
    margin: -1.2% auto 2%;
    width: 100%;
  }
}
@media screen and (max-width: 583px) {
  .intro-head {
    width: 109%;
    margin: 0 0 0 -4.5%;
  }
  .intro-text {
    margin: -2.7% 0 2% -3%;
    width: 106%;
  }
}


/*-----------------------------------------------------------------------
 price
*----------------------------------------------------------------------- */
/* font settings */
.price-to_simulater {
  font-size: 23px;
}
/* content settings */
.price .com-inner {
  padding: 0 0 10%;
}
.price-head img {
  width: 36%;
}
.price-text {
  margin: 0 auto 6%;
  width: 83%; /* 1000:100=830:x */
}
.price-list_wrap {
  padding: 3% 0;
}
.price-benefit_list {
  margin: 0 auto 3%;
}
.price-benefit_list li {
  width: 46%; /* 1000:100=460:x */
}
.price-benefit_list li:nth-of-type(1) {
  margin: 0 3% 0 0;
}
.price-list-text {
  margin: 0 auto 1.6%;
  width: 44%;
}
.price-country_list_wrap {
  margin: 0 auto 3%;
}
.price-country_list_inner {
  display: inline-block;
  margin: 0 auto;
  vertical-align: top;
  width: 45%;
}
.price-country_list_inner:nth-of-type(1) {
  margin: 0 3% 0 0;
}
.price-country_list {
  margin: 3% auto 0;
}
.price-country_list dt,
.price-country_list dd {
  margin: 0 auto 1.5%;
}
.price-country_list dd a {
  width: 100%;
}
.price-to_simulater {
  display: block;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .price-head img {
    width: 45%;
  }
  .price-to_simulater {
    font-size: 19px;
  }
}
@media screen and (max-width: 583px) {
  .price-text {
    margin: 0 auto 5%;
    width: 92%;
  }
  .price-list_wrap {
    padding: 5% 0;
  }
  .price-benefit_list {
    margin: 0 auto 3%;
    width: 70%;
  }
  .price-benefit_list li:nth-of-type(1) {
    margin: 0 auto 5%;
  }
  .price-benefit_list li {
    width: 100%;
  }
  .price-list-text {
    width: 63%;
  }
  .price-country_list_inner {
    width: 88%;
  }
  .price-country_list_inner:nth-of-type(1) {
    margin: 0;
  }
}
@media screen and (max-width: 479px) {
  .price-to_simulater {
    font-size: 13px;
  }
}
@media screen and (max-width: 320px) {
  .price-to_simulater {
    font-size: 11px;
  }
}