@charset "UTF-8";

.c-wrap--shimajiro .c_rn-c-h2__sub,
.c-wrap--shimajiro .c_rn-link,
.c-wrap--shimajiro .c_rn-list-btn__link,
.c-wrap--shimajiro .c_rn-list__number-item::before,
.c-wrap--shimajiro .c_rn-trial__btn span,
.c-wrap--shimajiro .c_rn-cv-request__btn-link,
.c-wrap--shimajiro .c_rn-cp-bnr__txt,
.c-wrap--shimajiro .c_rn-bnr-btn__text {
  color: #e81829
}

.c-wrap--shimajiro .c_rn-list__common li:before,
.c-wrap--shimajiro .c_rn-list-btn-acd__more span,
.c-wrap--shimajiro .c_rn-cp-bnr__slide-dot .slick-active button,
.c-wrap--shimajiro .c_rn-c-btn,
.c-wrap--shimajiro .c_rn-point__slide-dot .slick-active button,
.c-wrap--shimajiro .c_rn-point__list::before {
  background-color: #e81829
}

.c-wrap--shimajiro .c_rn-trial__box {
  background-color: #fa0
}

.c-wrap--shimajiro .c_rn-cp-bnr__txt-wrap,
.c-wrap--shimajiro .c_rn-bnr-btn__text {
  background-color: #fff
}

.c-wrap--shimajiro .c_rn-bnr-btn.c_rn-bnr-btn--lightblue .c_rn-bnr-btn__text {
  background-color: #02a9df;
  color: #fff
}

.c-wrap--shimajiro .c_rn-point__caption,
.c-wrap--shimajiro .c_rn-kyozai-h3,
.c-wrap--shimajiro .c_rn-cv-request__btn-link {
  border-color: #e81829
}

.c-wrap--shimajiro .c_rn-trial__btn span {
  border: 0
}

.c-wrap--shimajiro .c_rn-cp-bnr__link,
.c-wrap--shimajiro .c_rn-trial__box {
  box-shadow: 0 3px 20px 0 rgb(0 29 108 / 16%)
}

.c-wrap--shimajiro .c_rn-c-h2::before {
  background-image: url(/_share/221128_kocha_rn_h2_deco.svg)
}

.c-wrap--shimajiro .c_rn-c-h2.c_rn-c-h2--white::before {
  background-image: url(/_share/221216_kocha_rn_h2_deco--white.svg)
}

.c-wrap--shimajiro .c_rn-c-h2.c_rn-c-h2--lightblue::before {
  background-image: url(/_share/221216_kocha_rn_h2_deco--lightblue.svg)
}

.c-wrap--shimajiro .c_rn-c-h2.c_rn-c-h2--mintgreen::before {
  background-image: url(/_share/221216_kocha_rn_h2_deco--mintgreen.svg)
}

.c-wrap--shimajiro .c-cap-text--remark::after {
  background-image: url(/_share/221201_kocha_rn_new_open.svg)
}

.c-wrap--shimajiro .c_rn-list-btn__link::after,
.c-wrap--shimajiro .c_rn-trial__btn span::after,
.c-wrap--shimajiro .c_rn-cp-bnr__txt::before,
.c-wrap--shimajiro .c_rn-cv-request__btn-link::after,
.c-wrap--shimajiro .c_rn-bnr-btn__text::after {
  background-image: url(/_share/221128_kocha_rn_btn_icon_arrow_red.svg)
}

.c-wrap--shimajiro .c_rn-bnr-btn.c_rn-bnr-btn--lightblue .c_rn-bnr-btn__text::after {
  background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg)
}

.c-wrap--shimajiro .c_rn-acc__head::after,
.c-wrap--shimajiro .c_rn-list-btn-acd__more span::after {
  background-image: url(/_share/221128_kocha_rn_acc_icon_plus.svg)
}

.c-wrap--shimajiro .c_rn-acc__head.kocha_rn-acc__head--mintgreen::after {
  background-image: url(/_share/221216_kocha_rn_acc_icon_plus--mintgreen.svg)
}

.c-wrap--shimajiro .c_rn-acc__head.kocha_rn-acc__head--lightblue::after {
  background-image: url(/_share/221216_kocha_rn_acc_icon_plus--lightblue.svg)
}

.c-wrap--shimajiro .c_rn-acc__head.kocha_rn-acc__head--white::after {
  background-image: url(/_share/221216_kocha_rn_acc_icon_plus--white.svg)
}

.c-wrap--shimajiro .c_rn-acc__head.js-c_rn-acc-open::after {
  background-image: url(/_share/221128_kocha_rn_acc_icon_minus.svg)
}

.c-wrap--shimajiro .c_rn-acc__head.kocha_rn-acc__head--mintgreen.js-c_rn-acc-open::after {
  background-image: url(/_share/221216_kocha_rn_acc_icon_minus--mintgreen.svg)
}

.c-wrap--shimajiro .c_rn-acc__head.kocha_rn-acc__head--lightblue.js-c_rn-acc-open::after {
  background-image: url(/_share/221216_kocha_rn_acc_icon_minus--lightblue.svg)
}

.c-wrap--shimajiro .c_rn-acc__head.kocha_rn-acc__head--white.js-c_rn-acc-open::after {
  background-image: url(/_share/221216_kocha_rn_acc_icon_minus--white.svg)
}

.c-wrap--shimajiro .c_rn-acc__item--faq .c_rn-acc__head::before {
  background-image: url(/_share/221201_kocha_rn_faq_icon_question.svg);
  width: 20px
}

.c-wrap--shimajiro .c_rn-point__text--highlight,
.c-wrap--shimajiro .c_rn-kyozai__text--highlight {
  background-image: linear-gradient(transparent 40%, rgba(232, 24, 41, 0.1) 60%)
}

.c_rn-trial .c_rn-section--4vw a {
  text-decoration: none
}

.c-wrap--shimajiro .c_rn-cover-modal img {
  filter: drop-shadow(0 3px 20px rgb(0 29 108 / 15%));
  will-change: filter
}

.c-wrap--shimajiro .c_rn-point__imgwrap {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .c-wrap--shimajiro .grade-c_rn-cp-bnr--bg-blue {
    margin-bottom: 15px
  }
}

@media print,
screen and (max-width:768px) {
  .c-wrap--shimajiro .grade-c_rn-cp-bnr--bg-blue {
    margin-bottom: 4vw
  }

  .c-wrap--shimajiro .c_rn-cp-bnr__txt-wrap::before {
    background-image: url(/_share/221128_kocha_rn_btn_icon_arrow_red.svg)
  }

  .c-wrap--shimajiro .c_rn-c-h2 {
    padding-bottom: calc((25 / 375) * 100vw) !important
  }

  .c-wrap--shimajiro .c_rn-c-h2__main {
    font-size: 8.53vw
  }
}

.color--white {
  color: #fff !important
}

.color--yellow {
  color: #fff039 !important
}

.color--lightblue {
  color: #02a9df !important
}

.color--mintgreen {
  color: #17b5ac !important
}

.bg-color--lightblue {
  background-color: #02a9df !important
}

.bg-color--iceblue {
  background-color: #ebfaff !important
}

.bg-color--mintgreen {
  background-color: #17b5ac !important
}

.bg-color--lightgreen {
  background-color: #f2fffe !important
}

.bg-color--cream {
  background-color: #fff8eb !important
}

.bg-color--white {
  background-color: #fff !important
}

.c_rn-c-btn.kocha-touch_rn-c-btn-more::after {
  background-image: url(/_share/221216_kocha-top_rn_btn_icon_more_white.svg) !important
}

.kocha_rn-acc-h3 {
  justify-content: center
}

@media print,
screen and (min-width:769px) {
  .kocha_rn-acc__body-head {
    font-size: 16px;
    font-weight: bold
  }
}

@media print,
screen and (max-width:768px) {
  .kocha_rn-acc__body-head {
    font-size: 4.27vw;
    font-weight: bold
  }
}

@media print,
screen and (min-width:769px) {
  .component__section-head {
    max-width: 970px;
    margin-left: 340px
  }
}

@media print,
screen and (min-width:769px) and (max-width:1024px) {
  .component__section-head {
    max-width: auto;
    margin-left: 0
  }
}

@media print,
screen and (max-width:768px) {
  .component__section-head {
    margin-bottom: 10.667vw
  }
}

.c-counseling__block {
  background: #2886d9
}

.c-counseling__title {
  color: #2886d9;
  border: 2px #2886d9 solid
}

.c-counseling__title:before {
  border-right: 2px #2886d9 solid
}

.c-counseling__label-area {
  color: #2886d9
}

.c-counseling__link-area {
  border: 2px #2886d9 solid
}

.c-counseling__link {
  background: #2886d9
}

.c-counseling__link.js-c-counseling-link--prev {
  color: #2886d9;
  border: #2886d9 2px solid
}

@media print,
screen and (min-width:769px) {
  .c-counseling__main {
    padding: 0 0 1px
  }

  .c-counseling__block--1 .c-counseling__main {
    background: url(/_share/counseling01_PC.png) no-repeat center bottom
  }

  .c-counseling__block--2 .c-counseling__main {
    background: url(/_share/counseling02_PC.png) no-repeat center bottom
  }

  .c-counseling__block--3 .c-counseling__main {
    background: url(/_share/counseling03_PC.png) no-repeat center bottom
  }

  .c-counseling__block--4 .c-counseling__main {
    background: url(/_share/counseling04_PC.png) no-repeat center bottom
  }

  .c-counseling__block--5 .c-counseling__main {
    background: url(/_share/counseling05_PC.png) no-repeat center bottom
  }

  .c-counseling__block--last {
    background: url(/_share/counselingFINISH_PC.png) no-repeat center 80% #2886d9
  }

  .c-counseling__lead-first {
    background: url(/_share/counseling00_top_PC.png) no-repeat 90% bottom #2886d9
  }

  .c-counseling__caution {
    white-space: pre-wrap;
    color: #d53a35;
    background: #fff;
    font-size: 12px;
    line-height: 1.3333333;
    display: block;
    padding: 5px 10px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    border: 2px solid;
    border-radius: 5px;
    top: -100%;
    box-sizing: border-box;
    width: 100%;
    max-width: 200px
  }

  .c-counseling__caution:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #d53a35 transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    margin: auto
  }

  .c-counseling__caution:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    margin: auto
  }

  .js-c-counseling-disabled:hover {
    opacity: 1
  }

  .js-c-counseling-disabled {
    position: relative
  }
}

@media print,
screen and (min-width:769px) {
  .s-remark-list {
    margin-top: 10px
  }

  .s-flow-table {
    width: calc(100%+10px);
    margin: -5px;
    border-collapse: separate;
    border-spacing: 5px;
    border-radius: 5px;
    overflow: hidden;
    table-layout: fixed
  }

  .s-flow-table__th {
    border-radius: 5px;
    background-color: #2886d9;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    vertical-align: middle
  }

  .s-flow-table__td {
    border-radius: 5px;
    vertical-align: middle;
    background-color: #f6f6f6;
    padding: 20px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #464646;
    text-align: left;
    line-height: 1.5;
    vertical-align: top
  }
}

@media print,
screen and (max-width:768px) {
  .s-remark-list {
    margin-top: 2.66666666vw
  }

  .s-remark-list--comparison {
    margin-bottom: 8vw
  }

  .s-remark-list--cv {
    margin-bottom: 5.33333333vw
  }

  .s-flow-table {
    width: calc(100%+10px);
    margin: -5px;
    border-collapse: separate;
    border-spacing: 5px;
    border-radius: 5px;
    overflow: hidden;
    table-layout: fixed
  }

  .s-flow-table__line-thead {
    float: left;
    width: 30%;
    display: block
  }

  .s-flow-table__line-tbody {
    float: left;
    width: 70%;
    display: block
  }

  .s-flow-table__tr-line {
    float: left;
    display: block
  }

  .s-flow-table__td--line,
  .s-flow-table__th--line {
    display: block;
    width: 100%;
    position: relative
  }

  .s-flow-table__th {
    border-radius: 5px;
    background-color: #2886d9;
    padding: 1.33333333vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    vertical-align: middle
  }

  .s-flow-table__td {
    border-radius: 5px;
    vertical-align: middle;
    background-color: #f6f6f6;
    padding: 5.33333333vw 2.66666666vw;
    font-size: 3.2vw;
    font-weight: bold;
    color: #464646;
    text-align: left;
    line-height: 1.5;
    vertical-align: top
  }

  .c-counseling__main {
    padding: 0 0 1px
  }

  .c-counseling__main {
    height: 105.6vw;
    position: relative
  }

  .c-counseling__block--1 .c-counseling__main,
  .c-counseling__block--2 .c-counseling__main,
  .c-counseling__block--3 .c-counseling__main,
  .c-counseling__block--4 .c-counseling__main,
  .c-counseling__block--5 .c-counseling__main {
    background: 0
  }

  .c-counseling__block--1 .c-counseling__main:after {
    background: url(/_share/counseling01_PC.png) no-repeat center bottom;
    content: '';
    display: block;
    height: 40vw;
    background-size: 69vw;
    position: absolute;
    bottom: 0;
    width: 100%
  }

  .c-counseling__block--2 .c-counseling__main:after {
    background: url(/_share/counseling02_SP.png) no-repeat center bottom;
    content: '';
    display: block;
    height: 40vw;
    background-size: 69vw;
    position: absolute;
    bottom: 0;
    width: 100%
  }

  .c-counseling__block--3 .c-counseling__main:after {
    background: url(/_share/counseling03_SP.png) no-repeat center bottom;
    content: '';
    display: block;
    height: 40vw;
    background-size: 69vw;
    position: absolute;
    bottom: 0;
    width: 100%
  }

  .c-counseling__block--4 .c-counseling__main:after {
    background: url(/_share/counseling04_SP.png) no-repeat center bottom;
    content: '';
    display: block;
    height: 40vw;
    background-size: 69vw;
    position: absolute;
    bottom: 0;
    width: 100%
  }

  .c-counseling__block--5 .c-counseling__main:after {
    background: url(/_share/counseling05_SP.png) no-repeat center bottom;
    content: '';
    display: block;
    height: 40vw;
    background-size: 69vw;
    position: absolute;
    bottom: 0;
    width: 100%
  }

  .c-counseling {
    padding: 5vw 9vw
  }

  .c-counseling__link {
    padding: 3vw
  }

  .c-counseling__close {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 4vw;
    border-left: 2px solid #55a7ed
  }

  .c-counseling__close-icon {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2211.945%22%20viewBox%3D%220%200%2018%2011.945%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_277%22%20data-name%3D%22%E3%83%91%E3%82%B9%20277%22%20d%3D%22M267.247%2C87.06%2C260.6%2C82.928l6.645-4.132a1%2C1%2C0%2C1%2C0-1.051-1.69l-7.479%2C4.65-7.479-4.65a1%2C1%2C0%2C1%2C0-1.051%2C1.69l6.646%2C4.132-6.646%2C4.132a1%2C1%2C0%2C0%2C0%2C1.051%2C1.69l7.479-4.65%2C7.479%2C4.65a1%2C1%2C0%2C1%2C0%2C1.051-1.69Z%22%20transform%3D%22translate(-249.717%20-76.955)%22%20fill%3D%22%2355a7ed%22%2F%3E%3C%2Fsvg%3E')
  }

  .c-counseling__title {
    position: relative;
    font-size: 4vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-right: 15vw;
    line-height: 1.2
  }

  .c-counseling__title:before {
    padding: 0vw 4vw;
    border: 0;
    margin: auto 0
  }

  .c-counseling__label-check {
    padding-left: 3.333vw
  }

  .c-counseling__label:not(:first-child) {
    margin-top: 3vw
  }

  .c-counseling__label-area {
    height: 69.7vw
  }

  .c-counseling__title.c-counseling__title-last {
    padding-left: 5vw;
    justify-content: center;
    padding-top: 4vw;
    padding-bottom: 3.6vw
  }

  .c-counseling__lead-last {
    padding: 6vw 0 86.5vw
  }

  .c-counseling__block--last {
    background-size: 67vw
  }

  .c-counseling__lead-first {
    background-image: url(/_share/counseling00_top_SP.png);
    font-size: 4vw;
    background-size: 55vw;
    line-height: 1.4;
    padding: 3.75vw 6vw 28.6vw;
    background-position: center 23vw;
    background-color: #2886d9
  }

  .c-counseling__block-first .c-counseling__link-area {
    padding: 3vw 4vw;
    border-top: 0
  }

  .c-counseling__block-first .c-counseling__link {
    padding: 3vw
  }

  .c-counseling__caution {
    white-space: pre-wrap;
    color: #d53a35;
    background: #fff;
    font-size: 3.2vw;
    line-height: 1.3333333;
    display: block;
    padding: 1vw;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    border: 2px solid;
    border-radius: 1.45vw;
    top: -125%;
    box-sizing: border-box;
    width: 100%;
    max-width: 40vw
  }

  .c-counseling__caution:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3vw 2.5vw 0 2.5vw;
    border-color: #d53a35 transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3vw;
    margin: auto
  }

  .c-counseling__caution:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3vw 2.5vw 0 2.5vw;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.2vw;
    margin: auto
  }

  .js-c-counseling-disabled:hover {
    opacity: 1
  }

  .js-c-counseling-disabled {
    position: relative
  }

  .c-counseling__block--last {
    background: url(/_share/counselingFINISH_SP.png) no-repeat center 90% #2886d9;
    background-size: 53vw
  }
}

@media print,
screen and (min-width:1025px) {
  .c-wrap--chu .c-menu-link__list--primary {
    border-left-color: #2886d9;
    color: #2886d9
  }
}

@media print,
screen and (max-width:1024px) {

  .c-wrap--chu .c-header__btn--member-fv,
  .c-wrap--chu .c-header__btn--menu-fv {
    background: #2886d9
  }

  .c-wrap--chu .c-menu-link__link:hover {
    border-left-color: #2886d9;
    color: #2886d9
  }

  .c-wrap--chu .c-menu-link__link:hover::after {
    background-image: url(/common_rn/btn_icon_arrow_chu.svg);
    background-size: auto
  }

  .c-wrap--chu .c-menu-link__list--primary {
    border-left-color: #2886d9;
    color: #2886d9
  }

  .c-wrap--chu .c-menu-close-btn::before,
  .c-wrap--chu .c-menu-close-btn::after {
    background: #2886d9
  }

  .c-wrap--chu .c-menu-close-btn {
    color: #2886d9
  }

  .c-wrap--chu .c-header__btn--member.c-header__btn--member-fv,
  .c-wrap--chu .c-header__btn--menu.c-header__btn--menu-fv {
    color: #fff
  }

  .c-wrap--chu .c-header__btn--menu-fv.c-header__btn--menu::before,
  .c-wrap--chu .c-header__btn--menu-fv.c-header__btn--menu::after {
    background-color: #2886d9
  }

  .c-wrap--chu .c-header__btn--menu::before,
  .c-wrap--chu .c-header__btn--menu::after {
    background-color: #2886d9
  }

  .c-wrap--chu .c-header__btn--member,
  .c-wrap--chu .c-header__btn--menu {
    color: #2886d9
  }
}

@media print,
screen and (max-width:768px) {
  .c-wrap--chu .c-cv__main-price-text {
    color: #2886d9
  }

  .c-wrap--chu .c-cv__main-price-unit {
    color: #2886d9
  }

  .c-wrap--chu .c-cv__main-radio-text::before {
    background-image: url('/common_rn/cv_radio_chu.svg')
  }

  .c-wrap--chu .c-cv__main-body {
    border: solid 2px #2886d9
  }

  .c-wrap--chu .c-cv__main-icon {
    background-color: #2886d9
  }

  .c-wrap--chu .c-cv__main-day-text {
    color: #2886d9
  }

  .c-wrap--chu .c-cv__main-day-week {
    background-color: #2886d9
  }

  .c-wrap--chu .c-cv__radio {
    border-bottom: solid 2px #2886d9
  }

  .c-wrap--chu .c-cv__main-radio-label-btn:checked+.c-cv__main-radio-text::before {
    background-image: url('/common_rn/cv_radio_check_chu.svg')
  }

  .c-wrap--chu .c-cv__aside-item--kyozai .c-cv__aside-link::before {
    background-image: url('/common_rn/cv_icon_kyozai_chu.svg')
  }

  .c-wrap--chu .c-cv__aside-link::after {
    background-image: url('/common_rn/btn_icon_arrow_chu.svg')
  }

  .c-wrap--chu .c-cv__aside-item--cost .c-cv__aside-link::before {
    background-image: url('/common_rn/cv_icon_cost_chu.svg')
  }

  .c-wrap--chu .c-cv__aside-link {
    color: #2886d9
  }

  .c-wrap--chu .c-cv__aside-item--friend .c-cv__aside-link::before {
    background-image: url('/common_rn/cv_icon_friend_chu.svg')
  }
}

