body {
  background: #000000
}
body .m-nav-breadcrumb a, body .m-nav-breadcrumb-sub a, body .m-nav-breadcrumb-ctg a {
  color: #fff
}
.conts {
  background: #fff
}
.conts p {
  margin-top: 0
}
.conts .img100 {
  margin: 0
}
.conts .img100 img {
  width: 100%
}
.conts .w1150 {
  max-width: 1150px;
  box-sizing: border-box;
  margin: 0 auto
}
.conts .fwb {
  font-weight: bold
}
.conts .fs14 {
  font-size: 1.4rem
}
.conts .fs16 {
  font-size: 1.6rem
}
.conts .fs18 {
  font-size: 1.8rem
}
.conts .fs20 {
  font-size: 2.0rem
}
.conts .fs22 {
  font-size: 2.2rem
}
.conts .fs24 {
  font-size: 2.4rem
}
.conts .fs26 {
  font-size: 2.6rem
}
.conts .fs28 {
  font-size: 2.8rem
}
.conts .fs30 {
  font-size: 3.0rem
}
.conts .fs34 {
  font-size: 3.4rem
}
.conts .mt10 {
  margin-top: calc((10/1000)*100%)
}
.conts .mt20 {
  margin-top: calc((20/1000)*100%)
}
.conts .mt30 {
  margin-top: calc((30/1000)*100%)
}
.conts .mt40 {
  margin-top: calc((40/1000)*100%)
}
.conts .part_btn {
  margin: 0 auto calc((15/1000)*100%);
  width: calc((480/1000)*100%);
  min-width: 300px
}
.conts .part_btn .a-space {
  margin-right: calc((20/1000)*100%)
}
.conts .bg_b {
  background: #000;
  color: #fff
}
.conts .bg_w, .conts .sec03 .block_04, .sec03 .conts .block_04 {
  background: #fff;
  color: #000
}
.part_ttl {
  line-height: 4.5rem;
  letter-spacing: 0.2rem
}
.part_txt {
  line-height: 3.5rem;
  letter-spacing: 0.2rem
}
.part_line_ttlb {
  letter-spacing: 0.2rem
}
.part_line_ttlb::after {
  content: "";
  display: block;
  margin: 0 auto calc((25/1000)*100%);
  width: calc((120/1000)*100%);
  border-bottom: solid 1px #000;
  padding-bottom: calc((22/1000)*100%)
}
.part_line_ttlw {
  letter-spacing: 0.2rem
}
.part_line_ttlw::after {
  content: "";
  display: block;
  margin: 0 auto calc((25/1000)*100%);
  width: calc((120/1000)*100%);
  border-bottom: solid 1px #fff;
  padding-bottom: calc((22/1000)*100%)
}
.part_star {
  text-align: center;
  letter-spacing: 1.5rem;
  margin-left: 1.5rem
}
.part_flex_c02, .sec03 .block_06 .piece_faq, .sec04 .block_02 .block_cont, .sec06 .block_01 .piece_startrip, .sec06 .sec01 .m-tab-content .block_02 .piece_startrip, .sec01 .m-tab-content .sec06 .block_02 .piece_startrip {
  display: flex;
  justify-content: space-between
}
.part_flex_c02 > div, .sec03 .block_06 .piece_faq > div, .sec04 .block_02 .block_cont > div, .sec06 .block_01 .piece_startrip > div, .sec06 .sec01 .m-tab-content .block_02 .piece_startrip > div, .sec01 .m-tab-content .sec06 .block_02 .piece_startrip > div {
  width: calc((100% - 30px)/2)
}
.part_flex_c03, .part_faq_cont .faq_box .faq_block {
  display: flex;
  justify-content: space-between
}
.part_flex_c03 > div, .part_faq_cont .faq_box .faq_block > div {
  width: calc((100% - 25px)/3)
}
.part_faq_cont {
  max-width: 1000px;
  margin: calc((30/1000)*100%) auto;
  position: relative
}
.part_faq_cont .faq_ttl {
  background: #e8e8e8;
  padding: calc((25/1000)*100%);
  margin: 0 auto calc((30/1000)*100%)
}
.part_faq_cont .faq_ttl > .faq_q {
  margin: 0 calc((10/1000)*100%) 0 calc((15/1000)*100%)
}
.part_faq_cont .faq_ttl > .faq_q:after {
  content: "："
}
.part_faq_cont .faq_box .faq_block {
  flex-wrap: wrap;
  margin: calc((45/1000)*100%) auto
}
.part_faq_cont .faq_box .faq_block .item {
  margin-bottom: calc((40/1000)*100%)
}
.part_faq_cont .faq_box .faq_block .item .item_txt {
  line-height: 2.5rem
}
.part_faq_cont .faq_box .faq_block .item .item_txt > span {
  font-weight: bold
}
.part_faq_cont .faq_box.border_nomal {
  margin-top: calc((30/1000)*100%)
}
.part_faq_cont .faq_box.border_nomal::before {
  content: "";
  display: block;
  width: calc((900/1000)*100%);
  border-top: solid 1px #000;
  margin: 0 auto calc((35/1000)*100%)
}
.part_faq_cont .faq_box.border_nomal::after {
  content: "";
  display: block;
  width: calc((900/1000)*100%);
  border-bottom: solid 1px #000;
  margin: calc((50/1000)*100%) auto 0
}
.part_faq_cont .faq_box.border_right {
  margin-top: calc((30/1000)*100%)
}
.part_faq_cont .faq_box.border_right::before {
  content: "";
  display: block;
  width: calc((900/1000)*100%);
  border-top: solid 1px #000;
  margin: 0 auto calc((35/1000)*100%)
}
.part_faq_cont .faq_box.border_right::after {
  content: "";
  display: block;
  width: calc((900/1000)*100%);
  border-bottom: solid 1px #000;
  margin: calc((50/1000)*100%) 0 0 auto
}
.part_faq_cont .m-accordion-content > :first-child {
  margin-top: calc((45/1000)*100%) !important
}
.part_ul03, .part_space_list .block_inner .block_cont .list, .sec03 .block_03 .block_inner .block_cont .list, .sec03 .block_05 .block_inner .block_cont .list, .sec03 .block_04 .list {
  display: flex;
  border: solid 1px
}
.part_ul03 > li, .part_space_list .block_inner .block_cont .list > li, .sec03 .block_03 .block_inner .block_cont .list > li, .sec03 .block_05 .block_inner .block_cont .list > li, .sec03 .block_04 .list > li {
  width: calc(100%/2);
  padding: calc((35/1000)*100%) calc((20/1000)*100%);
  text-align: center
}
.part_ul03 > li + li, .part_space_list .block_inner .block_cont .list > li + li, .sec03 .block_03 .block_inner .block_cont .list > li + li, .sec03 .block_05 .block_inner .block_cont .list > li + li, .sec03 .block_04 .list > li + li {
  border-left: solid 1px
}
.part_ul03 > li > .txt, .part_space_list .block_inner .block_cont .list > li > .txt, .sec03 .block_03 .block_inner .block_cont .list > li > .txt, .sec03 .block_05 .block_inner .block_cont .list > li > .txt, .sec03 .block_04 .list > li > .txt {
  line-height: 2.8rem
}
.part_ul03 > li .mt20, .part_space_list .block_inner .block_cont .list > li .mt20, .sec03 .block_03 .block_inner .block_cont .list > li .mt20, .sec03 .block_05 .block_inner .block_cont .list > li .mt20, .sec03 .block_04 .list > li .mt20 {
  margin-top: 20px
}
.part_space_list, .sec03 .block_03, .sec03 .block_05 {
  background: #000;
  color: #fff
}
.part_space_list .block_inner, .sec03 .block_03 .block_inner, .sec03 .block_05 .block_inner {
  background: url("/mileage/introduction/img/bg_star.png") no-repeat top center
}
.part_space_list .block_inner .block_cont, .sec03 .block_03 .block_inner .block_cont, .sec03 .block_05 .block_inner .block_cont {
  padding: calc((60/1000)*100%) 0 calc((90/1000)*100%)
}
.part_space_list .block_inner .block_cont .list, .sec03 .block_03 .block_inner .block_cont .list, .sec03 .block_05 .block_inner .block_cont .list {
  margin: calc((45/1000)*100%) auto 0;
  background: #000
}
.sec {
  background: #fff;
  text-align: center
}
.sec .m-accordion {
  margin-top: calc((50/1000)*100%)
}
.sec .m-accordion > li {
  border: none
}
.sec .m-accordion > li > a {
  color: #fff;
  border: 1px solid #d1d1d1;
  width: calc((420/1000)*100%);
  min-width: 200px;
  margin: 0 auto;
  background: #000
}
.sec .m-accordion__icn::before {
  background: #fff;
  content: '\2b';
  color: #000000
}
.sec .is-active .m-accordion__icn::before {
  content: '\2d'
}
.sec00 .block_01, .sec00 .sec01 .m-tab-content .block_02, .sec01 .m-tab-content .sec00 .block_02 {
  background: #000
}
.sec00 .block_01 .main_imgBox, .sec00 .sec01 .m-tab-content .block_02 .main_imgBox, .sec01 .m-tab-content .sec00 .block_02 .main_imgBox {
  height: 35vw;
  overflow: hidden;
  position: relative
}
.sec00 .block_01 .main_img, .sec00 .sec01 .m-tab-content .block_02 .main_img, .sec01 .m-tab-content .sec00 .block_02 .main_img {
  z-index: 10;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: calc((-15/1500)*100%);
  -webkit-animation: anime 18s 0s infinite;
  animation: anime 18s 0s infinite
}
.sec00 .block_01 .main_img img, .sec00 .sec01 .m-tab-content .block_02 .main_img img, .sec01 .m-tab-content .sec00 .block_02 .main_img img {
  width: 100%
}
.sec00 .block_01 .main_img:nth-of-type(2), .sec00 .sec01 .m-tab-content .block_02 .main_img:nth-of-type(2), .sec01 .m-tab-content .sec00 .block_02 .main_img:nth-of-type(2) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s
}
.sec00 .block_01 .main_img:nth-of-type(3), .sec00 .sec01 .m-tab-content .block_02 .main_img:nth-of-type(3), .sec01 .m-tab-content .sec00 .block_02 .main_img:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  animation-delay: 12s
}
@keyframes anime {
  0% {
    opacity: 0
  }
  10% {
    opacity: 1
  }
  15% {
    opacity: 1
  }
  70% {
    opacity: 0;
    transform: scale(1.2);
    z-index: 9
  }
  100% {
    opacity: 0
  }
}
.sec00 .block_02 {
  background: #000;
  padding: calc((30/1500)*100%) 0
}
.sec00 .block_02 img {
  width: 80%
}
.sec00 .block_03, .sec00 .sec03 .block_05, .sec03 .sec00 .block_05 {
  background: #fff
}
.sec00 .block_03 .str_txt, .sec00 .sec03 .block_05 .str_txt, .sec03 .sec00 .block_05 .str_txt {
  color: #000;
  line-height: 3.0rem;
  letter-spacing: 0.6rem;
  padding: calc((55/1500)*100%) calc((80/750)*100%)
}
.sec01 .sec_inner {
  background: #fff;
  color: #000
}
.sec01 .m-tab .m-tab-list {
  width: auto;
  max-width: 1000px;
  margin: 0 auto
}
.sec01 .m-tab .m-tab-list li + li {
  margin: 0 0 0 calc((20/1000)*100%)
}
.sec01 .m-tab .m-tab-list li.tab01 {
  position: relative
}
.sec01 .m-tab .m-tab-list li.tab01 > a {
  background: #000;
  color: #fff
}
.sec01 .m-tab .m-tab-list li.tab01 > a::before {
  content: "→";
  position: absolute;
  top: 50%;
  left: calc((380/1000)*100%);
  transform: translate(-50%, -50%)
}
.sec01 .m-tab .m-tab-list li.tab01 > a.is-current::before {
  content: ""
}
.sec01 .m-tab .m-tab-list li.tab02 {
  position: relative
}
.sec01 .m-tab .m-tab-list li.tab02 > a {
  background: #fff;
  z-index: 100
}
.sec01 .m-tab .m-tab-list li.tab02 > a::before {
  content: "→";
  position: absolute;
  top: 50%;
  left: calc((380/1000)*100%);
  transform: translate(-50%, -50%);
  color: #000000
}
.sec01 .m-tab .m-tab-list li.tab02 > a.is-current::before {
  content: ""
}
.sec01 .m-tab .m-tab-list li.tab02 > a.is-current::after {
  content: "";
  position: absolute;
  border-bottom: solid 1px #fff;
  display: inline-block;
  width: 100%;
  height: 98%;
  z-index: 0;
  bottom: -1px
}
.sec01 .m-tab .m-tab-list li.tab02 > a > span {
  color: #000
}
.sec01 .m-tab .m-tab-list li > a span {
  padding: calc((20/1000)*100%);
  letter-spacing: 0.8rem
}
.sec01 .m-tab-content {
  margin-top: 0
}
.sec01 .m-tab-content.cont01 {
  background: #000;
  color: #fff
}
.sec01 .m-tab-content.cont01 .btn_note {
  color: #fff;
  text-align: left
}
.sec01 .m-tab-content.cont02 {
  border-top: solid 1px #000;
  background: #fff;
  z-index: 0
}
.sec01 .m-tab-content.cont02 .btn_note {
  color: #000;
  text-align: left
}
.sec01 .m-tab-content .block_01, .sec01 .m-tab-content .block_02 {
  padding: calc((50/1000)*100%) 0;
  box-sizing: border-box
}
.sec01 .m-tab-content .block_01 p, .sec01 .m-tab-content .block_02 p {
  margin: 0
}
.sec01 .m-tab-content .block_01 .ttl, .sec01 .m-tab-content .block_02 .ttl {
  display: inline-block;
  padding: 0 calc((10/1000)*100%) calc((15/1000)*100%);
  border-bottom: solid 1px #fff;
  letter-spacing: 1.0rem;
  margin: 0 0 calc((45/1000)*100%)
}
.sec01 .m-tab-content .block_01 .txt + .txt, .sec01 .m-tab-content .block_02 .txt + .txt {
  margin: calc((35/1000)*100%)
}
.sec01 .m-tab-content .block_02 .ttl {
  color: #000;
  border-color: #000
}
.sec01 .m-tab-content .block_02 .txt {
  color: #000
}
.sec01 .m-tab-content .map {
  position: relative
}
.sec01 .m-tab-content .btnpiece {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 240px;
  max-width: calc((300/1000)*100%)
}
.sec01 .m-tab-content .btnpiece .btn {
  background: #fff;
  display: block;
  padding: calc((5/1000)*100%);
  transition: .3s ease all
}
.sec01 .m-tab-content .btnpiece .btn span {
  display: block;
  border: solid 1px #000;
  color: #000;
  padding: calc((10/1000)*100%) calc((15/1000)*100%) calc((10/1000)*100%) calc((10/1000)*100%);
  position: relative
}
.sec01 .m-tab-content .btnpiece .btn span::after {
  content: "";
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
  position: absolute;
  top: 50%;
  right: 1%;
  transform: translate(-50%, -50%)
}
.sec01 .m-tab-content .btnpiece .btn:hover {
  opacity: .7
}
.sec02 {
  background: #000;
  color: #fff
}
.sec02 .box {
  background: url("/mileage/introduction/img/bg_star.png") no-repeat top center
}
.sec02 .box .block {
  padding: calc((65/1500)*100%) 0;
  box-sizing: border-box
}
.sec02 .box .block .block_inner {
  width: calc((880/1000)*100%);
  margin: 0 auto
}
.sec03 .block_01, .sec03 .sec01 .m-tab-content .block_02, .sec01 .m-tab-content .sec03 .block_02 {
  padding: calc((70/1500)*100%) 0
}
.sec03 .block_02 {
  padding: calc((55/1500)*100%) 0;
  background: #f6f6f6
}
.sec03 .block_02 .piece {
  margin: calc((30/1000)*100%) auto calc((40/1000)*100%)
}
.sec03 .block_02 .piece > div {
  position: relative
}
.sec03 .block_02 .piece > div a img {
  position: absolute;
  bottom: calc((50/1000)*100%);
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc((120/430)*100%)
}
.sec03 .block_03 .list, .sec03 .block_05 .list {
  width: calc((900/1000)*100%)
}
.sec03 .block_04 {
  padding: calc((65/1500)*100%) 0
}
.sec03 .block_04 .list {
  margin: calc((40/1000)*100%) auto;
  flex-wrap: wrap;
}
.sec03 .block_04 .list > li {
  background-position-x: calc((25/350)*100%);
  background-position-y: calc((25/350)*100%);
  background-repeat: no-repeat;
  border-bottom: solid 1px;
}
.sec03 .block_04 .list > li:nth-child(1) {
  background-image: url("/mileage/introduction/img/bg_01.png")
}
.sec03 .block_04 .list > li:nth-child(2) {
  background-image: url("/mileage/introduction/img/bg_02.png")
}
.sec03 .block_04 .list > li:nth-child(3) {
  border-left: none;
  border-bottom: none;
  background-image: url("/mileage/introduction/img/bg_03.png")
}
.sec03 .block_04 .list > li:nth-child(4) {
  border-bottom: none;
  background-image: url("/mileage/introduction/img/bg_04.png")
}
.sec03 .block_04 .block_cont02 {
  padding-top: calc((45/1000)*100%)
}
.sec03 .block_06 {
  padding: calc((60/1500)*100%) 0
}
.sec03 .block_06 .piece_faq {
  width: calc((785/1000)*100%);
  margin: calc((40/1000)*100%) auto calc((35/1000)*100%)
}
.sec04 .block_01, .sec04 .sec01 .m-tab-content .block_02, .sec01 .m-tab-content .sec04 .block_02 {
  background: #f6f6f6;
  padding: calc((35/1000)*100%) 0 calc((78/1000)*100%)
}
.sec04 .block_01 .block_inner, .sec04 .sec01 .m-tab-content .block_02 .block_inner, .sec01 .m-tab-content .sec04 .block_02 .block_inner {
  padding-top: calc((65/1500)*100%)
}
.sec04 .block_02 {
  padding: calc((60/1000)*100%) 0;
  background: #fff
}
.sec04 .block_02 .box {
  margin: calc((50/1000)*100%) auto 0
}
.sec04 .block_02 .block_cont > div.image {
  width: calc((450/1000)*100%)
}
.sec04 .block_02 .block_cont > div.piece_txt {
  width: calc((520/1000)*100%)
}
.sec04 .block_02 .block_cont > div.piece_txt .point_ttl {
  font-size: 2.8rem;
  letter-spacing: 0.3rem
}
.sec04 .block_02 .block_cont .image img {
  width: 100%
}
.sec04 .block_02 .block_cont .piece_txt {
  position: relative;
  text-align: left
}
.sec04 .block_02 .block_cont .piece_txt .point_tag {
  width: calc((330/520)*100%)
}
.sec04 .block_02 .block_cont .piece_txt .txt {
  width: 100%
}
.sec04 .block_02 .block_cont .piece_txt .txt .strong {
  margin: calc((25/1000)*100%) 0
}
.sec04 .block_02 .block_cont .piece_txt .txt .point_comment {
  position: absolute;
  transform: translate(0%, -50%)
}
.sec04 .block_02 .block_cont + .block_cont {
  margin-top: calc((90/1000)*100%)
}
.sec04 .block_02 .num01 .point_comment {
  top: calc((150/1000)*100%);
  right: calc((50/1000)*100%);
  padding-right: calc((40/1000)*100%);
  width: calc((170/520)*100%)
}
.sec04 .block_02 .num02 .point_comment {
  top: calc((50/1000)*100%);
  right: calc((-106/1000)*100%);
  padding-right: calc((40/1000)*100%);
  width: calc((220/520)*100%)
}
.sec04 .block_02 .num03 .point_comment {
  top: calc((0/1000)*100%);
  right: calc((50/1000)*100%);
  padding-right: calc((40/1000)*100%);
  width: calc((170/520)*100%)
}
.sec04 .block_02 .num04 .point_comment {
  top: calc((100/1000)*100%);
  right: 0;
  padding-right: calc((40/1000)*100%);
  width: calc((170/520)*100%)
}
.sec05 .block_01, .sec05 .sec01 .m-tab-content .block_02, .sec01 .m-tab-content .sec05 .block_02 {
  background: #fff;
  padding: calc((50/1000)*100%) 0
}
.sec05 .block_01 .block_cont, .sec05 .sec01 .m-tab-content .block_02 .block_cont, .sec01 .m-tab-content .sec05 .block_02 .block_cont {
  display: flex;
  align-items: center;
  margin: 0 auto calc((50/1000)*100%)
}
.sec05 .block_01 .block_cont .left_txt, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt {
  width: calc((600/1000)*100%);
  text-align: left;
  position: relative
}
.sec05 .block_01 .block_cont .left_txt a, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt a, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt a {
  text-decoration: underline
}
.sec05 .block_01 .block_cont .left_txt a:hover, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt a:hover, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt a:hover {
  text-decoration: none
}
.sec05 .block_01 .block_cont .left_txt .star_list, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt .star_list, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt .star_list {
  margin: calc((30/1000)*100%) auto
}
.sec05 .block_01 .block_cont .left_txt .star_list > li::before, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt .star_list > li::before, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt .star_list > li::before {
  content: url("../img/sec05_block1_icon.png");
  display: inline-block;
  vertical-align: middle
}
.sec05 .block_01 .block_cont .right_image, .sec05 .sec01 .m-tab-content .block_02 .block_cont .right_image, .sec01 .m-tab-content .sec05 .block_02 .block_cont .right_image {
  width: calc((400/1000)*100%);
  position: relative;
  padding-left: 4%
}
.sec05 .block_01 .block_cont .right_image .mark, .sec05 .sec01 .m-tab-content .block_02 .block_cont .right_image .mark, .sec01 .m-tab-content .sec05 .block_02 .block_cont .right_image .mark {
  width: 35%;
  position: absolute;
  top: calc((150/400)*100%);
  left: calc((-100/400)*100%)
}
.sec06 .block_01, .sec06 .sec01 .m-tab-content .block_02, .sec01 .m-tab-content .sec06 .block_02 {
  background: #000;
  color: #fff;
  padding: calc((80/1500)*100%)
}
.sec06 .block_01 .piece_startrip, .sec06 .sec01 .m-tab-content .block_02 .piece_startrip, .sec01 .m-tab-content .sec06 .block_02 .piece_startrip {
  margin: 0 auto calc((65/1000)*100%);
  width: calc((845/1000)*100%)
}
.sec06 .block_01 .piece_startrip .link_note, .sec06 .sec01 .m-tab-content .block_02 .piece_startrip .link_note, .sec01 .m-tab-content .sec06 .block_02 .piece_startrip .link_note {
  color: #fff;
  text-align: right;
  margin-top: calc((20/1000)*100%);
  transition: all 1s
}
.sec06 .block_01 .piece_startrip a:hover, .sec06 .sec01 .m-tab-content .block_02 .piece_startrip a:hover, .sec01 .m-tab-content .sec06 .block_02 .piece_startrip a:hover {
  text-decoration: underline;
  color: #fff
}
.sec06 .block_01 .part_btn a, .sec06 .sec01 .m-tab-content .block_02 .part_btn a, .sec01 .m-tab-content .sec06 .block_02 .part_btn a {
  border: solid 1px #fff
}
.fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s
}
.boom {
  transform: scale(0.01);
  transition: all .3s
}
.comment_fade {
  opacity: 0;
  transition: all .8s
}
@media screen and (min-width: 768px) {
  .spOnly {
    display: none !important
  }
  .l-wrapper {
    background: #000000
  }
  .m-box-reg[data-type="starlink"] {
    margin-top: 0 !important
  }
  .m-box-reg {
    margin: 0
  }
  .conts .w1000 {
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .conts .w96 {
    padding: 0 2%
  }
  .conts .w1000 {
    max-width: 600px;
    margin: 0 auto
  }
  .conts .fs14 {
    font-size: 1.1rem
  }
  .conts .fs16 {
    font-size: 1.2rem
  }
  .conts .fs18 {
    font-size: 1.3rem
  }
  .conts .fs20 {
    font-size: 1.4rem
  }
  .conts .fs22 {
    font-size: 1.5rem
  }
  .conts .fs24 {
    font-size: 1.6rem
  }
  .conts .fs26 {
    font-size: 1.8rem
  }
  .conts .fs28 {
    font-size: 1.9rem
  }
  .conts .fs30 {
    font-size: 2.0rem
  }
  .conts .fs34 {
    font-size: 2.2rem
  }
  .sec00 .block_03 .str_txt, .sec00 .sec03 .block_05 .str_txt, .sec03 .sec00 .block_05 .str_txt {
    padding: calc((50/1500)*100%) calc((20/750)*100%);
    line-height: 2.0rem;
    letter-spacing: 0.3rem
  }
  .sec01 .m-tab .m-tab-list li > a span {
    padding: calc((20/1000)*100%);
    letter-spacing: 0.5rem
  }
  .sec01 .m-tab-content .btnpiece {
    position: inherit;
    margin: 0 0 0 auto
  }
  .sec04 .block_02 .block_cont > div.piece_txt .point_ttl {
    font-size: 2.0rem;
    margin-top: 12px
  }
  .sec04 .block_02 .num01 .point_comment {
    right: calc((20/1000)*100%)
  }
  .sec04 .block_02 .num03 .point_comment {
    right: calc((20/1000)*100%)
  }
  .sec04 .block_02 .num04 .point_comment {
    top: calc((40/1000)*100%);
    right: calc((-30/1000)*100%)
  }
  .sec05 .block_01 .block_cont .left_txt, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt {
    width: calc((700/1000)*100%)
  }
  .sec05 .block_01 .block_cont .right_image, .sec05 .sec01 .m-tab-content .block_02 .block_cont .right_image, .sec01 .m-tab-content .sec05 .block_02 .block_cont .right_image {
    width: calc((300/1000)*100%)
  }
  .sec05 .block_01 .block_cont .right_image .mark, .sec05 .sec01 .m-tab-content .block_02 .block_cont .right_image .mark, .sec01 .m-tab-content .sec05 .block_02 .block_cont .right_image .mark {
    width: 50%;
    left: calc((-140/300)*100%)
  }
}
@media screen and (max-width: 767px) {
  .pcOnly {
    display: none !important
  }
  .conts .w96 {
    padding: 0 2%
  }
  .conts .w1000 {
    width: 90%;
    margin: 0 auto
  }
  .conts .fs14 {
    font-size: 1.0rem
  }
  .conts .fs16 {
    font-size: 1.2rem
  }
  .conts .fs18 {
    font-size: 1.4rem
  }
  .conts .fs20 {
    font-size: 1.6rem
  }
  .conts .fs22 {
    font-size: 1.8rem
  }
  .conts .fs24 {
    font-size: 2.0rem
  }
  .conts .fs26 {
    font-size: 2.2rem
  }
  .conts .fs28 {
    font-size: 2.4rem
  }
  .conts .fs30 {
    font-size: 2.4rem
  }
  .conts .fs34 {
    font-size: 2.4rem
  }
  .conts .taL {
    text-align: left
  }
  .conts .mt10 {
    margin-top: calc((10/750)*100%)
  }
  .conts .mt20 {
    margin-top: calc((20/750)*100%)
  }
  .conts .mt30 {
    margin-top: calc((40/750)*100%)
  }
  .conts .mt40 {
    margin-top: calc((50/750)*100%)
  }
  .conts .mb20 {
    margin-bottom: calc((20/750)*100%)
  }
  .conts .fwb {
    font-weight: bold
  }
  .conts .m-accordion-content {
    padding: calc((60/750)*100%) 0
  }
  .part_ttl {
    line-height: 2.5rem;
    letter-spacing: normal
  }
  .part_txt {
    line-height: 2.0rem;
    letter-spacing: 0.2rem
  }
  .part_flex_c02, .sec03 .block_06 .piece_faq, .sec04 .block_02 .block_cont, .sec06 .block_01 .piece_startrip, .sec06 .sec01 .m-tab-content .block_02 .piece_startrip, .sec01 .m-tab-content .sec06 .block_02 .piece_startrip {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: calc((40/750)*100%) auto
  }
  .part_flex_c02 > div, .sec03 .block_06 .piece_faq > div, .sec04 .block_02 .block_cont > div, .sec06 .block_01 .piece_startrip > div, .sec06 .sec01 .m-tab-content .block_02 .piece_startrip > div, .sec01 .m-tab-content .sec06 .block_02 .piece_startrip > div {
    width: 100%
  }
  .part_flex_c02 > div + div, .sec03 .block_06 .piece_faq > div + div, .sec04 .block_02 .block_cont > div + div, .sec06 .block_01 .piece_startrip > div + div, .sec06 .sec01 .m-tab-content .block_02 .piece_startrip > div + div, .sec01 .m-tab-content .sec06 .block_02 .piece_startrip > div + div {
    margin-top: calc((40/750)*100%)
  }
  .part_faq_cont .cont_inner {
    width: 90%;
    margin: 0 auto
  }
  .part_faq_cont .faq_ttl {
    padding: calc((40/750)*100%);
    margin-bottom: calc((40/750)*100%)
  }
  .part_faq_cont .faq_ttl > .faq_q::after {
    content: ""
  }
  .part_faq_cont .faq_box .faq_block > div {
    width: calc((100% - 25px)/2)
  }
  .part_faq_cont .faq_box {
    margin: 8% auto
  }
  .part_faq_cont .faq_box.border_nomal::before {
    width: 100%
  }
  .part_faq_cont .faq_box.border_nomal::after {
    border: none
  }
  .part_faq_cont .faq_box.border_right::before {
    width: 100%;
    margin: calc((60/750)*100%) 0 calc((50/750)*100%)
  }
  .part_faq_cont .faq_box.border_right::after {
    border: none
  }
  .part_ul03, .part_space_list .block_inner .block_cont .list, .sec03 .block_03 .block_inner .block_cont .list, .sec03 .block_05 .block_inner .block_cont .list, .sec03 .block_04 .list {
    display: flex;
    flex-direction: column;
    border: solid 1px
  }
  .part_ul03 > li, .part_space_list .block_inner .block_cont .list > li, .sec03 .block_03 .block_inner .block_cont .list > li, .sec03 .block_05 .block_inner .block_cont .list > li, .sec03 .block_04 .list > li {
    width: 100%;
    padding: calc((35/1000)*100%) calc((20/1000)*100%);
    text-align: center
  }
  .part_ul03 > li + li, .part_space_list .block_inner .block_cont .list > li + li, .sec03 .block_03 .block_inner .block_cont .list > li + li, .sec03 .block_05 .block_inner .block_cont .list > li + li, .sec03 .block_04 .list > li + li {
    border-top: solid 1px;
    border-left: none
  }
  .part_ul03 > li > .txt, .part_space_list .block_inner .block_cont .list > li > .txt, .sec03 .block_03 .block_inner .block_cont .list > li > .txt, .sec03 .block_05 .block_inner .block_cont .list > li > .txt, .sec03 .block_04 .list > li > .txt {
    line-height: 2.8rem
  }
  .part_ul03 > li .mt20, .part_space_list .block_inner .block_cont .list > li .mt20, .sec03 .block_03 .block_inner .block_cont .list > li .mt20, .sec03 .block_05 .block_inner .block_cont .list > li .mt20, .sec03 .block_04 .list > li .mt20 {
    margin-top: 20px
  }
  .part_space_list, .sec03 .block_03, .sec03 .block_05 {
    font-size: 1.5rem
  }
  .sec00 .block_01 .main_imgBox, .sec00 .sec01 .m-tab-content .block_02 .main_imgBox, .sec01 .m-tab-content .sec00 .block_02 .main_imgBox {
    height: 60vw;
    overflow: hidden;
    position: relative
  }
  .sec00 .block_03 .str_txt, .sec00 .sec03 .block_05 .str_txt, .sec03 .sec00 .block_05 .str_txt {
    padding: calc((60/750)*100%) calc((20/750)*100%);
    line-height: 2.5rem;
    letter-spacing: 0.3rem
  }
  .sec01 .m-tab[data-type="tab"] .m-tab-content {
    margin-top: 0px
  }
  .sec01 .m-tab-content .btnpiece {
    position: inherit;
    margin: calc((30/750)*100%) auto;
    min-width: 280px
  }
  .sec01 .m-tab .m-tab-list li.tab01 > a::before, .sec01 .m-tab .m-tab-list li.tab02 > a::before {
    left: calc((190/750)*100%)
  }
  .sec02 .box .block .block_inner {
    width: 100%
  }
  .sec03 .block_01, .sec03 .sec01 .m-tab-content .block_02, .sec01 .m-tab-content .sec03 .block_02 {
    padding: calc((70/750)*100%) 0
  }
  .sec03 .block_02 {
    padding: calc((80/750)*100%) 0
  }
  .sec03 .block_02 .piece {
    margin: calc((40/750)*100%) auto calc((60/750)*100%)
  }
  .sec03 .block_03 .block_inner .block_cont, .sec03 .block_05 .block_inner .block_cont {
    padding: calc((80/750)*100%) 0 calc((90/750)*100%)
  }
  .sec03 .block_03 .block_inner .block_cont .list, .sec03 .block_05 .block_inner .block_cont .list {
    border: none
  }
  .sec03 .block_03 .block_inner .block_cont .list li, .sec03 .block_05 .block_inner .block_cont .list li {
    border: solid 1px #fff
  }
  .sec03 .block_03 .block_inner .block_cont .list li + li, .sec03 .block_05 .block_inner .block_cont .list li + li {
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    margin-top: calc((40/750)*100%)
  }
  .sec03 .block_04 {
    padding: calc((80/750)*100%) 0
  }
  .sec03 .block_04 .list {
    margin: calc((80/750)*100%) auto
  }
  .sec03 .block_04 .list li {
    padding: calc((40/750)*100%) 0
  }
  .sec03 .block_04 .list li img {
    width: 60%;
    margin: 0 auto
  }
  .sec03 .block_06 {
    padding-top: 0
  }
  .sec03 .block_06 .block_cont01 {
    margin-top: 0
  }
  .sec03 .block_06 .spimg {
    margin: calc((60/750)*100%) auto
  }
  .sec04 .block_01, .sec04 .sec01 .m-tab-content .block_02, .sec01 .m-tab-content .sec04 .block_02 {
    padding: calc((60/750)*100%) 0
  }
  .sec04 .block_02 {
    padding: calc((80/750)*100%) 0;
    background: #fff
  }
  .sec04 .block_02 .block_cont {
    margin-bottom: calc((60/750)*100%)
  }
  .sec04 .block_02 .box {
    margin: calc((50/1000)*100%) auto 0
  }
  .sec04 .block_02 .block_cont > div.image {
    width: 100%
  }
  .sec04 .block_02 .block_cont > div.piece_txt {
    width: 100%
  }
  .sec04 .block_02 .block_cont > div.piece_txt .point_ttl {
    font-size: 2.0rem
  }
  .sec04 .block_02 .block_cont .image img {
    width: 100%
  }
  .sec04 .block_02 .block_cont .piece_txt {
    position: relative;
    text-align: left
  }
  .sec04 .block_02 .block_cont .piece_txt .txt .strong {
    margin: calc((25/1000)*100%) 0
  }
  .sec04 .block_02 .block_cont + .block_cont {
    margin-top: calc((20/1000)*100%)
  }
  .sec04 .block_02 .num01 .txt {
    position: inherit
  }
  .sec04 .block_02 .num02 .txt {
    position: inherit
  }
  .sec04 .block_02 .num03 .txt {
    position: inherit
  }
  .sec04 .block_02 .num04 .txt {
    position: inherit
  }
  .sec04 .block_02 .num01 .point_comment {
    right: 0
  }
  .sec04 .block_02 .num02 .point_comment {
    right: calc((-106/1000)*100%)
  }
  .sec04 .block_02 .num03 .point_comment {
    right: 0
  }
  .sec04 .block_02 .num04 .point_comment {
    right: 0
  }
  .sec05 .block_01, .sec05 .sec01 .m-tab-content .block_02, .sec01 .m-tab-content .sec05 .block_02 {
    padding: calc((60/750)*100%) 0
  }
  .sec05 .block_01 .block_cont, .sec05 .sec01 .m-tab-content .block_02 .block_cont, .sec01 .m-tab-content .sec05 .block_02 .block_cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto calc((50/1000)*100%)
  }
  .sec05 .block_01 .block_cont .part_ttl, .sec05 .sec01 .m-tab-content .block_02 .block_cont .part_ttl, .sec01 .m-tab-content .sec05 .block_02 .block_cont .part_ttl {
    text-align: center
  }
  .sec05 .block_01 .block_cont .left_txt, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt {
    width: 100%;
    text-align: left
  }
  .sec05 .block_01 .block_cont .left_txt a, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt a, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt a {
    text-decoration: underline
  }
  .sec05 .block_01 .block_cont .left_txt a:hover, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt a:hover, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt a:hover {
    text-decoration: none
  }
  .sec05 .block_01 .block_cont .left_txt .star_list, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt .star_list, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt .star_list {
    margin: calc((60/1000)*100%) auto;
    border: solid 1px #000;
    padding: calc((20/750)*100%) calc((20/750)*100%) calc((20/750)*100%) calc((50/750)*100%)
  }
  .sec05 .block_01 .block_cont .left_txt .star_list > li, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt .star_list > li, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt .star_list > li {
    text-indent: -4vw;
    padding-left: 4vw
  }
  .sec05 .block_01 .block_cont .left_txt .star_list > li::before, .sec05 .sec01 .m-tab-content .block_02 .block_cont .left_txt .star_list > li::before, .sec01 .m-tab-content .sec05 .block_02 .block_cont .left_txt .star_list > li::before {
    content: url("../img/sec05_block1_icon.png");
    display: inline-block;
    vertical-align: middle
  }
  .sec05 .block_01 .block_cont .right_image, .sec05 .sec01 .m-tab-content .block_02 .block_cont .right_image, .sec01 .m-tab-content .sec05 .block_02 .block_cont .right_image {
    width: 80%;
    margin: calc((60/750)*100%) 0 calc((60/750)*100%) auto;
    position: relative
  }
  .sec05 .block_01 .block_cont .right_image_01, .sec05 .sec01 .m-tab-content .block_02 .block_cont .right_image, .sec01 .m-tab-content .sec05 .block_02 .block_cont .right_image_01 {
    width: 90%;
    margin: calc((60/750)*100%) 0 calc((60/750)*100%) 0;
    position: relative
  }
  .sec05 .block_01 .block_cont .right_image .phone, .sec05 .sec01 .m-tab-content .block_02 .block_cont .right_image .phone, .sec01 .m-tab-content .sec05 .block_02 .block_cont .right_image .phone {
    text-align: left;
    width: 55%;
    margin: 0 calc((120/750)*100%) 0 auto
  }
  .sec05 .block_01 .block_cont .right_image_01 .phone, .sec05 .sec01 .m-tab-content .block_02 .block_cont .right_image_01 .phone, .sec01 .m-tab-content .sec05 .block_02 .block_cont .right_image_01 .phone {
    text-align: left;
    width: 55%;
    margin: 0 calc((120/750)*100%) 0 auto
  }
  .sec05 .block_01 .block_cont .right_image .mark, .sec05 .sec01 .m-tab-content .block_02 .block_cont .right_image .mark, .sec01 .m-tab-content .sec05 .block_02 .block_cont .right_image .mark {
    width: 40%;
    position: absolute;
    top: calc((200/750)*100%);
    left: calc((-200/1000)*100%)
  }
  .sec06 .block_01, .sec06 .sec01 .m-tab-content .block_02, .sec01 .m-tab-content .sec06 .block_02 {
    padding: calc((80/750)*100%) 0
  }
  .sec06 .block_01 .piece_startrip, .sec06 .sec01 .m-tab-content .block_02 .piece_startrip, .sec01 .m-tab-content .sec06 .block_02 .piece_startrip {
    margin: calc((60/750)*100%) auto;
    width: 100%
  }
  .sec06 .block_01 .piece_startrip > div + div, .sec06 .sec01 .m-tab-content .block_02 .piece_startrip > div + div, .sec01 .m-tab-content .sec06 .block_02 .piece_startrip > div + div {
    margin-top: calc((100/750)*100%)
  }
}
/*# sourceMappingURL=style_pn.css.map */