@media screen and (min-width:640px) {
  .content_outer{
    background-image: url(../images/top_bg_left.jpg), url(../images/top_bg_right.jpg);
    background-size: calc((100% - var(--content_width)) / 2) auto;
    background-position: left center, right center;
  }
}

.main_block h1{
  line-height: 0;
}
.section_wrapper{
  position: relative;
  background-color: #a4d6c1;
  padding-top: calc((35 * var(--content_width)) / 375);
}
.section_wrapper h2{
  line-height: 0;
}
.section_wrapper.section1{
  position: relative;
  padding-bottom: calc((125 * var(--content_width)) / 750);
  background-image: url(../images/top_bg1.jpg), url(../images/img_top_howto_bg_bottom.png);
  background-size: 100% auto, 100% auto;
  background-position: top center, bottom center;
}
.section_wrapper.section1 .section_inner{
  margin: -1px 0;
  padding: 1px 0 calc(1px + (20 * var(--content_width)) / 375);
  background-color: #fff6c0;
}
.section_wrapper.section1 .section_inner .howto_text{
  padding: calc((15 * var(--content_width)) / 375) 0 calc((25 * var(--content_width)) / 375);
  font-size: calc((18 * var(--content_width)) / 375);
  line-height: 1.5em;
  text-align: center;
}
.section_wrapper .list_img_outer{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.section_wrapper.section1 .list_img_outer{
  height: calc((911 * var(--content_width)) / 750);
}
.section_wrapper.section3 .list_img_outer{
  font-size: calc((28 * var(--content_width)) / 750);
  height: calc((828 * var(--content_width)) / 750 + 4em);
}
.section_wrapper .list_img_outer .list_img_wrapper{
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: start;
  transition: left 0.5s;
}
.section_wrapper .list_img_outer .list_img_wrapper.dragging{
  transition: none;
}
.section_wrapper .list_img_outer.page2 .list_img_wrapper{ left: calc(-1 * var(--content_width)); }
.section_wrapper .list_img_outer.page3 .list_img_wrapper{ left: calc(-2 * var(--content_width)); }

.section_wrapper.section1 .list_img_outer .list_img_wrapper,
.section_wrapper.section3 .list_img_outer .list_img_wrapper{
  width: calc(3 * var(--content_width));
}
.section_wrapper .list_img_outer .list_img_wrapper .list_img_block{
  width: var(--content_width);
}
.section_wrapper .list_img_outer .list_img_wrapper .list_img_block .list_img{
  line-height: 0;
  margin: 0 auto;
}
.section_wrapper.section1 .list_img_outer .list_img_wrapper .list_img_block .list_img{
  width: calc((706 * var(--content_width)) / 750);
}
.section_wrapper.section3 .list_img_outer .list_img_wrapper .list_img_block .list_img{
  position: relative;
  width: calc((720 * var(--content_width)) / 750);
}

.section_wrapper .list_img_outer .btn_list_prev,
.section_wrapper .list_img_outer .btn_list_next{
  position: absolute;
  top: calc((75 * var(--content_width)) / 375);
  width: calc((86 * var(--content_width)) / 750);
  height: calc((86 * var(--content_width)) / 750);
}
.section_wrapper.section1 .list_img_outer .btn_list_prev,
.section_wrapper.section1 .list_img_outer .btn_list_next{
  top: calc((165 * var(--content_width)) / 375);
}
.section_wrapper.section3 .list_img_outer .btn_list_prev,
.section_wrapper.section3 .list_img_outer .btn_list_next{
  top: calc((175 * var(--content_width)) / 375);
}
.section_wrapper .list_img_outer .btn_list_prev.disabled,
.section_wrapper .list_img_outer .btn_list_next.disabled{
  display: none;
}
.section_wrapper .list_img_outer .btn_list_prev{
  left: calc((5 * var(--content_width)) / 375);
}
.section_wrapper .list_img_outer .btn_list_next{
  right: calc((5 * var(--content_width)) / 375);
}
.section_wrapper.section3 .present_notice{
  width: calc((600 * var(--content_width)) / 750);
  font-size: calc((28 * var(--content_width)) / 750);
  line-height: 1.2em;
  margin: calc((40 * var(--content_width)) / 750) auto 0;
  list-style: none;
  padding-left: 1em;
  color: #58250b;
  -webkit-text-stroke: calc((3 * var(--content_width)) / 375) #ffffff;
  text-stroke: calc((3 * var(--content_width)) / 375) #ffffff;
  paint-order: stroke;
}
.section_wrapper.section3 .present_notice li::before{
  content: "※";
  margin-left: -1em;
}
.section_wrapper.section3 .btn_list{
  display: block;
  width: calc((556 * var(--content_width)) / 750);
  margin: calc((50 * var(--content_width)) / 750) auto 0;
}


.section_wrapper.section2{
  background-image: url(../images/top_bg2.jpg);
  background-size: 100% auto;
  background-position: top calc((105 * var(--content_width)) / 375) center;
}
.section_wrapper.section2 .introduce_image{
  width: calc((628 * var(--content_width)) / 750);
  margin: calc((20 * var(--content_width)) / 375) auto calc((30 * var(--content_width)) / 375);
  line-height: 0;
}
.section_wrapper.section2 .btn_more{
  display: block;
  width: calc((456 * var(--content_width)) / 750);
  margin: 0 auto;
  line-height: 0;
}
.section_wrapper.section3{
  padding-top: calc((250 * var(--content_width)) / 750);
}
.section_wrapper.section3 .section_inner{
  position: relative;
  height: calc((1418 * var(--content_width)) / 750);
  padding-top: calc((160 * var(--content_width)) / 750);
  background-image: url(../images/img_precent_bg.jpg);
  background-size: 100% 100%;
}
.section_wrapper.section3 .section_inner h2{
  position: absolute;
  top: calc((-152 * var(--content_width)) / 750);
  left: 0;
  right: 0;
  width: calc((674 * var(--content_width)) / 750);
  margin: 0 auto;
  line-height: 0;
}
.section_wrapper.section4{
  background-color: #f9c011;
  border-bottom: calc((2 * var(--content_width)) / 375) solid #000000;
}
.section_wrapper.section4 .package_image{
  margin: calc((10 * var(--content_width)) / 375) auto;
}
.section_wrapper.section4 .package_name{
  padding-bottom: calc((60 * var(--content_width)) / 375);
}

.section_wrapper.section5{
  background-color: #a4d6c1;
  padding: calc((100 * var(--content_width)) / 375) calc((20 * var(--content_width)) / 375) calc((95 * var(--content_width)) / 375);
  background-image: url(../images/top_bg3.jpg);
  background-size: 100% auto;
  background-position: top;
}

.section_wrapper.section5 .terms_wrapper{
  position: relative;
  padding: calc((60 * var(--content_width)) / 375) calc((15 * var(--content_width)) / 375) calc((40 * var(--content_width)) / 375) calc((20 * var(--content_width)) / 375);
  background-color: #ffffff;
  border: calc((2 * var(--content_width)) / 375) solid #000000;
  border-radius: calc((30 * var(--content_width)) / 375);
}
.section_wrapper.section5 .terms_wrapper+.terms_wrapper{
  margin-top: calc((85 * var(--content_width)) / 375);
}
.section_wrapper.section5 .terms_wrapper .block_title{
  position: absolute;
  left: 0;
  right: 0;
  top: calc((-28 * var(--content_width)) / 375);
  width: calc((402 * var(--content_width)) / 750);
  height: calc((130 * var(--content_width)) / 750);
  margin: 0 auto;
}
.section_wrapper.section5 .terms_wrapper .block_inner{
  height: calc((450 * var(--content_width)) / 750);
  padding-right: calc((25 * var(--content_width)) / 375);
  font-size: calc((14 * var(--content_width)) / 375);
  line-height: 1.5em;
  color: #58250b;
  overflow-y: scroll;
  overflow-wrap: break-word;
}
.section_wrapper.section5 .terms_wrapper .block_inner *{
  overscroll-behavior: auto;
}
.section_wrapper.section5 .terms_wrapper .block_inner::-webkit-scrollbar {
  display: none;
}
.section_wrapper.section5 .terms_wrapper .block_inner .simplebar-scrollbar::before {
  background: #00a99e;
  border-radius: calc((4 * var(--content_width)) / 375);
  top: calc((6 * var(--content_width)) / 375);
  bottom: calc((6 * var(--content_width)) / 375);
  width: calc((8 * var(--content_width)) / 375);
  margin: calc((-2 * var(--content_width)) / 375) auto 0;
}
.section_wrapper.section5 .terms_wrapper .block_inner .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.section_wrapper.section5 .terms_wrapper .block_inner .simplebar-track {
  background: #ffffff;
  width: calc((16 * var(--content_width)) / 375) !important;
  border: calc((2 * var(--content_width)) / 375) solid #000000;
  border-radius: calc((8 * var(--content_width)) / 375);
}

.section_wrapper.section5 .terms_wrapper .block_inner{
  font-weight: normal;
  font-size: calc((10 * var(--content_width)) / 375);
}
.section_wrapper.section5 .terms_wrapper .block_inner .terms_header,
.section_wrapper.section5 .terms_wrapper .block_inner .terms_title{
  font-weight: bold;
}
.section_wrapper.section5 .terms_wrapper .block_inner .terms_date{
  font-size: 0.75em;
  line-height: 1.2em;
}
.section_wrapper.section5 .terms_wrapper .block_inner .term_block{
  margin-top: 1em;
}
.section_wrapper.section5 .terms_wrapper .block_inner .red{
  color: red;
}
.section_wrapper.section5 .terms_wrapper .block_inner .bold{
  font-weight: bold;
}

.section_wrapper.section5 .terms_wrapper .block_inner ul li{
  list-style-type: none;
}
.section_wrapper.section5 .terms_wrapper .block_inner p+p,
.section_wrapper.section5 .terms_wrapper .block_inner ul li+li{
  margin-top: .5em;
}
.section_wrapper.section5 .terms_wrapper .block_inner p::before,
.section_wrapper.section5 .terms_wrapper .block_inner ul li::before{
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #58250b;
  vertical-align: middle;
  margin: 0 0.5em 0 .25em;
  content: "";
}
.section_wrapper.section5 .btn_list{
  display: block;
  width: calc((556 * var(--content_width)) / 750);
  margin: calc((100 * var(--content_width)) / 750) auto 0;
  line-height: 0;
}


.btn_collection{
  position: fixed;
  bottom: calc((20 * var(--content_width)) / 375);
  right: calc(((100% - var(--content_width)) / 2) + ((5 * var(--content_width)) / 375));
  width: calc((141 * var(--content_width)) / 750);
  line-height: 0;
  z-index: 100;
}
.btn_collection.foot{
  position: absolute;
  bottom: calc((90 * var(--content_width)) / 375);
}