@media print,
screen and (max-width:1199px) and (min-width:769px) {
  .c-wrap--chu .c-cv__aside-item--kyozai .c-cv__aside-link::before {
    background-image: url('/common_rn/cv_icon_kyozai_chu.svg')
  }

  .c-wrap--chu .c-cv__aside-link::after {
    background-image: url('/common_rn/btn_icon_arrow_chu.svg')
  }

  .c-wrap--chu .c-cv__aside-item--cost .c-cv__aside-link::before {
    background-image: url('/common_rn/cv_icon_cost_chu.svg')
  }

  .c-wrap--chu .c-cv__aside-link {
    color: #2886d9
  }

  .c-wrap--chu .c-cv__aside-item--friend .c-cv__aside-link::before {
    background-image: url('/common_rn/cv_icon_friend_chu.svg')
  }
}

@media print,
screen and (min-width:1200px) {
  .c-wrap--chu .c-cv__aside-item--kyozai .c-cv__aside-link::before {
    background-image: url('/common_rn/cv_icon_kyozai_chu.svg')
  }

  .c-wrap--chu .c-cv__aside-item--cost .c-cv__aside-link::before {
    background-image: url('/common_rn/cv_icon_cost_chu.svg')
  }

  .c-wrap--chu .c-cv__aside-link {
    color: #2886d9
  }

  .c-wrap--chu .c-cv__aside-item--friend .c-cv__aside-link::before {
    background-image: url('/common_rn/cv_icon_friend_chu.svg')
  }
}

.s-grade--chu {
  color: #2886d9
}

