@charset "UTF-8";
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
.sp {
  display: none;
}

@media screen and (max-width: 640px) {
  .sp {
    display: block !important;
  }
}

@media screen and (max-width: 640px) {
  .pc {
    display: none !important;
  }
}

.sec-mv {
  text-align: center;
  margin-bottom: 80px;
}

.sbsc-guide-ttl {
  display: inline-block;
  font-size: 44px;
  font-weight: 500;
  color: #475C85;
  border-bottom: 1px solid #B3B3B3;
  margin-bottom: 30px;
  padding: 0 10px 20px;
}

.sbsc-guide-lead {
  font-size: 18px;
}

.sec-intro {
  text-align: center;
  margin-bottom: 100px;
}

.sbsc-intro-ttl {
  font-size: 32px;
  text-align: center;
  margin-bottom: 40px;
}

.sbsc-intro-anchor-list {
  max-width: 976px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.sbsc-intro-anchor-list > li {
  width: 229px;
  display: flex;
  font-size: 16px;
  box-sizing: border-box;
  margin-right: 5px;
}

.sbsc-intro-anchor-list > li a {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  line-height: 1.4;
  color: #364563;
  position: relative;
  padding: 23px 10px 35px 10px;
  border: 1px solid #000;
  border-radius: 8px;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.16);
}

.sbsc-intro-anchor-list > li a::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-right: #364563 solid 2px;
  border-bottom: #364563 solid 2px;
  transform: translateX(-50%) rotate(45deg);
  position: absolute;
  left: 50%;
  bottom: 14px;
}

.sbsc-detail-link {
  text-align: center;
  margin-top: 40px;
  font-size: 18px;
}

.sbsc-detail-link a {
  color: #364563;
  text-decoration: underline;
  transition: opacity 0.4s ease;
}

.sbsc-detail-link a:hover {
  opacity: .7
}

.sec-product {
  padding: 0 0 60px 0;
}

.product-cnt {
  max-width: 976px;
  margin: 0 auto;
}

.product-detail {

}

.product-detail + .product-detail {
  margin-top: 60px;
}

.product-topic {
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}

.product-box-list {
  margin: -20px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product-box-list::after {
  content: "";
  display: block;
  width: 312px;
  height: 0;
}

.product-box-list.slick-slider {
  margin: 0 -10px;
}

.product-box-list > li {
  width: 312px;
  margin-top: 20px;
}

.product-box-list li.slick-slide {
  box-sizing: border-box;
  padding: 5px 10px;
}

a.product-box-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  transition-property: opacity, height;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  color: #333;
  text-decoration: none;
}

.product-box-item:hover {
  opacity: .7
}

.product-box-end {
  padding: 5px;
  margin: 0;
  background-color: #993a34;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

.product-box-img {
  flex: 0 0 auto;
  line-height: 0;
}

.product-box-img img {
  width: 100%;
}

.product-box-inner {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 14px 10px 16px;
  flex: 1 0 auto;
}

.product-box-name-block {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.product-box-name {
  font-size: 22px;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.2;
  text-align: center;
}

.product-box-name.box-name-new::before {
  content: "NEW";
  display: inline-block;
  font-size: 18px;
  color: #bf4846;
  margin-right: 7px;
}

.product-box-name .name-s {
  font-size: 20px;
}
.product-box-name .name-number {
  font-size: 18px;
}

.product-box-price-block {
  margin: 14px 0 0;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  text-align: left;
  justify-content: center;
}

.product-box-price {
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.product-box-price + .product-box-price {
  margin: 2px 0 0;
}

.product-box-price > dt {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px 0 0;
  padding: 2px 3px 4px;
  background-color: #475c85;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  min-width: 44px;
  min-height: 20px;
  transform: translateY(2px);
}

.product-box-price > dd {
  color: #475c85;
  font-size: 13px;
  font-weight: 500;
}

.product-box-price > dd span {
  font-size: 16px;
  font-weight: bold;
}

.product-box-price > dd strong {
  font-size: 28px;
  font-weight: bold;
}

.product-box-cancel-fee {
  margin: 8px 0 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  color: #475c85;
  font-size: 13px;
  font-weight: 500;

  & > dt {
    margin: 0 5px 0 0;
    padding: 0;
  }

  & > dd {
    margin: 0;
    padding: 0;
  }
}

.product-box-link {
  margin-top: auto;
  padding-top: 20px;
  text-align: center;
}

.product-box-link span {
  display: inline-block;
  background-color: #292933;
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 20px;
  transition: opacity 0.4s ease;
}

.product-box-link-note {
  font-size: 11px;
  display: block;
  line-height: 1.2;
}

.product-box-note-list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.product-box-note-list li {
  font-size: 14px;
  padding-left: 1em;
  text-indent: -1em;
  color: #666;
  line-height: 1.4;
}

.product-box-note-list li.box-note-cl-red {
  color: #BF4840;
}

.product-detail-note-list {
  margin-top: 20px;
  text-align: right;
}

.product-detail-note-list > ul {
  display: inline-block;
  text-align: left;
}

.product-detail-note-list > ul > li {
  font-size: 14px;
  padding-left: 1em;
  text-indent: -1em;
  color: #666;
  line-height: 1.4;
}

.product-box-list .slick-prev,
.product-box-list .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 36px;
  height: 36px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #fff;
  z-index: 1000;
  border-radius: 50%;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.16);
}

.product-box-list .slick-prev:before,
.product-box-list .slick-next:before {
  box-sizing: border-box;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  position: absolute;
  left: 50%;
  top: 50%;
}

.product-box-list .slick-prev {
  left: -10px;
}

.product-box-list .slick-prev:before {
  transform: translate(-40%,-50%) rotate(-135deg);
}

.product-box-list .slick-next {
  right: -10px;
}

.product-box-list .slick-next:before {
  transform: translate(-60%,-50%) rotate(45deg);
}

.product-box-list.slick-dotted.slick-slider {
  padding-bottom: 30px;
}

.product-box-list .slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.product-box-list .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}

.product-box-list .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.product-box-list .slick-dots li button:hover,
.product-box-list .slick-dots li button:focus {
  outline: none;
}

.product-box-list .slick-dots li button:before {
  line-height: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  content: '';
  background-color: #ccc;
  border-radius: 50%;
}

.product-box-list .slick-dots li.slick-active button:before {
  background-color: #333;
}


.l-mainvisual {
  width: 100%;
  background-color: #2f3e57;
  position: relative;
  text-align: center;
  font-size: 0;
  overflow: hidden;
  height: 516px;
}

