@charset "UTF-8";
.is-color-primary {
  color: #6A90B2 !important;
}

.is-color-secondary {
  color: #707070 !important;
}

@media screen and (min-width: 769px) {
  .view--pc {
    display: block !important;
  }
  .view--sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .view--pc {
    display: none !important;
  }
  .view--sp {
    display: block !important;
  }
}
.page .c-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  width: 304px;
  height: 54px;
  margin: 30px auto 0;
  background-color: #222;
  background-size: 6px auto;
  background-position: right 5.2% center;
  background-repeat: no-repeat;
  background-image: url("../../../assets/img/common/icon/icon_arrow-next.png");
}
@media screen and (max-width: 768px) {
  .page .c-btn {
    width: 79.2vw;
    height: 15.8vw;
    margin: 6vw auto 0;
    background-size: 1.3vw auto;
  }
}
.page .c-btn.is-rounded {
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .page .c-btn.is-rounded {
    border-radius: 2.1vw;
  }
}

/* p-fixed_btn
---------------------------*/
.page .p-fixed_btn {
  display: none;
  position: fixed;
  z-index: 999;
}
@media screen and (min-width: 769px) {
  .page .p-fixed_btn {
    right: 0;
    top: 10%;
  }
}
@media screen and (max-width: 768px) {
  .page .p-fixed_btn {
    width: 100%;
    bottom: 0;
    left: 0;
  }
}
.page .p-fixed_btn__item {
  width: 48px;
  height: 225px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5em;
  background-image: none;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .page .p-fixed_btn__item {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}
@media screen and (max-width: 768px) {
  .page .p-fixed_btn__item {
    width: 100%;
    height: 12.9vw;
    font-size: 3.6vw;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
}

.seijinshiki {
  /*=============================
   slick
  =============================*/
  /*=============================
   共通パーツ
  =============================*/
  /*=============================
   kv
  =============================*/
  /*=============================
   topics
  =============================*/
  /*=============================
   reason
  =============================*/
  /*=============================
   worries
  =============================*/
  /*=============================
   concern
  =============================*/
  /*=============================
   jibuniro
  =============================*/
  /*=============================
   staff
  =============================*/
  /*=============================
   sale
  =============================*/
  /*=============================
   shop
  =============================*/
}
@media screen and (max-width: 768px) {
  .seijinshiki .pc-br {
    display: none;
  }
}
.seijinshiki .sp-br {
  display: none;
}
@media screen and (max-width: 768px) {
  .seijinshiki .sp-br {
    display: inline;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .view--pc {
    display: none;
  }
}
.seijinshiki .view--sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .seijinshiki .view--sp {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .text--pc {
    display: none;
  }
}
.seijinshiki .text--sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .seijinshiki .text--sp {
    display: inline;
  }
}
.seijinshiki .border-m {
  border: 20px rgba(59, 100, 197, 0.2392156863) solid;
}
@media screen and (max-width: 768px) {
  .seijinshiki .border-m {
    border: 4.3vw rgba(59, 100, 197, 0.2392156863) solid;
  }
}
.seijinshiki .border-l {
  border: 20px rgba(165, 69, 83, 0.2549019608) solid;
}
@media screen and (max-width: 768px) {
  .seijinshiki .border-l {
    border: 4.3vw rgba(165, 69, 83, 0.2549019608) solid;
  }
}
.seijinshiki .bg-mens {
  background: #3B65C5;
}
.seijinshiki .bg-ladies {
  background: #A54554;
}
.seijinshiki .box-mens {
  color: #3B65C5;
  border: 2px #3B65C5 solid;
}
.seijinshiki .box-ladies {
  color: #A54554;
  border: 2px #A54554 solid;
}
.seijinshiki .txt-color-mens {
  color: #3B65C5;
}
.seijinshiki .txt-color-ladies {
  color: #A54554;
}
.seijinshiki .tit-color-mens {
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #E1E9F0));
  background: linear-gradient(transparent 70%, #E1E9F0 0%);
  color: #3B65C5;
}
.seijinshiki .tit-color-ladies {
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #f0e1e1));
  background: linear-gradient(transparent 70%, #f0e1e1 0%);
  color: #A54554;
}
.seijinshiki .staff .slick-dots, .seijinshiki .staff .slick-arrow {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .seijinshiki .bnr-slider__slide {
    width: 79.2vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .topics .slick-slider {
    padding: 0;
  }
}
.seijinshiki .c-title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .c-title {
    font-size: 5.2vw;
    margin: 0 auto 4.8vw;
  }
}
.seijinshiki .c-title span {
  display: block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 10px 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .c-title span {
    font-size: 3.6vw;
    margin: 1.6vw 0;
  }
}
.seijinshiki .c-title__head {
  text-align: center;
}
.seijinshiki .c-title__head .c-title {
  position: relative;
  z-index: 2;
  padding: 10px 0 6px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .c-title__head .c-title {
    padding: 0;
  }
}
.seijinshiki .c-inner {
  width: 96%;
  max-width: 980px;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .c-inner {
    width: 89.6vw;
  }
}
.seijinshiki .c-btn {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: auto;
  padding: 17px 10px 20px;
  border: 1px solid #6A90B2;
}
@media screen and (max-width: 768px) {
  .seijinshiki .c-btn {
    max-width: 79.2vw;
    padding: 4.9vw;
  }
}
.seijinshiki .c-btn p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #6A90B2;
}
@media screen and (max-width: 768px) {
  .seijinshiki .c-btn p {
    font-size: 3.6vw;
  }
}
.seijinshiki .c-btn p:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../../assets/img/c_btn_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 31px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .c-btn p:after {
    width: 5.2vw;
    height: 5.2vw;
    margin-left: 2.6vw;
  }
}
.seijinshiki .c-btn.is-bg {
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .c-btn.is-bg {
    border-radius: 1.3vw;
  }
}
.seijinshiki .c-btn.is-bg p {
  color: #fff;
}
.seijinshiki .c-btn.is-bg p:after {
  background-image: url("../../assets/img/c_btn_arrow-bg.png");
}
.seijinshiki .c-btn.btn-color-m {
  background: #3B65C5;
}
.seijinshiki .c-btn.btn-color-l {
  background: #A54554;
}
.seijinshiki h2, .seijinshiki h3 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .seijinshiki h2, .seijinshiki h3 {
    font-size: 4.4vw;
  }
}
.seijinshiki .is-price:before {
  content: "¥";
  display: inline-block;
}
.seijinshiki .kv {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .kv {
    max-width: 100%;
    margin: 0 auto 10.4vw;
  }
}
.seijinshiki .topics {
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .topics {
    margin: 0 auto 13vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .topics .c-title__head {
    text-align: left;
    padding: 0 7.6vw;
  }
}
.seijinshiki .topics .c-title__head img {
  max-width: 195px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .topics .c-title__head img {
    max-width: 34vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .topics .c-title__head .c-title {
    font-size: 4.4vw;
    text-align: left;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 769px) {
  .seijinshiki .topics .bnr-slider__slide {
    width: 608px;
    margin: 0 20px;
  }
}
.seijinshiki .reason .reason_title {
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .seijinshiki .reason .reason_title {
    margin-bottom: 5.5vw;
  }
}
.seijinshiki .reason .reason_title p {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .reason .reason_title p {
    font-size: 3.6vw;
  }
}
.seijinshiki .reason .reason_title h2 {
  font-size: 48px;
  font-weight: bold;
  display: inline;
}
@media screen and (max-width: 768px) {
  .seijinshiki .reason .reason_title h2 {
    font-size: 9vw;
  }
}
.seijinshiki .reason .reason_title .color-m {
  color: #3B65C5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #E1E9F0));
  background: linear-gradient(transparent 70%, #E1E9F0 0%);
}
.seijinshiki .reason .reason_title .color-l {
  color: #A54554;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #f0e1e1));
  background: linear-gradient(transparent 70%, #f0e1e1 0%);
}
.seijinshiki .reason_lineup {
  max-width: 430px;
  margin: 0 auto 80px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .reason_lineup {
    max-width: 84.9vw;
    margin-bottom: 14.6vw;
  }
}
.seijinshiki .reason_lineup .reason_box {
  border-radius: 10px;
  padding: 3px 10px;
  font-size: 16px;
  line-height: 1.6;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .reason_lineup .reason_box {
    font-size: 3.6vw;
  }
}
.seijinshiki .reason_lineup .color-m {
  border: 2px #3B65C5 solid;
  color: #3B65C5;
}
.seijinshiki .reason_lineup .color-l {
  border: 2px #A54554 solid;
  color: #A54554;
}
.seijinshiki .reason_lineup p {
  margin-bottom: 25px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .reason_lineup p {
    font-size: 3.6vw;
    margin-bottom: 5.2vw;
  }
}
.seijinshiki .reason_lineup img {
  margin-bottom: 10px;
}
.seijinshiki .reason_lineup img:last-of-type {
  margin-bottom: 0;
}
.seijinshiki .worries {
  margin: 0 auto 200px;
  text-align: center;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries {
    margin: 0 auto 15.6vw;
  }
}
.seijinshiki .worries_title {
  max-width: 870px;
  margin: 0 auto 50px;
  text-align: center;
}
.seijinshiki .worries_title p {
  font-size: 16px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries_title p {
    font-size: 3.6vw;
    margin-bottom: 2vw;
  }
}
.seijinshiki .worries_title h2 {
  font-size: 30px;
  color: #7B6B62;
  margin-bottom: 31px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries_title h2 {
    font-size: 6.5vw;
    margin-bottom: 5.5vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries_title img {
    margin: 0 auto;
    max-width: 84.9vw;
  }
}
.seijinshiki .worries .c-title {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries .c-title {
    margin-bottom: 4.6vw;
  }
}
.seijinshiki .worries-list {
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries-list {
    width: 73.6vw;
    margin: auto;
  }
}
.seijinshiki .worries-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries-item {
    margin: 0 0 2.6vw;
  }
}
.seijinshiki .worries-item:last-child {
  margin-bottom: 0;
}
.seijinshiki .worries-item:before {
  content: "";
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  position: relative;
  top: 5px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries-item:before {
    margin-right: 2vw;
    width: 4.3vw;
    height: 4.3vw;
    top: 0.7vw;
  }
}
.seijinshiki .worries-item p {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.94;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries-item p {
    font-size: 3.6vw;
    line-height: 1.42;
    text-align: left;
    letter-spacing: 0.05em;
  }
}
.seijinshiki .worries-img {
  width: 100%;
  max-width: 508px;
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries-img {
    width: 77.2vw;
    max-width: 100%;
    margin: 6.5vw auto 0;
  }
}
.seijinshiki .worries-ansr {
  position: relative;
  padding: 80px 0 100px;
  background-image: url("../../assets/img/worries_ansr_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries-ansr {
    padding: 11.7vw 0 9.1vw;
    background-image: url("../../assets/img/worries_ansr_bg-sp.png");
  }
}
.seijinshiki .worries-ansr-top .c-title {
  position: relative;
  width: 200px;
  height: 40px;
  background: #fff;
  padding: 12px;
  text-align: center;
  font-size: 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries-ansr-top .c-title {
    width: 32.3vw;
    height: 7.3vw;
    font-size: 3.6vw;
    padding: 1.4vw;
    line-height: 1.3;
    margin-bottom: 2.3vw;
  }
}
.seijinshiki .worries-ansr-top .c-title:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(59, 101, 197, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 13px;
  border-right-width: 13px;
  margin-left: -13px;
  border-top-color: #fff;
  top: 100%;
  left: 50%;
}
.seijinshiki .worries-ansr-top .color-m {
  color: #3B65C5;
}
.seijinshiki .worries-ansr-top .color-l {
  color: #A54554;
}
.seijinshiki .worries-ansr-top .worries-ansr__title {
  font-size: 32px;
  font-weight: bold;
  margin: 0 0 33px;
  padding-bottom: 50px;
  letter-spacing: 0.1em;
  border-bottom: 1px #fff solid;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries-ansr-top .worries-ansr__title {
    font-size: 5.2vw;
    padding-bottom: 5.2vw;
    line-height: 1.5;
    margin: 0 0 5.2vw;
  }
}
.seijinshiki .worries-ansr .worries-item:before {
  background-size: 90% auto;
  background-repeat: no-repeat;
  background-position: center bottom 3px;
}
@media screen and (min-width: 769px) {
  .seijinshiki .worries-ansr .worries-item:before {
    width: 31px;
    height: 31px;
    margin-right: 10px;
    top: 4px;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .worries-ansr .worries-item:before {
    background-position: center bottom 2px;
  }
}
@media screen and (min-width: 769px) {
  .seijinshiki .worries-ansr .worries-item p {
    font-size: 20px;
  }
}
.seijinshiki .worries-ansr .check-mens::before {
  background-image: url("../../assets/img/worries_item_before_check-m.png");
}
.seijinshiki .worries-ansr .check-ladies::before {
  background-image: url("../../assets/img/worries_item_before_check-l.png");
}
.seijinshiki .concern-01 {
  margin: 120px 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01 {
    margin: 0 0 19.5vw;
  }
}
.seijinshiki .concern-01-sec {
  margin: 0 0 200px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-sec {
    margin: 0 0 15.6vw;
  }
}
.seijinshiki .concern-01-sec:last-child {
  margin-bottom: 0;
}
.seijinshiki .concern-01-head {
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-head {
    margin: 19.5vw auto 3.9vw;
  }
}
.seijinshiki .concern-01-head .c-title {
  font-size: 18px;
  color: #7B6B62;
  line-height: 1.4;
  margin-bottom: 37px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-head .c-title {
    font-size: 3.6vw;
    margin-bottom: 9.1vw;
  }
}
.seijinshiki .concern-01-head .c-title span {
  font-size: 30px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-head .c-title span {
    font-size: 5.7vw;
  }
}
.seijinshiki .concern-01-head .c-title img {
  max-width: 120px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-head .c-title img {
    max-width: 24.7vw;
  }
}
.seijinshiki .concern-01-img {
  margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-img {
    margin: 0 0 2.6vw;
  }
}
.seijinshiki .concern-01-text {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-text {
    text-align: left;
  }
}
.seijinshiki .concern-01-text p {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-text p {
    font-size: 3.6vw;
    line-height: 1.6;
    letter-spacing: 0.07em;
  }
}
.seijinshiki .concern-01-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-list {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .seijinshiki .concern-01-list.is-column-3 .concern-01-item {
    width: 30.9%;
    max-width: 266px;
    margin-right: 2.9%;
  }
  .seijinshiki .concern-01-list.is-column-3 .concern-01-item:nth-child(3n) {
    margin-right: 0;
  }
  .seijinshiki .concern-01-list.is-column-2 .concern-01-item {
    width: 48.1%;
    max-width: 385px;
    margin-right: 3.62%;
  }
  .seijinshiki .concern-01-list.is-column-2 .concern-01-item:nth-child(even) {
    margin-right: 0;
  }
}
.seijinshiki .concern-01-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-grid {
    width: 79.2vw;
    margin: 0 auto 3.9vw;
  }
}
.seijinshiki .concern-01-grid .concern-01-item {
  width: 48.7%;
  max-width: 390px;
  margin-right: 2.37%;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-grid .concern-01-item {
    width: 38.3vw;
    max-width: 100%;
    margin-right: 2.6vw;
    margin-top: 2.6vw;
  }
}
.seijinshiki .concern-01-grid .concern-01-item:nth-child(even) {
  margin-right: 0;
}
.seijinshiki .concern-01-grid .concern-01-item:nth-child(-n+2) {
  margin-top: 0;
}
.seijinshiki .concern-01-grid .concern-01-item.is-large {
  width: 100%;
  max-width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-item {
    margin-top: 6.6vw;
  }
  .seijinshiki .concern-01-item:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .seijinshiki .concern-01-item__inner .concern-01-text {
    max-width: 68vw;
  }
}
.seijinshiki .concern-01-item__title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.048em;
  line-height: 1.41;
  text-align: center;
  margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-item__title {
    font-size: 4.4vw;
    margin: 0 0 1.3vw;
  }
}
.seijinshiki .concern-01-item .color-m {
  color: #3B65C5;
}
.seijinshiki .concern-01-item .color-l {
  color: #A54554;
}
.seijinshiki .concern-01-item .concern-01-text {
  text-align: left;
}
.seijinshiki .concern-01-title {
  margin: 0 auto 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-title {
    margin: 0 auto 3.3vw;
    top: -5.9vw;
  }
}
.seijinshiki .concern-01-title .c-title {
  position: relative;
  width: 200px;
  height: 40px;
  padding: 12px;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-title .c-title {
    width: 32.3vw;
    height: 7.3vw;
    font-size: 3.6vw;
    margin-bottom: 9.1vw;
    padding: 1.3vw;
    line-height: 1.3;
  }
}
.seijinshiki .concern-01-title .c-title:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(59, 101, 197, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 13px;
  border-right-width: 13px;
  margin-left: -13px;
  top: 100%;
  left: 50%;
}
.seijinshiki .concern-01-title .color-m {
  background: #3B65C5;
}
.seijinshiki .concern-01-title .color-m:after {
  border-top-color: #3B65C5;
}
.seijinshiki .concern-01-title .color-l {
  background: #A54554;
}
.seijinshiki .concern-01-title .color-l:after {
  border-top-color: #A54554;
}
.seijinshiki .concern-01-middle {
  margin: 0 auto 40px;
  position: relative;
  padding: 60px 40px 50px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-middle {
    margin: 0 auto 7.8vw;
  }
}
.seijinshiki .concern-01-bottom {
  text-align: center;
}
.seijinshiki .concern-01-bottom .c-title {
  position: relative;
  line-height: 1.47;
  color: #fff;
  font-size: 22px;
  padding: 10px 0;
  max-width: 620px;
  margin: 0 auto;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-bottom .c-title {
    margin-bottom: 1.3vw;
    font-size: 3.6vw;
  }
}
.seijinshiki .concern-01-bottom .box-text {
  display: block;
  border-radius: 8px;
  padding: 3px 0;
  font-size: 16px;
  line-height: 1.2;
  width: 83px;
  margin: 30px auto 20px;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-bottom .box-text {
    width: 18.2vw;
    font-size: 3.6vw;
    padding: 0.9vw;
  }
}
.seijinshiki .concern-01-bottom__text {
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
}
.seijinshiki .concern-01-bottom__text p {
  position: relative;
  z-index: 2;
  display: inline;
  text-align: center;
  font-size: 40px;
  line-height: 1.42;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-bottom__text p {
    font-size: 7.8vw;
  }
}
.seijinshiki .concern-01-bottom img {
  max-width: 850px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-bottom img {
    max-width: 84.9vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-bottom .sp-tit-01 {
    width: 70.6vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-01-bottom .sp-tit-02 {
    width: 35.7vw;
  }
}
.seijinshiki .concern-02 {
  margin: 120px 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02 {
    margin: 0 0 15.6vw;
  }
}
.seijinshiki .concern-02-sec {
  margin: 0 0 200px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-sec {
    margin: 0 0 15.6vw;
  }
}
.seijinshiki .concern-02-sec:last-child {
  margin-bottom: 0;
}
.seijinshiki .concern-02-head {
  margin: 0 auto 37px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-head {
    margin: 0 auto 3.9vw;
  }
}
.seijinshiki .concern-02-head .c-title {
  font-size: 18px;
  color: #7B6B62;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-head .c-title {
    font-size: 3.6vw;
    margin-bottom: 9.1vw;
  }
}
.seijinshiki .concern-02-head .c-title span {
  font-size: 30px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-head .c-title span {
    font-size: 5.7vw;
  }
}
.seijinshiki .concern-02-head .c-title img {
  max-width: 120px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-head .c-title img {
    max-width: 24.7vw;
  }
}
.seijinshiki .concern-02-img {
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-img {
    margin: 0 0 1.3vw;
  }
}
.seijinshiki .concern-02-text {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-text {
    text-align: left;
  }
}
.seijinshiki .concern-02-text p {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.73;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-text p {
    font-size: 3.6vw;
    line-height: 1.42;
  }
}
.seijinshiki .concern-02-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-list {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .seijinshiki .concern-02-list.is-column-3 .concern-02-item {
    width: 30.9%;
    max-width: 266px;
    margin-right: 2.9%;
  }
  .seijinshiki .concern-02-list.is-column-3 .concern-02-item:nth-child(3n) {
    margin-right: 0;
  }
  .seijinshiki .concern-02-list.is-column-2 .concern-02-item {
    width: 48.1%;
    max-width: 385px;
    margin-right: 3.62%;
  }
  .seijinshiki .concern-02-list.is-column-2 .concern-02-item:nth-child(even) {
    margin-right: 0;
  }
}
.seijinshiki .concern-02-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-grid {
    width: 79.2vw;
    margin: 0 auto 3.9vw;
  }
}
.seijinshiki .concern-02-grid .concern-02-item {
  width: 48.7%;
  max-width: 390px;
  margin-right: 2.37%;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-grid .concern-02-item {
    width: 38.3vw;
    max-width: 100%;
    margin-right: 2.6vw;
    margin-top: 2.6vw;
  }
}
.seijinshiki .concern-02-grid .concern-02-item:nth-child(even) {
  margin-right: 0;
}
.seijinshiki .concern-02-grid .concern-02-item:nth-child(-n+2) {
  margin-top: 0;
}
.seijinshiki .concern-02-grid .concern-02-item.is-large {
  width: 100%;
  max-width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-item {
    margin-top: 3.9vw;
  }
  .seijinshiki .concern-02-item:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .seijinshiki .concern-02-item__inner .concern-02-img {
    width: 37vw;
    margin-right: 2.6vw;
    margin-bottom: 0;
  }
  .seijinshiki .concern-02-item__inner .concern-02-text {
    width: 41.8vw;
  }
}
.seijinshiki .concern-02-item__title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.048em;
  line-height: 1.41;
  text-align: center;
  margin: 0 0 2px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-item__title {
    font-size: 4.4vw;
    margin: 0 0 1.3vw;
  }
}
.seijinshiki .concern-02-item .concern-02-text {
  text-align: left;
}
.seijinshiki .concern-02-title {
  margin: 0 auto 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-title {
    margin: 0 auto 3.3vw;
    top: -5.9vw;
  }
}
.seijinshiki .concern-02-title .c-title {
  position: relative;
  width: 200px;
  height: 40px;
  padding: 12px;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-title .c-title {
    width: 32.3vw;
    height: 7.3vw;
    font-size: 3.6vw;
    margin-bottom: 9.1vw;
    padding: 1.3vw;
    line-height: 1.3;
  }
}
.seijinshiki .concern-02-title .c-title:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(59, 101, 197, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 13px;
  border-right-width: 13px;
  margin-left: -13px;
  top: 100%;
  left: 50%;
}
.seijinshiki .concern-02-title .color-m {
  background: #3B65C5;
}
.seijinshiki .concern-02-title .color-m:after {
  border-top-color: #3B65C5;
}
.seijinshiki .concern-02-title .color-l {
  background: #A54554;
}
.seijinshiki .concern-02-title .color-l:after {
  border-top-color: #A54554;
}
.seijinshiki .concern-02-middle {
  margin: 0 auto 40px;
  position: relative;
  padding: 60px 40px 50px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-middle {
    margin: 0 auto 7.8vw;
    padding: 9.6vw 4.3vw 10.5vw;
  }
}
.seijinshiki .concern-02-middle .step p {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-middle .step p {
    font-size: 4.4vw;
    margin-bottom: 2.7vw;
  }
}
.seijinshiki .concern-02-middle .step img {
  width: 84.4%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-middle .step img {
    width: 100%;
    margin: 0 auto 6.5vw;
  }
}
.seijinshiki .concern-02-middle .step-l img {
  margin-bottom: 0;
}
.seijinshiki .concern-02-middle-l {
  padding: 55px 40px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-middle-l {
    padding: 9.6vw 4.3vw;
  }
}
.seijinshiki .concern-02-middle .movie {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-middle .movie {
    margin-bottom: 4vw;
  }
}
.seijinshiki .concern-02-middle .movie .title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-middle .movie .title {
    font-size: 4.4vw;
    margin-bottom: 2.7vw;
    line-height: 1.5;
  }
}
.seijinshiki .concern-02-middle .movie video {
  width: 100%;
  margin-bottom: 20px;
}
.seijinshiki .concern-02-middle .movie .text {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-middle .movie .text {
    font-size: 3.6vw;
    letter-spacing: 0.05em;
    text-align: left;
  }
}
.seijinshiki .concern-02-middle .btn {
  margin: 0 auto;
  color: #fff;
  background: #333333;
  border-radius: 15px;
  font-size: 16px;
  padding: 13px 0;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-middle .btn {
    font-size: 3.6vw;
    border-radius: 1.3vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-middle .btn::after {
    width: 1.7vw;
    height: 2.6vw;
    background-size: contain;
    right: 5%;
  }
}
.seijinshiki .concern-02-bottom {
  text-align: center;
}
.seijinshiki .concern-02-bottom .c-title {
  position: relative;
  line-height: 1.47;
  color: #fff;
  font-size: 22px;
  padding: 6px 0;
  max-width: 432px;
  margin: 0 auto;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-bottom .c-title {
    margin-bottom: 2.6vw;
    font-size: 3.6vw;
    max-width: 70.6vw;
  }
}
.seijinshiki .concern-02-bottom .box-text {
  display: block;
  border-radius: 10px;
  padding: 3px 0;
  font-size: 16px;
  line-height: 1.2;
  width: 83px;
  margin: 30px auto 20px;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-bottom .box-text {
    width: 18.2vw;
    font-size: 3.6vw;
    padding: 0.9vw;
    margin: 5.2vw auto 2.6vw;
  }
}
.seijinshiki .concern-02-bottom__text {
  position: relative;
  display: inline-block;
}
.seijinshiki .concern-02-bottom__text p {
  position: relative;
  z-index: 2;
  display: inline;
  text-align: center;
  font-size: 40px;
  line-height: 1.42;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-02-bottom__text p {
    font-size: 7.8vw;
  }
}
.seijinshiki .concern-02-bottom img {
  max-width: 850px;
}
.seijinshiki .concern-03 {
  margin: 120px 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03 {
    margin: 0 0 15.6vw;
  }
}
.seijinshiki .concern-03-sec {
  margin: 0 0 200px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-sec {
    margin: 0 0 15.6vw;
  }
}
.seijinshiki .concern-03-sec:last-child {
  margin-bottom: 0;
}
.seijinshiki .concern-03-head {
  margin: 0 auto 37px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-head {
    margin: 0 auto 3.9vw;
  }
}
.seijinshiki .concern-03-head .c-title {
  font-size: 18px;
  color: #7B6B62;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-head .c-title {
    font-size: 3.6vw;
    margin-bottom: 9.1vw;
  }
}
.seijinshiki .concern-03-head .c-title span {
  font-size: 30px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-head .c-title span {
    font-size: 5.7vw;
  }
}
.seijinshiki .concern-03-head .c-title img {
  max-width: 120px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-head .c-title img {
    max-width: 24.7vw;
  }
}
.seijinshiki .concern-03-img {
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-img {
    margin: 0 0 1.3vw;
  }
}
.seijinshiki .concern-03-text {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-text {
    text-align: left;
  }
}
.seijinshiki .concern-03-text p {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.73;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-text p {
    font-size: 3.6vw;
    line-height: 1.42;
  }
}
.seijinshiki .concern-03-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-list {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .seijinshiki .concern-03-list.is-column-3 .concern-031-item {
    width: 30.9%;
    max-width: 266px;
    margin-right: 2.9%;
  }
  .seijinshiki .concern-03-list.is-column-3 .concern-031-item:nth-child(3n) {
    margin-right: 0;
  }
  .seijinshiki .concern-03-list.is-column-2 .concern-03-item {
    width: 48.1%;
    max-width: 385px;
    margin-right: 3.62%;
  }
  .seijinshiki .concern-03-list.is-column-2 .concern-03-item:nth-child(even) {
    margin-right: 0;
  }
}
.seijinshiki .concern-03-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-grid {
    width: 79.2vw;
    margin: 0 auto 3.9vw;
  }
}
.seijinshiki .concern-03-grid .concern-03-item {
  width: 48.7%;
  max-width: 390px;
  margin-right: 2.37%;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-grid .concern-03-item {
    width: 38.3vw;
    max-width: 100%;
    margin-right: 2.6vw;
    margin-top: 2.6vw;
  }
}
.seijinshiki .concern-03-grid .concern-03-item:nth-child(even) {
  margin-right: 0;
}
.seijinshiki .concern-03-grid .concern-03-item:nth-child(-n+2) {
  margin-top: 0;
}
.seijinshiki .concern-03-grid .concern-03-item.is-large {
  width: 100%;
  max-width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-item {
    margin-top: 3.9vw;
  }
  .seijinshiki .concern-03-item:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .seijinshiki .concern-03-item__inner .concern-01-img {
    width: 37vw;
    margin-right: 2.6vw;
    margin-bottom: 0;
  }
  .seijinshiki .concern-03-item__inner .concern-01-text {
    width: 41.8vw;
  }
}
.seijinshiki .concern-03-item__title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.048em;
  line-height: 1.41;
  text-align: center;
  margin: 0 0 2px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-item__title {
    font-size: 4.4vw;
    margin: 0 0 1.3vw;
  }
}
.seijinshiki .concern-03-item .concern-03-text {
  text-align: left;
}
.seijinshiki .concern-03-title {
  margin: 0 auto 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-title {
    margin: 0 auto 3.3vw;
    top: -5.9vw;
  }
}
.seijinshiki .concern-03-title .c-title {
  position: relative;
  width: 200px;
  height: 40px;
  padding: 12px;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-title .c-title {
    width: 32.3vw;
    height: 7.3vw;
    font-size: 3.6vw;
    margin-bottom: 9.1vw;
    padding: 1.3vw;
    line-height: 1.3;
  }
}
.seijinshiki .concern-03-title .c-title:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(59, 101, 197, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 13px;
  border-right-width: 13px;
  margin-left: -13px;
  top: 100%;
  left: 50%;
}
.seijinshiki .concern-03-title .color-m {
  background: #3B65C5;
}
.seijinshiki .concern-03-title .color-m:after {
  border-top-color: #3B65C5;
}
.seijinshiki .concern-03-title .color-l {
  background: #A54554;
}
.seijinshiki .concern-03-title .color-l:after {
  border-top-color: #A54554;
}
.seijinshiki .concern-03-middle {
  margin: 0 auto 40px;
  position: relative;
  padding: 60px 45px 50px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-middle {
    margin: 0 auto 7.8vw;
    padding: 9.6vw 4.2vw 7.3vw;
  }
}
.seijinshiki .concern-03-middle .special-plice {
  margin-bottom: 51px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-middle .special-plice {
    margin-bottom: 6.6vw;
  }
}
.seijinshiki .concern-03-middle .special-plice .title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-middle .special-plice .title {
    font-size: 4.4vw;
  }
}
.seijinshiki .concern-03-middle .special-plice .text {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-middle .special-plice .text {
    font-size: 3.6vw;
    text-align: left;
    max-width: 67.7vw;
    margin: 0 auto;
  }
}
.seijinshiki .concern-03-middle .special-plice img {
  max-width: 850px;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-middle .special-plice img {
    max-width: 67.7vw;
    margin: 0 auto 2.6vw;
  }
}
.seijinshiki .concern-03-middle .discount .title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-middle .discount .title {
    font-size: 4.4vw;
  }
}
.seijinshiki .concern-03-middle .discount .text {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-middle .discount .text {
    font-size: 3.6vw;
    text-align: left;
    max-width: 67.7vw;
    margin: 0 auto;
  }
}
.seijinshiki .concern-03-middle .discount img {
  max-width: 850px;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-middle .discount img {
    max-width: 69.3vw;
    margin: 0 auto 4.4vw;
  }
}
.seijinshiki .concern-03-bottom {
  text-align: center;
}
.seijinshiki .concern-03-bottom .c-title {
  position: relative;
  line-height: 1.47;
  color: #fff;
  font-size: 22px;
  padding: 6px 0;
  max-width: 502px;
  margin: 0 auto;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-bottom .c-title {
    margin-bottom: 1.3vw;
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-bottom .sp-tit-01 {
    width: 59.1vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-bottom .sp-tit-02 {
    width: 29.2vw;
  }
}
.seijinshiki .concern-03-bottom .box-text {
  display: block;
  border-radius: 10px;
  padding: 3px 0;
  font-size: 16px;
  line-height: 1.2;
  width: 83px;
  margin: 30px auto 20px;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-bottom .box-text {
    width: 18.2vw;
    font-size: 3.6vw;
    padding: 0.9vw;
    margin: 5.2vw auto 2.6vw;
  }
}
.seijinshiki .concern-03-bottom__text {
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
}
.seijinshiki .concern-03-bottom__text p {
  position: relative;
  z-index: 2;
  display: inline;
  text-align: center;
  font-size: 40px;
  line-height: 1.42;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-bottom__text p {
    font-size: 7.8vw;
  }
}
.seijinshiki .concern-03-bottom__text p span {
  font-weight: bold;
}
.seijinshiki .concern-03-bottom__text span::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 50px;
  vertical-align: text-top;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-bottom__text span::after {
    width: 3.6vw;
    height: 9.5vw;
    vertical-align: bottom;
  }
}
.seijinshiki .concern-03-bottom__text .zeikomi-m span::after {
  background-image: url(../../assets/img/zeikomi-m.png);
}
.seijinshiki .concern-03-bottom__text .zeikomi-l span::after {
  background-image: url(../../assets/img/zeikomi-l.png);
}
.seijinshiki .concern-03-bottom img {
  max-width: 850px;
}
.seijinshiki .concern-03-add {
  margin: 0 auto 40px;
  border: 4px #B96F4F solid;
  position: relative;
  padding: 60px 65px 50px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add {
    margin: 0 auto 3.9vw;
    padding: 11.3vw 4.3vw 4.6vw;
  }
}
.seijinshiki .concern-03-add::before {
  content: "";
  background-image: url(../../assets/img/concern03-add_title-pc.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  left: 34.5%;
  right: 0;
  top: -10px;
  width: 281px;
  height: 39px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add::before {
    background-image: url(../../assets/img/concern03-add_title-sp.png);
    width: 30.6vw;
    height: 7.4vw;
    left: 33.5%;
  }
}
.seijinshiki .concern-03-add .add-title {
  font-size: 32px;
  color: #B96F4F;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .add-title {
    font-size: 4.9vw;
  }
}
.seijinshiki .concern-03-add .add-title span {
  font-size: 44px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .add-title span {
    font-size: 6.9vw;
  }
}
.seijinshiki .concern-03-add .pair_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.seijinshiki .concern-03-add .pair_list .friends, .seijinshiki .concern-03-add .pair_list .couple {
  width: 48.45%;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .pair_list .friends, .seijinshiki .concern-03-add .pair_list .couple {
    width: 47.4%;
  }
}
.seijinshiki .concern-03-add .pair_list .friends p, .seijinshiki .concern-03-add .pair_list .couple p {
  font-size: 18px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .pair_list .friends p, .seijinshiki .concern-03-add .pair_list .couple p {
    font-size: 3.6vw;
    margin-bottom: 2.1vw;
  }
}
.seijinshiki .concern-03-add .pair_list .friends p:before, .seijinshiki .concern-03-add .pair_list .friends p:after, .seijinshiki .concern-03-add .pair_list .couple p:before, .seijinshiki .concern-03-add .pair_list .couple p:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  border-right: 2px solid #333;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .pair_list .friends p:before, .seijinshiki .concern-03-add .pair_list .friends p:after, .seijinshiki .concern-03-add .pair_list .couple p:before, .seijinshiki .concern-03-add .pair_list .couple p:after {
    width: 1px;
    height: 3.6vw;
  }
}
.seijinshiki .concern-03-add .pair_list .friends p:before, .seijinshiki .concern-03-add .pair_list .couple p:before {
  -webkit-transform: rotate(-45deg) translateY(7px);
          transform: rotate(-45deg) translateY(7px);
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .pair_list .friends p:before, .seijinshiki .concern-03-add .pair_list .couple p:before {
    margin-right: 3.9vw;
  }
}
.seijinshiki .concern-03-add .pair_list .friends p:after, .seijinshiki .concern-03-add .pair_list .couple p:after {
  -webkit-transform: rotate(45deg) translateY(7px);
          transform: rotate(45deg) translateY(7px);
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .pair_list .friends p:after, .seijinshiki .concern-03-add .pair_list .couple p:after {
    margin-left: 3.9vw;
  }
}
.seijinshiki .concern-03-add .pair_text {
  margin-bottom: 51px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .pair_text {
    margin-bottom: 7.9vw;
  }
}
.seijinshiki .concern-03-add .pair_text img {
  max-width: 383px;
  margin: 10px auto;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .pair_text img {
    max-width: 49.7vw;
  }
}
.seijinshiki .concern-03-add .pair_text p {
  line-height: 2;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .pair_text p {
    font-size: 3.6vw;
    text-align: left;
  }
}
.seijinshiki .concern-03-add .reasonable .box-text {
  position: relative;
  max-width: 850px;
  height: 50px;
  background: #B96F4F;
  padding: 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 20px;
  margin-bottom: 23px;
  letter-spacing: -0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .reasonable .box-text {
    font-size: 3.1vw;
    max-width: 76.3vw;
    height: 9.4vw;
    margin: 0 auto 4.6vw;
    padding: 1.3vw 0;
    line-height: 2.2;
  }
}
.seijinshiki .concern-03-add .reasonable .box-text:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(185, 111, 79, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 13px;
  border-right-width: 13px;
  margin-left: -13px;
  border-top-color: #B96F4F;
  top: 100%;
  left: 50%;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-03-add .reasonable img {
    margin: 0 auto;
  }
}
.seijinshiki .concern-04 {
  margin: 120px 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04 {
    margin: 0 0 26vw;
  }
}
.seijinshiki .concern-04-sec {
  margin: 0 0 200px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-sec {
    margin: 0 0 15.6vw;
  }
}
.seijinshiki .concern-04-sec:last-child {
  margin-bottom: 0;
}
.seijinshiki .concern-04-head {
  margin: 0 auto 37px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-head {
    margin: 0 auto 3.9vw;
  }
}
.seijinshiki .concern-04-head .c-title {
  font-size: 18px;
  color: #7B6B62;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-head .c-title {
    font-size: 3.6vw;
    margin-bottom: 9.1vw;
  }
}
.seijinshiki .concern-04-head .c-title span {
  font-size: 30px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-head .c-title span {
    font-size: 5.7vw;
  }
}
.seijinshiki .concern-04-head .c-title img {
  max-width: 120px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-head .c-title img {
    max-width: 24.7vw;
  }
}
.seijinshiki .concern-04-img {
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-img {
    margin: 0 0 1.3vw;
  }
}
.seijinshiki .concern-04-text {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-text {
    text-align: left;
  }
}
.seijinshiki .concern-04-text p {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.73;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-text p {
    font-size: 3.6vw;
    line-height: 1.42;
  }
}
.seijinshiki .concern-04-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-list {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .seijinshiki .concern-04-list.is-column-3 .concern-04-item {
    width: 30.9%;
    max-width: 266px;
    margin-right: 2.9%;
  }
  .seijinshiki .concern-04-list.is-column-3 .concern-04-item:nth-child(3n) {
    margin-right: 0;
  }
  .seijinshiki .concern-04-list.is-column-2 .concern-04-item {
    width: 48.1%;
    max-width: 385px;
    margin-right: 3.62%;
  }
  .seijinshiki .concern-04-list.is-column-2 .concern-04-item:nth-child(even) {
    margin-right: 0;
  }
}
.seijinshiki .concern-04-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-grid {
    width: 79.2vw;
    margin: 0 auto 3.9vw;
  }
}
.seijinshiki .concern-04-grid .concern-04-item {
  width: 48.7%;
  max-width: 390px;
  margin-right: 2.37%;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-grid .concern-04-item {
    width: 38.3vw;
    max-width: 100%;
    margin-right: 2.6vw;
    margin-top: 2.6vw;
  }
}
.seijinshiki .concern-04-grid .concern-04-item:nth-child(even) {
  margin-right: 0;
}
.seijinshiki .concern-04-grid .concern-04-item:nth-child(-n+2) {
  margin-top: 0;
}
.seijinshiki .concern-04-grid .concern-04-item.is-large {
  width: 100%;
  max-width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-item {
    margin-top: 3.9vw;
  }
  .seijinshiki .concern-04-item:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .seijinshiki .concern-04-item__inner .concern-04-img {
    width: 37vw;
    margin-right: 2.6vw;
    margin-bottom: 0;
  }
  .seijinshiki .concern-04-item__inner .concern-04-text {
    width: 41.8vw;
  }
}
.seijinshiki .concern-04-item__title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.048em;
  line-height: 1.41;
  text-align: center;
  margin: 0 0 2px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-item__title {
    font-size: 4.4vw;
    margin: 0 0 1.3vw;
  }
}
.seijinshiki .concern-04-item .concern-04-text {
  text-align: left;
}
.seijinshiki .concern-04-title {
  margin: 0 auto 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-title {
    margin: 0 auto 3.3vw;
    top: -5.9vw;
  }
}
.seijinshiki .concern-04-title .c-title {
  position: relative;
  width: 200px;
  height: 40px;
  padding: 12px;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-title .c-title {
    width: 32.3vw;
    height: 7.3vw;
    font-size: 3.6vw;
    margin-bottom: 7.8vw;
    padding: 1.3vw;
    line-height: 1.3;
  }
}
.seijinshiki .concern-04-title .c-title:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(59, 101, 197, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 13px;
  border-right-width: 13px;
  margin-left: -13px;
  top: 100%;
  left: 50%;
}
.seijinshiki .concern-04-title .color-m {
  background: #3B65C5;
}
.seijinshiki .concern-04-title .color-m:after {
  border-top-color: #3B65C5;
}
.seijinshiki .concern-04-title .color-l {
  background: #A54554;
}
.seijinshiki .concern-04-title .color-l:after {
  border-top-color: #A54554;
}
.seijinshiki .concern-04-middle {
  margin: 0 auto 40px;
  position: relative;
  padding: 60px 40px 50px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-middle {
    margin: 0 auto 7.8vw;
    padding: 9.6vw 4.2vw 7.3vw;
  }
}
.seijinshiki .concern-04-middle .after-care {
  margin-bottom: 51px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-middle .after-care {
    margin-bottom: 4vw;
  }
}
.seijinshiki .concern-04-middle .after-care .title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-middle .after-care .title {
    font-size: 4.4vw;
    margin-bottom: 2.7vw;
  }
}
.seijinshiki .concern-04-middle .after-care .text {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-middle .after-care .text {
    font-size: 3.6vw;
    text-align: left;
    max-width: 68vw;
    margin: 0 auto;
  }
}
.seijinshiki .concern-04-middle .after-care img {
  max-width: 850px;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-middle .after-care img {
    max-width: 67.8vw;
    margin: 0 auto 2.6vw;
  }
}
.seijinshiki .concern-04-middle .fix {
  max-width: 680px;
  margin: 0 auto;
}
.seijinshiki .concern-04-middle .fix .title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-middle .fix .title {
    font-size: 4.4vw;
    margin: 0 auto 4.2vw;
  }
}
.seijinshiki .concern-04-middle .fix .text {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-middle .fix .text {
    font-size: 3.6vw;
    max-width: 68vw;
    margin: 0 auto 2.1vw;
    text-align: left;
  }
}
.seijinshiki .concern-04-middle .fix img {
  max-width: 850px;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-middle .fix img {
    max-width: 56.5vw;
    margin: 0 auto 2.9vw;
  }
}
.seijinshiki .concern-04-middle .fix .note {
  text-align: left;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-middle .fix .note {
    font-size: 2.6vw;
    max-width: 68vw;
    margin: 0 auto;
    letter-spacing: 0.04em;
  }
}
.seijinshiki .concern-04-bottom {
  text-align: center;
}
.seijinshiki .concern-04-bottom .c-title {
  position: relative;
  line-height: 1.47;
  color: #fff;
  font-size: 22px;
  padding: 6px 0;
  max-width: 536px;
  margin: 0 auto;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-bottom .c-title {
    margin-bottom: 1.3vw;
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-bottom .sp-tit {
    width: 49.7vw;
  }
}
.seijinshiki .concern-04-bottom .box-text {
  display: block;
  border-radius: 10px;
  padding: 3px 0;
  font-size: 16px;
  line-height: 1.2;
  width: 83px;
  margin: 30px auto 20px;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-bottom .box-text {
    width: 18.2vw;
    font-size: 3.6vw;
    padding: 0.9vw;
    margin: 5.2vw auto 2.6vw;
  }
}
.seijinshiki .concern-04-bottom__text {
  position: relative;
  display: inline-block;
}
.seijinshiki .concern-04-bottom__text p {
  position: relative;
  z-index: 2;
  display: inline;
  text-align: center;
  font-size: 40px;
  line-height: 1.42;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .seijinshiki .concern-04-bottom__text p {
    font-size: 7.8vw;
  }
}
.seijinshiki .jibuniro {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .jibuniro {
    margin-bottom: 26vw;
  }
}
.seijinshiki .staff {
  background-color: #EAEAEA;
  margin: 0 auto 90px;
  padding: 60px 0 95px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .staff {
    margin: 0 auto 15.6vw;
    padding: 9.1vw 0;
  }
}
.seijinshiki .staff .c-title {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .seijinshiki .staff .c-title {
    text-align: left;
    max-width: 84.9vw;
    margin: 0 auto 4vw;
    font-size: 4.4vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .staff .c-title__head {
    text-align: left;
    max-width: 84.9vw;
    margin: 0 auto;
  }
}
.seijinshiki .staff .c-title__head img {
  max-width: 135px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .staff .c-title__head img {
    max-width: 23.4vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .staff .c-title span {
    font-size: 3.1vw;
    margin: 0 auto 1.3vw;
  }
}
.seijinshiki .staff__inner {
  margin: auto;
}
.seijinshiki .staff .other_set li {
  max-width: 267px;
  margin: 0 30px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .staff .other_set li {
    margin: 0 2.6vw;
    max-width: 41.9vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .staff .other_set__txt {
    font-size: 3.6vw;
    height: 15.6vw;
  }
}
.seijinshiki .staff .other_set__prf {
  color: #707070;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .seijinshiki .staff .other_set__prf {
    font-size: 2.6vw;
  }
}
.seijinshiki .staff .other_btn {
  display: none;
}
.seijinshiki .sale {
  margin: 0 auto 90px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .sale {
    margin: 15.6vw auto;
  }
}
.seijinshiki .sale .c-title {
  padding: 0;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .sale .c-title {
    text-align: left;
    max-width: 84.9vw;
    margin: 0 auto 4vw;
    font-size: 3.1vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .sale .c-title__head {
    text-align: left;
    max-width: 84.9vw;
    margin: 0 auto;
  }
}
.seijinshiki .sale .c-title__head img {
  max-width: 135px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .sale .c-title__head img {
    max-width: 22.8vw;
    margin-bottom: 0;
  }
}
.seijinshiki .sale .c-title span {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .seijinshiki .sale .c-title span {
    font-size: 4.4vw;
    margin: 0 auto 1.3vw;
  }
}
.seijinshiki .sale__bnr {
  width: 609px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .seijinshiki .sale__bnr {
    width: 84.9vw;
  }
}
.seijinshiki .shop {
  margin: 0 auto 200px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .shop {
    width: 84.9vw;
    margin: 0 auto 23.4vw;
  }
}
.seijinshiki .shop .c-title {
  font-size: 20px;
  padding: 0;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .shop .c-title {
    text-align: left;
    font-size: 4.4vw;
    margin-top: 1.3vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .shop .c-title__head {
    text-align: left;
  }
}
.seijinshiki .shop .c-title__head img {
  max-width: 155px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .shop .c-title__head img {
    max-width: 27vw;
  }
}
.seijinshiki .shop-text {
  text-align: center;
}
.seijinshiki .shop-text p {
  font-size: 15px;
  line-height: 1.73;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .seijinshiki .shop-text p {
    font-size: 3.6vw;
    text-align: left;
  }
}
.seijinshiki .shop .c-btn {
  height: auto;
  margin-top: 51px;
  max-width: 422px;
  padding: 23px 10px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .shop .c-btn {
    margin-top: 4vw;
    max-width: unset;
    padding: 4.4vw 0;
  }
}
.seijinshiki .shop .c-btn p {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .seijinshiki .shop .c-btn p {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 768px) {
  .seijinshiki .shop .c-btn p::after {
    margin-left: 6.3vw;
  }
}

.summer_order {
  /*=============================
   aruaru
  =============================*/
}
.summer_order .aruaru-sec:nth-child(1) .aruaru-head {
  background-position: top left 47%;
}
.summer_order .aruaru-sec:nth-child(1) .aruaru-bottom__text:before {
  left: 9%;
  top: -70px;
}
@media screen and (max-width: 768px) {
  .summer_order .aruaru-sec:nth-child(1) .aruaru-bottom__text:before {
    top: -9.1vw;
  }
}

/*=============================
  20250904 改修用
=============================*/
.seijinshiki .bnr{
  margin: 100px auto;
  text-align: center;
  max-width: 980px;
}
.seijinshiki .bnr_top{
  margin-bottom: 100px;
}

.seijinshiki .variation{
  margin: 100px auto 110px;
}
.seijinshiki .variation-heading{
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 50px;
  text-align: center;
}
.seijinshiki .variation-sec{
  max-width: 980px;
  width: 96%;
  margin: 0 auto 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.seijinshiki .variation-sec-reverse{
  flex-direction: row-reverse;
}
.seijinshiki .variation-slider{
  width: 66.8%;
}
.seijinshiki .variation-text{
  width: 27.8%;
}
.seijinshiki .variation-text-top{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.seijinshiki .variation-text-bottom{
  font-size: 16px;
  line-height: 1.5;
}
/* スライダー画像の間隔を15pxに */
.seijinshiki .variation-slider .slick-slide {
  margin: 0 7.5px;
}

/* Slick全体にマージンを打ち消す */
.seijinshiki .variation-slider .slick-list {
  margin: 0 -7.5px;
}

/* ドットカスタム */
.seijinshiki .variation-slider .slick-dots li{
  width: 10px !important;
  height: 10px !important;
}
.seijinshiki .variation-slider .slick-dots li button {
  font-size: 0;
  width: 10px !important;
  height: 10px !important;
  border: none !important;
  background: #D9D9D9 !important;
  opacity: 1;
}
.seijinshiki .variation-slider .slick-dots li.slick-active button {
  background: #3B65C5 !important;
}
.seijinshiki .variation-slider .slick-dots li.slick-active{
  width: 10px !important;
  height: 10px !important;
}

/* 矢印画像のカスタム */
.seijinshiki .variation-slider .custom-arrow {
  width: 20px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  cursor: pointer;
}

.seijinshiki .variation-slider .slick-prev.custom-arrow {
  background-image: url('../img/250904/slider_arrow_prev.png'); /* ← 左矢印画像 */
  left: 10px;
}

.seijinshiki .variation-slider .slick-next.custom-arrow {
  background-image: url('../img/250904/slider_arrow_next.png'); /* ← 右矢印画像 */
  right: 10px;
}

.seijinshiki .rankup{
  margin-bottom: 100px;
  padding: 100px 0;
  background: #EAEAEA;
}
.seijinshiki .rankup_inner{
  max-width: 980px;
  margin: 0 auto;
  width: 96%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.seijinshiki .rankup-slider{
  width: 50%;
}
.seijinshiki .rankup-text{
  width: 45.9%;
}
.seijinshiki .rankup-text-top{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.5;
}
.seijinshiki .rankup-text-bottom{
  font-size: 16px;
  line-height: 1.5;
}
/* ドットカスタム */
.seijinshiki .rankup-slider .slick-dots li{
  width: 10px !important;
  height: 10px !important;
}
.seijinshiki .rankup-slider .slick-dots li button {
  font-size: 0;
  width: 10px !important;
  height: 10px !important;
  border: none !important;
  background: #D9D9D9;
  opacity: 1;
}
.seijinshiki .rankup-slider .slick-dots li.slick-active button {
  background: #3B65C5;
}
.seijinshiki .rankup-slider .slick-dots li.slick-active{
  width: 10px !important;
  height: 10px !important;
}

/* 矢印画像のカスタム */
.seijinshiki .rankup-slider .custom-arrow2 {
  width: 20px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  cursor: pointer;
}

.seijinshiki .rankup-slider .slick-prev.custom-arrow2 {
  background-image: url('../img/250904/slider_arrow_prev.png'); /* ← 左矢印画像 */
  left: 10px;
}

.seijinshiki .rankup-slider .slick-next.custom-arrow2 {
  background-image: url('../img/250904/slider_arrow_next.png'); /* ← 右矢印画像 */
  right: 10px;
}

@media screen and (max-width: 768px) {
  .seijinshiki .bnr{
    margin: 10.4vw auto;
    text-align: center;
    max-width: 92.1vw;
  }
  .seijinshiki .bnr_top{
    margin-bottom: 10.4vw;
  }

  .seijinshiki .variation{
    margin: 10.4vw auto;
  }
  .seijinshiki .variation-heading{
    font-size: 4.5vw;
    font-weight: 500;
    margin-bottom: 6.51vw;
    text-align: center;
  }
  .seijinshiki .variation-sec{
    max-width: 84.89vw;
    width: 100%;
    margin: 0 auto 10.4vw;
    display: flex;
    flex-direction: column-reverse !important;
    justify-content: center;
    align-items: center;
  }
  .seijinshiki .variation-slider{
    width: 100%;
  }
  .seijinshiki .variation-text{
    width: 100%;
    margin-bottom: 3.9vw;
  }
  .seijinshiki .variation-text-top{
    font-size: 3.8vw;
    font-weight: bold;
    margin-bottom: 2.6vw;
    text-align: center;
  }
  .seijinshiki .variation-text-bottom{
    font-size: 2.25vw;
    line-height: 1.5;
  }
  /* スライダー画像の間隔を15pxに */
  .seijinshiki .variation-slider .slick-slide {
    margin: 0 0.97vw;
  }

  /* Slick全体にマージンを打ち消す */
  .seijinshiki .variation-slider .slick-list {
    margin: 0 -0.97vw;
  }

  /* ドットカスタム */
  .seijinshiki .variation-slider .slick-dots li{
    width: 1.6vw !important;
    height: 1.6vw !important;
  }
  .seijinshiki .variation-slider .slick-dots li button {
    font-size: 0;
    width: 1.6vw !important;
    height: 1.6vw !important;
    border: none !important;
    background: #D9D9D9 !important;
    opacity: 1;
  }
  .seijinshiki .variation-slider .slick-dots li.slick-active button {
    background: #3B65C5 !important;
  }
  .seijinshiki .variation-slider .slick-dots li.slick-active{
    width: 1.6vw !important;
    height: 1.6vw !important;
  }

  /* 矢印画像のカスタム */
  .seijinshiki .variation-slider .custom-arrow {
    width: 2.6vw;
    height: 5.2vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    cursor: pointer;
  }

  .seijinshiki .variation-slider .slick-arrow{
    top: 37vw !important;
  }

  .seijinshiki .variation-slider .slick-prev.custom-arrow {
    background-image: url('../img/250904/slider_arrow_prev.png'); /* ← 左矢印画像 */
    left: 1.6vw;
  }

  .seijinshiki .variation-slider .slick-next.custom-arrow {
    background-image: url('../img/250904/slider_arrow_next.png'); /* ← 右矢印画像 */
    right: 1.6vw;
  }

  .seijinshiki .rankup{
    margin-bottom: 10.4vw;
    padding: 10.4vw 0;
    background: #EAEAEA;
  }
  .seijinshiki .rankup_inner{
    max-width: 63.8vw;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .seijinshiki .rankup-slider{
    width: 100%;
  }
  .seijinshiki .rankup-text{
    width: 100%;
  }
  .seijinshiki .rankup-text-top{
    font-size: 3.8vw;
    font-weight: bold;
    margin-bottom: 2.7vw;
    line-height: 1.5;
    text-align: center;
  }
  .seijinshiki .rankup-text-bottom{
    font-size: 2.5vw;
    line-height: 1.5;
    margin-bottom: 2.7vw;
  }
  /* ドットカスタム */
  .seijinshiki .rankup-slider .slick-dots li{
    width: 1.6vw !important;
    height: 1.6vw !important;
  }
  .seijinshiki .rankup-slider .slick-dots li button {
    font-size: 0;
    width: 1.6vw !important;
    height: 1.6vw !important;
    border: none !important;
    background: #D9D9D9;
    opacity: 1;
  }
  .seijinshiki .rankup-slider .slick-dots li.slick-active button {
    background: #3B65C5;
  }
  .seijinshiki .rankup-slider .slick-dots li.slick-active{
    width: 1.6vw !important;
    height: 1.6vw !important;
  }

  /* 矢印画像のカスタム */
  .seijinshiki .rankup-slider .custom-arrow2 {
    width: 2.6vw;
    height: 5.2vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    cursor: pointer;
  }

  .seijinshiki .rankup-slider .slick-prev.custom-arrow2 {
    background-image: url('../img/250904/slider_arrow_prev.png'); /* ← 左矢印画像 */
    left: 1.6vw;
  }

  .seijinshiki .rankup-slider .slick-next.custom-arrow2 {
    background-image: url('../img/250904/slider_arrow_next.png'); /* ← 右矢印画像 */
    right: 1.6vw;
  }
}