@media print,
screen and (min-width:769px) {
  .c-comparison__item--common .c-comparison__head-title {
    font-size: 0;
    width: 180px;
    height: 20px;
    margin-right: auto;
    margin-left: auto
  }

  .c-comparison__item--common .c-comparison__head-title .c-comparison__head-title-cap {
    height: 100%
  }

  .c-comparison__item--common .c-comparison__head,
  .c-comparison__item--challengetouch .c-comparison__head,
  .c-comparison__item--challenge .c-comparison__head {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

@media print,
screen and (max-width:768px) {
  .c-comparison__item--common .c-comparison__head-title {
    font-size: 0;
    margin-right: auto;
    margin-left: auto
  }

  .c-comparison__item--common .c-comparison__head,
  .c-comparison__item--challengetouch .c-comparison__head,
  .c-comparison__item--challenge .c-comparison__head {
    padding-top: 5.33333333vw;
    padding-bottom: 5.33333333vw
  }

  .c-comparison--type01 .c-comparison__item--common .c-comparison__head-title {
    width: 60%
  }

  .c-comparison--type02 .c-comparison__item--common .c-comparison__head-title {
    width: 90%
  }
}

@media print,
screen and (min-width:769px) {
  .c-line-chu__item.c-line-chu__item--maxwidth {
    width: 49.45%
  }
}

@media print,
screen and (max-width:768px) {
  .c-line-chu__item.c-line-chu__item--maxwidth {
    width: 100%;
    margin-right: 0
  }
}

@media print,
screen and (min-width:769px) {
  .c-line-chu-remark {
    margin-top: 10px
  }
}

@media print,
screen and (max-width:768px) {
  .c-line-chu-remark {
    margin-top: 2.66666666vw
  }
}

@media print,
screen and (min-width:769px) {
  .c-img-border {
    border: solid 2px #f6f6f6
  }

  .c-img-border-pc {
    border: solid 2px #f6f6f6
  }
}

@media print,
screen and (max-width:768px) {
  .c-img-border {
    border: solid 2px #f6f6f6
  }

  .c-img-border-sp {
    border: solid 2px #f6f6f6
  }
}

@media print,
screen and (min-width:769px) {
  .c-base02__content .c-checkmark-list .c-checkmark-list__item {
    width: 100%;
    margin-top: 15px
  }
}

@media print,
screen and (max-width:768px) {
  .c-h3__label img.icon-course {
    width: 120px;
    height: 60px
  }
}

@media print,
screen and (min-width:769px) {
  .c-h3__label img.icon-course {
    width: 120px;
    height: 60px
  }
}

@media print,
screen and (min-width:769px) {
  .s-footer-link__item {
    margin-bottom: 20px
  }

  .s-footer-link__item--bg {
    padding: 14px 0;
    background-color: #f2f2f2;
    font-size: 12px;
    text-align: center;
    margin-bottom: 70px
  }

  .s-footer-link {
    display: block;
    text-decoration: none;
    border-bottom: 0
  }
}

@media print,
screen and (max-width:768px) {
  .s-footer-link__item {
    margin-bottom: 4.5vw
  }

  .s-footer-link__item--bg {
    border: .63vw solid #f3f3f3;
    -webkit-border-radius: 1.25vw;
    border-radius: 1.25vw;
    padding: 3.13vw;
    background: #f7f7f7;
    margin-bottom: 10.6666vw
  }

  .s-footer-link {
    display: block;
    text-decoration: none;
    border-bottom: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c-acc__body .c-base02__content {
    padding-right: 0;
    padding-left: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c-base02__text.c-text+.c-base02__number-list {
    margin-top: 20px
  }
}

@media print,
screen and (min-width:769px) {
  .c-base02__text.c-text+.c-base02__number-list {
    margin-top: 10px
  }
}

.c-base02__thumb video {
  width: 100%
}

@media print,
screen and (min-width:769px) {
  .c-modal__body-inner .c-line-chu__link {
    padding: 28px 25px
  }
}

@media print,
screen and (min-width:769px) {
  .section-h2 .c-section--03 .c-modal__member-item a.c-btn {
    padding: 18px 40px
  }

  .c-section .section-h3 .c-line-chu__list--type02 .c-line-chu__link {
    padding: 28px 24px
  }
}

@media print,
screen and (max-width:768px) {
  .c-base01-type01__thumb {
    border-radius: 1.33333333vw 1.33333333vw 0 0;
    border: solid 2px #f6f6f6
  }

  .c-base01-type02__thumb {
    border-radius: 1.33333333vw 0 0 1.33333333vw;
    border: solid 2px #f6f6f6
  }

  .c-base01-type03__thumb {
    border-radius: 1.33333333vw 0 0 1.33333333vw;
    border: solid 2px #f6f6f6
  }

  .c-base01-type04__thumb {
    border-radius: 1.33333333vw 1.33333333vw 0 0;
    border: solid 2px #f6f6f6
  }

  .c-base01-type05__thumb {
    border-radius: 1.33333333vw 0 0 1.33333333vw;
    border: solid 2px #f6f6f6
  }

  .c-base01-type01__thumb img,
  .c-base01-type04__thumb img {
    border-radius: 1.3vw 1.3vw 0 0
  }

  .c-base01-type02__thumb img,
  .c-base01-type03__thumb img,
  .c-base01-type05__thumb img {
    border-radius: 1.3vw 0 0 1.3vw
  }
}

@media print,
screen and (min-width:769px) {
  .c-base01-type01__thumb {
    border-radius: 5px 5px 0 0;
    border: solid 2px #f6f6f6
  }

  .c-base01-type02__thumb {
    border-radius: 5px 0 0 5px;
    border: solid 2px #f6f6f6
  }

  .c-base01-type03__thumb {
    border-radius: 5px 0 0 5px;
    border: solid 2px #f6f6f6
  }

  .c-base01-type04__thumb {
    border-radius: 5px 0 0 5px;
    border: solid 2px #f6f6f6
  }

  .c-base01-type05__thumb {
    border-radius: 5px 5px 0 0;
    border: solid 2px #f6f6f6
  }

  .c-base01-type01__thumb img,
  .c-base01-type05__thumb img {
    border-radius: 4px 4px 0 0
  }

  .c-base01-type02__thumb img,
  .c-base01-type03__thumb img,
  .c-base01-type04__thumb img {
    border-radius: 4px 0 0 4px
  }
}

@media print,
screen and (max-width:768px) {
  .c-table02__th.c-table02__th-chu {
    background-color: #2886d9
  }
}

@media print,
screen and (min-width:769px) {
  .c-table02__th.c-table02__th-chu {
    background-color: #2886d9
  }
}

@media print,
screen and (min-width:769px) {
  .c-table02__td .c-table02__td-text:first-child {
    margin-top: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c-modal__body .c-modal__body-inner+.c-modal__body-inner {
    padding-top: 0
  }
}

@media print,
screen and (min-width:769px) {
  .c-base02__body .c-base02__thumb+.c-base02__content .c-base02__text {
    padding-top: 20px
  }

  .c-base02__body .c-base02__h3+.c-base02__thumb+.c-base02__content .c-base02__text {
    padding-top: 0
  }
}

@media print,
screen and (max-width:768px) {
  .section-h3 .c-keyword {
    margin-bottom: 0
  }

  .section-h3 .c-keyword__item:nth-last-child(1),
  .section-h3 .c-keyword__item:nth-last-child(2),
  .section-h3 .c-keyword__item:nth-last-child(3) {
    margin-bottom: 0
  }
}

@media print,
screen and (min-width:769px) {
  .section-h3 .c-keyword {
    margin-bottom: 0
  }

  .section-h3 .c-keyword__item:nth-last-child(1),
  .section-h3 .c-keyword__item:nth-last-child(2),
  .section-h3 .c-keyword__item:nth-last-child(3),
  .section-h3 .c-keyword__item:nth-last-child(4),
  .section-h3 .c-keyword__item:nth-last-child(5),
  .section-h3 .c-keyword__item:nth-last-child(6) {
    margin-bottom: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c-h3 {
    margin-bottom: 20px
  }
}

@media print,
screen and (min-width:769px) {
  .c-h3 {
    margin-bottom: 20px
  }
}

@media print,
screen and (min-width:769px) {
  .section-h3 .c-flow .c-carousel__item {
    margin-bottom: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c-modal__body-inner .c-remark-list:last-child {
    margin-top: 2.66666666vw
  }

  .c-modal__body-inner .c-remark-list:not(:last-child) {
    margin-bottom: 2.66666666vw
  }
}

@media print,
screen and (min-width:769px) {
  .c-modal__body-inner .c-remark-list:last-child {
    margin-top: 10px
  }

  .c-modal__body-inner .c-remark-list:not(:last-child) {
    margin-bottom: 10px
  }
}

@media print,
screen and (max-width:768px) {
  .c-footer-logo:first-child .c-footer-logo__img_nc1 {
    height: auto
  }
}

@media print,
screen and (max-width:768px) {
  sup {
    vertical-align: super;
    font-size: smaller
  }
}

@media print,
screen and (min-width:769px) {
  sup {
    vertical-align: super;
    font-size: smaller
  }
}

@media print,
screen and (max-width:768px) {
  .c-number-list__item {
    font-size: 4.8vw
  }

  .c-number-list__item::before {
    top: .8vw
  }
}

@media print,
screen and (min-width:1025px) {
  .c-menu-other-chu {
    top: 190px
  }
}

.c-wrap--chu .c-menu-link__link--other-grade:hover::after {
  background-image: url('/common_rn/c-plus--blue.svg')
}

.c-wrap--chu .c-menu-link__link--other-grade-open:hover::after {
  background-image: url('/common_rn/c-minus--blue.svg')
}

@media print,
screen and (max-width:768px) {
  .c-table+.c-text {
    font-size: 4.8vw
  }
}

@media print,
screen and (min-width:1025px) {
  .c-wrap--lp .c-header {
    height: 140px
  }

  .c-wrap--lp .c-header-inner {
    height: 140px
  }

  .c-wrap--lp .c-header-head {
    max-width: 260px
  }

  .c-wrap--lp .c-menu-grade {
    font-size: 22px;
    color: #2886d9
  }

  .c-wrap--lp .c-header-head__grade {
    margin-top: 5px;
    font-size: 22px;
    color: #2886d9
  }

  .c-wrap--lp .c-header-head__grade--fv {
    margin-top: 5px;
    font-size: 22px
  }

  .c-wrap--lp .c-header-head__grade--fv.s-grade--chu {
    color: #2886d9
  }

  .c-wrap--lp .c-header-head__img--shozemi {
    height: 22px
  }
}

@media print,
screen and (max-width:1024px) {
  .c-wrap--lp .c-header-head--fv {
    height: 28vw
  }
}

@media print,
screen and (min-width:1025px) {
  .c-cv--type02 .c-cv__btn-link {
    padding: 24px
  }

  .c-cv--type02 .c-cv__btn-link::after {
    right: 5%
  }

  .c-cv__main-price-text-deleteline {
    color: #d53a35 !important;
    text-decoration: line-through
  }

  .c-cv__main-price-text-deleteline span {
    color: #2886d9
  }

  .c-cv__top-text {
    font-size: 16px;
    font-weight: bold;
    color: #464646;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 8px;
    padding-right: 30px;
    padding-left: 30px;
    position: relative
  }

  .c-cv__component-over .c-cv__main-content-item:nth-child(1) {
    position: relative
  }

  .c-cv__component-over .c-cv__main-content-item:nth-child(1)::before {
    content: '';
    position: absolute;
    background-image: url(/210416_30442_chu3_top_icon_01_pc.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 31px;
    position: absolute;
    right: 0;
    bottom: 0
  }

  .c-cv__main-text_big {
    font-size: 25px
  }

  .c-cv__component-over .c-cv__main-content-item:nth-child(2),
  .c-cv__component-over__bottom .c-cv__main-content-item:nth-child(2) {
    background-color: #fdef60
  }
}

@media print,
screen and (max-width:1024px) {
  .c-wrap--lp .c-header-head--fv {
    height: 28vw
  }

  .c-cv__main-price-text-deleteline {
    color: #d53a35 !important;
    text-decoration: line-through
  }

  .c-cv__main-price-text-deleteline span {
    color: #2886d9
  }

  .c-cv__top-text {
    font-size: 4.26666666vw;
    font-weight: bold;
    color: #464646;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 2.13333333vw;
    padding-right: 5.33333333vw;
    padding-left: 5.33333333vw;
    position: relative
  }

  .c-cv__component-over .c-cv__main-price,
  .c-cv__component-over__bottom .c-cv__main-price {
    margin-top: 0
  }

  .c-cv__main-text_big {
    font-size: 5.333vw
  }

  .c-cv__component-over .c-cv__main-content-item:nth-child(2),
  .c-cv__component-over__bottom .c-cv__main-content-item:nth-child(2) {
    background-color: #fdef60
  }
}

.js-c-youtube-start {
  position: relative;
  display: block
}

.js-c-youtube-start:hover:before {
  opacity: .5
}

.js-c-youtube-start:before {
  z-index: 1;
  content: '';
  display: block;
  width: 70px;
  height: 50px;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  border-radius: 15px
}

.js-c-youtube-start:after {
  z-index: 2;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #fff;
  margin: auto;
  position: absolute
}

@media print,
screen and (min-width:769px) {
  .c-youtubearea {
    height: 0;
    padding-top: 58.64%;
    position: relative;
    overflow: hidden
  }

  .c-youtubearea>iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c-youtubearea {
    height: 0;
    padding-top: 56.27%;
    position: relative;
    overflow: hidden
  }

  .c-youtubearea>iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c-base02__item .c-tab-head {
    margin-right: 8vw;
    margin-left: 8vw
  }
}

@media print,
screen and (max-width:768px) {
  .c-cv__body.c-cv__body_kvtop {
    background-color: #fff;
    padding: 0
  }

  .c-cv__body_kvtop .c-cv__main-body {
    background-color: #2886d9
  }

  .c-cv__main_kvtop .c-cv__main-content {
    background-color: #2886d9;
    padding: 4.8vw 4.8vw 1vw
  }

  .c-cv__main_kvtop .c-cv__main-content--day .c-cv__main-text {
    color: #fff;
    font-size: 3.6vw
  }

  .c-cv__main_kvtop .c-cv__main-content--day .c-cv__main-text span {
    color: #fff039
  }

  .c-cv__main_kvtop .c-cv__main-day {
    margin-top: 0
  }

  .c-cv__main_kvtop .c-cv__main-day-text {
    color: #fff039;
    font-size: 20.533vw
  }

  .c-cv__main_kvtop .c-cv__main-day-week {
    background-color: #fff039;
    color: #2886d9;
    font-size: 7.467vw;
    width: 11.2vw;
    height: 11.2vw;
    margin-top: 6.667vw
  }

  .c-cv__main_kvtop .c-cv__main-icon {
    padding: 0 2.66666666vw 2.66666666vw
  }

  .c-cv__main.c-cv__main_kvtop:not(:last-child) {
    margin-bottom: 0
  }
}

@media print,
screen and (min-width:769px) {
  .c-cv__body.c-cv__body_kvtop {
    background-color: #fff;
    padding: 0
  }

  .c-cv__main_kvtop .c-cv__main-content {
    border-radius: 5px 0 0 5px;
    padding: 25px 23px
  }

  .c-cv__main_kvtop .c-cv__main-content--day .c-cv__main-content-item:nth-child(1) {
    width: auto;
    margin-right: 0
  }

  .c-cv__main_kvtop .c-cv__main-content--day .c-cv__main-text {
    font-size: 21px
  }

  .c-cv__main.c-cv__main_kvtop {
    width: 100%
  }

  .c-cv--type01 .c-cv__main_kvtop .c-cv__main-icon {
    width: 35%
  }

  .c-cv__main_kvtop .c-cv__main-icon {
    border-radius: 0 5px 5px 0
  }

  .c-cv__main_kvtop .c-cv__main-day-text {
    color: #fff039;
    font-size: 72px
  }

  .c-cv__main_kvtop .c-cv__main-day-week {
    background-color: #fff039;
    margin-top: 20px;
    color: #2886d9;
    font-size: 25px
  }
}

@media print,
screen and (max-width:768px) {
  .img-icon-stack {
    position: relative
  }

  .c-img-icon {
    position: absolute;
    width: 41.333vw;
    height: auto
  }
}

@media print,
screen and (min-width:769px) {
  .img-icon-stack {
    position: relative
  }

  .c-img-icon {
    position: absolute;
    width: 155px;
    height: auto
  }
}

@media print,
screen and (max-width:768px) {
  .m-p-bread-sp {
    border-top: 1px solid #e6e6e6;
    padding: 15px 15px 14px 15px;
    font-size: 78%
  }

  .m-p-bread-sp ol:after {
    content: '.';
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
    clear: both
  }

  .m-p-bread-sp ol li {
    float: left;
    position: relative;
    padding-left: 15px;
    margin-left: 5px
  }

  .m-p-bread-sp ol li:first-child {
    margin: 0;
    padding: 0
  }

  .m-p-bread-sp ol li:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '>';
    color: gray
  }

  .m-p-bread-sp ol li:first-child:after {
    display: none
  }

  .m-p-bread-sp ol li a {
    color: #08c;
    text-decoration: none
  }

  .m-p-bread-sp ol li span {
    color: gray
  }
}

@media print,
screen and (max-width:768px) {
  .c-important {
    margin: 5.333333333333vw auto
  }
}

@media print,
screen and (min-width:769px) {
  .c-important {
    margin: 30px auto
  }
}

@media print,
screen and (min-width:769px) {
  .js-c-carousel-pre3.slick-initialized .slick-slide {
    padding: 0 10px;
    box-sizing: border-box
  }

  .js-c-carousel-pre3 .c-premium-area__list-item:not(:first-child) {
    margin-left: auto
  }
}

.anchor {
  width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  border-bottom: 2px dotted #2886d9;
  text-decoration: none
}

.anchor:first-child {
  border-top: 2px dotted #2886d9
}

.anchor::after {
  content: '';
  display: block;
  background-image: url(/common_rn/btn_icon_arrow_chu_double.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin: auto;
  transform: rotate(90deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

.anchor__icon {
  display: block
}

.anchor__text-sub {
  font-weight: 600;
  color: #1a1a1a
}

.anchor__text-main {
  color: #2886d9;
  font-weight: 600
}

.c-after-tr {
  position: relative
}

@media print,
screen and (min-width:769px) {
  .anchor {
    padding: 12px 35px 12px 0
  }

  .anchor:hover {
    opacity: .8
  }

  .anchor::after {
    height: 14px;
    width: 24px
  }

  .anchor__content {
    order: 2
  }

  .anchor__thumb {
    order: 1;
    flex: 0 0 6%;
    margin-right: 30px
  }

  .anchor__icon {
    width: 60px
  }

  .anchor__text-sub {
    font-size: 20px
  }

  .anchor__text-main {
    font-size: 25px
  }

  .c-after-tr::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 60px;
    bottom: -60px;
    background-color: rgba(40, 134, 217, 0.1);
    clip-path: polygon(0 0, 100% 0, 50% 100%)
  }
}

@media screen and (max-width:768px) {
  .anchor {
    justify-content: start;
    padding: 4.6667vw 6.841vw 4.6667vw 0
  }

  .anchor::after {
    height: 2.7367vw;
    width: 4.727vw
  }

  .anchor__thumb {
    flex: 0 0 15vw;
    margin-left: 2.05vw;
    margin-right: 8vw
  }

  .anchor__icon {
    width: 11.7333vw
  }

  .anchor__text-sub {
    font-size: 3.137vw;
    display: block
  }

  .anchor__text-main {
    font-size: 4vw
  }

  .c-after-tr::after {
    position: absolute;
    content: '';
    width: 100vw;
    height: 10.66666vw;
    bottom: -10.66666vw;
    background-color: rgba(40, 134, 217, 0.1);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    right: -8vw
  }
}

.at-trial-btn-navi--b {
  display: none
}

.at-trial-btn-cv--b {
  display: none
}

.at-trial-btn-float {
  display: none
}

@media print,
screen and (min-width:769px) {
  .c-footer-sns--list {
    width: 48px;
    height: 48px
  }
}

.c_rn-section--cv_pb .c_rn-cv-request__btn-link {
  display: none
}

.c_rn-section--cv_p_c .c_rn-cv-area__cont--c {
  display: none
}

@media print,
screen and (min-width:769px) {
  .c_rn-wrap {
    margin-bottom: 50px
  }

  .c_rn-wrap__sp {
    display: none !important
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-wrap {
    margin-bottom: 10vw
  }

  .c_rn-wrap__pc {
    display: none !important
  }
}

@media print,
screen and (min-width:1025px) {
  .c_rn-container {
    min-width: 1440px
  }
}

@media print,
screen and (min-width:1025px) and (max-width:1440px) {
  .c_rn-container .c-header__cover {
    background: 0
  }

  .c_rn-container .c-header__menu--fixed {
    position: relative
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-mt105-pc {
    margin-top: 105px !important
  }

  .c_rn-mt110-pc {
    margin-top: 110px !important
  }

  .c_rn-mt115-pc {
    margin-top: 115px !important
  }

  .c_rn-mt120-pc {
    margin-top: 120px !important
  }

  .c_rn-mt125-pc {
    margin-top: 125px !important
  }

  .c_rn-mt130-pc {
    margin-top: 130px !important
  }

  .c_rn-mt135-pc {
    margin-top: 135px !important
  }

  .c_rn-mt140-pc {
    margin-top: 140px !important
  }

  .c_rn-mt145-pc {
    margin-top: 145px !important
  }

  .c_rn-mt150-pc {
    margin-top: 150px !important
  }

  .c_rn-mb105-pc {
    margin-bottom: 105px !important
  }

  .c_rn-mb110-pc {
    margin-bottom: 110px !important
  }

  .c_rn-mb115-pc {
    margin-bottom: 115px !important
  }

  .c_rn-mb120-pc {
    margin-bottom: 120px !important
  }

  .c_rn-mb125-pc {
    margin-bottom: 125px !important
  }

  .c_rn-mb130-pc {
    margin-bottom: 130px !important
  }

  .c_rn-mb135-pc {
    margin-bottom: 135px !important
  }

  .c_rn-mb140-pc {
    margin-bottom: 140px !important
  }

  .c_rn-mb145-pc {
    margin-bottom: 145px !important
  }

  .c_rn-mb150-pc {
    margin-bottom: 150px !important
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-mt105-sp {
    margin-top: 28vw !important
  }

  .c_rn-mt110-sp {
    margin-top: 29.33333333vw !important
  }

  .c_rn-mt115-sp {
    margin-top: 30.66666667vw !important
  }

  .c_rn-mt120-sp {
    margin-top: 32vw !important
  }

  .c_rn-mt125-sp {
    margin-top: 33.33333333vw !important
  }

  .c_rn-mt130-sp {
    margin-top: 34.66666667vw !important
  }

  .c_rn-mt135-sp {
    margin-top: 36vw !important
  }

  .c_rn-mt140-sp {
    margin-top: 37.33333333vw !important
  }

  .c_rn-mt145-sp {
    margin-top: 29.33333333vw !important
  }

  .c_rn-mt150-sp {
    margin-top: 40vw !important
  }

  .c_rn-mb105-sp {
    margin-bottom: 28vw !important
  }

  .c_rn-mb110-sp {
    margin-bottom: 29.33333333vw !important
  }

  .c_rn-mb115-sp {
    margin-bottom: 30.66666667vw !important
  }

  .c_rn-mb120-sp {
    margin-bottom: 32vw !important
  }

  .c_rn-mb125-sp {
    margin-bottom: 33.33333333vw !important
  }

  .c_rn-mb130-sp {
    margin-bottom: 34.66666667vw !important
  }

  .c_rn-mb135-sp {
    margin-bottom: 36vw !important
  }

  .c_rn-mb140-sp {
    margin-bottom: 37.33333333vw !important
  }

  .c_rn-mb145-sp {
    margin-bottom: 38.66666667vw !important
  }

  .c_rn-mb150-sp {
    margin-bottom: 40vw !important
  }
}

@media print,
screen and (min-width:769px) {

  .c_rn-section,
  .c_rn-section--4vw,
  .c_rn-section--8vw {
    max-width: 970px;
    margin-left: 340px
  }

  .c_rn-section--4vw__inner {
    padding: 0 46px
  }

  .c_rn-section--top {
    max-width: 1130px;
    margin: 0 auto
  }

  .c_rn-section--top__inner {
    max-width: 970px;
    margin: 0 auto
  }
}

@media print,
screen and (min-width:769px) and (max-width:1024px) {

  .c_rn-section,
  .c_rn-section--4vw,
  .c_rn-section--8vw {
    max-width: auto;
    margin-left: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-section--top {
    margin: 0
  }

  .c_rn-section--top__inner {
    margin-left: 4vw;
    margin-right: 4vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-point-wrap+.c_rn-point-wrap {
    margin-top: 76px
  }

  .c_rn-point__caption {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 20px;
    position: relative;
    border-left: 4px solid #2886d9;
    padding: 0vw 0vw 0vw 10px;
    font-weight: bold
  }

  .c_rn-point__caption span {
    font-size: 20px;
    font-weight: normal
  }

  .c_rn-point__text {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 20px
  }

  .c_rn-point__text--bold {
    font-weight: bold
  }

  .c_rn-point__text--highlight {
    font-weight: bold;
    background-image: linear-gradient(transparent 40%, #e9f3fb 60%)
  }

  .c_rn-pont_heading-wrap {
    display: flex;
    align-content: flex-start;
    margin-bottom: 40px
  }

  .c_rn-point__step {
    display: inline-block;
    color: #fff;
    background-color: #2886d9;
    padding: 3.8px 9.4px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    margin-right: 10px
  }

  .c_rn-point__step--text {
    font-size: 17px;
    padding: 0 10px;
    line-height: 28px
  }

  .c_rn-point__step-num {
    font-size: 22px
  }

  .c_rn-point__heading {
    color: #2886d9;
    font-weight: bold;
    font-size: 28px;
    line-height: 1
  }

  .c_rn-point+.c_rn-point {
    margin-top: 50px
  }
  .c_rn-point.c_rn-point--1col{
    width: 47%;
  }

  .c_rn-point__list::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #2886d9;
    display: block;
    border-radius: 2px
  }

  .c_rn-point__list {
    font-size: 14px;
    line-height: 1.5;
    color: #464646;
    position: relative;
    padding-left: 1em;
    margin-top: 17px
  }

  .c_rn-point__list+.c_rn-point__list {
    margin-top: 5px
  }

  .c_rn-point__note::before {
    content: '※';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px
  }

  .c_rn-point__note {
    font-size: 14px;
    line-height: 1.5;
    color: #888;
    position: relative;
    padding-left: 1em;
    margin-top: 5px
  }

  .c_rn-point__note+.c_rn-point__note {
    margin-top: 5px
  }

  .c_rn-point__detail {
    background-color: #f6f6f6;
    position: relative;
    margin: auto;
    padding: 25px 83px
  }

  .c_rn-point__detail .c_rn-point__text {
    margin-top: 0vw;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 10px
  }

  .c_rn-point__detail--inner {
    width: 285px;
    height: 310px;
    margin: 0 auto;
    padding: 30px 0
  }

  .c_rn-point__flow-caption {
    font-size: 16px;
    font-weight: bold
  }

  .c_rn-point__flow-box {
    padding-left: 35px;
    padding-right: 4vw;
    position: relative;
    display: flex;
    flex-direction: row
  }

  .c_rn-point__flow {
    margin-top: 12px
  }

  .c_rn-point__flow-box img {
    width: 285px;
    padding: 0 20px
  }

  .c_rn-point__flow-box+.c_rn-point__flow-box {
    margin-top: 40px
  }

  .c_rn-point__flow-box:last-child::before {
    background-image: url(/_share/221114_42498_common_rn_icon_flow-circle.svg)
  }

  .c_rn-point__flow-box::before {
    display: block;
    width: 15px;
    height: 110%;
    position: absolute;
    left: 2%;
    top: 1%;
    background-size: contain;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_icon_flow-line.svg);
    background-repeat: no-repeat
  }

  .c_rn-point__content {
    width: 48%;
    max-width: 465px
  }

  .c_rn-point__content-2 {
    display: flex
  }

  .c_rn-point__content-2>div {
    width: 48%
  }

  .c_rn-point__content-2>div :nth-child(2) {
    margin-left: 40px
  }

  .c_rn-point__content .c_rn-point__flow-box:last-child::before {
    background-image: url(/_share/221114_42498_common_rn_icon_flow-circle.svg)
  }

  .c_rn-point__2column {
    display: flex
  }

  .c_rn-point__2column-box_1,
  .c_rn-point__2column-box_2 {
    flex: 1
  }

  .c_rn-point__2column-box_1:nth-child(2),
  .c_rn-point__2column-box_2:nth-child(2) {
    margin-left: 38px
  }

  .c_rn-point__slide .slick-track {
    display: flex
  }

  .c_rn-point__slide-inner {
    padding-right: 38px
  }

  .c_rn-point__slide-inner>img {
    width: 382px
  }

  .c_rn-point__slide-caption {
    color: #707070;
    font-size: 10px;
    margin-top: 10px
  }

  .c_rn-point__slide-dot {
    display: flex;
    justify-content: center
  }

  .c_rn-point__slide-dot button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    appearance: none;
    font-size: 0;
    width: 40px;
    height: 4px;
    background-color: #e0e0e0;
    border-radius: .53333vw
  }

  .c_rn-point__slide-dot .slick-active button {
    background-color: #2886d9
  }

  .c_rn-point__slide-dot li {
    margin: 0 2.5px
  }

  .c_rn-point__slide--includeAccordion .slick-track {
    align-items: stretch
  }

  .c_rn-point__slide--includeAccordion .slick-slide {
    height: auto
  }

  .c_rn-point__slide--includeAccordion .c_rn-point__slide-inner {
    margin-right: 38px;
    padding-right: 0;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #e2e2e2
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-point__slide-description {
    width: 382px;
    padding: 25px 15px
  }

  .c_rn-point__slide-description dt {
    color: #888;
    font-size: 12px;
    margin-bottom: 5px
  }

  .c_rn-point__slide-description dd {
    font-size: 14px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-point__slide-description {
    padding-top: calc((25 / 375) * 100vw);
    padding-bottom: calc((25 / 375) * 100vw);
    padding-left: calc((15 / 375) * 100vw);
    padding-right: calc((15 / 375) * 100vw)
  }

  .c_rn-point__slide-description dt {
    color: #888;
    font-size: calc((12 / 375) * 100vw);
    margin-bottom: calc((5 / 375) * 100vw)
  }

  .c_rn-point__slide-description dd {
    font-size: calc((14 / 375) * 100vw)
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-point-wrap+.c_rn-point-wrap {
    margin-top: 2.5vw;
    border-top: 1px solid #e0e0e0;
    padding-top: 13.33vw
  }

  .c_rn-point__caption {
    font-size: 6.4vw;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 5.33vw;
    position: relative;
    border-left: 1.2vw solid #2886d9;
    padding-left: calc((10 / 375) * 100vw)
  }

  .c_rn-point__caption span {
    font-size: 5.3333vw;
    font-weight: normal
  }

  .c_rn-point__text {
    font-size: calc((14 / 375) * 100vw);
    line-height: 1.5;
    margin-top: 5.33vw
  }

  .c_rn-point__text--bold {
    font-weight: bold
  }

  .c_rn-point__text--highlight {
    font-weight: bold;
    background-image: linear-gradient(transparent 40%, #e9f3fb 60%)
  }

  .c_rn-pont_heading-wrap {
    display: flex;
    align-content: flex-start;
    margin-bottom: 13.33vw
  }

  .c_rn-point__step {
    display: inline-block;
    color: #fff;
    background-color: #2886d9;
    padding: 1vw 2.5vw;
    font-size: 3.46666vw;
    font-weight: bold;
    line-height: 1;
    margin-right: 3vw
  }

  .c_rn-point__step--text {
    font-size: 4.53333vw;
    padding: 1.8vw 2.5vw
  }

  .c_rn-point__step-num {
    font-size: 5.86666vw
  }

  .c_rn-point__heading {
    color: #2886d9;
    font-weight: bold;
    font-size: 8vw;
    line-height: 1
  }

  .c_rn-point+.c_rn-point {
    margin-top: 20vw
  }

  .c_rn-point__list::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #2886d9;
    display: block;
    border-radius: 2px
  }

  .c_rn-point__list {
    font-size: 4.2666666vw;
    line-height: 1.5;
    color: #464646;
    position: relative;
    padding-left: 1em;
    margin-top: 5vw
  }

  .c_rn-point__list+.c_rn-point__list {
    margin-top: 2vw
  }

  .c_rn-point__note::before {
    content: '※';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
  }

  .c_rn-point__note {
    font-size: 3.047vw;
    line-height: 1.5;
    color: #888;
    position: relative;
    padding-left: 1em;
    margin-top: 5vw
  }

  .c_rn-point__note+.c_rn-point__note {
    margin-top: 2vw
  }

  .c_rn-point__detail {
    background-color: #f6f6f6;
    padding: 8vw 8vw 8vw;
    margin-top: 8vw;
    position: relative
  }

  .c_rn-point__detail .c_rn-point__text {
    margin-top: 0vw;
    font-size: 5.3333vw;
    line-height: 1.3;
    margin-bottom: 4vw
  }

  .c_rn-point__flow-caption {
    font-size: 4.266vw;
    font-weight: bold
  }

  .c_rn-point__flow-box {
    padding-left: 8vw;
    padding-right: 4vw;
    position: relative;
    display: flex;
    flex-direction: column-reverse
  }

  .c_rn-point__flow {
    margin-top: 5vw
  }

  .c_rn-point__flow-box img {
    padding-left: 4vw
  }

  .c_rn-point__flow-box+.c_rn-point__flow-box {
    margin-top: 8vw
  }

  .c_rn-point__flow-box::before {
    display: block;
    width: 4vw;
    height: 110%;
    position: absolute;
    left: 2%;
    top: 1%;
    background-size: contain;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_icon_flow-line.svg);
    background-repeat: no-repeat
  }

  .c_rn-point__flow-box:last-child::before {
    background-image: url(/_share/221114_42498_common_rn_icon_flow-circle.svg)
  }

  .c_rn-point__2column-box_1+.c_rn-point__2column-box_1 {
    margin-top: 16vw
  }

  .c_rn-point__slide .slick-track {
    display: flex;
    left: -4.4vw !important
  }

  .c_rn-point__slide.slick-initialized {
    margin: 0 -4vw
  }

  .c_rn-point__slide-inner {
    padding: 0 2vw
  }

  .c_rn-point__slide-item {
    width: 88vw
  }

  .c_rn-point__slide-caption {
    color: #707070;
    font-size: 2.6666vw;
    margin-top: 2vw
  }

  .c_rn-point__slide-dot {
    display: flex;
    justify-content: center;
    margin-top: -1.7vw
  }

  .c_rn-point__slide-dot button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    appearance: none;
    font-size: 0;
    width: 10.6666vw;
    height: 1.06666vw;
    background-color: #e0e0e0;
    border-radius: .53333vw
  }

  .c_rn-point__slide-dot .slick-active button {
    background-color: #2886d9
  }

  .c_rn-point__slide-dot li {
    margin: 0 .8vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-line__heading {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px
  }

  .c_rn-line__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
  }

  .c_rn-line__list-item {
    width: 235px;
    margin-bottom: 10px;
    margin-right: 10px
  }

  .c_rn-line__list .c_rn-line__list-item:nth-child(4n) {
    margin-right: 0 !important
  }

  .c_rn-line__list-link {
    line-height: 1.3;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    display: block;
    border-radius: 10px;
    background-color: #2886d9;
    text-align: center;
    text-decoration: none;
    padding: 33px 37px 31px 20px;
    position: relative
  }

  .c_rn-line__list-link::after {
    content: '';
    display: block;
    background-image: url(/_share/btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translate(0, -50%);
    right: 15px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-line {
    margin-bottom: 5vw
  }

  .c_rn-line__heading {
    font-size: 5.6vw;
    font-weight: bold;
    margin-bottom: 8vw
  }

  .c_rn-line__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
  }

  .c_rn-line__list-item {
    width: 47.63%;
    margin-right: 4vw
  }

  .c_rn-line__list-item:nth-child(n+3) {
    margin-top: 4vw
  }

  .c_rn-line__list-item:nth-child(2n) {
    margin-right: 0 !important
  }

  .c_rn-line__list-link {
    line-height: 1.3;
    font-size: 4.8vw;
    font-weight: bold;
    color: #fff;
    display: block;
    border-radius: 2.6666vw;
    background-color: #2886d9;
    text-align: center;
    text-decoration: none;
    padding: 5.7vw 5vw 5.3vw 1vw;
    position: relative
  }

  .c_rn-line__list-link::after {
    content: '';
    display: block;
    background-image: url(/_share/btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 3.2vw;
    height: 3.2vw;
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translate(0, -50%);
    right: 4vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-point__summary {
    margin: 100px 0 0;
    position: relative;
    height: 400px
  }

  .c_rn-point__summary-text {
    color: #005bac;
    font-size: 38px;
    text-align: center;
    line-height: 1.39;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%
  }

  .c_rn-point__summary-text span {
    font-weight: bold
  }

  .c_rn-point__summary svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 400px;
    height: 400px
  }

  .c_rn-point__summary svg circle {
    fill: transparent;
    stroke: #005bac;
    stroke-width: 1;
    stroke-dasharray: 0 366
  }

  .c_rn-point__summary.js-active svg circle {
    animation: c_rn-circle 1.3s forwards cubic-bezier(0.75, 0, 0.75, 1)
  }

  @keyframes c_rn-circle {
    0 {
      stroke-dasharray: 0 366
    }

    99.9%,
    to {
      stroke-dasharray: 366 366
    }
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-point__summary {
    margin: 21.33vw 0 10vw;
    padding: 0 6vw;
    position: relative;
    height: 76vw
  }

  .c_rn-point__summary-text {
    color: #005bac;
    font-size: 7.466vw;
    text-align: center;
    line-height: 1.6;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%
  }

  .c_rn-point__summary-text span {
    font-weight: bold
  }

  .c_rn-point__summary svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 100%;
    height: 100%
  }

  .c_rn-point__summary svg circle {
    fill: transparent;
    stroke: #005bac;
    stroke-width: 1;
    stroke-dasharray: 0 366
  }

  .c_rn-point__summary.js-active svg circle {
    animation: c_rn-circle 1.3s forwards cubic-bezier(0.75, 0, 0.75, 1)
  }

  @keyframes c_rn-circle {
    0 {
      stroke-dasharray: 0 366
    }

    99.9%,
    to {
      stroke-dasharray: 366 366
    }
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-point__moviewrap {
    position: relative;
    min-height: 435px
  }

  .c_rn-point__moviewrap--2 {
    position: relative;
    top: -435px
  }

  .c_rn-point__moviewrap video {
    width: 100%;
    max-width: 100%;
    display: block
  }

  .c_rn-point__moviewrap-title {
    background-color: transparent;
    color: #fff;
    border: 3px solid #fff;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 42px;
    font-weight: bold;
    width: 400px;
    padding: 24px;
    z-index: 2
  }

  .c_rn-point__moviewrap-title--inversion {
    color: #005bac;
    background-color: #fff
  }

  .c_rn-point__moviewrap-subtitle {
    background-color: #005bac;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    font-size: 38px;
    position: absolute;
    transform: translate(-50%, 100%);
    bottom: 10%;
    left: 50%;
    width: 488px;
    padding: 30px 0;
    z-index: 5
  }

  .c_rn-point__moviewrap-subtitle--left {
    padding: 30px 50px
  }

  .c_rn-point__moviewrap-subtitle::before {
    content: '';
    display: block;
    width: 2px;
    background-color: #fff;
    position: absolute;
    height: 85px;
    top: -72px;
    left: 50%;
    transform: translate(-50%, 0);
    animation: c_rn-linestroke 2s ease-in-out infinite
  }

  @keyframes c_rn-linestroke {
    0 {
      height: 0
    }

    75% {
      height: 85px
    }

    100% {
      height: 85px
    }
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-point__moviewrap {
    position: relative;
    min-height: 130vw
  }

  .c_rn-point__moviewrap video {
    width: 100%;
    max-width: 100%;
    display: block
  }

  .c_rn-point__moviewrap-title {
    background-color: transparent;
    color: #fff;
    border: 3px solid #fff;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 9vw;
    font-weight: bold;
    width: 80vw;
    padding: 5vw 2vw
  }

  .c_rn-point__moviewrap-title--inversion {
    color: #005bac;
    background-color: #fff
  }

  .c_rn-point__moviewrap-subtitle {
    background-color: #005bac;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    font-size: 8.533vw;
    position: absolute;
    transform: translate(-50%, 0);
    top: 86%;
    left: 50%;
    width: 84vw;
    padding: 10.67vw 0
  }

  .c_rn-point__moviewrap-subtitle::before {
    content: '';
    display: block;
    width: 2px;
    background-color: #fff;
    position: absolute;
    height: 38.67vw;
    top: -34.67vw;
    left: 50%;
    transform: translate(-50%, 0);
    animation: c_rn-linestroke 2s ease-in-out infinite
  }

  @keyframes c_rn-linestroke {
    0 {
      height: 0
    }

    75% {
      height: 38.67vw
    }

    100% {
      height: 38.67vw
    }
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-bnr-btn__link {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    text-decoration: none;
    box-shadow: 0 3px 20px 0 rgb(0 29 108 / 25%);
    border-radius: 24px
  }

  .c_rn-bnr-btn__link--border {
    border: 2px solid #2886d9
  }

  .c_rn-bnr-btn__img {
    display: block;
    width: 100%
  }

  .c_rn-bnr-btn__text {
    display: block;
    background-color: #2886d9;
    color: #fff;
    font-size: 17px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    position: relative;
    border-radius: 0 0 24px 24px
  }

  .c_rn-bnr-btn__text::after {
    display: inline-block;
    margin-left: 20px;
    width: 12.5px;
    height: 12px;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c-cap-text--remark {
    font-size: 10px;
    font-weight: 400;
    color: #888;
    line-height: 1.5;
    padding-left: 1.5em;
    text-decoration: underline;
    position: relative;
    display: inline-block
  }

  .c-cap-text--remark::before {
    content: '※';
    position: absolute;
    top: 0;
    left: 0
  }

  .c-cap-text--remark::after {
    content: '';
    display: inline-block;
    background-image: url(/_share/221125_42498_common_rn_new_open.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    right: -15px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-bnr-btn__link {
    display: block;
    overflow: hidden;
    margin-bottom: 2.666666666666667vw;
    text-decoration: none;
    box-shadow: 0 .8vw 5.3333vw 0 rgb(0 29 108 / 25%);
    border-radius: 7.4vw
  }

  .c_rn-bnr-btn__link--border {
    border: 2px solid #2886d9
  }

  .c_rn-bnr-btn__img {
    display: block;
    width: 100%
  }

  .c_rn-bnr-btn__text {
    display: block;
    background-color: #2886d9;
    color: #fff;
    font-size: 4.8vw;
    line-height: 6.667vw;
    font-weight: bold;
    text-align: center;
    padding: 3.7vw 13vw 3.7vw 9.3333vw;
    position: relative;
    border-radius: 0 0 6.4vw 6.4vw
  }

  .c_rn-bnr-btn__text::before {
    position: absolute;
    top: 50%;
    right: 6.67vw;
    transform: translate(0, -50%);
    display: inline-block;
    width: 3.2vw;
    height: 3.2vw;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c-cap-text--remark {
    font-size: 2.66666666vw;
    font-weight: 400;
    color: #888;
    line-height: 1.5;
    padding-left: 1.5em;
    text-decoration: underline;
    position: relative;
    display: inline-block
  }

  .c-cap-text--remark::before {
    content: '※';
    position: absolute;
    top: 0;
    left: 0
  }

  .c-cap-text--remark::after {
    content: '';
    display: inline-block;
    background-image: url(/_share/221125_42498_common_rn_new_open.svg);
    background-repeat: no-repeat;
    width: 2.67vw;
    height: 2.67vw;
    margin-top: -1.33vw;
    position: absolute;
    top: 50%;
    right: -4vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-list-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
  }

  .c_rn-list-btn__item {
    width: 30.72%;
    margin-bottom: 3%;
    margin-right: 3.9%
  }

  .c_rn-list-btn__item:nth-child(3n) {
    margin-right: 0 !important
  }

  .c_rn-list-btn__link {
    border-radius: 20px;
    box-shadow: 0 3px 20px 0 rgba(0, 29, 108, 0.15);
    color: #2886d9;
    line-height: 1.25;
    padding: 20px 20px;
    display: flex;
    min-height: 100px;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    position: relative
  }

  .c_rn-list-btn__link::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_blue.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px
  }

  .c_rn-list-btn__icon {
    width: 45px;
    display: inline-block;
    margin-right: 15px
  }

  .c_rn-list-btn__icon img {
    display: block
  }

  .c_rn-list-btn__text {
    width: 180px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-list-btn {
    margin-top: 15vw;
    margin-bottom: 5vw;
    padding: 0 4vw
  }

  .c_rn-list-btn__item+.c_rn-list-btn__item {
    margin-top: 6vw
  }

  .c_rn-list-btn__link {
    border-radius: 5.3333vw;
    box-shadow: 0 .8vw 5.3333vw 0 rgba(0, 29, 108, 0.15);
    color: #2886d9;
    line-height: 1.25;
    padding: 2vw 0;
    padding-right: calc((47 / 375) * 100vw);
    padding-left: calc((25 / 375) * 100vw);
    display: flex;
    min-height: 26.66667vw;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 4.8vw;
    position: relative
  }

  .c_rn-list-btn__link::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_blue.svg);
    background-repeat: no-repeat;
    width: 2.933vw;
    height: 2.933vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8vw
  }

  .c_rn-list-btn__icon {
    width: 13.333vw;
    display: inline-block;
    margin-right: calc((15 / 375) * 100vw)
  }

  .c_rn-list-btn__text {
    width: 49vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-list-btn__link--pic {
    padding: 0 33px 0 0;
    overflow: hidden;
    border-radius: 24px;
    font-size: 16px
  }

  .c_rn-list-btn__link--pic .c_rn-list-btn__icon {
    width: 100px;
    height: 100%
  }

  .c_rn-list-btn__link--pic .c_rn-list-btn__text {
    width: 148px
  }

  .c_rn-list-btn-acd.js-c_rn-list-btn-acd {
    overflow: hidden;
    max-height: 310px;
    transition: all .2s;
    position: relative;
    width: 1010px;
    padding: 20px;
    margin: -20px
  }

  .c_rn-list-btn-acd__more span {
    font-size: 18px;
    color: #fff;
    background-color: #2886d9;
    font-weight: bold;
    box-shadow: 0 .8vw 5.3333vw 0 rgb(0 29 108 / 15%);
    border-radius: 6.666666vw;
    padding: 16px 32px 16px 15px;
    line-height: 1;
    width: 285px;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative
  }

  .c_rn-list-btn-acd__more {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 178px;
    display: flex;
    align-items: end;
    background: linear-gradient(to bottom, transparent 0, #fff 55%)
  }

  .c_rn-list-btn-acd__more span::before,
  .c_rn-list-btn-acd__more span::after {
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    border-radius: 1.5px;
    width: 14px;
    height: 3px;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto
  }

  .c_rn-list-btn-acd__more span::after {
    transform: rotate(90deg)
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-list-btn__link--pic {
    padding: 0 12.53vw 0 0;
    overflow: hidden;
    border-radius: calc((24 / 375) * 100vw);
    font-size: calc((16 / 375) * 100vw)
  }

  .c_rn-list-btn__link--pic::after {
    right: 6.67vw
  }

  .c_rn-list-btn__link--pic .c_rn-list-btn__icon {
    width: 26.6666667vw;
    height: 100%
  }

  .c_rn-list-btn__link--pic .c_rn-list-btn__text {
    width: 38.13vw
  }

  .c_rn-list-btn-acd.js-c_rn-list-btn-acd {
    overflow: hidden;
    max-height: 150vw;
    transition: all .2s;
    position: relative
  }

  .c_rn-list-btn-acd__more span {
    font-size: 4.8vw;
    color: #fff;
    background-color: #2886d9;
    font-weight: bold;
    box-shadow: 0 .8vw 5.3333vw 0 rgb(0 29 108 / 15%);
    border-radius: 6.666666vw;
    padding-top: calc((16 / 375) * 100vw);
    padding-bottom: calc((16 / 375) * 100vw);
    padding-right: calc((32 / 375) * 100vw);
    padding-left: calc((15 / 375) * 100vw);
    line-height: 1;
    width: 75vw;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative
  }

  .c_rn-list-btn-acd__more {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 45vw;
    display: flex;
    align-items: end;
    background: linear-gradient(to bottom, transparent 0, #fff 55%)
  }

  .c_rn-list-btn-acd__more span::before,
  .c_rn-list-btn-acd__more span::after {
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    border-radius: calc((1.5 / 375) * 100vw);
    width: calc((14 / 375) * 100vw);
    height: calc((3 / 375) * 100vw);
    top: 0;
    bottom: 0;
    right: calc((15 / 375) * 100vw);
    margin: auto
  }

  .c_rn-list-btn-acd__more span::after {
    transform: rotate(90deg)
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-kyozai-head-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: calc((15 / 375) * 100vw);
    padding-left: calc((10 / 375) * 100vw);
    border-bottom: 2px solid #e60012;
    margin-bottom: calc((50 / 375) * 100vw)
  }

  .c_rn-kyozai-head-tab.selected-hybrid {
    border-bottom: 2px solid #e60012
  }

  .c_rn-kyozai-head-tab.selected-original {
    border-bottom: 2px solid #005bac
  }

  .c_rn-kyozai-tab__item {
    text-align: center;
    border-top-left-radius: calc((5 / 375) * 100vw);
    border-top-right-radius: calc((5 / 375) * 100vw);
    font-size: calc((20 / 375) * 100vw);
    padding-top: calc((10 / 375) * 100vw);
    padding-bottom: calc((5 / 375) * 100vw);
    font-weight: 700;
    margin-left: calc((5 / 375) * 100vw);
    width: 100%;
    line-height: 1.4;
    background-color: #fff;
    margin-bottom: -2px
  }

  .c_rn-kyozai-tab__item--hybrid {
    color: #e60012;
    border: 2px solid #e60012;
    border-bottom: 2px solid #005bac
  }

  .selected-hybrid .c_rn-kyozai-tab__item--hybrid {
    border-bottom: 0
  }

  .c_rn-kyozai-tab__item--original {
    color: #005bac;
    border: 2px solid #005bac;
    border-bottom: 2px solid #e60012
  }

  .selected-original .c_rn-kyozai-tab__item--original {
    border-bottom: 0
  }

  .c_rn-kyozai-tab__item span {
    display: block;
    font-size: calc((12 / 375) * 100vw);
    color: #464646;
    font-weight: normal
  }

  .c_rn-kyozai-tab__contents--original {
    display: none
  }

  .c-modal__body-inner--modal-mate {
    padding: 0
  }

  .grade-c_rn-kyozai-list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-wrap {
    margin-bottom: 13.333vw
  }

  .c_rn-wrap__sp {
    display: none !important
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-wrap {
    margin-bottom: 8vw
  }

  .c_rn-wrap__pc {
    display: none !important
  }

  .c_rn-section {
    padding: 0
  }

  .c_rn-section--4vw {
    padding-left: 4vw;
    padding-right: 4vw
  }

  .c_rn-section--8vw {
    padding-left: 8vw;
    padding-right: 8vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-cv-area {
    background-color: #f6f7fa;
    padding: 40px 4.74% 40px
  }

  .c_rn-cv-area__cont:not(:last-child) {
    margin-bottom: 40px
  }

  .c_rn-cv-area__txt-wrap {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .c_rn-cv-area__txt {
    text-align: center;
    color: #585858;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    margin-right: 10px
  }

  .c_rn-cv-area__price-txt-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }

  .c_rn-cv-area__price-txt-wrap span {
    margin-right: 5px
  }

  .c_rn-cv-area__price-txt {
    color: #585858;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px
  }

  .c_rn-cv-area__price-txt-num {
    color: #2886d9;
    font-size: 45px;
    font-weight: bold;
    line-height: 24px
  }

  .c_rn-cv-area__price-txt-sub {
    font-size: 14px;
    color: #585858;
    font-weight: bold;
    text-align: center
  }

  .c_rn-c-acc-text {
    margin-top: 10px
  }

  .c_rn-cv-area__white-wrap {
    background-color: #fff;
    padding: 0 38px
  }

  .c_rn-cv-area__white {
    padding: 40px 0
  }

  .c_rn-cv-area__white:not(:last-child) {
    border-bottom: solid 1px #e6e6e6
  }

  .c_rn-cv-area__cont-mate-item {
    display: flex
  }

  .c_rn-cv-area__cont-mate-main-wrap {
    width: 33%
  }

  .c_rn-cv-area__cont-mate-sub-wrap {
    width: 67%;
    position: relative;
    padding-left: 34px
  }

  .c_rn-cv-area__cont-mate-sub-wrap::before {
    content: '';
    display: block;
    height: 100%;
    width: 9px;
    background: url(/_share/221114_42498_common_rn_cv_separate-line.svg) no-repeat center center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
  }

  .c_rn-cv-area__cont-mate-txt-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px
  }

  .c_rn-cv-area__cont-mate-month {
    background-color: #2886d9;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    max-width: 58px;
    height: 20px;
    display: block;
    text-align: center;
    margin-right: 2px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .c_rn-cv-area__cont-mate-caption {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #2886d9;
    margin-bottom: 8px
  }

  .c_rn-cv-area__cont-mate-txt--dayofweek {
    background-color: #2886d9;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
    transform: translate(0, -5px);
    margin-left: 5px
  }

  .c_rn-cv-area__cont-mate-txt--blue {
    color: #2886d9
  }

  .c_rn-cv-area__cont-mate-date {
    font-size: 46px;
    font-weight: bold;
    line-height: 46px;
    color: #2886d9
  }

  .c_rn-cv-area__cont-mate-img-wrap {
    max-width: 150px;
    max-height: 96px;
    margin-left: 48px;
    background-color: #f6f7fa
  }

  .c_rn-cv-area__cont-mate-img {
    width: 100%
  }

  .c_rn-cv-area__cont-mate-main-txt {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #464646;
    padding-left: 0;
    padding-right: 20px;
    margin-top: 15px
  }

  .c_rn-cv-area__cont-mate-note {
    margin-top: 15px
  }

  .c_rn-cv-area__cont-link-btn {
    background-color: #2886d9;
    border-radius: 25px;
    padding: 13px 22px 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    position: relative
  }

  .c_rn-c_rn-cv-area__cont-modal-wrap {
    width: 285px
  }

  .c_rn-cv-area__cont-link-btn:hover {
    opacity: .7
  }

  .c_rn-cv-area__cont-link-btn::before {
    position: absolute;
    top: 50%;
    right: 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 15px;
    height: 15px;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_cv_link_white.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c-acc-text__head.c_rn-acc-text__head {
    text-decoration: underline
  }

  .c-acc-text__head.c_rn-acc-text__head::after {
    background-image: url(/_share/221114_42498_common_rn_acc_open.svg)
  }

  .c-acc-text__head.c_rn-acc-text__head.js-c-acc-text-open::after {
    background-image: url(/_share/221114_42498_common_rn_acc_close.svg);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 50%
  }

  .c_rn-link {
    color: #2886d9
  }

  .c_rn-link.c-link--out::after {
    background-image: url(/_share/221114_42498_common_rn_text_icon_sho.svg)
  }

  .c_rn-cv-area__cont-other-mate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .c_rn-cv-area__cont-other-mate-img-wrap {
    max-width: 285px;
    margin-right: 28px
  }

  .c_rn-cv-area__cont-other-mate-img {
    display: block;
    margin-bottom: 10px
  }

  .c_rn-cv-area__cont-other-mate-img-txt {
    font-size: 10px;
    line-height: 15px;
    color: #707070
  }

  .c_rn-cv-area__cont-other-mate-txt-wrap {
    max-width: 480px
  }

  .c_rn-cv-area__cont-other-mate-ttl {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 13px
  }

  .c_rn-cv-area__cont-other-mate-txt {
    margin-bottom: 17px;
    font-size: 14px
  }

  .c_rn-cv-area__cont-other-mate-link {
    margin: 0;
    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;
    border-radius: 25px;
    background-color: #2886d9;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 24px;
    width: 285px;
    padding: 16px 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    position: relative
  }

  .c_rn-cv-area__cont-other-mate-link:hover {
    opacity: .7
  }

  .c_rn-cv-area__cont-other-mate-link::after {
    position: absolute;
    top: 50%;
    right: 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 15px;
    height: 15px;
    content: '';
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/_share/221114_42498_common_rn_cv_link_white.svg)
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-cv-area {
    background-color: #f6f7fa;
    padding-top: calc((40 / 375) * 100vw);
    padding-bottom: calc((40 / 375) * 100vw);
    padding-right: calc((30 / 375) * 100vw);
    padding-left: calc((30 / 375) * 100vw)
  }

  .c_rn-cv-area__cont:not(:last-child) {
    margin-bottom: 10.667vw
  }

  .c_rn-cv-area__txt-wrap {
    margin-bottom: 4vw
  }

  .c_rn-cv-area__txt {
    margin-bottom: 21px;
    margin-bottom: .8vw;
    text-align: center;
    color: #585858;
    font-size: 4.267vw;
    font-weight: bold;
    line-height: 6.4vw
  }

  .c_rn-cv-area__price-txt-wrap {
    display: block;
    text-align: center;
    margin-top: 4vw
  }

  .c_rn-cv-area__price-txt-wrap span:not(:last-child) {
    margin-right: 1.333vw
  }

  .c_rn-cv-area__price-txt {
    color: #585858;
    font-size: 4.267vw;
    font-weight: bold;
    line-height: 6.4vw
  }

  .c_rn-cv-area__price-txt-num {
    color: #2886d9;
    font-size: 8.533vw;
    font-weight: bold;
    line-height: 6.4vw
  }

  .c_rn-cv-area__price-txt-sub {
    font-size: 2.667vw;
    color: #585858;
    font-weight: bold;
    text-align: center;
    display: block
  }

  .c_rn-c-acc-text {
    margin-top: 5.067vw
  }

  .c_rn-cv-area__white-wrap {
    padding: 0 8vw 0;
    background-color: #fff
  }

  .c_rn-cv-area__white {
    padding: 8vw 0
  }

  .c_rn-cv-area__cont-mate-main-wrap {
    display: flex;
    align-items: center
  }

  .c_rn-cv-area__cont-mate-sub-wrap {
    position: relative;
    margin-top: 2.2vw;
    padding-top: 5.5vw
  }

  .c_rn-cv-area__cont-mate-sub-wrap::before {
    content: '';
    display: block;
    height: 1.8666666vw;
    width: 100%;
    background-repeat: no-repeat;
    background: url(/_share/221114_42498_common_rn_cv_separate-line_sp.svg);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0)
  }

  .c_rn-cv-area__white:not(:last-child) {
    border-bottom: solid 1px #e6e6e6
  }

  .c_rn-cv-area__cont-mate-txt-wrap {
    text-align: center
  }

  .c_rn-cv-area__cont-mate-month {
    background-color: #2886d9;
    color: #fff;
    font-weight: bold;
    font-size: 2.667vw;
    padding: .267vw 1.333vw;
    height: 4.267vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .533vw
  }

  .c_rn-cv-area__cont-mate-txt {
    margin-top: 2.6vw
  }

  .c_rn-cv-area__cont-mate-caption {
    font-size: 3.2vw;
    line-height: 4.8vw;
    font-weight: bold;
    color: #2886d9;
    text-align: center
  }

  .c_rn-cv-area__cont-mate-txt--blue {
    color: #2886d9
  }

  .c_rn-cv-area__cont-mate-date {
    font-size: 8.53333vw;
    font-weight: bold;
    line-height: 6.4vw;
    color: #2886d9
  }

  .c_rn-cv-area__cont-mate-txt--dayofweek {
    background-color: #2886d9;
    font-size: 2.666666vw;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
    height: 4.8vw;
    width: 4.8vw;
    line-height: 1.7;
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
    transform: translate(0, -1vw);
    margin-left: 1vw;
    padding-right: .2vw
  }

  .c_rn-cv-area__cont-mate-img-wrap {
    width: 18.667vw;
    height: 12.8vw
  }

  .c_rn-cv-area__cont-mate-img {
    width: 100%
  }

  .c_rn-cv-area__cont-mate-main-txt {
    font-size: 3.2vw;
    font-weight: bold;
    color: #464646;
    line-height: 4.8vw;
    width: 49vw;
    padding-left: 1.333333vw
  }

  .c_rn-cv-area__cont-mate-note {
    margin-top: 4vw
  }

  .c_rn-c_rn-cv-area__cont-modal-wrap {
    margin-top: 2vw;
    margin-left: -4vw;
    margin-right: -4vw
  }

  .c_rn-cv-area__cont-link-btn {
    background-color: #2886d9;
    border-radius: 6.667vw;
    padding: 3.867vw 6.667vw 3.067vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 4.8vw;
    color: #fff;
    line-height: 6.4vw;
    font-weight: bold;
    height: 13.333vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2.7vw;
    text-decoration: none;
    position: relative
  }

  .c_rn-cv-area__cont-link-btn::before {
    position: absolute;
    top: 50%;
    right: 5.867vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 4vw;
    height: 4vw;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_cv_link_white.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c-acc-text__head.c_rn-acc-text__head {
    text-decoration: underline
  }

  .c-acc-text__head.c_rn-acc-text__head::after {
    background-image: url(/_share/221114_42498_common_rn_acc_open.svg)
  }

  .c-acc-text__head.c_rn-acc-text__head.js-c-acc-text-open::after {
    background-image: url(/_share/221114_42498_common_rn_acc_close.svg);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 50%
  }

  .c_rn-link {
    color: #2886d9
  }

  .c_rn-link.c-link--out::after {
    background-image: url(/_share/221114_42498_common_rn_text_icon_sho.svg)
  }

  .c_rn-cv-area__cont-other-mate-img {
    display: block;
    margin-bottom: 2.667vw
  }

  .c_rn-cv-area__cont-other-mate-img-txt {
    font-size: 2.667vw;
    color: #707070;
    line-height: 4vw;
    margin-bottom: 4.8vw
  }

  .c_rn-cv-area__cont-other-mate {
    position: relative;
    padding-top: 28.533vw
  }

  .c_rn-cv-area__cont-other-mate-ttl {
    position: absolute;
    top: 8vw;
    font-weight: bold;
    font-size: 6.133vw;
    line-height: 8.96vw
  }

  .c_rn-cv-area__cont-other-mate-txt {
    font-size: 3.733vw;
    line-height: 5.973vw;
    margin-bottom: 4.533vw
  }

  .c_rn-cv-area__cont-other-mate-link {
    margin: 0 auto;
    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;
    border-radius: 6.667vw;
    background-color: #2886d9;
    font-size: 4.8vw;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 6.4vw;
    width: 76vw;
    padding: 4.267vw 0 2.667vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    position: relative
  }

  .c_rn-cv-area__cont-other-mate-link::after {
    background-image: url(/_share/221114_42498_common_rn_cv_link_white.svg);
    position: absolute;
    top: 50%;
    right: 5.867vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 4vw;
    height: 4vw;
    content: '';
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-cv__btn-link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .c_rn-cv__btn-link-wrap a {
    margin: 0
  }

  .c_rn-cv__btn-link-wrap a:not(:last-child) {
    margin-right: 30px
  }

  .c_rn-cv__btn-link {
    margin: 0 auto;
    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;
    border-radius: 25px;
    background-color: #fff039;
    font-size: 18px;
    font-weight: bold;
    color: #585858;
    text-decoration: none;
    line-height: 24px;
    width: 285px;
    padding: 13px 30px 13px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    position: relative
  }

  .c_rn-cv__btn-link:hover {
    opacity: .7
  }

  .c_rn-cv__btn-link::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-cv__btn-link-wrap a:not(:last-child) {
    margin-bottom: 4vw
  }

  .c_rn-cv__btn-link {
    margin: 0 auto;
    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;
    border-radius: 6.667vw;
    background-color: #fff039;
    font-size: 4.8vw;
    font-weight: bold;
    color: #585858;
    text-decoration: none;
    line-height: 6.4vw;
    width: 76vw;
    padding-top: calc((13 / 375) * 100vw);
    padding-bottom: calc((13 / 375) * 100vw);
    padding-right: calc((30 / 375) * 100vw);
    padding-left: calc((15 / 375) * 100vw);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    position: relative
  }

  .c_rn-cv__btn-link::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    width: 2.933vw;
    height: 2.933vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-cv-request__btn-link {
    margin: 0 auto;
    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;
    border-radius: 25px;
    background-color: #fff;
    border: solid 2px #2886d9;
    font-size: 18px;
    font-weight: bold;
    color: #2886d9;
    text-decoration: none;
    line-height: 24px;
    width: 285px;
    padding: 13px 30px 13px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    position: relative
  }

  .c_rn-cv-request__btn-link:hover {
    opacity: .7
  }

  .c_rn-cv-request__btn-link::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_blue.svg);
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-cv-request__btn-link {
    margin: 0 auto;
    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;
    border-radius: 6.667vw;
    background-color: #fff;
    border: solid 2px #2886d9;
    border-width: calc((2 / 375) * 100vw);
    font-size: 4.8vw;
    font-weight: bold;
    color: #2886d9;
    text-decoration: none;
    line-height: 6.4vw;
    width: 76vw;
    padding-top: calc((11 / 375) * 100vw);
    padding-bottom: calc((11 / 375) * 100vw);
    padding-right: calc((28 / 375) * 100vw);
    padding-left: calc((13 / 375) * 100vw);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    position: relative
  }

  .c_rn-cv-request__btn-link::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_blue.svg);
    background-repeat: no-repeat;
    width: 2.933vw;
    height: 2.933vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-cp-bnr__slide--bg {
    background-color: #f6f7fa;
    padding: 40px 46px
  }

  .c_rn-cp-bnr__slide-inner {
    padding-right: 10px;
    margin-top: 15px;
    max-width: 280px
  }

  .slick-list {
    margin-left: -15px !important;
    margin-top: -15px !important
  }

  .slick-track>.c_rn-cp-bnr__slide-item:first-child>div:first-child {
    margin-left: 15px
  }

  .c_rn-cp-bnr__slide-dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
  }

  .c_rn-cp-bnr__slide-dot li {
    margin: 0 2.5px
  }

  .c_rn-cp-bnr__slide-dot button {
    display: block;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    width: 40px;
    height: 4px;
    background-color: #e0e0e0;
    border-radius: .53333vw
  }

  .c_rn-cp-bnr__slide-dot .slick-active button {
    background-color: #2886d9
  }

  .c_rn-cp-bnr__link {
    display: block;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none
  }

  .c_rn-cp-bnr__link:hover {
    opacity: .7
  }

  .c_rn-cp-bnr-img {
    display: block;
    width: 100%
  }

  .c_rn-cp-bnr__txt-wrap {
    background-color: #2886d9;
    padding: 13px 0 12px;
    position: relative;
    text-align: center
  }

  .c_rn-cp-bnr__txt {
    color: #fff;
    font-size: 17px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    position: relative
  }

  .c_rn-cp-bnr__txt::before {
    position: absolute;
    top: 50%;
    right: -20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 11px;
    height: 11px;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-cp-bnr__slide {
    padding: 9.2vw 0 10.67777vw 8vw
  }

  .c_rn-cp-bnr__slide--bg {
    background-color: #f6f7fa
  }

  .c_rn-cp-bnr__slide-inner {
    padding-right: 2.667vw
  }

  .c_rn-cp-bnr__slide-dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5.333vw;
    margin-left: -8vw
  }

  .c_rn-cp-bnr__slide-dot li {
    margin: 0 .667vw
  }

  .c_rn-cp-bnr__slide-dot button {
    display: block;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    width: 8vw;
    height: 1.06666vw;
    background-color: #e0e0e0;
    border-radius: .53333vw
  }

  .c_rn-cp-bnr__slide-dot .slick-active button {
    background-color: #2886d9
  }

  .c_rn-cp-bnr__link {
    display: block;
    max-width: 84vw;
    border-radius: 6.4vw;
    overflow: hidden;
    text-decoration: none
  }

  .c_rn-cp-bnr-img {
    display: block;
    width: 100%
  }

  .c_rn-cp-bnr__txt-wrap {
    background-color: #2886d9;
    padding: 4vw 0 2.133vw;
    position: relative
  }

  .c_rn-cp-bnr__txt-wrap::before {
    position: absolute;
    top: 50%;
    right: 7.733vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 2.933vw;
    height: 2.933vw;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-cp-bnr__txt {
    color: #fff;
    font-size: 4.533vw;
    line-height: 6.667vw;
    font-weight: bold;
    text-align: center
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-c-h2 {
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 25px;
    text-align: center
  }

  .c_rn-c-h2::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_h2_deco.svg);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x
  }

  .c_rn-c-h2__main {
    display: block;
    font-size: 43px;
    line-height: 47px;
    font-weight: bold;
    color: #464646
  }

  .c_rn-c-h2__sub {
    display: block;
    font-size: 28px;
    line-height: 43px;
    font-weight: bold;
    color: #2886d9;
    margin-bottom: 5px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-c-h2 {
    position: relative;
    margin-bottom: calc((60 / 375) * 100vw);
    padding-bottom: calc((30 / 375) * 100vw);
    text-align: center
  }

  .c_rn-c-h2::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2.667vw;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_h2_deco.svg);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-x
  }

  .c_rn-c-h2__main {
    display: block;
    font-size: 9.6vw;
    line-height: 12.48vw;
    font-weight: bold;
    color: #464646
  }

  .c_rn-c-h2__sub {
    display: block;
    font-size: 5.333vw;
    line-height: 7.733vw;
    font-weight: bold;
    color: #2886d9;
    margin-bottom: 1.6vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-c-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 744px;
    margin: 0 auto 100px
  }

  .c_rn-c-anchor__item {
    position: relative;
    width: 365px
  }

  .c_rn-c-anchor__item:not(:last-child)::before {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 1px;
    height: 100%;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_anchor-line_deco_pc.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-c-anchor__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none
  }

  .c_rn-c-anchor__link:hover {
    opacity: .7
  }

  .c_rn-c-anchor__item:last-child .c_rn-c-anchor__link {
    padding-left: 35px
  }

  .c_rn-c-anchor__item:not(:last-child) .c_rn-c-anchor__link {
    padding-right: 35px
  }

  .c_rn-c-anchor__link::before {
    content: '';
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_blue_double.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 12px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  .c_rn-c-anchor__item:not(:last-child) .c_rn-c-anchor__link::before {
    right: 35px
  }

  .c_rn-c-anchor__reaseon-num-wrap {
    position: relative;
    margin-right: 15px;
    padding-bottom: 5px
  }

  .c_rn-c-anchor__reaseon-num-wrap::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 3px;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_anchor-num_deco.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-c-anchor__reaseon-num-txt {
    color: #2886d9;
    font-size: 14px;
    font-weight: bold
  }

  .c_rn-c-anchor__reaseon-num {
    color: #2886d9;
    font-size: 22px;
    font-weight: bold
  }

  .c_rn-c-anchor__reason-txt {
    padding-right: 22px;
    font-size: 20px;
    line-height: 28.6px;
    font-weight: bold;
    color: #464646
  }

  .c_rn-c-anchor__reason-txt--blue {
    color: #2886d9
  }

  .c_rn-c-anchor {
    flex-wrap: wrap
  }

  .c_rn-c-anchor__item:nth-of-type(n+3) {
    margin-top: 15px
  }

  .c_rn-c-anchor__item:nth-of-type(even)::before {
    content: none
  }

  .c_rn-c-anchor__item:nth-of-type(even) .c_rn-c-anchor__link {
    padding-left: 35px;
    padding-right: 0
  }

  .c_rn-c-anchor__item:nth-of-type(even) .c_rn-c-anchor__link::before {
    right: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-c-anchor {
    margin-bottom: 26.667vw
  }

  .c_rn-c-anchor__item {
    position: relative
  }

  .c_rn-c-anchor__item:not(:last-child)::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: .267vw;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_anchor-line_deco.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-c-anchor__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 6.667vw;
    padding-right: 5.867vw;
    text-decoration: none
  }

  .c_rn-c-anchor__item:last-child .c_rn-c-anchor__link {
    padding-top: 6.667vw;
    padding-bottom: 0
  }

  .c_rn-c-anchor__link::before {
    content: '';
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_blue_double.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 3.2vw;
    height: 3.2vw;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  .c_rn-c-anchor__reaseon-num-wrap {
    position: relative;
    margin-right: 4vw;
    padding-bottom: .533vw
  }

  .c_rn-c-anchor__reaseon-num-wrap::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: .8vw;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_anchor-num_deco.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-c-anchor__reaseon-num-txt {
    color: #2886d9;
    font-size: 3.733vw;
    font-weight: bold
  }

  .c_rn-c-anchor__reaseon-num {
    color: #2886d9;
    font-size: 5.867vw;
    font-weight: bold
  }

  .c_rn-c-anchor__reason-txt {
    font-size: 5.333vw;
    line-height: 7.627vw;
    font-weight: bold;
    color: #464646
  }

  .c_rn-c-anchor__reason-txt--blue {
    color: #2886d9
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-c-btn {
    margin: 0 auto;
    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;
    border-radius: 25px;
    background-color: #2886d9;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 24px;
    width: 285px;
    padding: 13px 0 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    position: relative
  }

  .c_rn-c-btn:hover {
    opacity: .7
  }

  .c_rn-c-btn::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-c-btn {
    margin: 0 auto;
    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;
    border-radius: 6.667vw;
    background-color: #2886d9;
    font-size: 4.8vw;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 6.4vw;
    width: 76vw;
    padding: 3.867vw 0 3.067vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    position: relative
  }

  .c_rn-c-btn::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    width: 2.933vw;
    height: 2.933vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-usage-ex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .c_rn-usage-ex {
    position: relative;
    max-width: 466px;
    padding: 44px 20px 40px;
    margin-top: 30px;
    width: 100%
  }

  .c_rn-usage-ex:not(:last-child) {
    margin-right: 38px
  }

  .c_rn-usage-ex::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: inline-block;
    background-color: #2886d9;
    opacity: .1
  }

  .c_rn-usage-ex__type-txt {
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 3px solid #2886d9;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #2886d9;
    font-weight: bold;
    text-align: center;
    width: 222px;
    height: 65px;
    font-size: 19px;
    line-height: 27px;
    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
  }

  .c_rn-usage-ex__type-txt::before {
    position: absolute;
    bottom: 0;
    left: calc(50% - 44px);
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
    display: inline-block;
    width: 13px;
    height: 19px;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_usage-ex_bubble.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-usage-ex__person {
    width: 78px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
  }

  .c_rn-usage-ex__point {
    background: #fff;
    padding: 20px 15px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative
  }

  .c_rn-usage-ex__point-ttl {
    font-size: 16px;
    font-weight: bold;
    line-height: 33.6px;
    color: #2886d9;
    margin-bottom: 5px
  }

  .c_rn-usage-ex__point-list-item {
    position: relative;
    overflow-y: hidden;
    padding-left: 15px;
    line-height: 22.4px
  }

  .c_rn-usage-ex__point-list-item::before {
    position: absolute;
    top: .25em;
    left: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 2px;
    background-color: #2886d9;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-usage-ex__point-list-item:not(:last-child) {
    margin-bottom: 7px
  }

  .c_rn-usage-ex__shce {
    margin: 0 auto 30px;
    position: relative
  }

  .c_rn-usage-ex__shce-item {
    position: relative;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    width: 180px;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .c_rn-usage-ex__shce-item:not(:last-child) {
    margin-bottom: 10px
  }

  .c_rn-usage-ex__shce-item:not(:last-child)::before,
  .c_rn-usage-ex__shce-point::before {
    position: absolute;
    bottom: 0;
    left: 8px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 100%);
    display: inline-block;
    width: 2px;
    height: 10px;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_shce-day_deco.svg);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-y
  }

  .c_rn-usage-ex__shce-item-txt {
    font-size: 14px
  }

  .c_rn-usage-ex__shce-point {
    position: relative;
    max-width: 285px;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 10px;
    border: solid 2px #2886d9
  }

  .c_rn-usage-ex__shce-point-time {
    font-size: 20px;
    color: #2886d9;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 9px
  }

  .c_rn-usage-ex__shce-point-ttl {
    margin-bottom: 8px;
    font-size: 16px;
    color: #464646;
    font-weight: bold;
    line-height: 33.6px
  }

  .c_rn-usage-ex__shce-point-img {
    display: block;
    margin-bottom: 10px
  }

  .c_rn-usage-ex__shce-point-txt {
    font-size: 14px;
    line-height: 22.4px
  }

  .c_rn-usage-ex__cont-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .c_rn-usage-ex__cont {
    max-width: 203px;
    margin: 0 auto
  }

  .c_rn-usage-ex__cont:not(:last-child) {
    margin-right: 30px
  }

  .c_rn-usage-ex__cont-ttl {
    font-size: 14px;
    font-weight: bold;
    color: #464646;
    line-height: 21px;
    margin-bottom: 5px
  }

  .c_rn-usage-ex__cont-img {
    position: relative;
    display: block;
    width: 100%
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-usage-ex {
    position: relative;
    padding: 45px 30px 40px;
    margin-top: 31px
  }

  .c_rn-usage-ex:not(:last-child) {
    margin-bottom: 24vw
  }

  .c_rn-usage-ex::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: inline-block;
    background-color: #2886d9;
    opacity: .1
  }

  .c_rn-usage-ex__type-txt {
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 3px solid #2886d9;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #2886d9;
    font-weight: bold;
    text-align: center;
    width: 220px;
    height: 65px;
    font-size: 20px;
    line-height: 7.2vw;
    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
  }

  .c_rn-usage-ex__type-txt::before {
    position: absolute;
    bottom: 0;
    left: calc(50% - 13.333vw);
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    display: inline-block;
    width: 3.467vw;
    height: 5.067vw;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_usage-ex_bubble.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-usage-ex__person {
    width: 20.8vw
  }

  .c_rn-usage-ex__person {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
  }

  .c_rn-usage-ex__point {
    background: #fff;
    padding: 5.333vw 4vw 4.533vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative
  }

  .c_rn-usage-ex__point-ttl {
    font-size: 4.267vw;
    font-weight: bold;
    line-height: 5.867vw;
    color: #2886d9;
    margin-bottom: 1.333vw
  }

  .c_rn-usage-ex__point-list-item {
    position: relative;
    overflow-y: hidden;
    padding-left: 4vw;
    line-height: 5.867vw
  }

  .c_rn-usage-ex__point-list-item::before {
    position: absolute;
    top: .25em;
    left: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    display: inline-block;
    width: 2.133vw;
    height: 2.133vw;
    content: '';
    border-radius: .533vw;
    background-color: #2886d9;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-usage-ex__point-list-item:not(:last-child) {
    margin-bottom: 1.867vw
  }

  .c_rn-usage-ex__shce {
    margin-bottom: 8vw
  }

  .c_rn-usage-ex__shce-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #fff;
    width: 180px;
    height: 30px;
    padding: 0 8px
  }

  .c_rn-usage-ex__shce-item:not(:last-child) {
    margin-bottom: 10px
  }

  .c_rn-usage-ex__shce-item:not(:last-child)::before,
  .c_rn-usage-ex__shce-point::before {
    position: absolute;
    bottom: 0;
    left: 4vw;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    display: inline-block;
    width: .533vw;
    height: 10px;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_shce-day_deco.svg);
    background-position: center;
    background-size: contain;
    background-repeat: repeat-y
  }

  .c_rn-usage-ex__shce-item-txt {
    font-size: 14px
  }

  .c_rn-usage-ex__shce-point {
    position: relative;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 10px;
    border: solid 2px #2886d9
  }

  .c_rn-usage-ex__shce-point-time {
    font-size: 20px;
    color: #2886d9;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 9px
  }

  .c_rn-usage-ex__shce-point-ttl {
    margin-bottom: 8px;
    font-size: 16px;
    color: #464646;
    font-weight: bold;
    line-height: 33.6px
  }

  .c_rn-usage-ex__shce-point-img {
    display: block;
    margin-bottom: 10px
  }

  .c_rn-usage-ex__shce-point-txt {
    font-size: 14px;
    line-height: 22.4px
  }

  .c_rn-usage-ex__cont:not(:last-child) {
    margin-bottom: 30px
  }

  .c_rn-usage-ex__cont-ttl {
    font-size: 3.733vw;
    font-weight: bold;
    color: #464646;
    line-height: 5.6vw;
    margin-bottom: 1.333vw
  }

  .c_rn-usage-ex__cont-img {
    position: relative;
    width: 76vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-h3-area {
    position: relative;
    padding-bottom: 12%;
    margin-bottom: 60px
  }

  .c_rn-h3-area::before {
    position: absolute;
    top: 15px;
    right: 0;
    display: inline-block;
    width: 66.7%;
    height: 90.2%;
    content: '';
    background-image: url(https://placehold.jp/647x323.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-h3-area::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 61.8%;
    height: 83.8%;
    content: '';
    opacity: .1;
    background-color: #2886d9;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-h3-area__txt-item {
    position: relative;
    z-index: 1;
    max-width: 61.8%
  }

  .c_rn-h3-area__num {
    display: block;
    font-size: 84px;
    line-height: 126px;
    font-weight: bold;
    color: #2886d9;
    opacity: .8
  }

  .c_rn-h3-area__ttl {
    padding-left: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .c_rn-h3-area__ttl-txt {
    display: inline-block;
    opacity: .9;
    background-color: #fff;
    padding: 8px 10px;
    font-size: 43px;
    line-height: 37px;
    color: #464646;
    font-weight: bold
  }

  .c_rn-h3-area__ttl-txt:not(:last-child) {
    margin-bottom: 10px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-h3-area {
    position: relative;
    padding: 41.333vw 4vw 11.333vw 4vw;
    margin-bottom: 16vw
  }

  .c_rn-h3-area::before {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 80vw;
    height: 101.333vw;
    content: '';
    background-image: url(https://placehold.jp/300x380.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-h3-area::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 44vw;
    height: 45.333vw;
    content: '';
    opacity: .1;
    background-color: #2886d9;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
  }

  .c_rn-h3-area__num {
    display: block;
    font-size: 21.333vw;
    line-height: 32vw;
    font-weight: bold;
    color: #2886d9;
    opacity: .8
  }

  .c_rn-h3-area__ttl {
    padding-left: 8vw
  }

  .c_rn-h3-area__ttl-txt {
    display: inline-block;
    opacity: .9;
    background-color: #fff;
    padding: 0 2.667vw;
    font-size: 8.533vw;
    line-height: 9.6vw;
    color: #464646;
    font-weight: bold
  }

  .c_rn-h3-area__ttl-txt:not(:last-child) {
    margin-bottom: 2.133vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-c-modal {
    display: flex
  }

  .c_rn-c-modal__body-wrap {
    background: #fff;
    max-width: 880px;
    max-height: 100%;
    height: auto;
    margin: auto;
    text-align: right
  }

  .c_rn-c-modal__body {
    position: relative;
    padding: 20px 46px 132px;
    transform: none;
    border-top: 1px solid #e0e0e0;
    margin-top: 0;
    border-radius: 0
  }

  .c_rn-c-modal__close {
    position: relative;
    color: #2886d9;
    margin-bottom: 0;
    padding: 20px 20px 10px;
    display: inline-block
  }

  .c_rn-c-modal__close-icon {
    background-image: url(/_share/221114_42498_common_rn_modal_close.svg)
  }

  .c_rn-c-modal__body-inner {
    padding: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-c-modal {
    padding: 0;
    text-align: right
  }

  .c_rn-c-modal__bg {
    background-color: #fff
  }

  .c_rn-c-modal__body-wrap {
    display: block
  }

  .c_rn-c-modal__close {
    color: #2886d9;
    margin-bottom: 0;
    padding-top: calc((20 / 375) * 100vw);
    padding-bottom: calc((10 / 375) * 100vw);
    padding-right: calc((20 / 375) * 100vw);
    padding-left: calc((20 / 375) * 100vw);
    display: inline-block
  }

  .c_rn-c-modal__close-icon {
    background-image: url(/_share/221114_42498_common_rn_modal_close.svg)
  }

  .c_rn-c-modal__body {
    height: 100%;
    border-radius: 0;
    box-sizing: border-box
  }

  .c_rn-c-modal__body-inner {
    padding: 0
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-read-trial {
    display: block;
    margin-bottom: 17px;
    position: relative;
    max-width: 466px
  }

  .c_rn-read-trial__modal {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    box-shadow: 0 3px 20px 0 rgb(0 29 108 / 30%);
    border-radius: 50%
  }

  .c_rn-read-trial__modal:hover {
    opacity: .7
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-read-trial {
    display: block;
    margin-bottom: 8vw;
    position: relative
  }

  .c_rn-read-trial__modal {
    position: absolute;
    bottom: calc((10 / 375) * 100vw);
    right: calc((10 / 375) * 100vw);
    width: calc((45 / 375) * 100vw);
    height: calc((45 / 375) * 100vw);
    box-shadow: 0 1vw 5vw 0 rgb(0 29 108 / 30%);
    border-radius: 50%
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-cost-wrap {
    display: flex;
    margin: 0 0 120px
  }

  .c_rn-cost-block {
    width: 50%
  }

  .c_rn-cost-block--original {
    margin-left: 40px
  }

  .c_rn-cost-h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
    padding-left: 10px;
    border-left: 4px solid #e60012
  }

  .c_rn-cost-block--hybrid .c_rn-cost-h3 {
    color: #e60012;
    border-color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-h3 {
    color: #005bac;
    border-color: #005bac
  }

  .c_rn-cost-h3 span {
    display: block;
    color: #464646;
    font-size: 16px;
    line-height: 1.2
  }

  .c_rn-cost-block__text {
    font-weight: bold;
    margin-bottom: 2px
  }

  .c_rn-cost-block__cost {
    display: flex;
    align-items: center;
    margin-bottom: 20px
  }

  .c_rn-cost-block--hybrid .c_rn-cost-block__cost {
    color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-block__cost {
    color: #005bac
  }

  .c_rn-cost-block__cost dt {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    padding: 4px;
    border: 1px solid #e60012;
    margin-right: 5px
  }

  .c_rn-cost-block--hybrid .c_rn-cost-block__cost dt {
    border-color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-block__cost dt {
    border-color: #005bac
  }

  .c_rn-cost-block__cost dd {
    font-size: 40px;
    font-weight: bold;
    line-height: 1
  }

  .c_rn-cost-block__cost dd small {
    font-size: 16px;
    font-weight: normal;
    margin-left: 5px
  }

  .c_rn-cost-table {
    margin-bottom: 20px
  }

  .c_rn-cost-table__list {
    display: flex;
    align-items: flex-end
  }

  .c_rn-cost-table__row {
    width: 100%;
    text-align: center
  }

  .c_rn-cost-table__icon--recommend {
    color: #fff;
    font-size: 10px;
    padding: 2px 0
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__icon--recommend {
    background-color: #a0000d
  }

  .c_rn-cost-block--original .c_rn-cost-table__icon--recommend {
    background-color: #00417b
  }

  .c_rn-cost-table__row--recommend {
    position: relative
  }

  .c_rn-cost-table__row--recommend::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #e60012;
    box-sizing: border-box
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__row--recommend::before {
    border-color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-table__row--recommend::before {
    border-color: #005bac
  }

  .c_rn-cost-table__row--recommend::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -12px;
    box-sizing: border-box;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #e60012
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__row--recommend::after {
    border-top: 12px solid #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-table__row--recommend::after {
    border-top: 12px solid #005bac
  }

  .c_rn-cost-table__title {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 1.2;
    height: 50px;
    margin: 0 2px 17px;
    background-color: #464646;
    font-weight: bold
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__row--recommend .c_rn-cost-table__title {
    background-color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-table__row--recommend .c_rn-cost-table__title {
    background-color: #005bac
  }

  .c_rn-cost-table__row-list {
    padding-bottom: 12px
  }

  .c_rn-cost-table__row-list dt {
    color: #888;
    font-size: 10px
  }

  .c_rn-cost-table__row-list dd {
    line-height: 30px
  }

  .c_rn-cost-table__row-list dd.c_rn-cost-table__price--zero {
    color: #e60012;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__price--zero {
    color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-table__price--zero {
    color: #005bac
  }

  .c_rn-cost-table__row-list dd small {
    font-size: 12px
  }

  .c_rn-cost-table__row-list dd sup {
    color: #464646;
    font-size: 10px;
    line-height: 1;
    vertical-align: super
  }

  .c_rn-cost-table__row-total {
    padding: 15px 0 10px;
    background-color: #f6f6f6
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__row--recommend .c_rn-cost-table__row-total {
    background-color: #fff7f7
  }

  .c_rn-cost-block--original .c_rn-cost-table__row--recommend .c_rn-cost-table__row-total {
    background-color: #e5f3ff
  }

  .c_rn-cost-table__row-total dt {
    color: #888;
    font-size: 10px
  }

  .c_rn-cost-table__row-total dd small {
    font-size: 12px
  }

  .c_rn-cost-table__row-total dd sup {
    font-size: 8px;
    vertical-align: super;
    line-height: 1
  }

  .c_rn-cost-block__text--strong {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px
  }

  .c_rn-cost-block--hybrid .c_rn-cost-block__text--strong {
    color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-block__text--strong {
    color: #005bac
  }

  .c_rn-cost-block .c_rn-acc {
    margin-bottom: 20px
  }

  .c_rn-cost-block .c_rn-acc__head {
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px
  }

  .c_rn-cost-block .c_rn-acc__body {
    padding: 15px
  }

  .c_rn-cost-block .c_rn-acc__body.c_rn-acc__body--white {
    padding: 0
  }

  .c_rn-cost-block .c-remark-list {
    margin-bottom: 15px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-cost-h3 {
    font-size: calc((24 / 375) * 100vw);
    font-weight: bold;
    margin-bottom: calc((26 / 375) * 100vw);
    padding-left: calc((10 / 375) * 100vw);
    border-left: calc((4 / 375) * 100vw) solid #e60012
  }

  .c_rn-cost-block--hybrid .c_rn-cost-h3 {
    color: #e60012;
    border-color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-h3 {
    color: #005bac;
    border-color: #005bac
  }

  .c_rn-cost-h3 span {
    display: block;
    color: #464646;
    font-size: calc((16 / 375) * 100vw);
    line-height: 1.4
  }

  .c_rn-cost-block__text {
    font-weight: bold;
    margin-bottom: calc((4 / 375) * 100vw)
  }

  .c_rn-cost-block__cost {
    display: flex;
    align-items: center;
    margin-bottom: calc((20 / 375) * 100vw)
  }

  .c_rn-cost-block--hybrid .c_rn-cost-block__cost {
    color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-block__cost {
    color: #005bac
  }

  .c_rn-cost-block__cost dt {
    font-size: calc((20 / 375) * 100vw);
    line-height: 1;
    font-weight: bold;
    padding: calc((4 / 375) * 100vw);
    border: calc((1 / 375) * 100vw) solid #e60012;
    margin-right: calc((5 / 375) * 100vw)
  }

  .c_rn-cost-block--hybrid .c_rn-cost-block__cost dt {
    border-color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-block__cost dt {
    border-color: #005bac
  }

  .c_rn-cost-block__cost dd {
    font-size: calc((40 / 375) * 100vw);
    font-weight: bold;
    line-height: 1
  }

  .c_rn-cost-block__cost dd small {
    font-size: calc((16 / 375) * 100vw);
    font-weight: normal;
    margin-left: calc((5 / 375) * 100vw)
  }

  .c_rn-cost-table {
    margin-bottom: calc((26 / 375) * 100vw)
  }

  .c_rn-cost-table__list {
    display: flex;
    align-items: flex-end
  }

  .c_rn-cost-table__row {
    width: 100%;
    text-align: center
  }

  .c_rn-cost-table__icon--recommend {
    color: #fff;
    font-size: calc((10 / 375) * 100vw);
    padding: calc((2 / 375) * 100vw) 0
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__icon--recommend {
    background-color: #a0000d
  }

  .c_rn-cost-block--original .c_rn-cost-table__icon--recommend {
    background-color: #00417b
  }

  .c_rn-cost-table__row--recommend {
    position: relative
  }

  .c_rn-cost-table__row--recommend::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: calc((2 / 375) * 100vw) solid #e60012;
    box-sizing: border-box
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__row--recommend::before {
    border-color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-table__row--recommend::before {
    border-color: #005bac
  }

  .c_rn-cost-table__row--recommend::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: calc((-12 / 375) * 100vw);
    box-sizing: border-box;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: calc((10 / 375) * 100vw) solid transparent;
    border-right: calc((10 / 375) * 100vw) solid transparent;
    border-top: calc((12 / 375) * 100vw) solid #e60012
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__row--recommend::after {
    border-top: calc((12 / 375) * 100vw) solid #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-table__row--recommend::after {
    border-top: calc((12 / 375) * 100vw) solid #005bac
  }

  .c_rn-cost-table__title {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 1.2;
    height: calc((50 / 375) * 100vw);
    margin: 0 calc((2 / 375) * 100vw) 0;
    margin-bottom: calc((15 / 375) * 100vw);
    background-color: #464646;
    font-weight: bold
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__row--recommend .c_rn-cost-table__title {
    background-color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-table__row--recommend .c_rn-cost-table__title {
    background-color: #005bac
  }

  .c_rn-cost-table__row-list {
    padding-bottom: calc((10 / 375) * 100vw)
  }

  .c_rn-cost-table__row-list dt {
    color: #888;
    font-size: calc((10 / 375) * 100vw);
    padding-top: calc((12 / 375) * 100vw)
  }

  .c_rn-cost-table__price--zero {
    color: #e60012;
    font-size: calc((18 / 375) * 100vw)
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__price--zero {
    color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-table__price--zero {
    color: #005bac
  }

  .c_rn-cost-table__row-list dd small {
    font-size: calc((12 / 375) * 100vw)
  }

  .c_rn-cost-table__row-list dd sup {
    color: #464646;
    font-size: calc((8 / 375) * 100vw);
    vertical-align: super
  }

  .c_rn-cost-table__row-total {
    padding-top: calc((12 / 375) * 100vw);
    padding-bottom: calc((16 / 375) * 100vw);
    background-color: #f6f6f6
  }

  .c_rn-cost-block--hybrid .c_rn-cost-table__row--recommend .c_rn-cost-table__row-total {
    background-color: #fff7f7
  }

  .c_rn-cost-block--original .c_rn-cost-table__row--recommend .c_rn-cost-table__row-total {
    background-color: #e5f3ff
  }

  .c_rn-cost-table__row-total dt {
    color: #888;
    font-size: calc((10 / 375) * 100vw)
  }

  .c_rn-cost-table__row-total dd small {
    font-size: calc((12 / 375) * 100vw)
  }

  .c_rn-cost-table__row-total dd sup {
    font-size: calc((8 / 375) * 100vw);
    vertical-align: super;
    line-height: 1
  }

  .c_rn-cost-block__text--strong {
    font-size: calc((16 / 375) * 100vw);
    font-weight: bold;
    margin-bottom: calc((16 / 375) * 100vw)
  }

  .c_rn-cost-block--hybrid .c_rn-cost-block__text--strong {
    color: #e60012
  }

  .c_rn-cost-block--original .c_rn-cost-block__text--strong {
    color: #005bac
  }

  .c_rn-cost-block .c_rn-acc {
    margin-bottom: calc((20 / 375) * 100vw)
  }

  .c_rn-cost-block .c_rn-acc__head {
    font-weight: bold;
    padding-top: calc((15 / 375) * 100vw);
    padding-bottom: calc((15 / 375) * 100vw)
  }

  .c_rn-cost-block .c_rn-acc__head::after {
    top: calc((15 / 375) * 100vw)
  }

  .c_rn-cost-block .c_rn-acc__body {
    padding-top: calc((25 / 375) * 100vw);
    padding-bottom: calc((25 / 375) * 100vw);
    padding-right: calc((15 / 375) * 100vw);
    padding-left: calc((15 / 375) * 100vw)
  }

  .c_rn-cost-block .c_rn-acc__body.c_rn-acc__body--white {
    padding: 0
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-anchor-btn {
    display: none
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-anchor-btn {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc((5 / 375) * 100vw)
  }

  .c_rn-anchor-btn__item {
    width: calc((100% - 4vw) / 2);
    position: relative;
    margin-bottom: calc((15 / 375) * 100vw)
  }

  .c_rn-anchor-btn__item:nth-child(2n) {
    margin-left: calc((15 / 375) * 100vw)
  }

  .c_rn-anchor-btn__item a {
    text-decoration: none
  }

  .c_rn-anchor-btn__item--hybrid a {
    color: #e60012
  }

  .c_rn-anchor-btn__item--original a {
    color: #005bac
  }

  .c_rn-anchor-btn__item--standard a {
    color: #3ca38c
  }

  .c_rn-anchor-btn__item--highlevel a {
    color: #6895c6
  }

  .c_rn-anchor-btn__item--sainankan a {
    color: #182347
  }

  .c_rn-anchor-btn__text {
    text-align: center;
    border: 1px solid #eaeaea;
    border-bottom: 0;
    border-top-left-radius: 4.266667vw;
    border-top-right-radius: 4.266667vw;
    font-size: calc((20 / 375) * 100vw);
    padding-top: calc((20 / 375) * 100vw);
    padding-bottom: calc((13 / 375) * 100vw);
    font-weight: bold;
    line-height: 1.3;
    box-shadow: 0 1vw 3vw rgb(0 29 108 / 20%)
  }

  .c_rn-anchor-btn__text-label {
    display: block;
    font-size: calc((12 / 375) * 100vw);
    color: #464646;
    font-weight: normal
  }

  .c_rn-anchor-btn__item a:before {
    content: '';
    position: absolute;
    bottom: calc((6 / 375) * 100vw);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc((8 / 375) * 100vw);
    height: calc((18 / 375) * 100vw);
    background-image: url(/_share/acc_icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto
  }

  .c_rn-anchor-btn__item a:after {
    content: '';
    display: block;
    padding-top: calc((25 / 375) * 100vw);
    background-color: #f2f2f2;
    border-bottom-left-radius: 4.266667vw;
    border-bottom-right-radius: 4.266667vw;
    box-shadow: 0 1vw 3vw rgb(0 29 108 / 20%)
  }

  .c_rn-anchor-btn__item--hybrid a:after {
    background-color: #e60012
  }

  .c_rn-anchor-btn__item--original a:after {
    background-color: #005bac
  }

  .c_rn-anchor-btn__item--standard a:after {
    background-color: #3ca38c
  }

  .c_rn-anchor-btn__item--highlevel a:after {
    background-color: #6895c6
  }

  .c_rn-anchor-btn__item--sainankan a:after {
    background-color: #182347
  }
}

.c_rn-acc__item.c_rn-acc__item--white {
  border-color: #fff !important
}

.c_rn-acc__head.kocha_rn-acc__head--white {
  color: #fff
}

@media print,
screen and (min-width:769px) {
  .c_rn-acc__item {
    border-top: solid 1px #d0d0d0
  }

  .c_rn-acc__item:last-child {
    border-bottom: solid 1px #d0d0d0
  }

  .c_rn-acc__head {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 1.5;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 45px;
    position: relative;
    cursor: pointer
  }

  .c_rn-acc__head:hover {
    opacity: .7
  }

  .c_rn-acc__head::after {
    content: '';
    display: block;
    background-image: url(/_share/acc_icon_plus.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px
  }

  .c_rn-acc__head.js-c_rn-acc-open::after {
    background-image: url(/_share/acc_icon_minus.svg)
  }

  .c_rn-acc__item--faq .c_rn-acc__head {
    padding-left: 27px
  }

  .c_rn-acc__item--faq .c_rn-acc__head::before {
    content: '';
    display: block;
    background-image: url(/_share/faq_icon_question.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 0
  }

  .c_rn-acc__body {
    display: none;
    background-color: #f6f7fa;
    padding: 40px 46px
  }

  .c_rn-acc__body--white {
    background-color: #fff;
    padding: 0
  }

  .c_rn-acc__body-cost-list {
    display: inline-block;
    margin-bottom: 15px
  }

  .c_rn-acc__body-cost-list--white {
    background-color: #fff
  }

  .c_rn-acc__body-cost-list--gray {
    background-color: #f9f9f9
  }

  .c_rn-acc__body-cost-list dl {
    display: flex;
    padding: 0 10px
  }

  .c_rn-acc__body-cost-list dt {
    width: 290px;
    padding: 15px 20px
  }

  .c_rn-acc__body-cost-list dt small {
    display: block;
    color: #d53a35;
    font-size: 10px
  }

  .c_rn-acc__body-cost-list dd {
    padding: 15px 60px 15px 30px
  }

  .c_rn-acc__body-cost-list dd small {
    display: block;
    color: #888;
    font-size: 10px
  }

  .c_rn-list__common-item .c_rn-list__common li {
    margin-bottom: 15px
  }

  .c_rn-acc__body-image {
    margin-bottom: 20px
  }

  .c_rn-acc__body-image figcaption {
    color: #707070;
    font-size: 10px;
    margin-top: 10px
  }

  .c_rn-acc__body-2col {
    display: flex;
    justify-content: space-between
  }

  .c_rn-acc__body-2col__thum {
    width: 36%
  }

  .c_rn-acc__body-2col__lead {
    width: 61%
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-acc__item {
    border-top: solid 1px #d0d0d0
  }

  .c_rn-acc__item:last-child {
    border-bottom: solid 1px #d0d0d0
  }

  .c_rn-acc__head {
    font-size: calc((16 / 375) * 100vw);
    font-weight: 700;
    text-align: left;
    line-height: 1.5;
    padding-top: calc((20 / 375) * 100vw);
    padding-bottom: calc((20 / 375) * 100vw);
    padding-right: calc((60 / 375) * 100vw);
    position: relative
  }

  .c_rn-acc__head::after {
    content: '';
    display: block;
    background-image: url(/_share/acc_icon_plus.svg);
    background-repeat: no-repeat;
    width: calc((25 / 375) * 100vw);
    height: calc((25 / 375) * 100vw);
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: calc((20 / 375) * 100vw);
    right: calc((15 / 375) * 100vw)
  }

  .c_rn-acc__head.js-c_rn-acc-open::after {
    background-image: url(/_share/acc_icon_minus.svg)
  }

  .c_rn-acc__item--faq .c_rn-acc__head {
    padding-left: calc((27 / 375) * 100vw)
  }

  .c_rn-acc__item--faq .c_rn-acc__head::before {
    content: '';
    display: block;
    background-image: url(/_share/faq_icon_question.svg);
    background-repeat: no-repeat;
    width: calc((17 / 375) * 100vw);
    height: calc((20 / 375) * 100vw);
    position: absolute;
    top: calc((21 / 375) * 100vw);
    left: 0
  }

  .c_rn-acc__body {
    display: none;
    background-color: #f6f7fa;
    padding-top: calc((30 / 375) * 100vw);
    padding-bottom: calc((30 / 375) * 100vw);
    padding-right: calc((15 / 375) * 100vw);
    padding-left: calc((15 / 375) * 100vw)
  }

  .c_rn-acc__body--white {
    background-color: #fff;
    padding: 0
  }

  .c_rn-acc__body-cost-list {
    margin-bottom: calc((20 / 375) * 100vw)
  }

  .c_rn-acc__body-cost-list--white {
    background-color: #fff
  }

  .c_rn-acc__body-cost-list--gray {
    background-color: #f9f9f9
  }

  .c_rn-acc__body-cost-list dl {
    display: flex;
    padding: calc((15 / 375) * 100vw)
  }

  .c_rn-acc__body-cost-list dt {
    width: calc((105 / 375) * 100vw);
    margin-right: calc((15 / 375) * 100vw)
  }

  .c_rn-acc__body-cost-list dt small {
    display: block;
    color: #d53a35;
    font-size: calc((10 / 375) * 100vw)
  }

  .c_rn-acc__body-cost-list dd {
    flex-shrink: 100
  }

  .c_rn-acc__body-cost-list dd small {
    display: block;
    color: #888;
    font-size: calc((10 / 375) * 100vw)
  }

  .c_rn-acc__body-image {
    margin-bottom: calc((15 / 375) * 100vw)
  }

  .c_rn-acc__body-image figcaption {
    color: #707070;
    font-size: calc((10 / 375) * 100vw);
    margin-top: calc((10 / 375) * 100vw)
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-checkmark-list__item {
    font-size: 14px;
    text-align: justify;
    line-height: 1.6
  }

  .c_rn-checkmark-list__item:not(:first-child) {
    margin-top: 12px
  }

  .c_rn-checkmark-list__item-mark {
    position: relative;
    padding-left: 30px;
    display: block
  }

  .c_rn-checkmark-list__item-mark:after {
    content: '';
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0
  }

  .c_rn-checkmark-list__item-mark--check-red:after {
    background-image: url(/_share/checkmark_red.svg)
  }

  .c_rn-checkmark-list__item-mark--check-blue:after {
    background-image: url(/_share/checkmark_blue.svg)
  }

  .c_rn-checkmark-list__item-mark--check-skybule:after {
    background-image: url(/_share/checkmark_skyblue.svg)
  }

  .c_rn-checkmark-list__item-mark--check-green:after {
    background-image: url(/_share/checkmark_green.svg)
  }

  .c_rn-checkmark-list__item-text--bold {
    font-weight: bold
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-checkmark-list__item {
    font-size: calc((14 / 375) * 100vw);
    text-align: justify;
    line-height: 1.6
  }

  .c_rn-checkmark-list__item:not(:first-child) {
    margin-top: calc((12 / 375) * 100vw)
  }

  .c_rn-checkmark-list__item-mark {
    position: relative;
    padding-left: calc((25 / 375) * 100vw);
    display: block
  }

  .c_rn-checkmark-list__item-mark:after {
    content: '';
    width: calc((15 / 375) * 100vw);
    height: calc((15 / 375) * 100vw);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: calc((3 / 375) * 100vw);
    left: 0
  }

  .c_rn-checkmark-list__item-mark--check-red:after {
    background-image: url(/_share/checkmark_red.svg)
  }

  .c_rn-checkmark-list__item-mark--check-blue:after {
    background-image: url(/_share/checkmark_blue.svg)
  }

  .c_rn-checkmark-list__item-mark--check-skybule:after {
    background-image: url(/_share/checkmark_skyblue.svg)
  }

  .c_rn-checkmark-list__item-mark--check-green:after {
    background-image: url(/_share/checkmark_green.svg)
  }

  .c_rn-checkmark-list__item-text--bold {
    font-weight: bold
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-kyozai-head-block {
    margin-bottom: 20px
  }

  .c_rn-kyozai-h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px
  }

  .c_rn-kyozai-h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 20px;
    border-left: 4px solid #2886d9;
    padding-left: 10px
  }

  .c_rn-kyozai-head-block__text {
    margin-bottom: 20px
  }

  .c_rn-kyozai__text--highlight {
    font-weight: bold;
    background-image: linear-gradient(transparent 40%, #e9f3fb 60%)
  }

  .c_rn-kyozai-list--col2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
  }

  .c_rn-kyozai-list--col2 .c_rn-kyozai-list-block {
    width: 47%;
    display: flex
  }

  .c_rn-modal-mate__body {
    border-top: 1px solid #e0e0e0
  }

  .c_rn-modal-mate__body .c-modal__body-inner {
    padding: 20px 30px
  }

  .modal-mate__ttl-wrap {
    padding: 0 4vw;
    margin-bottom: 22px
  }

  .modal-mate__ttl {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 24px;
    text-align: center
  }

  .c-modal__body .c_rn-kyozai-tab {
    display: flex;
    padding-right: 46px;
    padding-left: 46px;
    border-bottom: 3px solid #e60012;
    margin-bottom: 50px
  }

  .c-modal__body .c_rn-kyozai-tab.selected-hybrid {
    border-bottom: 3px solid #e60012
  }

  .c-modal__body .c_rn-kyozai-tab.selected-original {
    border-bottom: 3px solid #005bac
  }

  .c-modal__body .c_rn-kyozai-tab__item {
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 20px;
    padding-top: 16px;
    padding-bottom: 12px;
    font-weight: 700;
    margin-left: 14px;
    width: 100%;
    line-height: 1.4;
    background-color: #fff;
    margin-bottom: -3px;
    cursor: pointer
  }

  .c-modal__body .c_rn-kyozai-tab__item:first-child {
    margin-left: 0
  }

  .c-modal__body .c_rn-kyozai-tab__item.c_rn-kyozai-tab__item--hybrid {
    color: #e60012;
    border: 3px solid #e60012;
    border-bottom: 3px solid #005bac
  }

  .c-modal__body .selected-hybrid .c_rn-kyozai-tab__item.c_rn-kyozai-tab__item--hybrid {
    border-bottom: 3px solid #fff
  }

  .c-modal__body .c_rn-kyozai-tab__item.c_rn-kyozai-tab__item--original {
    color: #005bac;
    border: 3px solid #005bac;
    border-bottom: 3px solid #e60012
  }

  .c-modal__body .selected-original .c_rn-kyozai-tab__item.c_rn-kyozai-tab__item--original {
    border-bottom: 3px solid #fff
  }

  .c-modal__body .c_rn-kyozai-tab__item span {
    font-size: 12px;
    color: #464646;
    font-weight: normal;
    vertical-align: middle;
    margin-right: 10px
  }

  .c-modal__body .c_rn-kyozai-tab__contents--original {
    display: none
  }

  .c-modal__body .c_rn-kyozai-fixed-tab {
    display: none
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-kyozai-head-block {
    margin-bottom: calc((20 / 375) * 100vw)
  }

  .c_rn-kyozai-h2 {
    font-size: calc((36 / 375) * 100vw);
    font-weight: 700;
    margin-bottom: calc((30 / 375) * 100vw)
  }

  .c_rn-kyozai-h3 {
    font-size: calc((24 / 375) * 100vw);
    font-weight: 700;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: calc((20 / 375) * 100vw);
    border-left: calc((4 / 375) * 100vw) solid #2886d9;
    padding-left: calc((10 / 375) * 100vw)
  }

  .c_rn-kyozai-head-block__text {
    margin-bottom: calc((20 / 375) * 100vw)
  }

  .c_rn-kyozai__text--highlight {
    font-weight: bold;
    background-image: linear-gradient(transparent 40%, #e9f3fb 60%)
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-kyozai-list-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px
  }

  .c_rn-kyozai-list-block {
    width: 466px;
    padding: 25px;
    margin-bottom: 20px;
    background-color: #f6f7fa;
    box-sizing: border-box;
    text-align: justify
  }

  .c_rn-kyozai-list-block:nth-child(2n) {
    margin-left: 38px
  }

  .c_rn-kyozai-list-block__inner {
    display: flex;
    justify-content: space-between
  }

  .c_rn-kyozai-list-block__description {
    flex-shrink: 100
  }

  .c_rn-kyozai-list-block__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
  }

  .c_rn-kyozai-list-block__image {
    width: 135px;
    margin-left: 20px
  }

  .c_rn-kyozai-list-block .c-btn {
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
    padding: 15px 12px 15px 0;
    border-radius: 8px
  }

  .c_rn-kyozai-list-block .c-btn::after {
    right: 14px;
    width: 12px;
    height: 12px;
    background-image: url(/_share/221114_42498_kyozai_pic_btn_icon_modal_white.png)
  }

  .c_rn-kyozai-list-block .c-acc-text {
    margin-top: 5px
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-kyozai-list-block {
    padding-top: calc((25 / 375) * 100vw);
    padding-bottom: calc((25 / 375) * 100vw);
    padding-left: calc((15 / 375) * 100vw);
    padding-right: calc((15 / 375) * 100vw);
    margin-bottom: calc((15 / 375) * 100vw);
    background-color: #f6f7fa
  }

  .c_rn-kyozai-list-block__inner {
    display: flex;
    justify-content: space-between
  }

  .c_rn-kyozai-list-block__description {
    flex-shrink: 100
  }

  .c_rn-kyozai-list-block__title {
    font-size: calc((16 / 375) * 100vw);
    font-weight: 700;
    margin-bottom: calc((5 / 375) * 100vw)
  }

  .c_rn-kyozai-list-block__image {
    width: calc((135 / 375) * 100vw);
    margin-left: calc((15 / 375) * 100vw)
  }

  .c_rn-kyozai-list-block .c-btn {
    font-size: calc((12 / 375) * 100vw);
    font-weight: normal;
    margin-top: calc((10 / 375) * 100vw);
    padding-top: calc((14 / 375) * 100vw);
    padding-bottom: calc((14 / 375) * 100vw);
    padding-right: calc((12 / 375) * 100vw);
    padding-left: 0;
    border-radius: calc((8 / 375) * 100vw)
  }

  .c_rn-kyozai-list-block .c-btn::after {
    right: calc((15 / 375) * 100vw);
    width: calc((12 / 375) * 100vw);
    height: calc((12 / 375) * 100vw);
    background-image: url(/_share/221114_42498_kyozai_pic_btn_icon_modal_white.png)
  }

  .c_rn-kyozai-list-block .c-acc-text {
    margin-top: calc((10 / 375) * 100vw)
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-kyozai-list-block--acc-inner-wrap {
    display: flex;
    flex-wrap: wrap
  }

  .c_rn-kyozai-list-block--acc-inner {
    margin: 0;
    margin-bottom: 35px;
    background-color: #fff;
    width: 420px
  }

  .c_rn-kyozai-list-block--acc-inner:nth-last-child(-n+2) {
    margin-bottom: 0
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-kyozai-list-block--acc-inner {
    margin: 0;
    margin-bottom: calc((10 / 375) * 100vw);
    background-color: #fff
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-list__common {
    margin-bottom: 10px
  }

  .c_rn-list__common li {
    font-size: 14px;
    position: relative;
    padding-left: 13px;
    line-height: 1.3;
    margin-bottom: 10px
  }

  .c_rn-acc__body .c_rn-list__common {
    margin-bottom: 0
  }

  .c_rn-acc__body .c_rn-list__common li:last-child {
    margin-bottom: 0
  }

  .c_rn-list__common li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    background-color: #2886d9;
    border-radius: 2px
  }

  .c_rn-list__common-item--bold {
    font-weight: bold
  }

  .c_rn-list__number {
    margin-bottom: 10px
  }

  .c_rn-list__number-item {
    font-size: 14px;
    position: relative;
    padding-left: 1em;
    line-height: 1.3;
    margin-bottom: 5px
  }

  .c_rn-acc__body .c_rn-list__number {
    margin-bottom: 0
  }

  .c_rn-acc__body .c_rn-list__number-item:last-child {
    margin-bottom: 0
  }

  .c_rn-list__number-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    color: #2886d9
  }

  .c_rn-list__number-item--number01::before {
    content: '1.'
  }

  .c_rn-list__number-item--number02::before {
    content: '2.'
  }

  .c_rn-list__number-item--number03::before {
    content: '3.'
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-list__common {
    margin-bottom: calc((10 / 375) * 100vw)
  }

  .c_rn-list__common li {
    font-size: calc((14 / 375) * 100vw);
    position: relative;
    padding-left: calc((13 / 375) * 100vw);
    line-height: 1.3;
    margin-bottom: calc((6 / 375) * 100vw)
  }

  .c_rn-acc__body .c_rn-list__common {
    margin-bottom: 0
  }

  .c_rn-acc__body .c_rn-list__common li:last-child {
    margin-bottom: 0
  }

  .c_rn-list__common li:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc((4 / 375) * 100vw);
    width: calc((8 / 375) * 100vw);
    height: calc((8 / 375) * 100vw);
    background-color: #2886d9;
    border-radius: calc((2 / 375) * 100vw)
  }

  .c_rn-list__common-item--bold {
    font-weight: bold
  }

  .c_rn-list__number {
    margin-bottom: calc((10 / 375) * 100vw)
  }

  .c_rn-list__number-item {
    font-size: calc((14 / 375) * 100vw);
    position: relative;
    padding-left: calc((13 / 375) * 100vw);
    line-height: 1.3;
    margin-bottom: calc((6 / 375) * 100vw)
  }

  .c_rn-acc__body .c_rn-list__number {
    margin-bottom: 0
  }

  .c_rn-acc__body .c_rn-list__number-item:last-child {
    margin-bottom: 0
  }

  .c_rn-list__number-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    color: #2886d9
  }

  .c_rn-list__number-item--number01::before {
    content: '1.'
  }

  .c_rn-list__number-item--number02::before {
    content: '2.'
  }

  .c_rn-list__number-item--number03::before {
    content: '3.'
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-trial {
    margin-bottom: 140px;
    margin-top: 80px
  }

  .c_rn-trial__inner {
    max-width: 970px;
    margin: 0 auto
  }

  .c_rn-trial__inner a {
    text-decoration: none
  }

  .c_rn-trial__box {
    background-color: #2d88d7;
    border-radius: 24px;
    position: relative;
    box-shadow: 0 1vw 3vw rgb(0 29 108 / 20%);
    padding: 13px 46px;
    display: flex;
    align-items: center
  }

  .c_rn-trial__box-description {
    margin-left: 20px
  }

  .c_rn-trial__box-text {
    margin-bottom: 15px
  }

  .c_rn-trial__box-title {
    color: #fff;
    font-size: 18px
  }

  .c_rn-trial__box :last-child {
    margin-bottom: 0
  }

  .c_rn-trial__box-title span {
    font-size: 28px;
    line-height: 1.3;
    display: block
  }

  .c_rn-trial__box-image {
    width: 298px
  }

  .c_rn-trial__btn {
    width: 298px
  }

  .c_rn-trial__btn span {
    background-color: #fff;
    border-radius: 25px;
    color: #2886d9;
    font-size: 18px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.5;
    padding: 12px;
    box-shadow: 0 1vw 3vw rgb(0 29 108 / 20%);
    position: relative
  }

  .c_rn-trial__btn .c_rn-trial__btn--cv {
    margin: 0 auto 4vw;
    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;
    border-radius: 6.667vw;
    background-color: #fff039;
    font-size: 4.8vw;
    font-weight: bold;
    color: #585858;
    text-decoration: none;
    line-height: 6.4vw;
    width: 76vw;
    padding: 3.267vw 0 3.667vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 20px rgb(0 29 108 / 15%);
    box-shadow: 0 3px 20px rgb(0 29 108 / 15%);
    position: relative;
    border-color: #fff039
  }

  .c_rn-trial__btn span::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_blue.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 19px
  }

  .c_rn-trial__btn .c_rn-trial__btn--cv::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    width: 2.933vw;
    height: 2.933vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4vw
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-trial {
    margin-top: calc((80 / 375) * 100vw);
    margin-bottom: calc((140 / 375) * 100vw)
  }

  .c_rn-trial__inner {
    padding-right: calc((30 / 375) * 100vw);
    padding-left: calc((30 / 375) * 100vw)
  }

  .c_rn-trial__inner a {
    text-decoration: none
  }

  .c_rn-trial__box {
    background-color: #2d88d7;
    border-radius: 5.33vw;
    position: relative;
    box-shadow: 0 1vw 3vw rgb(0 29 108 / 20%);
    padding-top: calc((30 / 375) * 100vw);
    padding-bottom: calc((30 / 375) * 100vw);
    padding-right: calc((15 / 375) * 100vw);
    padding-left: calc((15 / 375) * 100vw)
  }

  .c_rn-trial__box-text {
    margin-bottom: calc((12 / 375) * 100vw)
  }

  .c_rn-trial__box-title {
    color: #fff;
    font-size: 4.8vw
  }

  .c_rn-trial__box :last-child {
    margin-bottom: 0
  }

  .c_rn-trial__box-title span {
    font-size: 7.466vw;
    line-height: 1.55
  }

  .c_rn-trial__box-image {
    text-align: center;
    margin-bottom: calc((20 / 375) * 100vw)
  }

  .c_rn-trial__btn span {
    background-color: #fff;
    border-radius: 30vw;
    border: .5vw solid #005bac;
    color: #2886d9;
    font-size: 4.8vw;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.5;
    padding: 3vw 8vw;
    box-shadow: 0 1vw 3vw rgb(0 29 108 / 20%);
    position: relative
  }

  .c_rn-trial__btn .c_rn-trial__btn--cv {
    margin: 0 auto 4vw;
    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;
    border-radius: 6.667vw;
    background-color: #fff039;
    font-size: 4.8vw;
    font-weight: bold;
    color: #585858;
    text-decoration: none;
    line-height: 6.4vw;
    width: 76vw;
    padding: 3.267vw 0 3.667vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 20px rgb(0 29 108 / 15%);
    box-shadow: 0 3px 20px rgb(0 29 108 / 15%);
    position: relative;
    border-color: #fff039
  }

  .c_rn-trial__btn span::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_blue.svg);
    background-repeat: no-repeat;
    width: 2.933vw;
    height: 2.933vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4vw
  }

  .c_rn-trial__btn .c_rn-trial__btn--cv::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    width: 2.933vw;
    height: 2.933vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4vw
  }
}

@media print,
screen and (min-width:769px) {
  .c_rn-col2-image-wrap {
    display: flex;
    width: 100%;
    margin-bottom: 100px
  }

  .c_rn-col2-image {
    margin-left: 38px
  }

  .c_rn-col2-image:first-child {
    margin-left: 0
  }

  .c_rn-col2-image__title {
    font-weight: bold
  }

  .c_rn-col2-image__image {
    position: relative
  }

  .c_rn-cover-modal {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
    box-shadow: 0 3px 20px 0 rgb(0 29 108 / 30%);
    border-radius: 50%
  }

  .c_rn-cover-modal:hover {
    opacity: .7
  }

  .c_rn-cover-modalwrap:hover {
    opacity: .7
  }
}

@media print,
screen and (max-width:768px) {
  .c_rn-col2-image-wrap {
    margin-bottom: calc((100 / 375) * 100vw)
  }

  .c_rn-col2-image {
    margin-bottom: calc((60 / 375) * 100vw)
  }

  .c_rn-col2-image__title {
    font-weight: bold
  }

  .c_rn-col2-image__image {
    position: relative
  }

  .c_rn-cover-modal {
    position: absolute;
    bottom: calc((10 / 375) * 100vw);
    right: calc((10 / 375) * 100vw);
    width: calc((45 / 375) * 100vw);
    height: calc((45 / 375) * 100vw);
    box-shadow: 0 1vw 5vw 0 rgb(0 29 108 / 30%);
    border-radius: 50%
  }
}

.c-wrap--shimajiro .c-acc-text__head::after {
  background-image: url(/_share/230214_44570_common_rn_acc_open.svg);
  top: 50%;
  bottom: auto;
  transform: translate(0, -50%)
}

.c-acc-text__head.js-c-acc-text-open::after {
  background-image: url(/_share/230214_44570_common_rn_acc_close.svg);
  top: 50%;
  bottom: auto;
  transform: rotateZ(0)
}

.c-h3.c-h3--br .c-h3__main {
  color: #6e4435
}

@media print,
screen and (min-width:769px) {
  .kocha-rn-cost {
    display: flex;
    justify-content: center;
    margin-top: 4.12%;
    margin-bottom: 4.12%
  }

  .kocha-rn-cost__item {
    width: 43.3%
  }

  .kocha-rn-cost__item:nth-child(2n) {
    margin-left: 4.13%
  }

  .kocha-rn-cost-cont__head {
    display: flex;
    flex-direction: column;
    border-left: 4px solid #e60013;
    padding-left: 2.38%;
    margin-bottom: 4.76%
  }

  .kocha-rn-cost-cont__icon {
    width: 13.57%;
    margin-bottom: 5px
  }

  .kocha-rn-cost-cont__ttl {
    font-size: 24px;
    line-height: 1.25;
    color: #464646;
    font-weight: bold;
    position: relative
  }
}

@media print,
screen and (max-width:768px) {
  .kocha-rn-cost {
    display: flex;
    flex-direction: column;
    margin-top: 10.667vw
  }

  .kocha-rn-cost__item:not(:last-child) {
    margin-bottom: 9.333vw
  }

  .kocha-rn-cost-cont__head {
    display: flex;
    flex-direction: column;
    border-left: 1.067vw solid #e60013;
    padding-left: 2.667vw;
    margin-bottom: 4vw
  }

  .kocha-rn-cost-cont__icon {
    width: 14.933vw;
    margin-bottom: 2.667vw
  }

  .kocha-rn-cost-cont__ttl {
    font-size: 6.4vw;
    line-height: 1.25;
    color: #464646;
    font-weight: bold;
    position: relative
  }

  .kocha-rn-cost-cont__body .c_rn-point__text {
    margin-top: 0
  }
}

@media print,
screen and (min-width:769px) {
  .kocha-fv-push {
    background-color: #e60012;
    width: 100%;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .kocha-fv-push__text {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    letter-spacing: .05rem;
    line-height: 1;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap
  }

  .kocha-fv-push__text .-small {
    font-size: 28px
  }

  .kocha-fv-push__date {
    font-size: 74px;
    line-height: 1;
    letter-spacing: -0.5rem;
    display: flex;
    align-items: flex-end;
    margin-left: 10px;
    font-weight: bold;
    color: #fff039;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif
  }

  .kocha-fv-push__date-week {
    background-color: #fff039;
    color: #e60012;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0rem;
    margin-left: 5px;
    margin-bottom: 5px
  }

  .kocha-fv-push__date .-small {
    font-size: .7em;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push {
    background-color: #e81829
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal-item {
    background-color: #fff;
    padding: 15px 0;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    position: relative
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal {
    width: 60.74%;
    position: relative;
    margin-right: 15px
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-txt {
    width: 31.25%;
    color: #fff
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-title {
    width: 57.24%;
    font-size: 16px
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-img-wrap {
    width: 22.5%
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal-item::after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    right: -7px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    transform: rotate(45deg)
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__white.kocha_rn-cv-area__cont-mate {
    padding: 20px 0
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push {
    background-color: #e81829
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal-item {
    background-color: #fff;
    padding: 15px 0;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    position: relative
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal {
    width: 60.74%;
    position: relative;
    margin-right: 3%
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-txt {
    width: 31.25%;
    color: #fff
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-title {
    width: 57.24%;
    font-size: 16px
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-img-wrap {
    width: 22.5%
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal-item::after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    right: -7px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    transform: rotate(45deg)
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__white.kocha_rn-cv-area__cont-mate {
    padding: 20px 0
  }

  .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push {
    flex-direction: column;
    align-items: baseline;
    background-color: transparent
  }

  .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push__text {
    flex-direction: column;
    font-size: 28px
  }

  .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push__text .-small {
    font-size: 16px;
    margin-bottom: 5px
  }

  .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push__date {
    font-size: 56px;
    letter-spacing: -0.1rem;
    margin-left: 0;
    margin-top: 10px
  }

  .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push__date .-small {
    font-size: 1.0;
    margin-bottom: 0
  }

  .kocha_rn-cv-area__cont-mate-item-wrap.kocha_rn-cv-area__cont-mate-item-wrap--noimg .kocha_rn-cv-area__cont-mate-txt {
    width: 100%
  }

  .kocha_rn-cv-area__cont-mate-item-wrap.kocha_rn-cv-area__cont-mate-item-wrap--noimg .kocha-fv-push {
    align-items: center
  }

  .kocha_rn-cv-area__cont-mate-item-wrap.kocha_rn-cv-area__cont-mate-item-wrap--noimg .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push__text {
    align-items: center
  }
}

@media print,
screen and (max-width:768px) {
  .kocha-fv-push {
    background-color: #e60012;
    width: 100%;
    padding: 10px 5px;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .kocha-fv-push__text {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    letter-spacing: .05rem;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: end
  }

  .kocha-fv-push__text .-small {
    font-size: 16px;
    margin-bottom: 5px
  }

  .kocha-fv-push__date {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -0.2rem;
    display: flex;
    align-items: flex-end;
    margin-left: 5px;
    font-weight: bold;
    color: #fff039;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif
  }

  .kocha-fv-push__date-week {
    background-color: #fff039;
    color: #e60012;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0rem;
    margin-bottom: 5px
  }

  .kocha-fv-push__date .-small {
    font-size: .7em;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push {
    background-color: #e81829
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal-item {
    background-color: #fff;
    padding: 15px 0;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    position: relative
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal {
    width: 60.74%;
    position: relative;
    margin-right: 15px
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-txt {
    width: 31.25%;
    color: #fff
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-title {
    width: 57.24%;
    font-size: 16px
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-img-wrap {
    width: 22.5%
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal-item::after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    right: -7px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    transform: rotate(45deg)
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__white.kocha_rn-cv-area__cont-mate {
    padding: 20px 0
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push {
    background-color: #e81829
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal-item {
    background-color: #fff;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    position: relative;
    margin-top: 10px
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal {
    width: 100%;
    position: relative;
    margin-right: 3%
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-txt {
    width: 100%;
    color: #fff
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-title {
    width: auto;
    font-size: 12px;
    padding-right: 0
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-img-wrap {
    width: 110px;
    padding: 0;
    margin-right: 10px;
    text-align: center;
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-img-wrap img {
    width: auto;
    height: 80px;
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-modal-item::after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    left: 0;
    top: -7px;
    margin: 0 auto;
    background-color: #fff;
    transform: rotate(45deg)
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__white.kocha_rn-cv-area__cont-mate {
    padding: 5px
  }

  .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push {
    flex-direction: column;
    align-items: center;
    background-color: transparent
  }

  .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push__text {
    flex-direction: column;
    font-size: 26px;
    align-items: center
  }

  .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push__text .-small {
    font-size: 16px;
    margin-bottom: 10px
  }

  .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push__date {
    font-size: 50px;
    letter-spacing: -0.1rem;
    margin-left: 0;
    margin-top: 10px
  }

  .kocha_rn-cv-area__cont-mate-txt .kocha-fv-push__date .-small {
    font-size: 1.0;
    margin-bottom: 0
  }

  .kocha_rn-cv-area__white-wrap.kocha_rn-cv-area__white-wrap--push .kocha_rn-cv-area__cont-mate-item-wrap {
    display: flex;
    flex-direction: column-reverse
  }
}

@media print,
screen and (min-width:769px) {
  .c-cv__aside.c-cv__aside--br .kocha-cv__aside-item--cost .kocha-cv__aside-link::before {
    background-image: url(/_share/230826_kocha_rn-cv__icon--cost_br.svg)
  }

  .c-cv__aside.c-cv__aside--br .kocha-cv__aside-item--friend .kocha-cv__aside-link::before {
    background-image: url(/_share/230826_kocha_rn-cv__icon--friend_br.svg)
  }

  .c-cv__aside.c-cv__aside--br .kocha-cv__aside-item--kyozai .kocha-cv__aside-link::before {
    background-image: url(/_share/230826_kocha_rn-cv__icon--kyozai_br.svg)
  }

  .c-wrap--shimajiro .c-cv__aside.c-cv__aside--br .c-cv__aside-item::after {
    background-image: url(/_share/230826_kocha_rn_btn_icon_arrow_brown.svg)
  }

  .c-wrap--shimajiro .c-cv__aside.c-cv__aside--br .kocha-cv__aside-link {
    color: #6e4435
  }
}

@media print,
screen and (max-width:768px) {
  .c-cv__aside.c-cv__aside--br .kocha-cv__aside-item--cost .kocha-cv__aside-link::before {
    background-image: url(/_share/230826_kocha_rn-cv__icon--cost_br.svg)
  }

  .c-cv__aside.c-cv__aside--br .kocha-cv__aside-item--friend .kocha-cv__aside-link::before {
    background-image: url(/_share/230826_kocha_rn-cv__icon--friend_br.svg)
  }

  .c-cv__aside.c-cv__aside--br .kocha-cv__aside-item--kyozai .kocha-cv__aside-link::before {
    background-image: url(/_share/230826_kocha_rn-cv__icon--kyozai_br.svg)
  }

  .c-wrap--shimajiro .c-cv__aside.c-cv__aside--br .c-cv__aside-item::after {
    background-image: url(/_share/230826_kocha_rn_btn_icon_arrow_brown.svg)
  }

  .c-wrap--shimajiro .c-cv__aside.c-cv__aside--br .kocha-cv__aside-link {
    color: #6e4435
  }
}

@media print,
screen and (min-width:769px) {
  .step-modal__section {
    width: 60%;
    margin: 0 auto
  }

  .step-modal__btn {
    width: 80%;
    margin: 0 auto
  }

  .step-modal__btn-link {
    display: block;
    background-color: #fff03a;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    padding: 15px 0;
    color: #464646;
    position: relative
  }

  .step-modal__btn-link:hover {
    opacity: .7
  }

  .step-modal__btn-link::before {
    position: absolute;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_black.svg);
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: center;
    background-size: contain;
    top: 50%;
    transform: translate(0, -50%);
    right: 10%
  }

  .step-modal__btn-link--hgt {
    height: 74.8px;
    display: flex;
    align-items: center
  }

  .step-modal__btn-link--hgt span {
    display: inline-block;
    width: 100%
  }

  .step-modal__link-pink {
    position: relative
  }

  .step-modal__link-pink::after {
    content: '';
    display: block;
    background-image: url(/_share/btn_icon_arrow_newshimajiro_pink.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    bottom: 0;
    right: -17px;
    position: absolute;
    transform: translate(0, -50%)
  }

  .c_rn-bnr-btn--center {
    width: 35%;
    margin: 0 auto
  }

  .step-modal__section-bold {
    font-weight: bold
  }

  .step-modal__section-fs10 {
    font-size: 10px
  }

  .step-modal__section-fs12 {
    font-size: 12px
  }

  .step-modal__section-fs14 {
    font-size: 14px
  }

  .step-modal__section-fs16 {
    font-size: 16px
  }

  .step-modal__section-fs18 {
    font-size: 18px
  }

  .step-modal__section-fs20 {
    font-size: 20px
  }

  .step-modal__section-fs24 {
    font-size: 24px
  }

  .step-modal__section-bold {
    font-weight: bold
  }

  .step-modal__section-c-pink {
    color: #f0597c
  }

  .step-modal__section-c-gray {
    color: #888
  }

  .step-modal__section-pinktile__maker {
    background: linear-gradient(transparent 60%, #ff6 60%)
  }

  .step__text-indent {
    text-indent: -1em;
    padding-left: 1em
  }

  .step-modal__bk-pink {
    display: inline-block;
    background-color: #f0597c;
    color: #fff;
    padding: 2px 7px
  }
}

@media print,
screen and (max-width:768px) {
  .step-modal__btn-link {
    display: block;
    background-color: #fff03a;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    padding: 15px 0;
    color: #464646
  }

  .step-modal__btn-link::before {
    position: absolute;
    content: '';
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_black.svg);
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: center;
    background-size: contain;
    top: 50%;
    transform: translate(0, -50%);
    right: 6%
  }

  .step-modal__btn-link--hgt {
    height: 74.8px;
    display: flex;
    align-items: center
  }

  .step-modal__btn-link--hgt span {
    display: inline-block;
    width: 100%
  }

  .step-modal__link-pink {
    position: relative
  }

  .step-modal__link-pink::after {
    content: '';
    display: block;
    background-image: url(/_share/btn_icon_arrow_newshimajiro_pink.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    bottom: 0;
    right: -17px;
    position: absolute;
    transform: translate(0, -50%)
  }

  .step-modal__section-bold {
    font-weight: bold
  }

  .step-modal__section-fs10 {
    font-size: 2.6667vw
  }

  .step-modal__section-fs12 {
    font-size: 3.2vw
  }

  .step-modal__section-fs14 {
    font-size: 3.7333vw
  }

  .step-modal__section-fs16 {
    font-size: 4.2667vw
  }

  .step-modal__section-fs18 {
    font-size: 4.8vw
  }

  .step-modal__section-fs20 {
    font-size: 5.2vw
  }

  .step-modal__section-fs24 {
    font-size: 6.4vw
  }

  .step-modal__section-bold {
    font-weight: bold
  }

  .step-modal__section-c-pink {
    color: #f0597c
  }

  .step-modal__section-c-gray {
    color: #888
  }

  .step-modal__section-pinktile__maker {
    background: linear-gradient(transparent 60%, #ff6 60%)
  }

  .step__text-indent {
    text-indent: -1em;
    padding-left: 1em
  }
}

.christmas__bnr a:hover{
  opacity: 0.7;
}

@media print,
screen and (min-width:769px) {
  .c-wrap--shimajiro .c-check-list.c-check-list--br .c-check-list__item::before {
    background-image: url(/_share/230925_check_icon_brown.svg)
  }

  .c-check-list.c-check-list--br .c-check-list__item {
    color: #6e4435
  }
}

@media print,
screen and (max-width:768px) {
  .c-wrap--shimajiro .c-check-list.c-check-list--br .c-check-list__item::before {
    background-image: url(/_share/230925_check_icon_brown.svg)
  }

  .c-check-list.c-check-list--br .c-check-list__item {
    color: #6e4435
  }
}