.l-mainvisual img {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
  width: 2000px;
  max-width: 2000px;
  height: 100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.l-mainvisual::after {
  background-color: #f4f4f4;
  position: absolute;
  width: 100%;
  height: 120px;
  bottom: 0;
  left: 0;
  content: '';
}

@media screen and (max-width: 640px) {
  .l-mainvisual {
    width: 100%;
    background-image: url(/store/page/sbsc/guide/images/mainvisual_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 74.66667%;
    height: auto;
  }

  .l-mainvisual::after {
    display: none;
  }
}

.l-navigation {
  padding-top: 30px;
  padding-bottom: 40px;
}

.l-navigation__intro {
  font-size: 18px;
  line-height: 27px;
  text-align: center;
}

.l-navigation__note {
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
}

.l-navigation__list {
  width: 976px;
  margin: 20px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.l-navigation__list::after {
  content: "";
  display: block;
  width: 312px;
  height: 0;
}

.l-navigation__list li {
  text-align: center;
  width: 312px;
  border: 1px solid #000;
  border-radius: 8px;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
  margin-top: 20px;
}

.l-navigation__list li a {
  display: block;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 4px;
  width: 100%;
  height: 100%;
}

.l-navigation__text {
  font-size: 16px;
  height: 44px;
  margin-top: 3px;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #364563;
}

.l-navigation__arrow {
  margin: 7px auto 0;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_1399_4%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%201399%20%E2%80%93%204%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7742%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207742%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_40%22%20data-name%3D%22%E5%90%88%E4%BD%93%2040%22%20d%3D%22M494.241%2C560.3l4.949-4.95-4.949-4.949%2C1.414-1.415%2C6.364%2C6.364-6.364%2C6.364Z%22%20transform%3D%22translate(567.35%20-486.13)%20rotate(90)%22%20fill%3D%22%2323354f%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (min-width: 640px) {
  .l-navigation__list li:hover {
    background-color: #f2f2f2;
  }
}

@media screen and (max-width: 640px) {
  .l-navigation {
    width: 100%;
    padding-top: 6.66667%;
    padding-bottom: 8%;
  }
  .l-navigation__intro {
    width: 92%;
    margin: 0 auto;
    font-size: 3.73333vw;
    line-height: 7.2vw;
    text-align: left;
  }
  .l-navigation__note {
    width: 92%;
    font-size: 3.73333vw;
    margin: 10px auto 0;
    text-align: left;
  }
  .l-navigation__list {
    width: 92%;
    margin: 4% auto 0;
    display: flex;
    flex-wrap: wrap;
  }
  .l-navigation__list::after {
    display: none;
  }
  .l-navigation__list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    width: 47.53623%;
    border: 1px solid #000;
    border-radius: 8px;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
    margin-top: 4.34783%;
  }
  .l-navigation__list li a {
    padding-top: 2.89855%;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: self-end;
  }
  .l-navigation__text {
    width: 100%;
    font-size: 3.73333vw;
    height: auto;
    margin-top: 1.85185%;
    line-height: 5.33333vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #364563;
  }
  .l-navigation__arrow {
    margin: 0 auto;
    display: block;
    width: 24px;
    padding-top: 24px;
    height: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_1399_4%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%201399%20%E2%80%93%204%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7742%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207742%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_40%22%20data-name%3D%22%E5%90%88%E4%BD%93%2040%22%20d%3D%22M494.241%2C560.3l4.949-4.95-4.949-4.949%2C1.414-1.415%2C6.364%2C6.364-6.364%2C6.364Z%22%20transform%3D%22translate(567.35%20-486.13)%20rotate(90)%22%20fill%3D%22%2323354f%22%2F%3E%3C%2Fsvg%3E");
  }
}

.l-subscribe {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #fff;
}

.l-subscribe__heading {
  font-size: 32px;
  text-align: center;
}

.l-subscribe__list {
  width: 976px;
  margin: 60px auto 0;
  display: flex;
  flex-wrap: wrap;
}

.l-subscribe__list li {
  width: 478px;
  display: flex;
  flex-wrap: wrap;
  background-color: #F2F2F2;
  border-radius: 8px;
}

.l-subscribe__list li:nth-of-type(1) .l-subscribe__image {
  background-image: url(/store/page/sbsc/guide/images/subscribe_image_01.jpg);
}

.l-subscribe__list li:nth-of-type(2) .l-subscribe__image {
  background-image: url(/store/page/sbsc/guide/images/subscribe_image_02.jpg);
}

.l-subscribe__list li:nth-of-type(3) .l-subscribe__image {
  background-image: url(/store/page/sbsc/guide/images/subscribe_image_03.jpg);
}

.l-subscribe__list li:nth-of-type(4) .l-subscribe__image {
  background-image: url(/store/page/sbsc/guide/images/subscribe_image_04.jpg);
}

.l-subscribe__list li:nth-of-type(n + 2) {
  margin-left: 20px;
}

.l-subscribe__list li:nth-of-type(3) {
  margin-left: 0;
}

.l-subscribe__list li:nth-of-type(n + 3) {
  margin-top: 20px;
}

.l-subscribe__inner {
  width: 100%;
}

.l-subscribe__image {
  position: relative;
  padding-top: 200px;
  background-repeat: no-repeat;
  border-radius: 8px 8px 0 0;
}

.l-subscribe__step {
  width: 114px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #2F3D57;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  border-radius: 8px 0 0 0;
}

.l-subscribe__description {
  background-color: #F2F2F2;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 26px;
  padding-bottom: 30px;
  width: 100%;
  border-radius: 8px;
}

.l-subscribe__title {
  font-size: 22px;
  text-align: center;
}

.l-subscribe__text {
  margin-top: 16px;
  font-size: 16px;
}

.l-subscribe__note {
  font-size: 14px;
  margin-top: 10px;
}

.l-subscribe__links {
  margin-top: 20px;
  width: 100%;
}

.l-subscribe__links li {
  margin-top: 10px !important;
  margin-left: 0 !important;
  width: 100%;
}

.l-subscribe__links li a {
  color: #364563;
  text-decoration: underline;
  position: relative;
  font-size: 16px;
}

.l-subscribe__links li a:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_383_3%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20383%20%E2%80%93%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.778%22%20height%3D%2212.728%22%20viewBox%3D%220%200%207.778%2012.728%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_40%22%20data-name%3D%22%E5%90%88%E4%BD%93%2040%22%20d%3D%22M494.241%2C560.3l4.949-4.95-4.949-4.949%2C1.414-1.415%2C6.364%2C6.364-6.364%2C6.364Z%22%20transform%3D%22translate(-494.241%20-548.985)%22%20fill%3D%22%2323354f%22%2F%3E%3C%2Fsvg%3E");
  width: 7.78px;
  height: 12.73px;
  position: absolute;
  right: -12.78px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.l-subscribe__caution {
  color: #CC0E00;
  font-size: 16px;
  width: 976px;
  margin: 16px auto 0;
  padding-left: 1em;
  text-indent: -1em;
}

.l-subscribe__caution a {
  color: #CC0E00;
  text-decoration: underline;
}

.l-subscribe__caution2 {
  font-size: 16px;
  width: 976px;
  margin: 16px auto 0;
  padding-left: 1em;
  text-indent: -1em;
}

.l-subscribe__caution2 + .l-subscribe__caution2,
.l-subscribe__caution2 + .l-subscribe__caution {
  margin-top: 0;
}

@media screen and (min-width: 640px) {
  .l-subscribe__links li a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 640px) {
  .l-subscribe {
    width: 100%;
    padding-top: 13.33333%;
    padding-bottom: 13.33333%;
  }
  .l-subscribe__heading {
    font-size: 6.4vw;
    text-align: center;
  }
  .l-subscribe__list {
    width: 92%;
    margin: 8% auto 0;
    display: flex;
    flex-wrap: wrap;
  }
  .l-subscribe__list li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 8px;
  }
  .l-subscribe__list li:nth-of-type(1) .l-subscribe__image {
    background-image: url(/store/page/sbsc/guide/images/subscribe_image_01.jpg);
  }
  .l-subscribe__list li:nth-of-type(2) .l-subscribe__image {
    background-image: url(/store/page/sbsc/guide/images/subscribe_image_02.jpg);
  }
  .l-subscribe__list li:nth-of-type(3) .l-subscribe__image {
    background-image: url(/store/page/sbsc/guide/images/subscribe_image_03.jpg);
  }
  .l-subscribe__list li:nth-of-type(4) .l-subscribe__image {
    background-image: url(/store/page/sbsc/guide/images/subscribe_image_04.jpg);
  }
  .l-subscribe__list li:nth-of-type(n + 2) {
    margin-left: 0px;
  }
  .l-subscribe__list li:nth-of-type(3) {
    margin-left: 0;
  }
  .l-subscribe__list li:nth-of-type(n + 2) {
    margin-top: 5.7971%;
  }
  .l-subscribe__inner {
    width: 100%;
  }
  .l-subscribe__image {
    position: relative;
    padding-top: 41.73913%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px 8px 0 0;
  }
  .l-subscribe__step {
    width: 33.04348%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2F3D57;
    text-align: center;
    padding-top: 4.05797%;
    padding-bottom: 4.05797%;
    font-size: 5.86667vw;
    font-weight: bold;
    color: #fff;
    border-radius: 8px 0 0 0;
  }
  .l-subscribe__description {
    padding-left: 3.47826%;
    padding-right: 3.47826%;
    padding-top: 9.27536%;
    padding-bottom: 9.27536%;
    width: 100%;
    border-radius: 8px;
  }
  .l-subscribe__title {
    font-size: 5.86667vw;
    text-align: center;
  }
  .l-subscribe__text {
    margin-top: 2.02899%;
    font-size: 3.73333vw;
    line-height: 6.4vw;
  }
  .l-subscribe__note {
    margin-top: 3.18841%;
    font-size: 3.73333vw;
    line-height: 5.6vw;
  }
  .l-subscribe__links {
    margin-top: 2.02899%;
    width: 100%;
  }
  .l-subscribe__links li {
    margin-top: 1.73913% !important;
    margin-left: 0 !important;
    width: 100%;
  }
  .l-subscribe__links li a {
    color: #364563;
    text-decoration: underline;
    position: relative;
    font-size: 3.73333vw;
  }
  .l-subscribe__links li a:after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_383_3%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20383%20%E2%80%93%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.778%22%20height%3D%2212.728%22%20viewBox%3D%220%200%207.778%2012.728%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_40%22%20data-name%3D%22%E5%90%88%E4%BD%93%2040%22%20d%3D%22M494.241%2C560.3l4.949-4.95-4.949-4.949%2C1.414-1.415%2C6.364%2C6.364-6.364%2C6.364Z%22%20transform%3D%22translate(-494.241%20-548.985)%22%20fill%3D%22%2323354f%22%2F%3E%3C%2Fsvg%3E");
    width: 7.78px;
    height: 12.73px;
    position: absolute;
    right: -12.78px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .l-subscribe__caution {
    color: #CC0E00;
    font-size: 3.73333vw;
    line-height: 5.6vw;
    width: 92%;
    margin: 2.66667% auto 0;
    padding-left: 1em;
    text-indent: -1em;
  }
  .l-subscribe__caution2 {
    font-size: 3.73333vw;
    line-height: 5.6vw;
    width: 92%;
    margin: 2.66667% auto 0;
    padding-left: 1em;
    text-indent: -1em;
  }

  .l-subscribe__caution2 + .l-subscribe__caution2,
  .l-subscribe__caution2 + .l-subscribe__caution {
    margin-top: 0;
  }
}

.l-use {
  background-color: #F2F2F2;
  padding-top: 58px;
  padding-bottom: 50px;
}

.l-use__heading {
  text-align: center;
  font-size: 32px;
}

.l-use__text {
  text-align: center;
  font-size: 18px;
  line-height: 27px;
  margin-top: 32px;
}

.l-use__image {
  text-align: center;
  margin-top: 16px;
}

.l-use__note {
  width: 976px;
  margin: 10px auto 0;
  font-size: 18px;
}

.l-use__note a {
  display: inline-block;
  color: #364563;
  text-decoration: underline;
  position: relative;
}

.l-use__note a::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_383_3%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20383%20%E2%80%93%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.778%22%20height%3D%2212.728%22%20viewBox%3D%220%200%207.778%2012.728%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_40%22%20data-name%3D%22%E5%90%88%E4%BD%93%2040%22%20d%3D%22M494.241%2C560.3l4.949-4.95-4.949-4.949%2C1.414-1.415%2C6.364%2C6.364-6.364%2C6.364Z%22%20transform%3D%22translate(-494.241%20-548.985)%22%20fill%3D%22%2323354f%22%2F%3E%3C%2Fsvg%3E");
  width: 7.78px;
  height: 12.73px;
  position: absolute;
  right: -12.78px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.l-use__note a:hover {
  opacity: 0.7;
}

.l-use__label {
  text-align: center;
  margin-top: 10px;
}

.l-use__label li {
  background-color: #2F3D57;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  margin: 0 5px;
}

@media screen and (max-width: 640px) {
  .l-use {
    padding-top: 13.33333%;
    padding-bottom: 13.33333%;
  }
  .l-use__heading {
    text-align: center;
    font-size: 6.4vw;
  }
  .l-use__text {
    text-align: center;
    font-size: 4.26667vw;
    line-height: 7.2vw;
    margin-top: 5.06667%;
  }
  .l-use__image {
    width: 98.66667%;
    margin: 8% auto 0;
  }
  .l-use__image img {
    width: 100%;
  }
  .l-use__note {
    width: 94%;
    font-size: 3.73333vw;
    margin: 10px auto 0;
  }

  .l-use__label li {
    padding: 3px 8px;
    margin: 0 3px;
    font-size: 3vw;
  }
}

.l-security {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
}

.l-security__heading {
  text-align: center;
  font-size: 32px;
}

.l-security__text {
  text-align: center;
  font-size: 18px;
  line-height: 27px;
  margin-top: 16px;
}

.l-security__text span {
  vertical-align: super;
}

.l-security__image {
  text-align: center;
  margin-top: 16px;
}

.l-security__note {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  .l-security {
    padding-top: 13.33333%;
    padding-bottom: 13.33333%;
  }
  .l-security__heading {
    text-align: center;
    font-size: 6.4vw;
  }
  .l-security__text {
    text-align: left;
    font-size: 4.26667vw;
    line-height: 7.2vw;
    width: 92%;
    margin: 8% auto 0;
  }
  .l-security__image {
    text-align: center;
    width: 34.66667%;
    margin: 8% auto 0;
  }
  .l-security__image img {
    width: 100%;
  }
  .l-security__note {
    text-align: left;
    font-size: 3.73333vw;
    line-height: 5.6vw;
    width: 92%;
    margin: 2.13333% auto 0;
  }
}

.l-product {
  background-color: #F2F2F2;
  padding-top: 60px;
  padding-bottom: 60px;
}

.l-product__heading {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}

.l-product__text {
  text-align: center;
  margin-top: 24px;
  font-size: 18px;
  line-height: 27px;
}

.l-product__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 976px;
  margin: 10px auto 0;
}

.l-product__list::after {
  content: "";
  display: block;
  width: 312px;
  height: 0;
}

.l-product__list li {
  margin-top: 20px;
  padding-bottom: 16px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
}

.l-product__list li a {
  display: block;
}

.l-product__list li a img {
  vertical-align: bottom;
  border-radius: 8px 8px 0 0;
}

.l-product__inner {
  height: 100px;
}

.l-product__name {
  width: 280px;
  margin: 20px auto 0;
  font-size: 18px;
  line-height: 27px;
}

.l-product__name sup {
  font-size: 0.6em;
}

.l-product__name_new {
  display: inline-block;
  color: #bf4846;
  font-weight: 500;
  margin-right: 10px;
}

.l-product__description {
  width: 280px;
  margin: 10px auto 0;
  font-size: 14px;
  line-height: 21px;
}

.l-product__description_note {
  display: inline-block;
  font-size: 85%;
  line-height: 1.4;
}

@media screen and (min-width: 640px) {
  .l-product__list li a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 640px) {
  .l-product {
    padding-top: 12.8%;
    padding-bottom: 12.8%;
    width: 100%;
  }
  .l-product__heading {
    text-align: center;
    font-size: 6.4vw;
  }
  .l-product__text {
    text-align: left;
    font-size: 4.26667vw;
    line-height: 7.2vw;
    width: 92%;
    margin: 8% auto 0;
  }
  .l-product__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 92%;
    margin: 8% auto 0;
  }
  .l-product__list::after {
    display: none;
  }
  .l-product__list li {
    width: 100%;
    padding-bottom: 5.7971%;
    border-radius: 8px;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
  }
  .l-product__list li a {
    display: block;
  }
  .l-product__list li a img {
    width: 100%;
    vertical-align: bottom;
    border-radius: 8px 8px 0 0;
  }
  .l-product__list li:nth-of-type(n + 2) {
    margin-top: 5.7971%;
  }
  .l-product__inner {
    height: auto;
  }
  .l-product__name {
    width: 88.4058%;
    margin: 5.7971% auto 0;
    font-size: 4.8vw;
    line-height: 7.2vw;
  }
  .l-product__description {
    width: 88.4058%;
    margin: 2.89855% auto 0;
    font-size: 3.73333vw;
    line-height: 5.6vw;
  }
}

