@charset "UTF-8";

/*既存打消し*/
.m-wrapper {
  min-width: auto;
}

/*共通*/
.select5__heading01 {
  font-weight: bold;
  color: #fff;
}

.select5__heading01-strong {
  color: #fff100;
}

.select5__heading01-mispaceing {
  letter-spacing: -9px;
}

.txt--yellow {
  color: #fff100;
}

body {
  color: #464646;
}


/*
===========================================================================

  select5 (common)

===========================================================================
*/
/* PC */
@media only screen and (min-width: 768px) {
  .select5__ttl::before {
    background-image: url(/op/select5/_assets23/rwd/img/0324/feature_ttl.svg);
  }
}
/* SP */
@media only screen and (max-width: 767px) {
  .select5__ttl {
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
  }
  .select5__ttl::before {
    background-image: url(/op/select5/_assets23/rwd/img/0324/feature_ttl.svg);
  }
}


/*
===========================================================================

  kv

===========================================================================
*/
/* PC */
@media only screen and (min-width: 768px) {
  .kv {
    position: relative;
    background-color: #000;
    margin-bottom: 80px;
  }
  .kv__inner {
    width: 100%;
    max-width: 960px;
    padding: 30px 0;
    margin: 0 auto;
    position: relative;
  }
  .kv__cont {
    padding: 0 46px;
    margin-bottom: 30px;
  }
  .kv__logo-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .kv__target {
    font-size: 14px;
    font-weight: 600;
    color: #CCC;
  }
  .kv__logo {
    width: 155px;
    margin-right: 16px;
  }
  .kv__ttl {
    width: 100%;
    font-size: 32px;
    font-weight: bold;
    color: #FFF;
    padding-right: 355px;
    margin-bottom: 15px;
    position: relative;
    z-index: 3;
  }
  .kv__ttl .kv__ttl-ruby {
    font-size: 50px;
    letter-spacing: -0.04em;
  }
  .kv__ttl .kv__ttl-ruby rt {
    font-size: 12px;
    line-height: 1;
    color: #E52465;
  }
  .kv__ttl .kv__ttl-strong {
    font-size: 46px;
    letter-spacing: -0.04em;
  }
  .kv-bg {
    width: 420px;
    padding: 90px 30px 0 30px;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 2;
  }
  .kv-bg::before {
    content: "";
    width: 100%;
    height: 300px;
    border-radius: 50%;
    background-color: #FF74A3;
    filter: blur(50px);
    -ms-filter: blur(50px);
    opacity: 0.45;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  .kv-bg__img {
    width: 100%;
  }
  .kv__link-area {
    max-width: 360px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
  .kv__link-list {
    border-radius: 50px;
  }
  .kv__link-list:last-of-type {
    margin-right: 0;
  }
  .kv__link-list a {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    width: 165px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.3s all ease;
    border-radius: 50px;
  }
  .kv__link-list a:hover {
    opacity: 0.7;
  }
  .kv__link-list a::after {
    content: "";
    width: 12.5px;
    height: 12.9px;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .kv__link-list--moushikomi a {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    padding: 10px 0px;
  }
  .kv__link-list--moushikomi {
    background-color: #ff4455;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .kv__link-list--mihon {
    background-color: #0370cc;
  }
  .kv__link-list--mokuji {
    background-color: #fff;
  }
  .kv__link-list--mokuji a::after {
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_blue.svg);
  }
  .kv__link-list--mokuji a {
    color: #2886D9;
  }
  .kv__note-list {
    font-size: 12px;
    line-height: 1.51;
    font-weight: 300;
    color: #CCC;
    padding-left: 1em;
    position: relative;
  }
  .kv__note-list:not(:last-of-type) {
    margin-bottom: 5px;
  }
  .kv__note-list::before {
    content: "※";
    position: absolute;
    left: 0;
  }
  .kv-banner {
    width: 100%;
  }
  .kv__copy {
    width: 50%;
    font-size: 1.5em;
    margin: 22px 0;
    color: #fff;
  }
  .kv__copy_underline {
    background: linear-gradient(transparent 80%, #e50065 0%);
    padding: 0 0 5px;
    line-height: 1.8;
  }
  .kv__copy_text {
    font-size: 0.7em;
  }
}
/* SP */
@media only screen and (max-width: 767px) {
  .kv {
    position: relative;
    background-color: #000;
    margin-bottom: 8vw;
  }
  .kv__inner {
    width: 100%;
    padding: 4vw 0;
    margin: 0 auto;
    position: relative;
  }
  .kv__cont {
    padding: 0 4vw;
    margin-bottom: 1.333vw;
  }
  .kv__logo-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 5.333vw;
  }
  .kv__target {
    font-size: 3.2vw;
    font-weight: 600;
    color: #CCC;
  }
  .kv__logo {
    width: 33.867vw;
    margin-right: 3.2vw;
  }
  .kv__ttl {
    width: 100%;
    font-size: 7.467vw;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    margin-bottom: 1.6vw;
    position: relative;
    z-index: 3;
  }
  .kv__ttl .kv__ttl-ruby {
    font-size: 9.867vw;
    letter-spacing: -0.04em;
  }
  .kv__ttl .kv__ttl-ruby rt {
    font-size: 2.667vw;
    line-height: 1;
    color: #E52465;
  }
  .kv__ttl .kv__ttl-strong {
    font-size: 9.333vw;
    letter-spacing: -0.04em;
  }
  .kv-bg {
    width: 78.667vw;
    margin: 0 auto 5.333vw;
    position: relative;
    z-index: 2;
  }
  .kv-bg::before {
    content: "";
    width: 94.667vw;
    height: 66.667vw;
    border-radius: 50%;
    background-color: #FF74A3;
    filter: blur(50px);
    -ms-filter: blur(50px);
    opacity: 0.53;
    position: absolute;
    bottom: 5.333vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: -1;
  }
  .kv-bg__img {
    width: 100%;
  }
  .kv__link-area {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .kv__link-list {
    border-radius: 9.667vw;
    margin-right: 4vw;
    margin-bottom: 4vw;
  }
  .kv__link-list:first-of-type, .kv__link-list:last-of-type {
    margin-right: 0;
  }
  .kv__link-list a {
    color: #FFF;
    font-size: 4.8vw;
    font-weight: 600;
    line-height: 1.333;
    width: 44vw;
    /* height: 13.333vw; */
    /* display: flex; */
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.3s all ease;
    padding: 3.5vw 0 2vw;
    display: block;
    text-align: center;
  }
  .kv__link-list:first-of-type a {
    width: 92vw;
  }
  .kv__link-list a:hover {
    opacity: 0.7;
  }
  .kv__link-list a::after {
    content: "";
    width: 3.333vw;
    height: 3.44vw;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 4vw;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .kv__link-list--moushikomi {
    background-color: #ff4455;
  }
  .kv__link-list--mihon {
    background-color: #0370cc;
  }
  .kv__link-list--mokuji {
    background-color: #fff;
  }
  .kv__link-list--mokuji a::after {
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_blue.svg);
  }
  .kv__link-list--mokuji a {
    color: #2886D9;
  }
  .kv__note-area {
    margin-bottom: 4vw;
  }
  .kv__note-list {
    font-size: 3.2vw;
    line-height: 1.51;
    font-weight: 300;
    color: #CCC;
    padding-left: 1em;
    position: relative;
  }
  .kv__note-list:not(:last-of-type) {
    margin-bottom: 1.333vw;
  }
  .kv__note-list::before {
    content: "※";
    position: absolute;
    left: 0;
  }
  .kv-banner {
    width: 92vw;
    margin: 0 auto;
  }
  .kv-banner img {
    width: 100%;
  }
  .kv__copy {
    width: 50%;
    font-size: 1.5em;
    margin: 22px 0;
    color: #fff;
  }
  .kv__copy_underline {
    background: linear-gradient(transparent 80%, #e50065 0%);
    padding: 0 0 5px;
    line-height: 1.8;
  }
  .kv__copy_text {
    font-size: 0.7em;
  }
  .kv__copy {
    font-size: 1.2em;
    text-align: center;
  }
}

/*
===========================================================================

  campain

===========================================================================
*/
@media only screen and (min-width: 768px) {
  .campain {
    text-align: center;
    margin: 0 4vw 40px;
  }
  .campain__txt {
    max-width: 960px;
    margin: 0 auto;
    font-size: 12px;
    text-align: left;
    font-weight: 600;
    color: #ff0000;
  }
}
@media only screen and (max-width: 767px) {
  .campain {
    text-align: center;
    margin: 0 4vw 40px;
  }
  .campain__txt {
    max-width: 960px;
    margin: 0 auto;
    font-size: 12px;
    text-align: left;
    font-weight: 600;
    color: #ff0000;
  }
}


/*
===========================================================================

  reco

===========================================================================
*/
/* PC */
@media only screen and (min-width: 768px) {
  .reco {
    background-color: #FFF;
    margin-bottom: 140px;
  }
  .reco__inner {
    max-width: calc( 960px + 60px );
    padding: 0 30px;
    margin: 0 auto;
  }
  .reco-head {
    max-width: 760px;
    margin: 0 auto 20px;
  }
  .reco__ttl {
    font-size: 42px;
    text-align: center;
    color: #E52465;
    font-weight: 600;
    margin-bottom: 40px;
  }
  .reco-dtl {
    display: flex;
    max-width: 918px;
    margin: 0 auto 80px;
  }
  .reco-dtl__list {
    width: 298px;
    margin-right: 24px;
    padding-top: 15px;
    border-radius: 8px;
    position: relative;
  }
  .reco-dtl__list::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5.5px 0 5.5px;
    border-color: #E52465 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .reco-dtl__list:last-of-type {
    margin-right: 0;
  }
  .reco-dtl__head {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 34px;
    background-color: #E52465;
    border-radius: 8px 8px 0 0;
  }
  .reco-dtl__head-txt {
    font-size: 18px;
    color: #FFF;
    font-weight: 600;
    line-height: 1.333;
  }
  .reco-dtl__body {
    padding: 10px;
    border-radius: 0 0 8px 8px;
    border: 1px solid #E52465;
  }
  .reco-dtl__body-txt {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
  }
  .reco-about {
    position: relative;
  }
  .reco-about__ttl {
    border-left-color:#E52465;
  }
  .reco-about__inner {
    padding-top: 30px;
    padding-left: 494px;
    min-height: 310px;
  }
  .reco-about__img {
    width: 460px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .reco-about__txt {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .reco-about__txt:last-of-type {
    margin-bottom: 0;
  }
}
/* SP */
@media only screen and (max-width: 767px) {
  .reco {
    background-color: #FFF;
    margin-bottom: 26.667vw;
  }
  .reco__inner {
    width: 92vw;
    margin: 0 auto;
  }
  .reco-head {
    width: 100%;
    margin: 0 auto 5.333vw;
  }
  .reco__ttl {
    font-size: 7.467vw;
    text-align: center;
    color: #E52465;
    font-weight: 600;
    margin-bottom: 5.333vw;
  }
  .reco-dtl {
    width: 92vw;
    display: flex;
    margin: 0 auto 60px;
  }
  .reco-dtl__list {
    width: 28vw;
    margin-right: 4vw;
    padding-top: 4vw;
    border-radius: 2.133vw;
    position: relative;
  }
  .reco-dtl__list::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.667vw 1.467vw 0 1.467vw;
    border-color: #E52465 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .reco-dtl__list:last-of-type {
    margin-right: 0;
  }
  .reco-dtl__head {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 9.067vw;
    background-color: #E52465;
    border-radius: 2.133vw 2.133vw 0 0;
  }
  .reco-dtl__head-txt {
    font-size: 4.8vw;
    color: #FFF;
    font-weight: 600;
    line-height: 1.333;
  }
  .reco-dtl__body {
    padding-top: 2.667vw;
    border-radius: 0 0 2.133vw 2.133vw;
    /* border: 1px solid #E52465; */
  }
  .reco-dtl__body-txt {
    font-size: 3.733vw;
    line-height: 1.5;
    font-weight: 600;
  }
  .reco-about {
    position: relative;
  }
  .reco-about__ttl {
    border-left-color:#E52465;
  }
  .reco-about__inner {
    width: 100%;
  }
  .reco-about__img {
    width: 100%;
    margin-bottom: 5.333vw;
  }
  .reco-about__txt {
    font-size: 4.267vw;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 8vw;
  }
  .reco-about__txt:last-of-type {
    margin-bottom: 0;
  }
}


/*
===========================================================================

  feature

===========================================================================
*/
/* PC */
@media only screen and (min-width: 768px) {
  .feature {
    background-color: #FFF;
    margin-bottom: 140px;
  }
  .feature__inner {
    max-width: calc( 960px + 60px );
    padding: 0 30px;
    margin: 0 auto;
  }
  .feature-anchor {
    width: 100%;
    margin-bottom: 70px;
  }
  .feature-anchor__item-wrap {
    display: flex;
    width: 100%;
  }
  .feature-anchor__item {
    margin-right: 38px;
  }
  .feature-anchor__item:last-of-type {
    margin-right: 0;
  }
  .feature-anchor__link {
    display: flex;
    max-width: 298px;
    width: 100%;
    transition: 0.3s all ease;
  }
  .feature-anchor__link:hover {
    opacity: 0.7;
  }
  .feature-anchor__num-wrap {
    width: 28px;
    text-align: center;
    color: #E52465;
    font-weight: 600;
    margin-right: 16px;
  }
  .feature-anchor__num-head {
    font-size: 14px;
  }
  .feature-anchor__num-body {
    font-size: 22px;
    line-height: 1.68;
  }
  .feature-anchor__txt-main {
    font-size: 20px;
    color: #E52465;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .feature-anchor__txt-lead {
    font-size: 14px;
    color: #464646;
    font-weight: 600;
    line-height: 1.5;
  }
  .feature-dtl {
    margin-bottom: 75px;
  }
  .feature-dtl:last-of-type {
    margin-bottom: 0;
  }
  .feature-dtl__point-step {
    font-size: 22px;
    background-color:#E52465;
  }
  .feature-dtl__point-heading {
    font-size: 28px;
    color:#E52465;
  }
  .feature-dtl__ttl {
    border-left-color: #E52465;
  }
  .feature-dtl__lead-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  .feature-dtl__lead-image {
    max-width: 466px;
    margin-right: 38px;
  }
  .feature-dtl__lead-txtarea {
    max-width: 466px;
    width: 100%;
    padding-top: 10px;
  }
  .feature-dtl__lead-txt {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .feature-dtl__lead-txt:last-of-type {
    margin-bottom: 0;
  }
  .feature-dtl__cont-wrap {
    display: flex;
    margin-bottom: 38px;
  }
  .feature-dtl__cont-wrap:last-of-type {
    margin-bottom: 0;
  }
  .feature-dtl__cont-wrap--1col .feature-dtl__cont-inner {
    width: 100%;
  }
  .feature-dtl__cont-wrap--2col .feature-dtl__cont-inner {
    max-width: 466px;
    margin-right: 38px;
  }
  .feature-dtl__cont-wrap--2col .feature-dtl__cont-inner:last-of-type {
    margin-right: 0;
  }
  .feature-dtl__cont-inner--level {
    position: relative;
  }
  .feature-dtl__cont-inner--level:first-of-type::after {
    content: "";
    width: 23px;
    height: 35px;
    background-image: url(/op/select5/_assets23/rwd/img/0324/feature_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: -33px;
  }
  .feature-dtl__cont-head {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
  }
  .feature-dtl__cont-body {
    border: 1px solid #E2E2E2;
  }
  .feature-dtl__cont-body--noborder {
    border: none;
  }
  .feature-dtl__cont-body--pc-noborder {
    border: none;
  }
  .feature-dtl__cont-foot {
    padding-top: 10px;
  }
  .feature-dtl__cont-caption {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
  }
  .feature-dtl__cont-caption--mini {
    font-size: 10px;
    color: #888;
    line-height: 1.5;
    letter-spacing: 0.005em;
  }
  .feature-dtl__cont-note {
    padding-top: 10px;
  }
  .feature-dtl__cont-note li {
    font-size: 10px;
    color: #888;
    font-weight: 300;
    line-height: 1.5;
    padding-left: 1em;
    letter-spacing: 0.005em;
    margin-bottom: 5px;
    position: relative;
  }
  .feature-dtl__cont-note li:last-of-type {
    margin-bottom: 0;
  }
  .feature-dtl__cont-note li::before {
    content: "※";
    position: absolute;
    left: 0;
  }
  .feature-dtl__sbj {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 50px 78px;
  }
  .feature-dtl__sbj-list {
    width: calc( ( 100% - 38px ) /2 );
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-right: 38px;
  }
  .feature-dtl__sbj-list:nth-of-type(2n) {
    margin-right: 0;
  }
  .feature-dtl__sbj-list:nth-of-type(1), .feature-dtl__sbj-list:nth-of-type(2) {
    margin-top: 0;
  }
  .feature-dtl__sbj-imagearea {
    width: 90px;
    display: flex;
    justify-content: space-between;
    margin-right: 15px;
  }
  .feature-dtl__sbj-image {
    width: 42px;
    margin-right: 6px;
  }
  .feature-dtl__sbj-image:last-of-type {
    margin-right: 0;
  }
  .feature-dtl__sbj-txtarea {
    width: 277px;
  }
  .feature-dtl__sbj-head {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #E52465;
    margin-bottom: 8px;
  }
  .feature-dtl__sbj-txt {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
  }
  .feature-dtl__level-head {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.04em;
    height: 38px;
    background-color: #E52465;
    border-radius: 6px 6px 0 0;
  }
  .feature-dtl__level-body {
    padding: 20px 20px 30px;
    border: 1px solid #E52465;
    border-radius: 0 0 6px 6px;
  }
  .feature-dtl__level-image {
    border: 1px solid #E2E2E2;
    margin-bottom: 15px;
  }
}
/* SP */
@media only screen and (max-width: 767px) {
  .feature {
    background-color: #FFF;
    margin-bottom: 37.333vw;
  }
  .feature__inner {
    width: 92vw;
    margin: 0 auto;
  }
  .feature-anchor {
    width: 100%;
    margin-bottom: 13.333vw;
  }
  .feature-anchor__item-wrap {
    width: 100%;
  }
  .feature-anchor__item {
    margin-bottom: 5.333vw;
  }
  .feature-anchor__item:last-of-type {
    margin-bottom: 0;
  }
  .feature-anchor__link {
    width: 100%;
    display: flex;
    transition: 0.3s all ease;
  }
  .feature-anchor__link:hover {
    opacity: 0.7;
  }
  .feature-anchor__num-wrap {
    width: 7.467vw;
    text-align: center;
    color: #E52465;
    font-weight: 600;
    margin-right: 4.533vw;
  }
  .feature-anchor__num-head {
    font-size: 3.733vw;
  }
  .feature-anchor__num-body {
    font-size: 5.867vw;
    line-height: 1.68;
  }
  .feature-anchor__txtarea {
    width: 80vw;
  }
  .feature-anchor__txt-main {
    font-size: 5.333vw;
    color: #E52465;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 2.667vw;
  }
  .feature-anchor__txt-lead {
    font-size: 3.733vw;
    color: #464646;
    font-weight: 600;
    line-height: 1.5;
  }
  .feature-dtl {
    padding-top: 13.333vw;
    margin-bottom: 13.333vw;
    border-top: 1px solid #D0D0D0;
  }
  .feature-dtl:last-of-type {
    margin-bottom: 0;
  }
  .feature-dtl__point-step {
    font-size: 5.867vw;
    background-color:#E52465;
  }
  .feature-dtl__point-heading {
    font-size: 7.467vw;
    color:#E52465;
  }
  .feature-dtl__ttl {
    border-left-color: #E52465;
  }
  .feature-dtl__lead-wrap {
    margin-bottom: 8vw;
  }
  .feature-dtl__lead-image {
    width: 100%;
    margin-bottom: 5.333vw;
  }
  .feature-dtl__lead-txtarea {
    width: 100%;
  }
  .feature-dtl__lead-txt {
    font-size: 3.733vw;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 5.333vw;
  }
  .feature-dtl__lead-txt:last-of-type {
    margin-bottom: 0;
  }
  .feature-dtl__cont-wrap {
    margin-bottom: 8vw;
  }
  .feature-dtl__cont-wrap:last-of-type {
    margin-bottom: 0;
  }
  .feature-dtl__cont-wrap--2col .feature-dtl__cont-inner {
    margin-bottom: 8vw;
  }
  .feature-dtl__cont-wrap--2col .feature-dtl__cont-inner:last-of-type {
    margin-bottom: 0;
  }
  .feature-dtl__cont-wrap--2col .feature-dtl__cont-inner--level {
    margin-bottom: 12.8vw;
    position: relative;
  }
  .feature-dtl__cont-inner--level:first-of-type::after {
    content: "";
    width: 6.133vw;
    height: 9.333vw;
    background-image: url(/op/select5/_assets23/rwd/img/0324/feature_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -11.466vw;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
  }
  .feature-dtl__cont-head {
    font-size: 4.8vw;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.04em;
    margin-bottom: 2.667vw;
  }
  .feature-dtl__cont-body {
    border: 0.267vw solid #E2E2E2;
  }
  .feature-dtl__cont-body--noborder {
    border: none;
  }
  .feature-dtl__cont-body--sp-noborder {
    border: none;
  }
  .feature-dtl__cont-foot {
    padding-top: 2.667vw;
  }
  .feature-dtl__cont-caption {
    font-size: 3.733vw;
    font-weight: 300;
    line-height: 1.6;
  }
  .feature-dtl__cont-caption--mini {
    font-size: 2.667vw;
    color: #888;
    line-height: 1.5;
    letter-spacing: 0.005em;
  }
  .feature-dtl__cont-note {
    padding-top: 2.667vw;
  }
  .feature-dtl__cont-note li {
    font-size: 2.667vw;
    color: #888;
    font-weight: 300;
    line-height: 1.5;
    padding-left: 1em;
    letter-spacing: 0.005em;
    margin-bottom: 1.333vw;
    position: relative;
  }
  .feature-dtl__cont-note li:last-of-type {
    margin-bottom: 0;
  }
  .feature-dtl__cont-note li::before {
    content: "※";
    position: absolute;
    left: 0;
  }
  .feature-dtl__sbj {

  }
  .feature-dtl__sbj-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.667vw;
  }
  .feature-dtl__sbj-list:last-of-type {
    margin-bottom: 0;
  }
  .feature-dtl__sbj-imagearea {
    width: 24vw;
    display: flex;
    justify-content: space-between;
    margin-right: 4vw;
  }
  .feature-dtl__sbj-image {
    width: 11.2vw;
    margin-right: 1.6vw;
  }
  .feature-dtl__sbj-image:last-of-type {
    margin-right: 0;
  }
  .feature-dtl__sbj-txtarea {
    width: 64vw;
  }
  .feature-dtl__sbj-head {
    font-size: 4.267vw;
    font-weight: 600;
    line-height: 1.5;
    color: #E52465;
    margin-bottom: 2.133vw;
  }
  .feature-dtl__sbj-txt {
    font-size: 3.733vw;
    font-weight: 300;
    line-height: 1.5;
  }
  .feature-dtl__level-head {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4.8vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.04em;
    height: 10.133vw;
    background-color: #E52465;
    border-radius: 1.6vw 1.6vw 0 0;
  }
  .feature-dtl__level-body {
    padding: 4vw 4vw 5.333vw;
    border: 0.267vw solid #E52465;
    border-radius: 0 0 1.6vw 1.6vw;
  }
  .feature-dtl__level-image {
    border: 0.267vw solid #E2E2E2;
    margin-bottom: 4vw;
  }
}


/*
===========================================================================

  voice

===========================================================================
*/

.voice .bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

/* PC */
@media only screen and (min-width: 768px) {
  .voice {
    background-color: #FFF;
    margin-bottom: 140px;
  }
  .voice__inner {
    max-width: calc( 960px + 60px );
    padding: 0 30px;
    margin: 0 auto;
  }
  .voice__lead-wrap {
    max-width: 578px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin: 0 auto 40px;
  }
  .voice__lead-image {
    max-width: 225px;
    margin-right: 38px;
  }
  .voice__lead-txtarea {
    width: 315px;
  }
  .voice__lead-txt {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
  }
  .voice__comment {
    position: relative;
  }
  .voice__comment .slick-arrow {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #E52465;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    transition: 0.3s all ease;
  }
  .voice__comment .slick-arrow:hover{
    opacity: 0.7;
  }

  .voice__comment .slick-arrow.slick-disabled {
    display: none !important;
  }
  .voice__comment .slick-arrow.next {
    right: -20px;
  }
  .voice__comment .slick-arrow.prev {
    left: -20px;
  }
  .voice__comment .slick-arrow::before {
    content: "";
    width: 12.5px;
    height: 12.9px;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .voice__comment .slick-arrow.prev::before {
    transform: translate(-50%, -50%) scale(-1,1);
    -webkit-transform: translate(-50%, -50%) scale(-1,1);
    -ms-transform: translate(-50%, -50%) scale(-1,1);
  }
  .voice__comment .slick-dots {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
  .voice__comment .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 10px;
    border-radius: 50%;
    border: 2px solid #E52465;
    background-color: #FFF;
    cursor: pointer;
    transition: 0.3s all ease;
  }
  .voice__comment .slick-dots li button {
    font-size: 0;
  }
  .voice__comment .slick-dots li:hover,
  .voice__comment .slick-dots li.active,
  .voice__comment .slick-dots li:focus {
    background-color: #E52465;
  }
  .voice__comment .slick-dots li.slick-active {
    background-color: #E52465;
  }
  .voice__comment .slick-slide {
    height: auto !important;
  }
  .voice__comment-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .voice__comment-list {
    width: 324px;
    padding-right: 12px;
    padding-bottom: 10px;
    border-radius: 5px;
    position: relative;
  }
  .voice__comment-list::before {
    content: "";
    width: 17px;
    height: 12px;
    background-image: url(/op/select5/_assets23/rwd/img/0324/voice_balloon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0.3px;
    left: 48%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .voice__comment-head {
    padding: 30px 20px;
    border-radius: 5px 5px 0 0;
    background-color: #E52465;
  }
  .voice__comment-ttl {
    font-size: 12px;
    color: #FFF;
    font-weight: 600;
    line-height: 1.666;
    letter-spacing: 0.005em;
  }
  .voice__comment-body {
    padding: 20px;
    border: 2px solid #E52465;
    border-radius: 0 0 5px 5px;
  }
  .voice__comment-txt {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.57;
    letter-spacing: 0.005em;
    min-height: calc( 4em * 1.57);
  }
}
/* SP */
@media only screen and (max-width: 767px) {
  .voice {
    background-color: #FFF;
    margin-bottom: 37.333vw;
  }
  .voice__inner {
    width: 92vw;
    margin: 0 auto;
  }
  .voice__lead-wrap {
    width: 84vw;
    display: block;
    margin: 0 auto 8vw;
  }
  .voice__lead-image {
    width: 60vw;
    margin: 0 auto;
  }
  .voice__lead-txtarea {
    width: 100%;
    margin-bottom: 4vw;
  }
  .voice__lead-txt {
    font-size: 6.4vw;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
  }
  .voice__comment {
    width: 84vw;
    margin: 0 auto;
    position: relative;
  }
  .voice__comment .slick-arrow {
    display: block;
    width: 10.667vw;
    height: 10.667vw;
    background-color: #E52465;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    transition: 0.3s all ease;
  }
  .voice__comment .slick-arrow:hover{
    opacity: 0.7;
  }

  .voice__comment .slick-arrow.slick-disabled {
    display: none !important;
  }
  .voice__comment .slick-arrow.next {
    right: -5.333vw;
  }
  .voice__comment .slick-arrow.prev {
    left: -5.333vw;
  }
  .voice__comment .slick-arrow::before {
    content: "";
    width: 3.333vw;
    height: 3.44vw;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .voice__comment .slick-arrow.prev::before {
    transform: translate(-50%, -50%) scale(-1,1);
    -webkit-transform: translate(-50%, -50%) scale(-1,1);
    -ms-transform: translate(-50%, -50%) scale(-1,1);
  }
  .voice__comment .slick-dots {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 8vw;
  }
  .voice__comment .slick-dots li {
    width: 3.2vw;
    height: 3.2vw;
    margin: 0 2.667vw;
    border-radius: 50%;
    border: 0.533vw solid #E52465;
    background-color: #FFF;
    cursor: pointer;
    transition: 0.3s all ease;
  }
  .voice__comment .slick-dots li button {
    font-size: 0;
  }
  .voice__comment .slick-dots li:hover,
  .voice__comment .slick-dots li.active,
  .voice__comment .slick-dots li:focus {
    background-color: #E52465;
  }
  .voice__comment .slick-dots li.slick-active {
    background-color: #E52465;
  }
  .voice__comment .slick-slide {
    height: auto !important;
  }
  .voice__comment-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .voice__comment-list {
    width: 84vw;
    padding-bottom: 2.667vw;
    border-radius: 1.333vw;
    position: relative;
  }
  .voice__comment-list::before {
    content: "";
    width: 4.533vw;
    height: 3.2vw;
    background-image: url(/op/select5/_assets23/rwd/img/0324/voice_balloon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -0.133vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .voice__comment-head {
    padding: 8vw 5.333vw;
    border-radius: 1.333vw 1.333vw 0 0;
    background-color: #E52465;
  }
  .voice__comment-ttl {
    font-size: 3.2vw;
    color: #FFF;
    font-weight: 600;
    line-height: 1.666;
    letter-spacing: 0.005em;
  }
  .voice__comment-body {
    padding: 5.333vw;
    border: 0.533vw solid #E52465;
    border-radius: 0 0 1.333vw 1.333vw;
  }
  .voice__comment-txt {
    font-size: 3.733vw;
    font-weight: 300;
    line-height: 1.57;
    letter-spacing: 0.005em;
    min-height: calc( 4em * 1.57);
  }
}


/*
===========================================================================

  example

===========================================================================
*/
/* PC */
@media only screen and (min-width: 768px) {
  .example {
    background-color: #FFF;
    margin-bottom: 140px;
  }
  .example__inner {
    max-width: calc( 960px + 60px );
    padding: 0 30px;
    margin: 0 auto;
  }
  .example__cont-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  .example__cont-list {
    display: flex;
    align-items:stretch;
    width: calc( ( 100% - 38px ) / 2 );
    padding: 20px 15px;
    margin-right: 38px;
    margin-top: 15px;
    border-radius: 4px;
    border: 2px solid #E2E2E2;
  }
  .example__cont-list:nth-of-type(1),.example__cont-list:nth-of-type(2) {
    margin-top: 0;
  }
  .example__cont-list:nth-of-type(2n), .example__cont-list:last-of-type {
    margin-right: 0;
  }
  .example__cont-ico {
    width: 45px;
    margin-right: 15px;
    text-align: center;
  }
  .example__cont-image {
    width: 100%;
    margin-bottom: 3px;
  }
  .example__cont-num {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.83;
    letter-spacing: 0.005em;
  }
  .example__cont-txtarea {
    width: 366px;
  }
  .example__cont-txt {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.57;
    letter-spacing: 0.005em;
  }
}
/* SP */
@media only screen and (max-width: 767px) {
  .example {
    background-color: #FFF;
    margin-bottom: 21.333vw;
  }
  .example__inner {
    width: 100%;
    margin: 0 auto;
  }
  .example__cont-wrap {
    width: 84vw;
    margin: 0 auto;
    display: block;
    margin-bottom: 21.333vw;
  }
  .example__cont-list {
    display: flex;
    width: 100%;
    padding: 5.333vw 4vw;
    margin-bottom: 2.667vw;
    border-radius: 1.067vw;
    border: 0.533vw solid #E2E2E2;
  }
  .example__cont-list:last-of-type {
    margin-bottom: 0;
  }
  .example__cont-ico {
    width: 12vw;
    margin-right: 4vw;
    text-align: center;
  }
  .example__cont-image {
    width: 100%;
    margin-bottom: 0.8vw;
  }
  .example__cont-num {
    font-size: 3.2vw;
    font-weight: 600;
    line-height: 1.83;
    letter-spacing: 0.005em;
  }
  .example__cont-txtarea {
    width: 58.667vw;
  }
  .example__cont-txt {
    font-size: 3.733vw;
    font-weight: 300;
    line-height: 1.57;
    letter-spacing: 0.005em;
  }
}


/*
===========================================================================

  suggest

===========================================================================
*/
/* PC */
@media only screen and (min-width: 768px) {
  .suggest {

  }
  .suggest__head-wrap {
    padding-top: 80px;
    background-color: rgba(229, 36, 101,0.1);
    margin-bottom: 20px;
    position: relative;
  }
  .suggest__head-wrap::before {
    content: "";
    width: 100%;
    height: 50px;
    background: linear-gradient(to top right, transparent 50% , #FFF 50%) no-repeat bottom left / 50% 100%,
    linear-gradient(to top left,transparent 50%, #FFF 50%) no-repeat top right/50% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .suggest__lead-wrap {
    text-align: center;
    margin-bottom: 20px;
  }
  .suggest__lead-sub {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .suggest__lead-main {
    font-size: 28px;
    color: #E52465;
    font-weight: 600;
    line-height: 1.11;
  }
  .suggest__head-image {
    width: 345px;
    margin: 0 auto;
  }
  .suggest__foot-button {
    /* display: flex;
    justify-content: center;
    align-items: center; */
    width: 345px;
    /* height: 50px; */
    font-size: 18px;
    font-weight: 600;
    line-height: 1.333;
    color: #FFF;
    margin: 0 auto 20px;
    background-color: #FD4455;
    position: relative;
    transition: 0.3s all ease;
    display: block;
    text-align: center;
    padding: 12px 0 5px;
    border-radius: 50px;
  }
  .suggest__foot-button:hover {
    opacity: 0.7;
  }
  .suggest__foot-button::before {
    content: "";
    width: 22px;
    height: 26px;
    background-image: url(/op/select5/_assets19/rwd/img/0603/icon_push_moushikomi_before.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 45px;
    top: 46%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .suggest__foot-button::after {
    content: "";
    width: 12.5px;
    height: 12.9px;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .suggest__foot-note {
    text-align: center;
  }
  .suggest__foot-note li {
    display: inline-block;
    font-size: 10px;
    color: #888888;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0.005em;
    padding-left: 1em;
    position: relative;
  }
  .suggest__foot-note li::before {
    content: "※";
    position: absolute;
    left: 0;
  }
  .suggest__foot-button__txt{
    display: block;
    font-size: 12px;
  }
}
/* SP */
@media only screen and (max-width: 767px) {
  .suggest {

  }
  .suggest__head-wrap {
    padding-top: 16vw;
    background-color: rgba(229, 36, 101,0.1);
    margin-bottom: 5.333vw;
    position: relative;
  }
  .suggest__head-wrap::before {
    content: "";
    width: 100%;
    height: 8vw;
    background: linear-gradient(to top right, transparent 50% , #FFF 50%) no-repeat bottom left / 50% 100%,
    linear-gradient(to top left,transparent 50%, #FFF 50%) no-repeat top right/50% 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .suggest__lead-wrap {
    text-align: center;
    margin-bottom: 2.667vw;
  }
  .suggest__lead-sub {
    font-size: 3.733vw;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 2.667vw;
  }
  .suggest__lead-main {
    font-size: 7.467vw;
    color: #E52465;
    font-weight: 600;
    line-height: 1.11;
  }
  .suggest__head-image {
    width: 92vw;
    margin: 0 auto;
  }
  .suggest__foot-button {
    /* display: flex;
    justify-content: center;
    align-items: center; */
    width: 92vw;
    /* height: 13.333vw; */
    font-size: 4.8vw;
    font-weight: 600;
    line-height: 1.333;
    color: #FFF;
    margin: 0 auto 5.333vw;
    background-color: #FD4455;
    border-radius: 9.667vw;
    position: relative;
    transition: 0.3s all ease;
    display: block;
    text-align: center;
    padding: 3vw 0 2vw;
  }
  .suggest__foot-button:hover {
    opacity: 0.7;
  }
  .suggest__foot-button::before {
    content: "";
    width: 5.867vw;
    height: 6.933vw;
    background-image: url(/op/select5/_assets19/rwd/img/0603/icon_push_moushikomi_before.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 12vw;
    top: 46%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .suggest__foot-button::after {
    content: "";
    width: 3.333vw;
    height: 3.44vw;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 4vw;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .suggest__foot-note {
    width: 92vw;
    margin: 0 auto;
  }
  .suggest__foot-note li {
    font-size: 2.667vw;
    color: #888888;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0.005em;
    padding-left: 1em;
    position: relative;
  }
  .suggest__foot-note li::before {
    content: "※";
    position: absolute;
    left: 0;
  }
  .suggest__foot-button__txt{
    display: block;
    font-size: 2.933vw;
    margin-top: 0.533vw;
  }
}


/*
===========================================================================

  modal

===========================================================================
*/
/* タブ切り替え全体のスタイル 既存のものr流用 */
.tab {
  overflow: hidden;
}
.tab li {
  float: left;
  margin-right: 1px;
  padding: 5px 25px;
  background: #ccc;
}
.tab li.select {
  background: #eee;
}
.content li {
  padding: 20px;
  background: #eee;
}
.hide {
  display: none;
}
ul.tab_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 960px;
  max-width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
ul.tab_head li {
  width: 19%;
}
ul.tab_head li a {
  display: block;
  padding: 8px 10px;
  text-align: center;
  color: #333;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  background-color: #fff;
}
ul.tab_head li a.tab_item--en {
  color: #eb6d9a;
  border: 2px solid #eb6d9a;
}
ul.tab_head li a.tab_item--ma {
  color: #009de1;
  border: 2px solid #009de1;
}
ul.tab_head li a.tab_item--jp {
  color: #f08200;
  border: 2px solid #f08200;
}
ul.tab_head li a.tab_item--sc {
  color: #14a83b;
  border: 2px solid #14a83b;
}
ul.tab_head li a.tab_item--so {
  color: #bd8a44;
  border: 2px solid #bd8a44;
}
ul.tab_head li a:hover {
  opacity: .7;
  background-color: #0070cb;
}
ul.tab_head li.is-active a {
  color: #fff;
  background-color: #0070cb;
}
.tab_content {
  padding: 10px 0 0;
  border-top: 8px solid #0070cb;
}
/* タブ内のタブ */
.tab_content ul.tab_head li {
  width: 49%;
}
.tab_content ul.tab_head li a {
  border: 1px solid #6f6f6f;
  border-radius: 6px;
}
.tab_content ul.tab_head li.is-active a {
  color: #fff;
  background-color: #6f6f6f;
}
ul.tab_head li.is-active a.tab_item--en {
  background-color: #eb6d9a;
}
ul.tab_head li.is-active a.tab_item--ma {
  background-color: #009de1;
}
ul.tab_head li.is-active a.tab_item--jp {
  background-color: #f08200;
}
ul.tab_head li.is-active a.tab_item--sc {
  background-color: #14a83b;
}
ul.tab_head li.is-active a.tab_item--so {
  background-color: #bd8a44;
}
ul.tab_head li a:hover {
  opacity: .7;
  color: #fff;
}
ul.tab_head li a.tab_item--en:hover {
  background-color: #eb6d9a;
}
ul.tab_head li a.tab_item--ma:hover {
  background-color: #009de1;
}
ul.tab_head li a.tab_item--jp:hover {
  background-color: #f08200;
}
ul.tab_head li a.tab_item--sc:hover {
  background-color: #14a83b;
}
ul.tab_head li a.tab_item--so:hover {
  background-color: #bd8a44;
}
ul.tab_head li.is-active a {
  color: #fff;
  background-color: #0070cb;
}
.tab_content .tab_content {
  padding: 10px 30px 0;
  border-top: none;
}
/* SP */
@media only screen and (max-width: 767px) {
  .tab_content .tab_content {
    padding: 10px 10px 0;
  }
}

/*
===========================================================================

  .other   20230616_47096 add

===========================================================================
*/
.other {
  position: relative;
}

.other__banner {
  width: 100%;
  margin: 0 auto;
}

.other__banner__detail__link {
  position: relative;
}

.other__banner__detail__link-red {
  color: red;
}

.other__banner__detail__link:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '※';
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0%);
  transform: translate(-100%, 0%);
}

.other__banner__detail__link+.other__banner__detail__link {
  margin-top: 5px;
}

/* PC */
@media only screen and (min-width: 768px) {
  /*other*/
  .other {
    padding: 54px 0 80px;
  }

  .other__inner {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
  }

  .other__banner {
    max-width: 960px;
    margin-bottom: 40px;
  }

  .other__banner__detail__link-area {
    color: #808080;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 12px;
    padding-left: 1em;
  }

  .other__banner__detail__link-area {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 12px;
    padding-left: 1em;
  }
}

/* SP */
@media only screen and (max-width: 767px) {
  .other {
    padding: 28px 4vw 30px;
  }

  .other__banner {
    margin-bottom: 60px;
  }

  .other__banner__inner {
    padding: 28px 4vw 113px;
  }

  .other__banner__img-wrapper {
    text-align: center;
  }

  .other__banner__detail__link-area {
    color: #808080;
    font-size: 12px;
    line-height: 1.625;
    margin-top: 21px;
    padding-left: 4vw;
  }

  .other__banner__detail__link-area {
    font-size: 12px;
    line-height: 1.625;
    margin-top: 21px;
    padding-left: 4vw;
  }

  .other__banner__detail__link:before {
    width: 3.75vw;
    height: 3.75vw;
  }
}

/*
===========================================================================

  .secret   20230616_47096 add

===========================================================================
*/

/* PC */
@media only screen and (min-width: 768px) {
  .secret__cont {
    width: 100%;
    max-width: 960px;
    margin: 50px auto 140px;
  }
  .secret__p-flame {
    background-color: #E40064;
    border: 3px solid #E40064;
  }
  .secret__p-flame_title {
    color: #fff;
    font-size: 32px;
    padding: 12px 0;
    text-align: center;
    font-weight: bold;
  }
  .secret__p-flame_flex {
    display: flex;
    justify-content: center;
    background-color: #fff;
    padding: 25px 0;
  }
  .secret__p-flame_wb {
    background-color: #fff;
    width: 100%;
    padding: 0 65px;
    text-align: center;
  }
  .secret__p-flame_wb:first-child {
    border-right: 2px solid #222;
  }
  .secret__p-flame_sub {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .secret__p-flame_sub span {
    background: linear-gradient(transparent 60%, #ffea00 60%);
  }
  .secret__p-flame_text {
    font-size: 18px;
  }
  .secret__p-flame_link {
    font-size: 18px;
  }
  .secret__p-flame_link a {
    font-size: 18px;
    color: #e60012;
    text-decoration: underline;
  }
}

/* SP */
@media only screen and (max-width: 767px) {
  .secret__cont {
    margin-bottom: 21.333vw;
  }
  .secret__p-flame {
    background-color: #E40064;
    border: 3px solid #E40064;
    width: 92%;
    margin: 0 4%;
  }
  .secret__p-flame_title {
    color: #fff;
    font-size: 6vw;
    padding: 3.75vw 0;
    text-align: center;
    font-weight: bold;
  }
  .secret__p-flame_wb {
    background-color: #fff;
    width: 100%;
    padding: 6vw;
    text-align: center;
  }
 
  .secret__p-flame_sub {
    font-size: 6vw;
    font-weight: bold;
    margin-bottom: 2.5vw;
  }
  .secret__p-flame_sub span {
    background: linear-gradient(transparent 60%, #ffea00 60%);
  }
  .secret__p-flame_text {
    font-size: 4.5vw;
  }
  .secret__p-flame_link {
    font-size: 4.5vw;
  }
  .secret__p-flame_link a {
    font-size: 4.5vw;
    color: #e60012;
    text-decoration: underline;
  }
}