.l-cancel {
  background-color: #F2F2F2;
  padding-top: 60px;
  padding-bottom: 60px;
}

.l-cancel__heading {
  text-align: center;
  font-size: 32px;
}

.l-cancel__icon {
  margin: 15.6px auto 0;
  display: block;
  width: 44px;
  height: 44px;
}

.l-cancel__caption {
  text-align: center;
  margin-top: 10px;
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
}

.l-cancel__text {
  text-align: center;
  margin-top: 24px;
  font-size: 18px;
  line-height: 27px;
}

.l-cancel__note {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}

.l-cancel__note.blue {
  text-align: left;
  font-size: 16px;
  margin-top: 10px;
  color: #007BFF;
}

.l-cancel__image {
  text-align: center;
  margin-top: 25px;
}

.l-cancel__image img {
  border-radius: 8px;
}

.l-cancel__products {
  width: 974px;
  margin: 60px auto 0;
  background-color: #fff;
  border-radius: 8px;
  padding-top: 18px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 16px;
}

.l-cancel__caution {
  text-align: center;
  font-size: 22px;
  color: #007BFF;
  line-height: 1;
}

.l-cancel__list {
  margin-top: 16px;
  margin-bottom: 25px;
}

.l-cancel__list li {
  margin-top: 20px;
}

.l-cancel__title {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
}

.l-cancel__description {
  font-size: 16px;
  margin-top: 5px;
  line-height: 24px;
}

@media screen and (max-width: 640px) {
  .l-cancel {
    padding-top: 13.33333%;
    padding-bottom: 13.33333%;
  }
  .l-cancel__heading {
    text-align: center;
    font-size: 6.4vw;
  }
  .l-cancel__text {
    text-align: left;
    font-size: 4.8vw;
    line-height: 7.2vw;
    width: 92%;
    margin: 4.26667% auto 0;
  }
  .l-cancel__icon {
    margin: 4.26667% auto 0;
    display: block;
    width: 11.73333%;
    padding-top: 11.73333%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .l-cancel__caption {
    text-align: center;
    margin-top: 2.66667%;
    font-size: 5.86667vw;
    line-height: 1;
    font-weight: bold;
  }
  .l-cancel__note {
    width: 92%;
    text-align: left;
    font-size: 3.73333vw;
    margin: 2.93333% auto 0;
  }
  .l-cancel__note.blue {
    width: 100%;
    text-align: left;
    font-size: 3.73333vw;
    line-height: 5.6vw;
    margin-top: 4.79233%;
    color: #007BFF;
  }
  .l-cancel__image {
    width: 92%;
    margin: 8% auto 0;
  }
  .l-cancel__image img {
    border-radius: 8px;
    width: 100%;
  }
  .l-cancel__products {
    width: 92%;
    margin: 8% auto 0;
    background-color: #fff;
    border-radius: 8px;
    padding: 4.26667%;
  }
  .l-cancel__caution {
    text-align: center;
    font-size: 5.86667vw;
    margin-top: 0;
    color: #007BFF;
    line-height: 1;
  }
  .l-cancel__list {
    flex-wrap: wrap;
    margin-top: 4.26667%;
  }
  .l-cancel__title {
    font-size: 4.8vw;
    line-height: 1;
    font-weight: bold;
  }
  .l-cancel__description {
    font-size: 3.73333vw;
    line-height: 6.4vw;
    margin-top: 2.82655%;
  }
}

.l-service {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
}

.l-service__heading {
  text-align: center;
  font-size: 32px;
}

.l-service__text {
  text-align: center;
  margin-top: 24px;
  font-size: 18px;
  line-height: 27px;
}

.l-service__list {
  display: flex;
  justify-content: center;
  width: 976px;
  margin: 30px auto 0;
}

.l-service__list li {
  background-color: #fff;
  padding-bottom: 16px;
  border-radius: 8px;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
}

.l-service__list li a {
  display: block;
}

.l-service__list li a img {
  vertical-align: bottom;
  border-radius: 8px 8px 0 0;
}

.l-service__list li:nth-of-type(2) {
  margin-left: 20px;
}

.l-service__inner {
  height: 100px;
}

.l-service__name {
  width: 280px;
  margin: 20px auto 0;
  font-size: 18px;
  line-height: 27px;
}

.l-service__description {
  width: 280px;
  margin: 10px auto 0;
  font-size: 14px;
  line-height: 21px;
}

@media screen and (min-width: 640px) {
  .l-service__list li a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 640px) {
  .l-service {
    padding-top: 13.33333%;
    padding-bottom: 13.33333%;
  }
  .l-service__heading {
    text-align: center;
    font-size: 6.4vw;
  }
  .l-service__text {
    text-align: left;
    font-size: 4.8vw;
    line-height: 7.2vw;
    width: 92%;
    margin: 4.26667% auto 0;
  }
  .l-service__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 92%;
    margin: 8% auto 0;
  }
  .l-service__list li {
    width: 100%;
    padding-bottom: 5.7971%;
    border-radius: 8px;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
  }
  .l-service__list li a {
    display: block;
  }
  .l-service__list li a img {
    width: 100%;
    vertical-align: bottom;
    border-radius: 8px 8px 0 0;
  }
  .l-service__list li:nth-of-type(n + 2) {
    margin-top: 5.7971%;
    margin-left: 0;
  }
  .l-service__inner {
    height: auto;
  }
  .l-service__name {
    width: 88.4058%;
    margin: 5.7971% auto 0;
    font-size: 4.8vw;
    line-height: 7.2vw;
  }
  .l-service__description {
    width: 88.4058%;
    margin: 2.89855% auto 0;
    font-size: 3.73333vw;
    line-height: 5.6vw;
  }
}

.l-question {
  background-color: #F2F2F2;
  padding-top: 60px;
  padding-bottom: 60px;
}

.l-question__inner {
  width: 976px;
  margin: 0 auto;
}

.l-question__heading {
  font-size: 32px;
  text-align: center;
}

.l-question__list {
  margin-top: 38px;
}

.l-question__list li {
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  padding-top: 28px;
  padding-bottom: 28px;
}

.l-question__list li:nth-of-type(n + 2) {
  border-top: none;
}

.l-question__query {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: 0.1s all ease;
}

.l-question__query:after {
  transition: 0.1s all ease;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icn_plus%22%20data-name%3D%22icn%2Fplus%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1450%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201450%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22none%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_50%22%20data-name%3D%22%E7%B7%9A%2050%22%20x2%3D%228.071%22%20y2%3D%228.071%22%20transform%3D%22translate(9.013%203.306)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23364563%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_51%22%20data-name%3D%22%E7%B7%9A%2051%22%20x1%3D%228.071%22%20y2%3D%228.071%22%20transform%3D%22translate(9.014%203.306)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23364563%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
  height: 18px;
  width: 18px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.l-question__query.is-active:after {
  transition: 0.1s all ease;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icn_plus%22%20data-name%3D%22icn%2Fplus%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1450%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201450%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22none%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_51%22%20data-name%3D%22%E7%B7%9A%2051%22%20x1%3D%228.071%22%20y2%3D%228.071%22%20transform%3D%22translate(9.014%203.306)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23364563%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
  height: 18px;
  width: 18px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.l-question__response {
  height: 0;
  display: block;
  overflow-y: hidden;
}

.l-question__accordion {
  padding-top: 18px;
  display: flex;
  align-items: flex-start;
}

.l-question__q {
  font-size: 20px;
  font-weight: bold;
  color: #475c85;
  margin-right: 20px;
  line-height: 1;
  white-space: nowrap;
}

.l-question__a {
  font-size: 20px;
  font-weight: bold;
  color: #475c85;
  margin-right: 20px;
  line-height: 1;
  white-space: nowrap;
}

.l-question__question {
  font-size: 18px;
  font-weight: bold;
  color: #475c85;
  line-height: 1;
}

.l-question__answer {
  font-size: 16px;
  line-height: 24px;
}

.l-question__answer a {
  color: #364563;
  text-decoration: underline;
}

.l-question__note {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}

.l-question__note a {
  display: inline-block;
  color: #364563;
  text-decoration: underline;
  position: relative;
}

.l-question__note a::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_383_3%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20383%20%E2%80%93%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.778%22%20height%3D%2212.728%22%20viewBox%3D%220%200%207.778%2012.728%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_40%22%20data-name%3D%22%E5%90%88%E4%BD%93%2040%22%20d%3D%22M494.241%2C560.3l4.949-4.95-4.949-4.949%2C1.414-1.415%2C6.364%2C6.364-6.364%2C6.364Z%22%20transform%3D%22translate(-494.241%20-548.985)%22%20fill%3D%22%2323354f%22%2F%3E%3C%2Fsvg%3E");
  width: 7.78px;
  height: 12.73px;
  position: absolute;
  right: -12.78px;
  top: 50%;
  transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
}

@media screen and (max-width: 640px) {
  .l-question {
    padding-top: 12.8%;
    padding-bottom: 12.8%;
  }
  .l-question__inner {
    width: 92%;
    margin: 0 auto;
  }
  .l-question__heading {
    font-size: 6.4vw;
    text-align: center;
  }
  .l-question__list {
    margin-top: 6.08696%;
  }
  .l-question__list li {
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    padding-top: 5.7971%;
    padding-bottom: 5.7971%;
  }
  .l-question__query {
    display: flex;
    align-items: flex-start;
    position: relative;
    cursor: pointer;
    transition: 0.1s all ease;
  }
  .l-question__query:after {
    transition: 0.1s all ease;
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icn_plus%22%20data-name%3D%22icn%2Fplus%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1450%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201450%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22none%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_50%22%20data-name%3D%22%E7%B7%9A%2050%22%20x2%3D%228.071%22%20y2%3D%228.071%22%20transform%3D%22translate(9.013%203.306)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23364563%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_51%22%20data-name%3D%22%E7%B7%9A%2051%22%20x1%3D%228.071%22%20y2%3D%228.071%22%20transform%3D%22translate(9.014%203.306)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23364563%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
    height: 18px;
    width: 18px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .l-question__query.is-active:after {
    transition: 0.1s all ease;
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icn_plus%22%20data-name%3D%22icn%2Fplus%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1450%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201450%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22none%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_51%22%20data-name%3D%22%E7%B7%9A%2051%22%20x1%3D%228.071%22%20y2%3D%228.071%22%20transform%3D%22translate(9.014%203.306)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23364563%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
    height: 18px;
    width: 18px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .l-question__response {
    /*height: 0;*/
	display: block;
    overflow-y: hidden;
  }
  .l-question__accordion {
    padding-top: 4.63768%;
    display: flex;
    align-items: flex-start;
  }
  .l-question__q {
    font-size: 5.33333vw;
    font-weight: bold;
    color: #475c85;
    margin-right: 4.34783%;
    line-height: 7.2vw;
  }
  .l-question__a {
    font-size: 5.33333vw;
    font-weight: bold;
    color: #475c85;
    margin-right: 4.34783%;
    line-height: 6.4vw;
  }
  .l-question__question {
    font-size: 4.8vw;
    width: 76.81159%;
    font-weight: bold;
    color: #475c85;
    line-height: 7.2vw;
  }
  .l-question__answer {
    font-size: 3.73333vw;
    line-height: 6.4vw;
  }

  .l-question__note {
    font-size: 3.2vw;
  }
}

.c-icon__cancel {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_512_3%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20512%20%E2%80%93%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27318%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027318%22%20transform%3D%22translate(-0.003%200.171)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19632%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019632%22%20d%3D%22M38.956%2C39.246H5.051a3.209%2C3.209%2C0%2C0%2C1-2.779-4.814L19.225%2C5.07a3.208%2C3.208%2C0%2C0%2C1%2C5.556%2C0L41.733%2C34.433a3.208%2C3.208%2C0%2C0%2C1-2.777%2C4.813ZM21.6%2C6.445%2C4.653%2C35.808a.459.459%2C0%2C0%2C0%2C.4.688H38.956a.459.459%2C0%2C0%2C0%2C.4-.687L22.4%2C6.445a.459.459%2C0%2C0%2C0-.8%2C0Z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19633%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019633%22%20d%3D%22M21.971%2C33.756a.591.591%2C0%2C0%2C0%2C.073%2C0%2C2.75%2C2.75%2C0%2C0%2C0%2C.008-5.5h-.076a2.763%2C2.763%2C0%2C0%2C0-2.72%2C2.768%2C2.8%2C2.8%2C0%2C0%2C0%2C.832%2C1.953A2.665%2C2.665%2C0%2C0%2C0%2C21.971%2C33.756Z%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27317%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027317%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_474%22%20data-name%3D%22%E7%B7%9A%20474%22%20y2%3D%228.25%22%20transform%3D%22translate(22.001%2015.882)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19634%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019634%22%20d%3D%22M22%2C25.507a1.375%2C1.375%2C0%2C0%2C1-1.375-1.375v-8.25a1.375%2C1.375%2C0%2C1%2C1%2C2.75%2C0v8.25A1.375%2C1.375%2C0%2C0%2C1%2C22%2C25.507Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7794%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207794%22%20width%3D%2244%22%20height%3D%2244%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.c-icon__service-black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_916_7%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20916%20%E2%80%93%207%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27101%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027101%22%20transform%3D%22translate(104%20-1)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7558%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207558%22%20width%3D%225.496%22%20height%3D%225.496%22%20rx%3D%221.833%22%20transform%3D%22translate(-93.912%2022.091)%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7559%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207559%22%20width%3D%225.496%22%20height%3D%225.496%22%20rx%3D%221.833%22%20transform%3D%22translate(-93.912%2029.409)%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7560%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207560%22%20width%3D%225.496%22%20height%3D%225.496%22%20rx%3D%221.833%22%20transform%3D%22translate(-75.579%2022.091)%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7561%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207561%22%20width%3D%225.496%22%20height%3D%225.496%22%20rx%3D%221.833%22%20transform%3D%22translate(-75.579%2029.409)%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7562%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207562%22%20width%3D%225.496%22%20height%3D%225.496%22%20rx%3D%221.833%22%20transform%3D%22translate(-84.746%2022.091)%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7563%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207563%22%20width%3D%225.496%22%20height%3D%225.496%22%20rx%3D%221.833%22%20transform%3D%22translate(-84.746%2029.409)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19525%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019525%22%20d%3D%22M-68.708%2C6.492h-2.75V4.2a1.375%2C1.375%2C0%2C0%2C0-1.375-1.375A1.375%2C1.375%2C0%2C0%2C0-74.208%2C4.2V6.492H-89.792V4.2a1.375%2C1.375%2C0%2C0%2C0-1.375-1.375A1.375%2C1.375%2C0%2C0%2C0-92.542%2C4.2V6.492h-2.75a5.047%2C5.047%2C0%2C0%2C0-5.041%2C5.042v24.75a5.046%2C5.046%2C0%2C0%2C0%2C5.041%2C5.042h26.584a5.046%2C5.046%2C0%2C0%2C0%2C5.041-5.042V11.534A5.047%2C5.047%2C0%2C0%2C0-68.708%2C6.492Zm-26.584%2C2.75h2.75v2.75a1.375%2C1.375%2C0%2C0%2C0%2C1.375%2C1.375%2C1.375%2C1.375%2C0%2C0%2C0%2C1.375-1.375V9.242h15.584v2.75a1.375%2C1.375%2C0%2C0%2C0%2C1.375%2C1.375%2C1.375%2C1.375%2C0%2C0%2C0%2C1.375-1.375V9.242h2.75a2.294%2C2.294%2C0%2C0%2C1%2C2.291%2C2.292v4.125H-97.583V11.534A2.294%2C2.294%2C0%2C0%2C1-95.292%2C9.242Zm26.584%2C29.334H-95.292a2.294%2C2.294%2C0%2C0%2C1-2.291-2.292V18.409h31.166V36.284A2.294%2C2.294%2C0%2C0%2C1-68.708%2C38.576Z%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7564%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207564%22%20width%3D%2244%22%20height%3D%2244%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.c-icon__product {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_498_2%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20498%20%E2%80%93%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7757%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207757%22%20width%3D%2244%22%20height%3D%2244%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27253%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027253%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19566%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019566%22%20d%3D%22M38.227%2C10.592l-15.1-5.609a3.2%2C3.2%2C0%2C0%2C0-2.234%2C0L5.773%2C10.6a3.212%2C3.212%2C0%2C0%2C0-2.09%2C3.077l.426%2C19.406A3.2%2C3.2%2C0%2C0%2C0%2C6.2%2C36.021L19.612%2C41A6.874%2C6.874%2C0%2C0%2C0%2C24.4%2C41L37.82%2C36.017a3.193%2C3.193%2C0%2C0%2C0%2C2.091-2.942l.406-19.408A3.21%2C3.21%2C0%2C0%2C0%2C38.227%2C10.592ZM20.633%2C38.44c-.021-.007-.043-.009-.064-.017L7.158%2C33.442a.454.454%2C0%2C0%2C1-.3-.42L6.484%2C15.97l14.149%2C5.255Zm1.43-19.68c-.018%2C0-.036-.006-.055-.006s-.039.006-.06.006a.446.446%2C0%2C0%2C1-.1-.018L6.8%2C13.153%2C21.846%2C7.561a.455.455%2C0%2C0%2C1%2C.319%2C0l15.063%2C5.594L22.164%2C18.742A.428.428%2C0%2C0%2C1%2C22.063%2C18.76Zm15.1%2C14.259a.459.459%2C0%2C0%2C1-.3.419L23.441%2C38.423c-.019.007-.039.009-.058.016V21.224l14.135-5.243Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19567%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019567%22%20d%3D%22M10.426%2C23.64l4.818%2C1.79a1.375%2C1.375%2C0%2C1%2C0%2C.957-2.578l-4.818-1.79a1.375%2C1.375%2C0%2C1%2C0-.957%2C2.578Z%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.c-icon__product-black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_498_3%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20498%20%E2%80%93%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7757%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207757%22%20width%3D%2244%22%20height%3D%2244%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27253%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027253%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19566%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019566%22%20d%3D%22M38.227%2C10.592l-15.1-5.609a3.2%2C3.2%2C0%2C0%2C0-2.234%2C0L5.773%2C10.6a3.212%2C3.212%2C0%2C0%2C0-2.09%2C3.077l.426%2C19.406A3.2%2C3.2%2C0%2C0%2C0%2C6.2%2C36.021L19.612%2C41A6.874%2C6.874%2C0%2C0%2C0%2C24.4%2C41L37.82%2C36.017a3.193%2C3.193%2C0%2C0%2C0%2C2.091-2.942l.406-19.408A3.21%2C3.21%2C0%2C0%2C0%2C38.227%2C10.592ZM20.633%2C38.44c-.021-.007-.043-.009-.064-.017L7.158%2C33.442a.454.454%2C0%2C0%2C1-.3-.42L6.484%2C15.97l14.149%2C5.255Zm1.43-19.68c-.018%2C0-.036-.006-.055-.006s-.039.006-.06.006a.446.446%2C0%2C0%2C1-.1-.018L6.8%2C13.153%2C21.846%2C7.561a.455.455%2C0%2C0%2C1%2C.319%2C0l15.063%2C5.594L22.164%2C18.742A.428.428%2C0%2C0%2C1%2C22.063%2C18.76Zm15.1%2C14.259a.459.459%2C0%2C0%2C1-.3.419L23.441%2C38.423c-.019.007-.039.009-.058.016V21.224l14.135-5.243Z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19567%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019567%22%20d%3D%22M10.426%2C23.64l4.818%2C1.79a1.375%2C1.375%2C0%2C1%2C0%2C.957-2.578l-4.818-1.79a1.375%2C1.375%2C0%2C1%2C0-.957%2C2.578Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.c-icon__member {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_499_4%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20499%20%E2%80%93%204%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27256%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027256%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19571%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019571%22%20d%3D%22M35.082%2C35.312H8.877a1.375%2C1.375%2C0%2C0%2C0%2C0%2C2.75H35.082a1.375%2C1.375%2C0%2C0%2C0%2C0-2.75Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19572%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019572%22%20d%3D%22M35.082%2C30.549H8.877a1.375%2C1.375%2C0%2C1%2C0%2C0%2C2.75H35.082a1.375%2C1.375%2C0%2C0%2C0%2C0-2.75Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19573%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019573%22%20d%3D%22M39.782%2C13.7a4.565%2C4.565%2C0%2C0%2C0-8.3%2C3.61L29.466%2C19a.24.24%2C0%2C0%2C1-.293-.066l-3.579-5.65c.034-.045.068-.09.1-.136a4.569%2C4.569%2C0%2C0%2C0-1.047-6.368%2C4.565%2C4.565%2C0%2C0%2C0-6.275%2C6.5l-3.6%2C5.681a.235.235%2C0%2C0%2C1-.3.025L12.49%2C17.32a4.563%2C4.563%2C0%2C1%2C0-5.868%2C3.056l.849%2C7.976h2.765L9.146%2C18.1%2C12.7%2C21.09a2.963%2C2.963%2C0%2C0%2C0%2C4.173-.362%2C2.8%2C2.8%2C0%2C0%2C0%2C.234-.321l4.87-7.685%2C4.869%2C7.684a2.964%2C2.964%2C0%2C0%2C0%2C4.084.921%2C3%2C3%2C0%2C0%2C0%2C.323-.237L34.816%2C18.1l-1.09%2C10.25h2.765l.849-7.972A4.558%2C4.558%2C0%2C0%2C0%2C39.782%2C13.7ZM9.653%2C17l-.574.942-1.1-.077A1.813%2C1.813%2C0%2C0%2C1%2C8.1%2C14.247c.042%2C0%2C.084%2C0%2C.127%2C0A1.814%2C1.814%2C0%2C0%2C1%2C9.653%2C17Zm13.81-5.46a1.828%2C1.828%2C0%2C0%2C1-.422.42l-1.058.754-1.053-.757A1.814%2C1.814%2C0%2C0%2C1%2C21.693%2C8.7a1.882%2C1.882%2C0%2C0%2C1%2C.3-.025%2C1.816%2C1.816%2C0%2C0%2C1%2C1.472%2C2.871ZM36.815%2C17.61a1.825%2C1.825%2C0%2C0%2C1-.825.259l-1.1.069L34.324%2C17a1.815%2C1.815%2C0%2C0%2C1%2C1.55-2.753%2C1.874%2C1.874%2C0%2C0%2C1%2C.438.053%2C1.815%2C1.815%2C0%2C0%2C1%2C.5%2C3.314Z%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1546%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201546%22%20width%3D%2238.105%22%20height%3D%2238.105%22%20transform%3D%22translate(2.965%202.947)%22%20fill%3D%22none%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7759%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207759%22%20width%3D%2244%22%20height%3D%2244%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.c-icon__member-black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_499_5%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20499%20%E2%80%93%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27256%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027256%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19571%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019571%22%20d%3D%22M35.082%2C35.312H8.877a1.375%2C1.375%2C0%2C0%2C0%2C0%2C2.75H35.082a1.375%2C1.375%2C0%2C0%2C0%2C0-2.75Z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19572%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019572%22%20d%3D%22M35.082%2C30.549H8.877a1.375%2C1.375%2C0%2C1%2C0%2C0%2C2.75H35.082a1.375%2C1.375%2C0%2C0%2C0%2C0-2.75Z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19573%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019573%22%20d%3D%22M39.782%2C13.7a4.565%2C4.565%2C0%2C0%2C0-8.3%2C3.61L29.466%2C19a.24.24%2C0%2C0%2C1-.293-.066l-3.579-5.65c.034-.045.068-.09.1-.136a4.569%2C4.569%2C0%2C0%2C0-1.047-6.368%2C4.565%2C4.565%2C0%2C0%2C0-6.275%2C6.5l-3.6%2C5.681a.235.235%2C0%2C0%2C1-.3.025L12.49%2C17.32a4.563%2C4.563%2C0%2C1%2C0-5.868%2C3.056l.849%2C7.976h2.765L9.146%2C18.1%2C12.7%2C21.09a2.963%2C2.963%2C0%2C0%2C0%2C4.173-.362%2C2.8%2C2.8%2C0%2C0%2C0%2C.234-.321l4.87-7.685%2C4.869%2C7.684a2.964%2C2.964%2C0%2C0%2C0%2C4.084.921%2C3%2C3%2C0%2C0%2C0%2C.323-.237L34.816%2C18.1l-1.09%2C10.25h2.765l.849-7.972A4.558%2C4.558%2C0%2C0%2C0%2C39.782%2C13.7ZM9.653%2C17l-.574.942-1.1-.077A1.813%2C1.813%2C0%2C0%2C1%2C8.1%2C14.247c.042%2C0%2C.084%2C0%2C.127%2C0A1.814%2C1.814%2C0%2C0%2C1%2C9.653%2C17Zm13.81-5.46a1.828%2C1.828%2C0%2C0%2C1-.422.42l-1.058.754-1.053-.757A1.814%2C1.814%2C0%2C0%2C1%2C21.693%2C8.7a1.882%2C1.882%2C0%2C0%2C1%2C.3-.025%2C1.816%2C1.816%2C0%2C0%2C1%2C1.472%2C2.871ZM36.815%2C17.61a1.825%2C1.825%2C0%2C0%2C1-.825.259l-1.1.069L34.324%2C17a1.815%2C1.815%2C0%2C0%2C1%2C1.55-2.753%2C1.874%2C1.874%2C0%2C0%2C1%2C.438.053%2C1.815%2C1.815%2C0%2C0%2C1%2C.5%2C3.314Z%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1546%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201546%22%20width%3D%2238.105%22%20height%3D%2238.105%22%20transform%3D%22translate(2.965%202.947)%22%20fill%3D%22none%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7759%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207759%22%20width%3D%2244%22%20height%3D%2244%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.c-icon__life {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_505_1%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20505%20%E2%80%93%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27293%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027293%22%20transform%3D%22translate(2.188)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19594%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019594%22%20d%3D%22M21.409%2C6.794a11.824%2C11.824%2C0%2C0%2C0-7.227%2C2.217%2C10.581%2C10.581%2C0%2C0%2C0-3.752%2C11.04l3.56%2C9.91A1.38%2C1.38%2C0%2C0%2C0%2C15.324%2C31H28a1.365%2C1.365%2C0%2C0%2C0%2C1.324-1L32.9%2C20.018a10.574%2C10.574%2C0%2C0%2C0-1.878-9.125C29.064%2C8.365%2C25.38%2C6.794%2C21.409%2C6.794Zm8.835%2C12.5-3.285%2C8.951h-10.6l-3.273-8.913a7.752%2C7.752%2C0%2C0%2C1%2C.8-6.3A8.062%2C8.062%2C0%2C0%2C1%2C19.7%2C9.8a8.151%2C8.151%2C0%2C0%2C1%2C2.03-.25c3.983%2C0%2C7.638%2C2.522%2C8.5%2C5.868A7.815%2C7.815%2C0%2C0%2C1%2C30.244%2C19.29Z%22%20transform%3D%22translate(-2.187%200.054)%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19595%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019595%22%20d%3D%22M28%2C32.145H15.322a1.378%2C1.378%2C0%2C0%2C0%2C0%2C2.756H28a1.378%2C1.378%2C0%2C1%2C0%2C0-2.756Z%22%20transform%3D%22translate(-2.187%200.017)%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19596%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019596%22%20d%3D%22M28%2C36.049H15.32a1.379%2C1.379%2C0%2C1%2C0%2C0%2C2.757H28a1.379%2C1.379%2C0%2C1%2C0%2C0-2.757Z%22%20transform%3D%22translate(-2.187%200)%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19597%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019597%22%20d%3D%22M25.391%2C39.954H17.927a1.378%2C1.378%2C0%2C1%2C0%2C0%2C2.756h7.464a1.378%2C1.378%2C0%2C1%2C0%2C0-2.756Z%22%20transform%3D%22translate(-2.187%200)%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19598%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019598%22%20d%3D%22M21.627%2C5.4A1.374%2C1.374%2C0%2C0%2C0%2C23%2C4.026V1.29a1.375%2C1.375%2C0%2C0%2C0-2.75%2C0V4.026A1.374%2C1.374%2C0%2C0%2C0%2C21.627%2C5.4Z%22%20transform%3D%22translate(-2.187%200.085)%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19599%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019599%22%20d%3D%22M6.3%2C17.4H3.562a1.375%2C1.375%2C0%2C0%2C0%2C0%2C2.75H6.3a1.375%2C1.375%2C0%2C0%2C0%2C0-2.75Z%22%20transform%3D%22translate(-2.187%200.048)%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19600%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019600%22%20d%3D%22M40.438%2C17.4H37.7a1.375%2C1.375%2C0%2C0%2C0%2C0%2C2.75h2.737a1.375%2C1.375%2C0%2C0%2C0%2C0-2.75Z%22%20transform%3D%22translate(-2.187%200.048)%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19601%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019601%22%20d%3D%22M36.147%2C4.486a1.374%2C1.374%2C0%2C0%2C0-1.944%2C0L32.268%2C6.421a1.374%2C1.374%2C0%2C1%2C0%2C1.943%2C1.944L36.146%2C6.43A1.372%2C1.372%2C0%2C0%2C0%2C36.147%2C4.486Z%22%20transform%3D%22translate(-2.187%200.085)%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19602%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019602%22%20d%3D%22M10.986%2C6.421%2C9.051%2C4.486A1.375%2C1.375%2C0%2C1%2C0%2C7.107%2C6.43L9.043%2C8.365a1.374%2C1.374%2C0%2C1%2C0%2C1.943-1.944Z%22%20transform%3D%22translate(-2.187%200.085)%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7772%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207772%22%20width%3D%2244%22%20height%3D%2243.915%22%20transform%3D%22translate(0%200.085)%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.c-icon__life-black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_505_2%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20505%20%E2%80%93%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27293%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027293%22%20transform%3D%22translate(2.188)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19594%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019594%22%20d%3D%22M21.409%2C6.794a11.824%2C11.824%2C0%2C0%2C0-7.227%2C2.217%2C10.581%2C10.581%2C0%2C0%2C0-3.752%2C11.04l3.56%2C9.91A1.38%2C1.38%2C0%2C0%2C0%2C15.324%2C31H28a1.365%2C1.365%2C0%2C0%2C0%2C1.324-1L32.9%2C20.018a10.574%2C10.574%2C0%2C0%2C0-1.878-9.125C29.064%2C8.365%2C25.38%2C6.794%2C21.409%2C6.794Zm8.835%2C12.5-3.285%2C8.951h-10.6l-3.273-8.913a7.752%2C7.752%2C0%2C0%2C1%2C.8-6.3A8.062%2C8.062%2C0%2C0%2C1%2C19.7%2C9.8a8.151%2C8.151%2C0%2C0%2C1%2C2.03-.25c3.983%2C0%2C7.638%2C2.522%2C8.5%2C5.868A7.815%2C7.815%2C0%2C0%2C1%2C30.244%2C19.29Z%22%20transform%3D%22translate(-2.187%200.054)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19595%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019595%22%20d%3D%22M28%2C32.145H15.322a1.378%2C1.378%2C0%2C0%2C0%2C0%2C2.756H28a1.378%2C1.378%2C0%2C1%2C0%2C0-2.756Z%22%20transform%3D%22translate(-2.187%200.017)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19596%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019596%22%20d%3D%22M28%2C36.049H15.32a1.379%2C1.379%2C0%2C1%2C0%2C0%2C2.757H28a1.379%2C1.379%2C0%2C1%2C0%2C0-2.757Z%22%20transform%3D%22translate(-2.187%200)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19597%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019597%22%20d%3D%22M25.391%2C39.954H17.927a1.378%2C1.378%2C0%2C1%2C0%2C0%2C2.756h7.464a1.378%2C1.378%2C0%2C1%2C0%2C0-2.756Z%22%20transform%3D%22translate(-2.187%200)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19598%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019598%22%20d%3D%22M21.627%2C5.4A1.374%2C1.374%2C0%2C0%2C0%2C23%2C4.026V1.29a1.375%2C1.375%2C0%2C0%2C0-2.75%2C0V4.026A1.374%2C1.374%2C0%2C0%2C0%2C21.627%2C5.4Z%22%20transform%3D%22translate(-2.187%200.085)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19599%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019599%22%20d%3D%22M6.3%2C17.4H3.562a1.375%2C1.375%2C0%2C0%2C0%2C0%2C2.75H6.3a1.375%2C1.375%2C0%2C0%2C0%2C0-2.75Z%22%20transform%3D%22translate(-2.187%200.048)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19600%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019600%22%20d%3D%22M40.438%2C17.4H37.7a1.375%2C1.375%2C0%2C0%2C0%2C0%2C2.75h2.737a1.375%2C1.375%2C0%2C0%2C0%2C0-2.75Z%22%20transform%3D%22translate(-2.187%200.048)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19601%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019601%22%20d%3D%22M36.147%2C4.486a1.374%2C1.374%2C0%2C0%2C0-1.944%2C0L32.268%2C6.421a1.374%2C1.374%2C0%2C1%2C0%2C1.943%2C1.944L36.146%2C6.43A1.372%2C1.372%2C0%2C0%2C0%2C36.147%2C4.486Z%22%20transform%3D%22translate(-2.187%200.085)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19602%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019602%22%20d%3D%22M10.986%2C6.421%2C9.051%2C4.486A1.375%2C1.375%2C0%2C1%2C0%2C7.107%2C6.43L9.043%2C8.365a1.374%2C1.374%2C0%2C1%2C0%2C1.943-1.944Z%22%20transform%3D%22translate(-2.187%200.085)%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7772%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207772%22%20width%3D%2244%22%20height%3D%2243.915%22%20transform%3D%22translate(0%200.085)%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
}

.c-button {
  width: 280px;
  margin: 40px auto 0;
  display: block;
  background-color: #fff;
}

.c-button.black a {
  text-align: center;
  width: 100%;
  display: block;
  border: 1px solid #000;
  border-radius: 8px;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
  color: #000;
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.c-button.blue a {
  text-align: center;
  line-height: 1;
  width: 100%;
  display: block;
  border: 1px solid #364563;
  border-radius: 8px;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
  color: #364563;
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}

@media screen and (min-width: 640px) {
  .c-button:hover {
    background-color: #f2f2f2;
  }
}

@media screen and (max-width: 640px) {
  .c-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 92%;
    margin: 4.8% auto 0;
    display: block;
  }
  .c-button.black a {
    width: 100%;
    display: block;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
    color: #000;
    font-size: 3.73333vw;
    padding-top: 4.72603%;
    padding-bottom: 4.72603%;
  }
  .c-button.blue a {
    width: 100%;
    display: block;
    background-color: #fff;
    border: 1px solid #364563;
    border-radius: 8px;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
    color: #364563;
    font-size: 3.73333vw;
    padding-top: 4.72603%;
    padding-bottom: 4.72603%;
  }
}

.flicking-viewport {
  position: relative;
}

.flicking-camera {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: row;
  z-index: 1;
}

.flicking-camera > * {
  flex-shrink: 0;
}

.flicking-viewport.vertical {
  display: inline-flex;
}

.flicking-viewport.vertical > .flicking-camera {
  display: inline-flex;
  flex-direction: column;
}
.flicking-viewport:not(.vertical) {
  width: 100%;
  height: 100%;
}

.flicking-camera {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  will-change: transform;
}

.flicking-camera > * {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}

.flicking-viewport.vertical,
.flicking-viewport.vertical > .flicking-camera {
  display: inline-block;
}

.flicking-viewport.vertical.middle > .flicking-camera > * {
  vertical-align: middle;
}

.flicking-viewport.vertical.bottom > .flicking-camera > * {
  vertical-align: bottom;
}

.flicking-viewport.vertical > .flicking-camera > * {
  display: block;
}
/* Web font
------------------------------------------------------------------------------- */
/*
font-family: 'Noto Sans JP', sans-serif;
font-weight:400; regular
font-weight:700; bold
*/
/*
------------------------------------------------------------------------------- */
/* style
------------------------------------------------------------------------------- */
.sbsc-guide-inner,
.sbsc-guide-inner02 {
  position: relative;
  width: 976px;
  margin: 0 auto;
}

.sbsc-guide-inner + .sbsc-guide-inner {
  padding-top: 60px;
}

.sbsc-guide-ttl-type01 {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 30px;
}

.sbsc-guide-ttl-type01 span {
  position: relative;
  display: inline-block;
  padding: 0 42px;
}

.sbsc-guide-ttl-type01 span::before,
.sbsc-guide-ttl-type01 span::after {
  content: " ";
  display: block;
  position: absolute;
  width: 25px;
  height: 21px;
  top: 12px;
  z-index: 1;
}

.sbsc-guide-ttl-type01 span::before {
  left: 0px;
  background: url("../img/line_black_l.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.sbsc-guide-ttl-type01 span::after {
  right: 5px;
  background: url("../img/line_black_r.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.sbsc-guide-ttl-type02 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

/* SP */
@media screen and (max-width: 640px) {
  .sbsc-guide-inner,
  .sbsc-guide-inner02 {
    width: auto;
    margin: 0 auto;
  }
  .sbsc-guide-inner .pd_content__title {
    padding: 0 10px;
  }
  .sbsc-guide-ttl-type01 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .sbsc-guide-ttl-type01 span::before,
  .sbsc-guide-ttl-type01 span::after {
    top: 9px;
  }
  .sbsc-guide-inner + .sbsc-guide-inner {
    margin-top: 40px;
  }
}

/* お問い合わせ
------------------------------------------------------------------------------- */
#sbsc-guide-sec5 {
  width: 100%;
  background: #DEE3ED;
}

.sbsc-guide-sec5-contact {
  background: #DEE3ED;
  padding: 25px 20px;
  text-align: center;
  margin-bottom: 0;
}

.sbsc-guide-sec5-contact__text {
  margin-top: -5px;
  font-size: 16px;
  margin-bottom: 20px;
}

.sbsc-guide-sec5-contact__inner {
  background: #fff;
  padding: 35px 90px 35px 95px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.sbsc-guide-sec5-contact__inner dl {
  width: 433px;
  text-align: left;
}

.sbsc-guide-sec5-contact__inner dl dt {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 8px;
}

.sbsc-guide-sec5-contact__inner dl dd {
  display: flex;
}

.sbsc-guide-sec5-contact__inner dl dd a {
  display: inline-block;
  padding-left: 39px;
  color: #000;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 28px;
  font-weight: 700;
  white-space: nowrap;
  background: url("/store/page/sbsc/guide/images/icon_call.svg") 0 0.38em no-repeat;
  background-size: 27px 27px;
  padding-top: 0px;
}

.sbsc-guide-sec5-contact__inner dl dd span {
  font-size: 14px;
  padding-left: 15px;
  white-space: nowrap;
  line-height: 1.4;
}

.sbsc-guide-sec5-contact__btn {
  width: 264px;
  margin-right: 45px;
}

.sbsc-guide-sec5-contact__btn a {
  display: block;
  background: #364563;
  color: #fff;
  text-align: center;
  padding: 15px 0 0 0;
  font-size: 16px;
  font-weight: 400;
  min-height: 54px;
  border-radius: 8px;
  margin: 0 auto;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
}

@media screen and (min-width: 640px) {
  .sbsc-guide-sec5-contact__btn a:hover {
    opacity: 0.7;
  }
}

.sbsc-guide-sec5-contact__text02 {
  font-size: 14px;
  margin-bottom: 38px;
  width: 100%;
}

/* SP */
@media screen and (max-width: 640px) {
  .sbsc-guide-sec5-contact {
    padding: 25px 20px 30px;
  }
  .sbsc-guide-sec5-contact__inner {
    padding: 35px 20px 40px 20px;
  }
  .sbsc-guide-sec5-contact__inner dl {
    order: 2;
    width: 100%;
    text-align: left;
    margin-bottom: 40px;
  }
  .sbsc-guide-sec5-contact__inner dl dt {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
  }
  .sbsc-guide-sec5-contact__inner dl dd {
    display: block;
    text-align: center;
    margin-right: 10px;
  }
  .sbsc-guide-sec5-contact__inner dl dd a {
    display: inline-block;
    font-size: 26px;
    letter-spacing: 0.05em;
    padding-top: 5px;
    padding-right: 5px;
  }
  .sbsc-guide-sec5-contact__inner dl dd span {
    display: block;
    padding-left: 25px;
  }
  .sbsc-guide-sec5-contact__btn {
    order: 3;
    width: 264px;
    margin: 0 auto;
  }
  .sbsc-guide-sec5-contact__text02 {
    order: 1;
    margin-bottom: 15px;
  }
}

/* モーダル
------------------------------------------------------------------------------- */
#sbsc-guide-inline-modalbox {
  display: none;
}

.sbsc-guide-inline-modalbox__close {
  cursor: pointer;
  margin-left: auto;
  margin-right: 0px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_1082_14%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%201082%20%E2%80%93%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7285%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207285%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23364563%22%20opacity%3D%220%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19419%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019419%22%20d%3D%22M13.061%2C12l8-8A.75.75%2C0%2C0%2C0%2C20%2C2.938l-8%2C8L4.028%2C2.966a.75.75%2C0%2C0%2C0-1.06%2C1.061L10.939%2C12l-8%2C8A.75.75%2C0%2C0%2C0%2C4%2C21.059l8-8%2C8%2C8A.75.75%2C0%2C1%2C0%2C21.06%2C20Z%22%20transform%3D%22translate(0%200.002)%22%20fill%3D%22%23364563%22%2F%3E%3C%2Fsvg%3E");
}

#sbsc-guide-inline-modalbox__inner {
  padding: 30px 20px;
  position: relative;
  background: #fff;
  max-width: 810px;
  margin: 0 auto;
  line-height: 1.7;
  border-radius: 8px;
}

.sbsc-guide-inline-modalbox__ttl {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 18px;
  margin-top: 6px;
}

.sbsc-guide-inline-modalbox__step {
  background: #F2F2F2;
  padding: 80px 20px 20px;
  margin-bottom: 20px;
  position: relative;
}

.sbsc-guide-inline-modalbox__step figure {
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
  float: none !important;
}

.sbsc-guide-inline-modalbox__step .center {
  text-align: center;
}

.sbsc-guide-inline-modalbox__step .bold {
  font-weight: bold;
}

.sbsc-guide-inline-modalbox__step .step1_image01 {
  width: 88px;
  height: 88px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%220%200%2088%2088%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27366%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027366%22%20transform%3D%22translate(0.083)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7827%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207827%22%20width%3D%2288%22%20height%3D%2288%22%20transform%3D%22translate(-0.083)%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27365%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027365%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19658%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019658%22%20d%3D%22M54.5%2C42.146H12.729a4.367%2C4.367%2C0%2C0%2C0-4.366%2C4.367V72.96a4.367%2C4.367%2C0%2C0%2C0%2C4.366%2C4.367H54.5a4.367%2C4.367%2C0%2C0%2C0%2C4.367-4.367V46.513A4.367%2C4.367%2C0%2C0%2C0%2C54.5%2C42.146ZM55.868%2C72.96A1.368%2C1.368%2C0%2C0%2C1%2C54.5%2C74.327H12.729a1.368%2C1.368%2C0%2C0%2C1-1.366-1.367V46.513a1.368%2C1.368%2C0%2C0%2C1%2C1.366-1.367H54.5a1.368%2C1.368%2C0%2C0%2C1%2C1.367%2C1.367Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19659%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019659%22%20d%3D%22M50.917%2C51.345h-14a1.377%2C1.377%2C0%2C0%2C0%2C0%2C2.754h14a1.377%2C1.377%2C0%2C0%2C0%2C0-2.754Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19660%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019660%22%20d%3D%22M50.917%2C58.345h-14a1.377%2C1.377%2C0%2C0%2C0%2C0%2C2.754h14a1.377%2C1.377%2C0%2C0%2C0%2C0-2.754Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19661%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019661%22%20d%3D%22M50.917%2C65.345h-14a1.377%2C1.377%2C0%2C0%2C0%2C0%2C2.754h14a1.377%2C1.377%2C0%2C0%2C0%2C0-2.754Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19662%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019662%22%20d%3D%22M74.677%2C11.679H50.917a1.53%2C1.53%2C0%2C0%2C0-.281.028l-.03.005a1.467%2C1.467%2C0%2C0%2C0-.354.129c-.03.015-.058.03-.087.047a1.478%2C1.478%2C0%2C0%2C0-.313.236l0%2C0L37.469%2C24.7l-.012.016a1.516%2C1.516%2C0%2C0%2C0-.219.3c-.015.027-.03.053-.044.081a1.5%2C1.5%2C0%2C0%2C0-.127.363c0%2C.012%2C0%2C.025%2C0%2C.037a1.42%2C1.42%2C0%2C0%2C0-.026.254v12.4a1.5%2C1.5%2C0%2C0%2C0%2C3%2C0v-10.9H46.55a5.874%2C5.874%2C0%2C0%2C0%2C5.867-5.867V14.679h22.26a2.87%2C2.87%2C0%2C0%2C1%2C2.867%2C2.867V63.993a2.87%2C2.87%2C0%2C0%2C1-2.867%2C2.867H63a1.5%2C1.5%2C0%2C0%2C0%2C0%2C3H74.677a5.873%2C5.873%2C0%2C0%2C0%2C5.867-5.867V17.546A5.874%2C5.874%2C0%2C0%2C0%2C74.677%2C11.679Zm-25.26%2C9.709a2.87%2C2.87%2C0%2C0%2C1-2.867%2C2.867H42.119l7.3-7.414Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19663%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019663%22%20d%3D%22M71.093%2C27.132a1.377%2C1.377%2C0%2C0%2C0%2C0-2.754h-14a1.377%2C1.377%2C0%2C0%2C0%2C0%2C2.754Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19664%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019664%22%20d%3D%22M45.716%2C34.755a1.376%2C1.376%2C0%2C0%2C0%2C1.377%2C1.377h24a1.377%2C1.377%2C0%2C0%2C0%2C0-2.754h-24A1.376%2C1.376%2C0%2C0%2C0%2C45.716%2C34.755Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19665%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019665%22%20d%3D%22M71.093%2C41.378h-8a1.377%2C1.377%2C0%2C0%2C0%2C0%2C2.754h8a1.377%2C1.377%2C0%2C0%2C0%2C0-2.754Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19666%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019666%22%20d%3D%22M71.093%2C49.378h-8a1.377%2C1.377%2C0%2C0%2C0%2C0%2C2.754h8a1.377%2C1.377%2C0%2C0%2C0%2C0-2.754Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19667%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019667%22%20d%3D%22M24.311%2C60.017a5%2C5%2C0%2C1%2C0-4.979-5A4.994%2C4.994%2C0%2C0%2C0%2C24.311%2C60.017Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19668%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019668%22%20d%3D%22M24.319%2C61.017a9.007%2C9.007%2C0%2C0%2C0-9%2C9h18A9.007%2C9.007%2C0%2C0%2C0%2C24.319%2C61.017Z%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.sbsc-guide-inline-modalbox__step .step1_image02 {
  width: 88px;
  height: 88px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%220%200%2088%2088%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27381%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027381%22%20transform%3D%22translate(0.083%20-0.147)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7832%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207832%22%20width%3D%2288%22%20height%3D%2288%22%20transform%3D%22translate(-0.083%200.147)%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27382%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027382%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27381-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027381%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19699%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019699%22%20d%3D%22M72.125%2C58.581H63.267a1.482%2C1.482%2C0%2C1%2C1%2C0-2.963h8.858a1.482%2C1.482%2C0%2C0%2C1%2C0%2C2.963Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19700%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019700%22%20d%3D%22M76.093%2C65.465H59.3a5.439%2C5.439%2C0%2C0%2C1-5.433-5.433V27.606A5.438%2C5.438%2C0%2C0%2C1%2C59.3%2C22.174H76.093a5.437%2C5.437%2C0%2C0%2C1%2C5.432%2C5.432V60.032A5.438%2C5.438%2C0%2C0%2C1%2C76.093%2C65.465ZM59.3%2C25.137a2.473%2C2.473%2C0%2C0%2C0-2.47%2C2.469V60.032A2.473%2C2.473%2C0%2C0%2C0%2C59.3%2C62.5H76.093a2.473%2C2.473%2C0%2C0%2C0%2C2.469-2.47V27.606a2.472%2C2.472%2C0%2C0%2C0-2.469-2.469Z%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_41%22%20data-name%3D%22%E5%90%88%E4%BD%93%2041%22%20d%3D%22M12.728%2C63.984a3.951%2C3.951%2C0%2C0%2C1-3.951-3.951V41.307a3.952%2C3.952%2C0%2C0%2C1%2C3.951-3.952h5.927V35.337a3.952%2C3.952%2C0%2C0%2C1%2C3.951-3.952H35.448A3.952%2C3.952%2C0%2C0%2C1%2C39.4%2C35.337v2.019h5.934a3.952%2C3.952%2C0%2C0%2C1%2C3.951%2C3.952V60.033a3.951%2C3.951%2C0%2C0%2C1-3.951%2C3.951Z%22%20fill%3D%22none%22%20stroke%3D%22%23364563%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.964%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19701%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019701%22%20d%3D%22M29.069%2C60.078A10.877%2C10.877%2C0%2C1%2C1%2C39.819%2C49.2%2C10.826%2C10.826%2C0%2C0%2C1%2C29.069%2C60.078Zm0-18.79A7.915%2C7.915%2C0%2C1%2C0%2C36.856%2C49.2%2C7.86%2C7.86%2C0%2C0%2C0%2C29.069%2C41.288Z%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.sbsc-guide-inline-modalbox__step .step2_image01 {
  width: 88px;
  height: 88px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27372%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027372%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%220%200%2088%2088%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7831%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207831%22%20width%3D%2288%22%20height%3D%2288%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27380%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027380%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27376%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027376%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19684%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019684%22%20d%3D%22M55.5%2C13.279H13.729a5.873%2C5.873%2C0%2C0%2C0-5.867%2C5.867V45.593a5.874%2C5.874%2C0%2C0%2C0%2C5.867%2C5.866H39.963a1.5%2C1.5%2C0%2C0%2C0%2C0-3H13.729a2.87%2C2.87%2C0%2C0%2C1-2.867-2.866V19.146a2.87%2C2.87%2C0%2C0%2C1%2C2.867-2.867H55.5a2.87%2C2.87%2C0%2C0%2C1%2C2.867%2C2.867V30.9a1.5%2C1.5%2C0%2C1%2C0%2C3%2C0V19.146A5.873%2C5.873%2C0%2C0%2C0%2C55.5%2C13.279Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19685%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019685%22%20d%3D%22M51.917%2C23.978h-14a1.377%2C1.377%2C0%2C0%2C0%2C0%2C2.754h14a1.377%2C1.377%2C0%2C0%2C0%2C0-2.754Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19686%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019686%22%20d%3D%22M51.917%2C30.978h-14a1.377%2C1.377%2C0%2C0%2C0%2C0%2C2.754h14a1.377%2C1.377%2C0%2C0%2C0%2C0-2.754Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19687%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019687%22%20d%3D%22M30.288%2C27.651a4.978%2C4.978%2C0%2C1%2C0-4.977%2C5A4.993%2C4.993%2C0%2C0%2C0%2C30.288%2C27.651Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19688%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019688%22%20d%3D%22M25.319%2C33.65a9.007%2C9.007%2C0%2C0%2C0-9%2C9h18A9.007%2C9.007%2C0%2C0%2C0%2C25.319%2C33.65Z%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27377%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027377%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19689%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019689%22%20d%3D%22M62.557%2C71.3H53.7a1.482%2C1.482%2C0%2C0%2C1%2C0-2.963h8.859a1.482%2C1.482%2C0%2C0%2C1%2C0%2C2.963Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19690%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019690%22%20d%3D%22M66.524%2C78.185H49.73A5.439%2C5.439%2C0%2C0%2C1%2C44.3%2C72.751V40.325a5.437%2C5.437%2C0%2C0%2C1%2C5.432-5.432H66.524a5.437%2C5.437%2C0%2C0%2C1%2C5.433%2C5.432V72.751A5.439%2C5.439%2C0%2C0%2C1%2C66.524%2C78.185ZM49.73%2C37.856a2.472%2C2.472%2C0%2C0%2C0-2.469%2C2.469V72.751a2.473%2C2.473%2C0%2C0%2C0%2C2.469%2C2.471H66.524a2.474%2C2.474%2C0%2C0%2C0%2C2.47-2.471V40.325a2.473%2C2.473%2C0%2C0%2C0-2.47-2.469Z%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27378%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027378%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19691%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019691%22%20d%3D%22M65.769%2C47.5H50.486a1.6%2C1.6%2C0%2C0%2C0-1.6%2C1.6v9.676a1.6%2C1.6%2C0%2C0%2C0%2C1.6%2C1.6H65.769a1.6%2C1.6%2C0%2C0%2C0%2C1.6-1.6V49.1A1.6%2C1.6%2C0%2C0%2C0%2C65.769%2C47.5Zm.5%2C11.274a.5.5%2C0%2C0%2C1-.5.5H50.486a.5.5%2C0%2C0%2C1-.5-.5V49.1a.5.5%2C0%2C0%2C1%2C.5-.5H65.769a.5.5%2C0%2C0%2C1%2C.5.5Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19692%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019692%22%20d%3D%22M64.458%2C50.867H59.335a.5.5%2C0%2C0%2C0%2C0%2C1.008h5.123a.5.5%2C0%2C0%2C0%2C0-1.008Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19693%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019693%22%20d%3D%22M64.458%2C53.429H59.335a.5.5%2C0%2C0%2C0%2C0%2C1.008h5.123a.5.5%2C0%2C0%2C0%2C0-1.008Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19694%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019694%22%20d%3D%22M64.458%2C55.99H59.335a.5.5%2C0%2C0%2C0%2C0%2C1.008h5.123a.5.5%2C0%2C0%2C0%2C0-1.008Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_259%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20259%22%20cx%3D%221.821%22%20cy%3D%221.829%22%20rx%3D%221.821%22%20ry%3D%221.829%22%20transform%3D%22translate(52.901%2050.383)%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19695%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019695%22%20d%3D%22M54.726%2C54.406A3.3%2C3.3%2C0%2C0%2C0%2C51.434%2C57.7h6.584A3.3%2C3.3%2C0%2C0%2C0%2C54.726%2C54.406Z%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19696%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019696%22%20d%3D%22M68.994%2C30.029a1.377%2C1.377%2C0%2C0%2C1-1.377-1.377v-4a1.377%2C1.377%2C0%2C0%2C1%2C2.754%2C0v4A1.377%2C1.377%2C0%2C0%2C1%2C68.994%2C30.029Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19697%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019697%22%20d%3D%22M75.212%2C32.3a1.377%2C1.377%2C0%2C0%2C1-.975-2.351l2.827-2.828a1.378%2C1.378%2C0%2C0%2C1%2C1.95%2C1.947L76.187%2C31.9A1.377%2C1.377%2C0%2C0%2C1%2C75.212%2C32.3Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19698%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019698%22%20d%3D%22M82%2C38.31H78a1.377%2C1.377%2C0%2C0%2C1%2C0-2.754h4a1.377%2C1.377%2C0%2C0%2C1%2C0%2C2.754Z%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.sbsc-guide-inline-modalbox__step .step2_image02 {
  width: 88px;
  height: 88px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27385%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027385%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%220%200%2088%2088%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7835%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207835%22%20width%3D%2288%22%20height%3D%2288%22%20fill%3D%22none%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_27384%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2027384%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19702%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019702%22%20d%3D%22M64.462%2C27.41H38.282a2.737%2C2.737%2C0%2C0%2C0-2.737%2C2.737V46.722a2.737%2C2.737%2C0%2C0%2C0%2C2.737%2C2.737h26.18A2.736%2C2.736%2C0%2C0%2C0%2C67.2%2C46.722V30.147A2.736%2C2.736%2C0%2C0%2C0%2C64.462%2C27.41Zm.857%2C19.312a.858.858%2C0%2C0%2C1-.857.857H38.282a.858.858%2C0%2C0%2C1-.857-.857V30.147a.858.858%2C0%2C0%2C1%2C.857-.857h26.18a.858.858%2C0%2C0%2C1%2C.857.857Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19703%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019703%22%20d%3D%22M62.216%2C33.174H53.44a.864.864%2C0%2C0%2C0%2C0%2C1.727h8.776a.864.864%2C0%2C0%2C0%2C0-1.727Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19704%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019704%22%20d%3D%22M62.216%2C37.562H53.44a.864.864%2C0%2C0%2C0%2C0%2C1.727h8.776a.864.864%2C0%2C0%2C0%2C0-1.727Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19705%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019705%22%20d%3D%22M62.216%2C41.95H53.44a.863.863%2C0%2C0%2C0%2C0%2C1.726h8.776a.863.863%2C0%2C0%2C0%2C0-1.726Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_260%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20260%22%20cx%3D%223.12%22%20cy%3D%223.133%22%20rx%3D%223.12%22%20ry%3D%223.133%22%20transform%3D%22translate(42.42%2032.345)%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19706%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019706%22%20d%3D%22M45.545%2C39.237a5.645%2C5.645%2C0%2C0%2C0-5.639%2C5.639H51.184A5.645%2C5.645%2C0%2C0%2C0%2C45.545%2C39.237Z%22%20fill%3D%22%23364563%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19707%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019707%22%20d%3D%22M75.116%2C21.707a1.568%2C1.568%2C0%2C0%2C1%2C1.567%2C1.566v30.3a1.568%2C1.568%2C0%2C0%2C1-1.567%2C1.566H27.251a1.568%2C1.568%2C0%2C0%2C1-1.566-1.566v-30.3a1.568%2C1.568%2C0%2C0%2C1%2C1.566-1.566H75.116m0-3.438H27.251a5%2C5%2C0%2C0%2C0-5%2C5v30.3a5%2C5%2C0%2C0%2C0%2C5%2C5H75.116a5%2C5%2C0%2C0%2C0%2C5-5v-30.3a5%2C5%2C0%2C0%2C0-5-5Z%22%20fill%3D%22%23364563%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19708%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019708%22%20d%3D%22M64.353%2C71.475H16.487a6.73%2C6.73%2C0%2C0%2C1-6.722-6.723V34.447a6.729%2C6.729%2C0%2C0%2C1%2C6.722-6.722h1.446a1.719%2C1.719%2C0%2C0%2C1%2C0%2C3.437H16.487A3.289%2C3.289%2C0%2C0%2C0%2C13.2%2C34.447V64.752a3.289%2C3.289%2C0%2C0%2C0%2C3.285%2C3.285H64.353a3.289%2C3.289%2C0%2C0%2C0%2C3.285-3.285V62.906a1.718%2C1.718%2C0%2C1%2C1%2C3.437%2C0v1.846A6.73%2C6.73%2C0%2C0%2C1%2C64.353%2C71.475Z%22%20fill%3D%22%23364563%22%2F%3E%3C%2Fsvg%3E");
}

.sbsc-guide-inline-modalbox__step dt {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
  position: absolute;
  left: 0;
  top: 0;
}

.sbsc-guide-inline-modalbox__step dt i {
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  margin: 0;
}

.sbsc-guide-inline-modalbox__step dt i.step_ttl01 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_542_2%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20542%20%E2%80%93%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19608%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019608%22%20d%3D%22M0%2C0H60V60H0Z%22%20fill%3D%22%235973a6%22%2F%3E%20%3Ctext%20id%3D%22STEP_1%22%20data-name%3D%22STEP1%22%20transform%3D%22translate(30%2024)%22%20fill%3D%22%23fff%22%20font-size%3D%2214%22%20font-family%3D%22Roboto-Bold%2C%20Roboto%22%20font-weight%3D%22700%22%3E%3Ctspan%20x%3D%22-17.086%22%20y%3D%220%22%3ESTEP%3C%2Ftspan%3E%3Ctspan%20font-size%3D%2224%22%3E%3Ctspan%20x%3D%22-6.885%22%20y%3D%2221%22%3E1%3C%2Ftspan%3E%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E");
}

.sbsc-guide-inline-modalbox__step dt i.step_ttl02 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_542_3%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20542%20%E2%80%93%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19608%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019608%22%20d%3D%22M0%2C0H60V60H0Z%22%20fill%3D%22%235973a6%22%2F%3E%20%3Ctext%20id%3D%22STEP_2%22%20data-name%3D%22STEP2%22%20transform%3D%22translate(30%2024)%22%20fill%3D%22%23fff%22%20font-size%3D%2214%22%20font-family%3D%22Roboto-Bold%2C%20Roboto%22%20font-weight%3D%22700%22%3E%3Ctspan%20x%3D%22-17.086%22%20y%3D%220%22%3ESTEP%3C%2Ftspan%3E%3Ctspan%20font-size%3D%2224%22%3E%3Ctspan%20x%3D%22-6.885%22%20y%3D%2221%22%3E2%3C%2Ftspan%3E%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E");
}

.sbsc-guide-inline-modalbox__step dt i.step_ttl03 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_542_4%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%20542%20%E2%80%93%204%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19608%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019608%22%20d%3D%22M0%2C0H60V60H0Z%22%20fill%3D%22%235973a6%22%2F%3E%20%3Ctext%20id%3D%22STEP_3%22%20data-name%3D%22STEP3%22%20transform%3D%22translate(30%2024)%22%20fill%3D%22%23fff%22%20font-size%3D%2214%22%20font-family%3D%22Roboto-Bold%2C%20Roboto%22%20font-weight%3D%22700%22%3E%3Ctspan%20x%3D%22-17.086%22%20y%3D%220%22%3ESTEP%3C%2Ftspan%3E%3Ctspan%20font-size%3D%2224%22%3E%3Ctspan%20x%3D%22-6.885%22%20y%3D%2221%22%3E3%3C%2Ftspan%3E%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E");
}

.sbsc-guide-inline-modalbox__step dt i img {
  width: 80px;
  height: 19px;
}

.sbsc-guide-inline-modalbox__step dt span {
  display: block;
  padding-left: 20px;
  font-size: 22px;
  font-weight: 700;
  color: #5973A6;
}

.sbsc-guide-inline-modalbox__step dd ul {
  display: flex;
}

.sbsc-guide-inline-modalbox__step dd ul li {
  overflow: hidden;
  width: calc(50% - 10px);
}

.sbsc-guide-inline-modalbox__step dd ul li:last-child {
  margin-left: 20px;
}

.sbsc-guide-inline-modalbox__step dd ul li p {
  margin-top: 16px;
  font-size: 16px;
  padding-left: 0;
}

.sbsc-guide-inline-modalbox__step dd ul li p.sbsc-guide-inline-modalbox__bold {
  margin-bottom: 5px;
  font-weight: 700;
}

.sbsc-guide-inline-modalbox__attention {
  font-size: 14px;
  color: #d00000;
}

.sbsc-guide-inline-modalbox__text {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.7;
}

.sbsc-guide-inline-modalbox__text span {
  padding-bottom: 2px;
  display: inline-block;
}

.sbsc-guide-inline-modalbox__text img {
  margin: -2px 10px 0;
  vertical-align: middle;
}

.sbsc-guide-inline-modalbox__img {
  margin-bottom: 20px;
  text-align: center;
}

.sbsc-guide-inline-modalbox__img img {
  margin: 0 auto;
}

/* 20210518追加 */
.sbsc-guide-step3_subBox {
  margin-top: 10px;
}

.sbsc-guide-inline-modalbox__step dd ul li .sbsc-guide-step3_subBox p {
  font-size: 16px;
}

p.sbsc-guide-inline-txt-indent {
  text-indent: -1em;
  margin-left: 1em;
}

@media screen and (min-width: 640px) {
  .sbsc-intro-anchor-list > li a:hover {
    background-color: #f2f2f2;
  }
}

/* SP */
@media screen and (max-width: 640px) {
  .sec-mv {
    padding: 0 4%;
    margin-bottom: 40px;
  }

  .sbsc-guide-ttl {
    font-size: 6.2vw;
    margin-bottom: 25px;
    padding: 0 0 15px;
  }

  .sbsc-guide-lead {
    font-size: 16px;
    text-align: left;
  }

  .sec-intro {
    margin-bottom: 50px;
  }

  .sbsc-intro-ttl {
    font-size: 6.4vw;
    margin-bottom: 26px;
  }

  .sbsc-intro-anchor-list {
    width: 92%;
    margin: -15px auto 0;
    flex-wrap: wrap;
  }

  .sbsc-intro-anchor-list > li {
    width: 47.53623%;
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
  }

  .sbsc-intro-anchor-list > li a {
    justify-content: flex-start;
    text-align: left;
    padding: 8px 2px 24px;
  }

  .sbsc-intro-anchor-list > li a::after {
    bottom: 10px;
  }

  .sbsc-detail-link {
    margin-top: 30px;
    font-size: 16px;
  }

  .sec-product {
    padding: 0 0 20px 0;
  }

  .product-detail + .product-detail {
    margin-top: 40px;
  }

  .product-topic {
    font-size: 22px;
    margin-bottom: 30px;
  }

  .product-box-list {
    margin: 0;
    padding: 0;
    display: block;
  }

  .product-box-list::after {
    display: none;
  }

  .product-box-list.slick-slider {
    margin: 0;
  }

  .product-box-list li.slick-slide {
    width: auto;
    margin-top: 0;
    padding: 5px 10px;
  }

  .product-box-name {
    font-size: 20px;
  }

  .product-box-name.box-name-new::before {
    font-size: 16px;
  }

  .product-box-name .name-s {
    font-size: 18px;
  }

  .product-box-name .name-number {
    font-size: 16px;
  }

  .product-box-price > dt {
    font-size: 11px;
    min-width: 44px;
    margin: 0 5px 0 0;
  }

  .product-box-price > dd {
    font-size: 13px;
  }

  .product-box-price > dd span {
    font-size: 15px;
  }

  .product-box-price > dd strong {
    font-size: 26px;
  }

  .product-box-note-list {
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
  }

  .product-box-note-list li {
    font-size: 12px;
    line-height: 1.3;
  }

  .product-box-list .slick-prev {
    left: 25px;
  }

  .product-box-list .slick-next {
    right: 25px;
  }

  #sbsc-guide-inline-modalbox__inner {
    width: 92%;
    padding: 8% 4% 4%;
  }
  .sbsc-guide-inline-modalbox__ttl {
    margin-bottom: 15px;
  }
  .sbsc-guide-inline-modalbox__step {
    padding: 35.55556% 4.7619% 9.52381%;
  }
  .sbsc-guide-inline-modalbox__step:last-child {
    margin-bottom: 0;
  }
  .sbsc-guide-inline-modalbox__step dt {
    align-items: normal;
  }
  .sbsc-guide-inline-modalbox__step dt i {
    padding-top: 0px;
    display: block;
  }
  .sbsc-guide-inline-modalbox__step dt i img {
    width: 74px;
    height: 18px;
  }
  .sbsc-guide-inline-modalbox__step dt span {
    width: 69.84127%;
    padding-top: 6.34921%;
    font-size: 4.8vw;
    line-height: 7.2vw;
    padding-left: 6.34921%;
    text-align: left;
  }
  .sbsc-guide-inline-modalbox__step dd ul {
    display: block;
    padding-bottom: 0px;
  }
  .sbsc-guide-inline-modalbox__step dd ul li {
    overflow: hidden;
    width: auto;
  }
  .sbsc-guide-inline-modalbox__step dd ul li:last-child {
    margin-left: 0px;
  }
  .sbsc-guide-inline-modalbox__step dd ul li p {
    font-size: 3.73333vw;
    padding-left: 0px;
  }
  .sbsc-guide-inline-modalbox__step dd ul li p.sbsc-guide-inline-modalbox__bold {
    text-align: center;
  }
  .sbsc-guide-inline-modalbox__text {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.7;
  }
  .sbsc-guide-inline-modalbox__text img {
    margin: -2px 5px 0 0;
    vertical-align: middle;
  }
  .sbsc-guide-inline-modalbox__img {
    margin-bottom: 20px;
  }
  .sbsc-guide-inline-modalbox__img img {
    margin: 0 auto;
  }
  .sbsc-guide-inline-modalbox__step dd ul li .sbsc-guide-step3_subBox p {
    margin-bottom: 0;
    font-size: 3.73333vw;
  }
  .sbsc-guide-step3_subBox {
    margin-top: 7.01754%;
  }
  .sbsc-guide-inline-modalbox__step dd ul li p.sbsc-guide-inline-txt-indent {
    margin-bottom: 0;
  }
}