@charset "UTF-8";
.content__area.type-hair:before { background-color: #f6f3f1; }

.content__area.type-hair2:before { background-color: #f1edea; }

.content__area.type-hair3:before { background-color: #f1f8fd; }

.content__area.type-hair4:before { background-color: #fef9ea; }

.detail-video { width: 100vw; padding-left: 80px; box-sizing: border-box; background-color: transparent; }

.detail-video__wrap { padding-left: 120px; opacity: 0; transition: opacity 2s; }

.detail-video__wrap.is-active { opacity: 1; }

.detail-video__subtit { margin-bottom: 10px; color: #fff; }

.detail-video__tit { font-weight: 300; color: #fff; }

.detail-video__txt { margin-top: 36px; color: #ff8560; font-weight: 400; }

.detail-video__scroll { display: block; margin-top: 110px; color: #fff; text-transform: uppercase; }

.detail-video__arrow { position: relative; display: inline-block; padding-right: 50px; box-sizing: border-box; }

.detail-video__arrow:after { position: absolute; top: 1px; right: 0; display: block; width: 40px; height: 19px; animation: arrow-ani 1.5s infinite; background: url("../images/common/scroll_arrow.png") no-repeat center center/contain; content: ''; }

@media only screen and (max-width: 1366px) { .detail-video { width: 100%; height: 0; padding-left: 0; padding-bottom: 149.73%; background: url("../images/introduce/detail/detail_video_t.jpg") no-repeat center center/contain; }
 .detail-video__wrap { padding: 150px 40px; box-sizing: border-box; }
 .detail-video__scroll { width: 120px; height: 120px; border-radius: 50%; line-height: 1; }
 .detail-video__arrow { display: none; padding-top: 28px; padding-right: 0; padding-bottom: 52px; }
 .detail-video__arrow:after { top: auto; left: 26px; bottom: 0; width: 20px; height: 40px; margin: 0; background: url("../images/common/scroll_arrow_t.png") no-repeat center center/contain; animation: arrow-ani-m 1.5s infinite; } }

@media only screen and (max-width: 680px) { .detail-video__wrap { padding: 60px 20px; }
 .detail-video__txt { margin-top: 20px; }
 .detail-video__scroll { width: 80px; height: 80px; }
 .detail-video__arrow { padding-top: 22px; padding-right: 0; padding-bottom: 32px; }
 .detail-video__arrow:after { left: 26px; width: 10px; height: 25px; margin: 0; background: url("../images/common/scroll_arrow_t.png") no-repeat center center/contain; } }

.content-bottom.type-detail { position: relative; width: 568px; background: url("../images/introduce/detail/detail_img_2.png") no-repeat center bottom/contain; }

.content-bottom.type-detail:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url("../images/introduce/detail/detail_hover.png") no-repeat center bottom/contain; z-index: 10; content: ''; }

.detail-cover { background-color: transparent; }

.detail-cover.type-bg { width: 1600px; }

@media only screen and (max-width: 1366px) { .detail-cover { margin-top: 120px !important; padding-bottom: 52.08%; }
 .detail-cover.type-bg { width: 100%; }
 .detail-cover.type-hair { background: url("../images/introduce/detail/detail_fix_1_t.jpg") center center/cover; padding-bottom: 133.33%; }
 .detail-cover.type-hair2 { background: url("../images/introduce/detail/detail_fix_2_t.jpg") center center/cover; padding-bottom: 133.33%; } }

@media only screen and (max-width: 680px) { .detail-cover { margin-top: 100px !important; padding-bottom: 52.08%; }
 .detail-cover.type-hair { padding-bottom: 133.33%; }
 .detail-cover.type-hair2 { padding-bottom: 133.33%; } }

.detail-left { margin-left: 100px; }

@media only screen and (max-width: 1366px) { .detail-left { margin-left: 0; } }

.horizontal-fix.is-hide { display: none; }

.horizontal-fix__item { overflow: hidden; display: none; text-indent: -9999px; }

.horizontal-fix__item.type-bg { position: relative; }

.horizontal-fix__item.type-bg:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; content: ''; }

.horizontal-fix__item.is-active { display: block; }

.horizontal-fix__item.type-video { background: url("../images/introduce/detail/detail_video.jpg") no-repeat center bottom/cover; }

.horizontal-fix__item.type-hair1 { background: url("../images/introduce/detail/detail_fix_1.jpg") no-repeat center bottom/cover; }

.horizontal-fix__item.type-hair2 { background: url("../images/introduce/detail/detail_fix_2.jpg") no-repeat center bottom/cover; }

.horizontal-fix__item.is-hide { display: none !important; }

.content-img { box-sizing: border-box; }

.content-img.type-hair { width: 568px; }

.content-img.type-hair .content-img__img { position: relative; }

.content-img.type-hair .content-img__img:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/introduce/detail/detail_hover.png") no-repeat center bottom/contain; z-index: 10; content: ''; }

.content-img.type-hair .content-img__img.is-active:before { -webkit-animation-name: flashHair; animation-name: flashHair; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.content-img.type-hair2 { width: 556px; }

.content-img.type-style1 { width: 330px; }

.content-img.type-style1 .content-img__right { padding-left: 80px; }

.content-img.type-style1 .content-img__left { padding-right: 170px; margin-top: 20px; }

.content-img.type-style2 { width: 540px; }

.content-img.type-style2 .content-img__right { padding-left: 200px; margin-top: -40px; }

.content-img.type-style2 .content-img__left { padding-right: 240px; }

.content-img.type-style3 { width: 540px; }

.content-img.type-style3 .content-img__right { position: relative; padding-left: 200px; z-index: 10; }

.content-img.type-style3 .content-img__left { padding-right: 240px; margin-top: -20px; }

@media only screen and (max-width: 1366px) { .content-img.type-hair { width: 100%; }
 .content-img.type-hair2 { width: 100%; }
 .content-img.type-style1 { width: 100%; padding: 0 130px; }
 .content-img.type-style1 .content-img__right { padding-left: 42.18%; }
 .content-img.type-style1 .content-img__left { padding-right: 62.5%; margin-top: -80px; }
 .content-img.type-style2 { width: 100%; padding: 0 74px; }
 .content-img.type-style2 .content-img__right { padding-left: 26.56%; margin-top: -40px; }
 .content-img.type-style2 .content-img__left { padding-right: 34.37%; }
 .content-img.type-style3 { width: 100%; padding: 0 64px; }
 .content-img.type-style3 .content-img__right { padding-left: 25%; }
 .content-img.type-style3 .content-img__left { padding-right: 34.37%; margin-top: -60px; } }

@media only screen and (max-width: 680px) { .content-img.type-style1 { padding: 0; }
 .content-img.type-style1 .content-img__left { margin-top: -60px; }
 .content-img.type-style2 { padding: 0; }
 .content-img.type-style2 .content-img__right { margin-top: -30px; }
 .content-img.type-style3 { padding: 0; }
 .content-img.type-style3 .content-img__left { margin-top: -30px; } }

.doctor-section { background-color: #fff5f3; }

.content-doctor { display: inline-block; height: 100%; margin-left: 40px; vertical-align: top; box-sizing: border-box; }

.content-doctor__subtit { margin-bottom: 8px; }

.content-doctor__tit { color: #ff8560; font-weight: 500; }

.content-doctor__area { position: relative; margin-top: 70px; }

.content-doctor__list { margin: 0; padding: 0 0 0 180px; box-sizing: border-box; }

.content-doctor__item { display: none; width: 560px; height: 460px; padding: 36px 50px; border-radius: 16px; border: 1px solid #ff8560; background-color: #fff; list-style: none; box-sizing: border-box; }

.content-doctor__item.is-active { display: block; }

@media only screen and (max-width: 1366px) { .content-doctor { display: block; height: auto; margin-left: 0; padding: 150px 0; }
 .content-doctor__area { margin-top: 0; }
 .content-doctor__list { padding-left: 0; }
 .content-doctor__item { width: 100%; height: auto; } }

@media only screen and (max-width: 680px) { .content-doctor { padding: 100px 0; }
 .content-doctor__item { width: 100%; height: auto; padding: 20px; border-radius: 10px; } }

.doctor-nav { position: absolute; top: 0; left: 0; margin: 0; padding: 0; }

.doctor-nav__item { position: relative; }

.doctor-nav__item.is-active:after { position: absolute; top: 0; bottom: 0; right: -40px; display: block; width: 40px; height: 0; border-top: 1px solid #ff8560; margin: auto 0; content: ''; }

.doctor-nav__item.is-active .doctor-nav__btn { background-color: #ff8560; color: #fff; }

.doctor-nav__item + .doctor-nav__item { margin-top: 20px; }

.doctor-nav__position { margin-right: 10px; vertical-align: middle; font-weight: 400; }

.doctor-nav__name { vertical-align: middle; font-weight: 400; }

.doctor-nav__btn { width: 152px; height: 48px; line-height: 48px; list-style: none; border: 1px solid #ff8560; border-radius: 24px; box-sizing: border-box; text-align: center; color: #ff8560; outline: 0; background: #fff5f3; padding: 0; cursor: pointer; }

@media only screen and (max-width: 1366px) { .doctor-nav { top: -220px; left: auto; right: 94px; }
 .doctor-nav__item.is-active:after { display: none; } }

@media only screen and (max-width: 680px) { .doctor-nav { overflow: hidden; top: -68px; left: 0; right: 0; margin-left: -30px; }
 .doctor-nav__item { display: inline-block; padding-left: 30px; box-sizing: border-box; }
 .doctor-nav__item + .doctor-nav__item { margin-top: 0; } }

.doctor-photo { position: relative; box-sizing: border-box; }

.doctor-photo__list { position: relative; margin: 0; padding: 0; width: 420px; height: 732px; }

.doctor-photo__item { position: absolute; width: 100%; opacity: 0; transition: opacity 1s; }

.doctor-photo__item.is-active { opacity: 1; }

@media only screen and (max-width: 1366px) { .doctor-photo { width: auto; height: auto; margin-top: 80px; padding: 0 276px 0 30px; }
 .doctor-photo__list { width: 100%; height: 0; padding-bottom: 127.74%; } }

@media only screen and (max-width: 680px) { .doctor-photo { margin-top: 40px; padding: 0 13.125% 0 17.18%; } }

.doctor-career { margin: 0; padding: 0; }

.doctor-career__item { list-style: none; }

.doctor-career__item + .doctor-career__item { margin-top: 8px; }

@media only screen and (max-width: 680px) { .doctor-career__item { list-style: none; }
 .doctor-career__item + .doctor-career__item { margin-top: 4px; } }

.js-info { cursor: pointer; }

.info-btn { position: relative; top: 3px; display: inline-block; width: 20px; height: 20px; background: #ff8560; border-radius: 50%; vertical-align: top; cursor: pointer; font-style: normal; }

.info-btn.type-left .info-btn__wrap { left: auto; right: 10px; width: 570px; }

.info-btn.type-left .info-btn__area:after { left: auto; right: 0; border-left: none; }

.info-btn.type-left.type-list .info-btn__wrap { width: 730px; }

.info-btn__list { display: block; margin: 10px 0 0 -10px; font-size: 0; }

.info-btn__item { display: inline-block; width: 25%; padding-left: 10px; box-sizing: border-box; }

.info-btn__plus { position: relative; display: block; width: inherit; height: inherit; overflow: hidden; text-indent: -9999px; }

.info-btn__plus:before, .info-btn__plus:after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; margin: auto; background: #fff; content: ''; }

.info-btn__plus:before { width: 10px; height: 2px; }

.info-btn__plus:after { width: 2px; height: 10px; }

.info-btn__wrap { position: absolute; display: none; width: 420px; left: 10px; bottom: 50px; background-color: #ffe3dd; border-radius: 16px; box-sizing: border-box; box-shadow: 8px 13px 25px 0px rgba(0, 0, 0, 0.15); text-shadow: 8px 13px 25px rgba(0, 0, 0, 0.15); z-index: 50; }

.info-btn__area { position: relative; display: block; }

.info-btn__area:after { display: block; position: absolute; left: 0; bottom: -18px; width: 0px; height: 0px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid none; border-left: 20px solid  #ffe3dd; content: ''; }

.info-btn__bullet { position: relative; display: block; padding-left: 10px; }

.info-btn__bullet + .info-btn__bullet { margin-top: 6px; }

.info-btn__bullet:before { position: absolute; top: -2px; left: 0; content: '-'; }

.info-btn__box { display: block; padding: 30px; box-sizing: border-box; }

.info-btn__tit { display: block; color: #151515; font-weight: 500; }

.info-btn__txt { display: block; margin-top: 14px; color: #777777; }

.info-btn__img { display: none; }

.info-btn__img.type-left { position: absolute; display: inline-block; width: 216px; }

.info-btn__inner { display: inline-block; min-height: 154px; padding-left: 240px; box-sizing: border-box; }

.info-btn__close { display: none; }

.info-btn__subject { display: block; margin-top: 10px; color: #777777; }

@media only screen and (max-width: 1366px) { .info-btn.type-left.type-list .info-btn__area { width: 420px; }
 .info-btn__wrap { position: fixed; top: 0; left: 0 !important; right: 0 !important; bottom: 0; width: auto !important; background-color: rgba(0, 0, 0, 0.7) !important; z-index: 100; border-radius: 0; }
 .info-btn__img { display: block; margin-bottom: 26px; }
 .info-btn__img.type-left { width: 280px; margin-bottom: 0; }
 .info-btn__area { position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; width: calc(100% - 80px); margin: 0 auto; box-sizing: border-box; background: #fff; border-radius: 16px; }
 .info-btn__area:after { display: none; }
 .info-btn__box { padding: 40px; box-sizing: border-box; }
 .info-btn__close { display: block; width: 100%; height: 50px; padding: 0; line-height: 50px; background-color: #333333; border: none; outline: 0; color: #fff; border-radius: 0 0 16px 16px; }
 .info-btn__inner { min-height: 200px; padding-left: 304px; box-sizing: border-box; }
 .info-btn__list { margin-top: 16px; margin-left: -20px; }
 .info-btn__item { width: 50%; padding-left: 20px; }
 .info-btn__item:nth-child(2) ~ .info-btn__item { margin-top: 20px; } }

@media only screen and (max-width: 680px) { .info-btn { top: 2px; }
 .info-btn.type-left.type-list .info-btn__area { width: calc(100% - 40px); }
 .info-btn__img { margin-bottom: 18px; }
 .info-btn__img.type-left { position: static; width: auto; margin-bottom: 18px; }
 .info-btn__area { width: calc(100% - 40px); border-radius: 8px; }
 .info-btn__box { padding: 20px; box-sizing: border-box; }
 .info-btn__inner { min-height: 0; padding-left: 0; }
 .info-btn__list { margin-top: 16px; margin-left: -15px; }
 .info-btn__item { width: 50%; padding-left: 15px; }
 .info-btn__item:nth-child(2) ~ .info-btn__item { margin-top: 15px; }
 .info-btn__close { height: 45px; line-height: 45px; border-radius: 0 0 8px 8px; } }

@media only screen and (max-width: 1366px) and (orientation: landscape) { .info-btn__area { width: 45%; } }

@media only screen and (max-width: 680px) and (orientation: landscape) { .info-btn__area { width: 80%; }
 .info-btn__img { display: none; } }

@-webkit-keyframes flashHair { from, 50%, to { opacity: 1; }
 25%, 75% { opacity: 0; } }

@keyframes flashHair { from, 50%, to { opacity: 1; }
 25%, 75% { opacity: 0; } }

@keyframes arrow-ani { 0% { transform: translateX(4px); }
 50% { transform: translateX(-3px); }
 100% { transform: translateX(4px); } }

@keyframes arrow-ani-m { 0% { transform: translateY(3px); }
 50% { transform: translateY(-2px); }
 100% { transform: translateY(3px); } }

/* content */
.content { width: 100%; background-color: #fff; box-sizing: border-box; }
.content strong { font-weight: 500; }
.content__line { margin: 0 0 0 -100px; font-size: 120px; line-height: 1; font-weight: 100; opacity: 1; white-space: nowrap; }
.content__line.type-white{color: #fff;}
.content__line + .content__txt2 { margin-top: 50px; }
.content__line + .content__txt { margin-top: 20px; }
.content__line + .content__tit { padding-top: 0; }
.content__outer { display: inline-table; width: 100%; height: 100%; }
.content__inner { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.content__tit { padding-top: 80px; font-weight: 300; box-sizing: border-box; }
.content__tit span { font-weight: 500; }
.content__tit + .content__txt2 { margin-top: 50px; }
.content__tit + .content__txt { margin-top: 50px; }
.content__txt { color: #151515; font-style: italic; }
.content__txt2 { margin-top: 24px; color: #777777; font-weight: 300; }
.content__txt2 + .content__txt { margin-top: 40px; }
.content__txt2.type-first { margin-top: 0; padding-top: 80px; box-sizing: border-box; }
.content__txt2 strong { font-weight: 400; }
.content__area { padding: 0 200px 0 100px; height: 100%; white-space: nowrap; box-sizing: border-box; }
.content__area.type-box { padding-left: 0; padding-right: 0; }
.content__area.type-wide { padding-left: 200px; }
.content__area.type-bg { position: relative; }
.content__area.type-bg:before { position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 500px; content: ''; }
.content__wrap { width: 100%; max-width: 1680px; padding: 110px 80px; box-sizing: border-box; }
.content__wrap.type-real{padding: 110px 160px;}
.content__more { margin-top: 100px; text-transform: uppercase; }
.content__more2{margin-top: 90px;}
.content__subject { margin-bottom: 60px; font-weight: 500; }
.content__subject.type-short{margin-bottom: 22px;}
.content__subject.type-long{margin-bottom: 40px;}

@media only screen and (max-width: 1366px) {
    .content { padding: 68px 0 120px; }
    .content.type-footer { padding-bottom: 0; }
    .content__line { position: absolute; top: 0; margin-left: -40px; }
    .content__line + .content__tit { padding-top: 116px; }
    .content__outer { display: block; width: auto; height: auto; }
    .content__outer.type-center { display: inline-table; width: 100%; height: 100%; }
    .content__inner { display: block; width: auto; height: auto; }
    .content__inner.type-center { display: table-cell; width: 100%; height: 100%; }
    .content__tit { padding-top: 116px; }
    .content__tit.type-padding-zero { padding-top: 0; }
    .content__tit.type-detail { padding-top: 0; }
    .content__area { padding: 0 40px 0; white-space: normal; }
    .content__area.type-wide { padding-left: 40px; }
    .content__area.type-bg { position: relative; padding-top: 150px; }
    .content__area.type-bg:before { position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 100%; height: 0; padding-bottom: 74.21%; content: ''; }
    .content__more { margin-top: 80px; }
    .content__more2{margin-top: 80px;}
    .content__wrap { max-width: none; padding: 80px 40px 0; box-sizing: border-box; }
    .content__wrap.type-real{padding: 0 88px 120px;}
    .content__wrap.type-view { padding: 0; }
    .content__subject.type-event { margin-bottom: 0; padding: 40px; border-bottom: 1px solid #eeeeee; }
    .content__txt2.type-first { padding-top: 0px; }
    .content__subject.type-short{padding: 40px 40px 20px;margin-bottom: 0;border-bottom: 0;}
    .content__subject.type-long{padding: 40px 40px 15px;margin-bottom: 0;border-bottom: 0;}
}
@media only screen and (max-width: 680px) {
    .content { padding: 50px 0 100px; }
    .content__line { margin-left: -20px; font-size: 60px; }
    .content__line + .content__tit { padding-top: 60px; }
    .content__line + .content__txt2 { margin-top: 28px; }
    .content__line + .content__txt { margin-top: 28px; }
    .content__area { padding: 0 20px 0; }
    .content__area.type-wide { padding-left: 20px; }
    .content__area.type-bg { position: relative; padding-top: 100px; }
    .content__area.type-bg:before { position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 100%; height: 0; padding-bottom: 74.21%; content: ''; }
    .content__tit { padding-top: 60px; }
    .content__tit + .content__txt2 { margin-top: 30px; }
    .content__tit + .content__txt { margin-top: 28px; }
    .content__more { margin-top: 40px; }
    .content__more2{margin-top: 40px;}
    .content__subject { margin-bottom: 50px; }
    .content__subject.type-event { padding: 40px 20px; }
    .content__txt2 + .content__txt { margin-top: 20px; }
    .content__wrap { padding: 40px 20px 0; }
    .content__wrap.type-real{padding: 0px 20px 0;}
    .content__subject.type-short{padding-left: 20px;padding-right: 20px;}
    .content__subject.type-long{padding-left: 20px;padding-right: 20px;}
}

.content-popup { position: absolute; top: 0; left: 0; display: none; height: 100%; width: 100%; margin: auto; z-index: 90; background-color: rgba(0, 0, 0, 0.35); text-align: center; white-space: normal; }

.content-popup:before { display: inline-block; height: 100%; vertical-align: middle; content: ''; }

.content-popup__tit { margin-bottom: 36px; font-size: 30px; font-weight: 400; }

.content-popup__wrap { position: relative; display: inline-block; vertical-align: middle; margin: auto; }

.content-popup__area { position: relative; padding: 80px 60px; background-color: #fff; box-sizing: border-box; }

.content-popup__close { overflow: hidden; position: absolute; top: 0; right: 0; display: block; width: 64px; height: 64px; border: none; outline: 0; background: url("../images/common/popup_close.jpg") no-repeat center center/contain; text-indent: -9999px; cursor: pointer; }

.content-popup__list { max-width: 880px; margin: 40px 0 0 -10px; padding: 0; }

.content-popup__item { display: inline-block; width: 25%; padding-left: 10px; box-sizing: border-box; list-style: none; vertical-align: top; }

.content-popup__caption { display: table-cell; width: 1%; height: 50px; padding: 5px; background-color: #eeeeee; color: #151515; font-weight: 400; box-sizing: border-box; vertical-align: middle; }

.content-popup__noti { margin-top: 14px; color: #aaaaaa; text-align: left; }

@media only screen and (max-width: 1366px) { .content-popup { position: fixed; }
 .content-popup__wrap { width: 100%; padding: 0 40px; box-sizing: border-box; }
 .content-popup__close { right: 40px; }
 .content-popup__list { max-width: none; } }

@media only screen and (max-width: 680px) { .content-popup__tit { font-size: 1.8rem; margin-bottom: 18px; }
 .content-popup__list { margin-top: 20px; }
 .content-popup__item { width: 50%; }
 .content-popup__item:nth-child(2) ~ .content-popup__item { margin-top: 10px; }
 .content-popup__scroll { overflow: auto; max-height: 320px; }
 .content-popup__area { padding: 30px 20px; }
 .content-popup__wrap { padding: 0 20px; }
 .content-popup__close { position: static; width: 100%; height: 40px; line-height: 40px; text-indent: 0; background: #333333; color: #fff; font-size: 1.3rem; }
 .content-popup__noti { margin-top: 12px; } }

.content-number { display: inline-block; height: 100%; }

.content-number__area { display: inline-block; height: 100%; box-sizing: border-box; }

.content-number__list { position: relative; display: inline-block; height: 100%; margin: 0 0 0 190px; padding: 0; white-space: nowrap; }

.content-number__list:first-child { margin-left: 0; }

.content-number__item { list-style: none; }

.content-number__item.nth-1 .content-number__subject:before, .content-number__item.nth-1 .content-number__img:before { content: "01"; }

.content-number__item.nth-2 .content-number__subject:before, .content-number__item.nth-2 .content-number__img:before { content: "02"; }

.content-number__item.nth-3 .content-number__subject:before, .content-number__item.nth-3 .content-number__img:before { content: "03"; }

.content-number__item.nth-4 .content-number__subject:before, .content-number__item.nth-4 .content-number__img:before { content: "04"; }

.content-number__item.nth-5 .content-number__subject:before, .content-number__item.nth-5 .content-number__img:before { content: "05"; }

.content-number__item.nth-6 .content-number__subject:before, .content-number__item.nth-6 .content-number__img:before { content: "06"; }

.content-number__item.nth-7 .content-number__subject:before, .content-number__item.nth-7 .content-number__img:before { content: "07"; }

.content-number__item.nth-8 .content-number__subject:before, .content-number__item.nth-8 .content-number__img:before { content: "08"; }

.content-number__item.nth-9 .content-number__subject:before, .content-number__item.nth-9 .content-number__img:before { content: "09"; }

.content-number__item:nth-of-type(2) { position: absolute; bottom: 50px; left: 0; margin-left: 400px; }

.content-number__box { display: inline-block; width: 380px; box-sizing: border-box; vertical-align: top; white-space: normal; }

.content-number__box.type-txt { width: 230px; padding-left: 40px; }

.content-number__img { position: relative; width: 100%; height: 0; padding-bottom: 57.89%; }

.content-number__img:before { position: absolute; top: 0; left: 0; width: 32px; height: 32px; line-height: 32px; color: #fff; z-index: 10; text-align: center; font-size: 14px; font-weight: 400; content: ''; }

.content-number__subject { position: relative; margin-bottom: 10px; font-weight: 500; }

.content-number__subject:before { position: absolute; top: 0; left: -20px; font-size: 14px; font-weight: 500; }

.content-number__txt { line-height: 1.8; }

@media only screen and (max-width: 1366px) { .content-number { display: block; }
 .content-number__area { display: block; width: auto !important; }
 .content-number__list { display: block; margin-left: 0; }
 .content-number__list:first-child { margin-top: 80px; }
 .content-number__list:first-child .content-number__item:first-child { margin-top: 0; }
 .content-number__item { position: relative; list-style: none; margin-top: 40px; }
 .content-number__item:nth-of-type(2) { position: relative; bottom: auto; left: auto; margin-left: 0; }
 .content-number__box { display: block; width: auto; padding-right: 300px; box-sizing: border-box; }
 .content-number__box.type-txt { position: absolute; top: 0; right: 0; width: 300px; padding-right: 0; } }

@media only screen and (max-width: 680px) { .content-number__list:first-child { margin-top: 40px; }
 .content-number__list:first-child .content-number__item:first-child { margin-top: 0; }
 .content-number__item { margin-top: 24px; }
 .content-number__img:before { width: 28px; height: 28px; line-height: 28px; font-size: 1.4rem; }
 .content-number__subject { margin-bottom: 5px; }
 .content-number__box { padding-right: 0; }
 .content-number__box.type-txt { position: static; width: auto; margin-top: 10px; padding-left: 20px; } }

.content-img { display: inline-block; height: 100%; vertical-align: top; }

.content-img.type-intro { position: absolute; left: 0; right: 0; bottom: 19%; height: auto; margin: 0 auto; padding: 0 50px; box-sizing: border-box; white-space: normal; }

.content-img.type-intro .content-img__list { margin-top: 0; }

.content-img__img { padding-top: 80px; }

.content-img__img:after { display: block; clear: both; content: ''; }

.content-img__right { float: right; box-sizing: border-box; }

.content-img__left { float: left; box-sizing: border-box; }

.content-img.type-list { width: 680px; }

.content-img__list { margin: 30px 0 0 0; padding: 0; }

.content-img__list.type-one { margin-top: 60px; }

.content-img__list.type-one .content-img__item { width: 100%; border-radius: 16px; white-space: normal; }

.content-img__list.type-one .content-img__txt { position: relative; display: inline-block; padding-left: 20px; box-sizing: border-box; }

.content-img__list.type-one .content-img__txt:nth-of-type(2) { margin-left: 5px; }

.content-img__item { display: inline-block; width: 50%; padding: 16px; border-radius: 0 16px 16px 0; text-align: center; list-style: none; background: #eeeeee; box-sizing: border-box; vertical-align: top; }

.content-img__item.type-default { border-radius: 16px 0 0 16px; }

.content-img__item.type-sub { background-color: #fef6f4; }

.content-img__item.type-sub .content-img__subject { color: #cf746d; }

.content-img__num { position: absolute; top: 0; left: 0; }

.content-img__subject { margin-bottom: 6px; font-weight: 500; }

.content-img__noti { margin-top: 10px; color: #777777; }

@media only screen and (max-width: 1366px) { .content-img { display: block; margin-top: 80px; height: auto; }
 .content-img.type-list { width: 100%; }
 .content-img.type-intro { position: static; left: auto; right: auto; bottom: auto; width: 100%; padding: 0; }
 .content-img.type-intro .content-img__list { margin-top: 0; }
 .content-img__img { padding-top: 0; }
 .content-img__img.type-slim-t { padding: 0 15%; }
 .content-img.type-margin-zero { margin: 0; }
 .content-img.type-detail { margin-top: 100px; }
 .content-img.type-year { position: absolute; left: 0; top: 50%; height: auto; margin-top: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media only screen and (max-width: 680px) { .content-img { margin-top: 40px; }
 .content-img__img { padding-top: 0; }
 .content-img__img.type-slim-t { padding: 0; }
 .content-img.type-detail { margin-top: 50px; }
 .content-img.type-year { display: none; }
 .content-img__list { margin-top: 15px; }
 .content-img__list.type-one .content-img__item { border-radius: 8px; }
 .content-img__list.type-one .content-img__txt { display: block; padding-left: 20px; text-align: left; }
 .content-img__list.type-one .content-img__txt + .content-img__list.type-one .content-img__txt { margin-top: 5px; }
 .content-img__list.type-one .content-img__txt:nth-of-type(2) { margin-left: 0; }
 .content-img__item { border-radius: 0 12px 12px 0; padding: 12px; }
 .content-img__item.type-default { border-radius: 12px 0 0 12px; } }

.content-bottom { position: relative; display: inline-block; vertical-align: top; position: relative; height: 100%; }

.content-bottom__noti { position: absolute; left: 0; right: 0; bottom: 236px; color: #fff; text-align: center; }

.content-bottom__noti.type-low { bottom: 140px; }

.content-bottom__txt { margin-bottom: 30px; text-align: center; }

.content-bottom__box { position: absolute; top: 19%; }

.content-bottom__box.type-man .content-bottom__item, .content-bottom__box.type-list .content-bottom__item { left: 0; background: #faf6fd; }

.content-bottom__box.type-man .content-bottom__item:before, .content-bottom__box.type-list .content-bottom__item:before { color: #a982c9; }

.content-bottom__box.type-man .content-bottom__item.type-tit, .content-bottom__box.type-list .content-bottom__item.type-tit { padding: 10px 20px; background-color: #a982c9; color: #fff; text-align: center; }

.content-bottom__box.type-man .content-bottom__num, .content-bottom__box.type-list .content-bottom__num { color: #a982c9; }

.content-bottom__box.type-list { top: 0; right: 0; }

.content-bottom__box.type-list .content-bottom__item { min-width: 362px; }

.content-bottom__box.type-woman { right: 0; }

.content-bottom__box.type-woman .content-bottom__item { background: #fef6f4; }

.content-bottom__box.type-woman .content-bottom__item:before { color: #cf746d; }

.content-bottom__box.type-woman .content-bottom__item.type-tit { padding: 10px 20px; background-color: #cf746d; color: #fff; text-align: center; }

.content-bottom__box.type-woman .content-bottom__num { color: #cf746d; }

.content-bottom__box.type-bread { position: static; top: auto; display: inline-block; }

.content-bottom__box.type-bread .content-bottom__item { min-width: 300px; background: #f1f5fc; }

.content-bottom__box.type-bread .content-bottom__item:before { color: #3569ae; }

.content-bottom__box.type-bread .content-bottom__item.type-tit { padding: 10px 20px; background-color: #3569ae; color: #fff; text-align: center; }

.content-bottom__box.type-bread .content-bottom__num { color: #3569ae; }

.content-bottom__box.type-bread + .content-bottom__box.type-bread { margin-left: 30px; }

.content-bottom__list { margin: 0; padding: 0; }

.content-bottom__item { position: relative; padding: 14px 20px 14px 50px; box-sizing: border-box; list-style: none; border-radius: 24px; }

.content-bottom__item:before { position: absolute; left: 20px; top: 10px; font-size: 20px; font-style: italic; font-weight: 300; content: ''; }

.content-bottom__item.nth-1:before { content: "01"; }

.content-bottom__item.nth-2:before { content: "02"; }

.content-bottom__item.nth-3:before { content: "03"; }

.content-bottom__item.nth-4:before { content: "04"; }

.content-bottom__item.nth-5:before { content: "05"; }

.content-bottom__item.nth-6:before { content: "06"; }

.content-bottom__item.nth-7:before { content: "07"; }

.content-bottom__item.nth-8:before { content: "08"; }

.content-bottom__item.nth-9:before { content: "09"; }

.content-bottom__item + .content-bottom__item { margin-top: 20px; }

@media only screen and (max-width: 1366px) { .content-bottom { margin-top: 80px; width: 100%; }
 .content-bottom__noti { bottom: 120px; }
 .content-bottom__noti.type-low { bottom: 80px; }
 .content-bottom__box { position: static; top: auto; }
 .content-bottom__box.type-man { margin-bottom: 60px; }
 .content-bottom__box.type-woman { margin-top: 60px; }
 .content-bottom__box.type-list .content-bottom__item { min-width: 0; }
 .content-bottom__box.type-bread { display: block; margin-top: 40px; }
 .content-bottom__box.type-bread .content-bottom__item { min-width: 0; width: 100%; }
 .content-bottom__box.type-bread + .content-bottom__box.type-bread { margin-left: 0px; } }

@media only screen and (max-width: 680px) { .content-bottom { margin-top: 40px; }
 .content-bottom__txt { margin-bottom: 15px; }
 .content-bottom__noti { bottom: 80px; }
 .content-bottom__noti.type-low { bottom: 40px; }
 .content-bottom__box.type-man { margin-bottom: 46px; }
 .content-bottom__box.type-man .content-bottom__item.type-tit { padding: 8px 10px; }
 .content-bottom__box.type-woman { margin-top: 46px; }
 .content-bottom__box.type-woman .content-bottom__item.type-tit { padding: 8px 10px; }
 .content-bottom__item { padding: 12px 15px 12px 42px; border-radius: 10px; }
 .content-bottom__item:before { left: 15px; top: 9px; font-size: 1.6rem; }
 .content-bottom__item + .content-bottom__item { margin-top: 15px; } }

.content-top { display: inline-block; vertical-align: top; position: relative; height: 100%; }

.content-zigzag { padding-top: 80px; display: inline-block; }

.content-zigzag:after { display: block; clear: both; content: ''; }

.content-zigzag.type-half .content-zigzag__item { display: block; }

.content-zigzag.type-half .content-zigzag__item:first-child { margin: 0 0 0 200px; }

.content-zigzag.type-half .content-zigzag__item:last-child { margin-top: 20px; }

.content-zigzag__list { position: relative; margin: 0; padding: 0; box-sizing: border-box; font-size: 0; }

.content-zigzag__list.type-top { margin-left: 200px; }

.content-zigzag__list + .content-zigzag__list { margin-top: 20px; }

.content-zigzag__item { display: inline-block; }

.content-zigzag__item + .content-zigzag__item { margin-left: 20px; }

@media only screen and (max-width: 1366px) { .content-zigzag { display: block; width: auto; }
 .content-zigzag.type-half .content-zigzag__item { display: inline-block; }
 .content-zigzag.type-half .content-zigzag__item:first-child, .content-zigzag.type-half .content-zigzag__item:last-child { margin: 0; }
 .content-zigzag__list { margin-left: -20px; }
 .content-zigzag__list.type-top { margin-left: -20px; }
 .content-zigzag__list + .content-zigzag__list { margin-top: 20px; }
 .content-zigzag__item { display: inline-block; width: 50%; padding-left: 20px; box-sizing: border-box; }
 .content-zigzag__item + .content-zigzag__item { margin-left: 0px; } }

@media only screen and (max-width: 680px) { .content-zigzag { padding-top: 40px; }
 .content-zigzag__list { margin-left: -15px; }
 .content-zigzag__list.type-top { margin-left: -15px; }
 .content-zigzag__list + .content-zigzag__list { margin-top: 15px; }
 .content-zigzag__item { padding-left: 15px; } }

.content-key { display: inline-block; height: 100%; vertical-align: top; }

.content-key.type-woman .content-key__item { background: #fef6f4; }

.content-key__box { margin-top: 60px; }

.content-key__box.type-num .content-key__item { position: relative; padding-left: 50px; }

.content-key__box.type-num .content-key__item:before { position: absolute; left: 20px; top: 10px; font-size: 20px; font-style: italic; font-weight: 300; color: #3569ae; }

.content-key__box.type-num .content-key__item.nth-1:before { content: "01"; }

.content-key__box.type-num .content-key__item.nth-2:before { content: "02"; }

.content-key__box.type-num .content-key__item.nth-3:before { content: "03"; }

.content-key__box.type-num .content-key__item.nth-4:before { content: "04"; }

.content-key__box.type-num .content-key__item.nth-5:before { content: "05"; }

.content-key__box.type-num .content-key__item.nth-6:before { content: "06"; }

.content-key__box.type-num .content-key__item.nth-7:before { content: "07"; }

.content-key__box.type-num .content-key__item.nth-8:before { content: "08"; }

.content-key__box.type-num .content-key__item.nth-9:before { content: "09"; }

.content-key__box.type-num .content-key__item.nth-10:before { content: "10"; }

.content-key__box.type-num .content-key__item.nth-11:before { content: "11"; }

.content-key__box.type-num .content-key__item.nth-12:before { content: "12"; }

.content-key__box.type-num .content-key__item.nth-13:before { content: "13"; }

.content-key__box.type-num .content-key__item.nth-14:before { content: "14"; }

.content-key__box.type-num .content-key__item.nth-15:before { content: "15"; }

.content-key__box.type-num .content-key__item.nth-16:before { content: "16"; }

.content-key__box.type-num .content-key__item.nth-17:before { content: "17"; }

.content-key__box.type-num .content-key__item.nth-18:before { content: "18"; }

.content-key__box.type-num .content-key__item.nth-19:before { content: "19"; }

.content-key__list { display: inline-block; margin: 0; padding: 0; vertical-align: top; }

.content-key__list:after { display: block; clear: both; content: ''; }

.content-key__list + .content-key__list { margin-left: 30px; }

.content-key__item { float: left; width: 100%; min-width: 360px; padding: 14px 30px; list-style: none; border-radius: 22px; box-sizing: border-box; font-weight: 400; }

.content-key__item + .content-key__item { clear: both; margin-top: 20px; }

@media only screen and (max-width: 1366px) { .content-key { display: block; height: auto; }
 .content-key__list { display: block; }
 .content-key__list + .content-key__list { margin: 20px 0 0 0; }
 .content-key__item { float: none; width: auto; } }

@media only screen and (max-width: 680px) { .content-key__box { margin-top: 40px; }
 .content-key__box.type-num .content-key__item { padding-left: 42px; }
 .content-key__box.type-num .content-key__item:before { left: 15px; top: 8px; font-size: 1.6rem;line-height: 1.625;}
 .content-key__list + .content-key__list { margin-top: 10px; }
 .content-key__item { min-width: 0; padding: 12px 14px 10px; border-radius: 10px; }
 .content-key__item + .content-key__item { margin-top: 10px; } }

.content-wrap { position: relative; display: inline-block; width: 100%; height: 700px; margin-bottom: 40px; }

.content-wrap.type-center { margin-bottom: 0; }

@media only screen and (max-width: 1366px) { .content-wrap { display: block; width: auto; height: auto; margin-bottom: 0; } }

.breadcrumb { position: fixed; top: 30px; left: 120px; z-index: 110; transition: all 1s; }

.breadcrumb.type-1depth .breadcrumb__depth1 { color: #151515; font-weight: 300; }

.breadcrumb.type-vertical { top: 0; left: 0; right: 0; padding: 30px 120px; background-color: #fff; }

.breadcrumb.is-hide, .breadcrumb.is-video { left: -500px; }

.breadcrumb.is-hide-vertical { top: -100px; }

.breadcrumb__home, .breadcrumb__depth1 { display: inline-block; margin: 0; color: #777777; }

.breadcrumb__home + .breadcrumb__depth1:before { position: relative; top: -1px; display: inline-block; width: 5px; height: 9px; background: url("../images/common/breadcrumb_icon.png") no-repeat center center/contain; margin: 0 5px; content: ''; }

.breadcrumb__scroll { display: inline-block; }

.breadcrumb__list { display: inline-block; margin: 0; padding: 0; font-size: 0; }

.breadcrumb__list:before { position: relative; top: -1px; display: inline-block; width: 5px; height: 9px; background: url("../images/common/breadcrumb_icon.png") no-repeat center center/contain; margin: 0 5px; content: ''; }

.breadcrumb__item { display: none; color: #151515; font-weight: 300; }

.breadcrumb__item.is-active { display: inline-block; }

.breadcrumb__link { display: inline; color: inherit; text-decoration: none; }

@media only screen and (max-width: 1366px) { .breadcrumb { position: static; top: auto; left: auto; background-color: #fff; }
 .breadcrumb__home, .breadcrumb__depth1 { display: none; }
 .breadcrumb__scroll { display: block; padding-bottom: 0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #ddd; }
 .breadcrumb__list { overflow: visible; white-space: nowrap; }
 .breadcrumb__list:before { display: none; }
 .breadcrumb__item { display: inline-block; color: #aaaaaa; }
 .breadcrumb__item:first-child { padding-left: 40px; }
 .breadcrumb__item:last-child { padding-right: 40px; }
 .breadcrumb__item + .breadcrumb__item { margin-left: 24px; }
 .breadcrumb__item.is-active { color: #ff8560; font-weight: 500; }
 .breadcrumb__item.is-active .breadcrumb__link { position: relative; }
 .breadcrumb__item.is-active .breadcrumb__link:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-bottom: 3px solid #ff8560; content: ''; }
 .breadcrumb__link { display: block; padding: 16px 0; }
 .breadcrumb.type-one { display: block !important; }
 .breadcrumb.type-vertical { top: auto; left: auto; right: auto; padding: 0; } }

@media only screen and (max-width: 680px) { .breadcrumb__item:first-child { padding-left: 20px; }
 .breadcrumb__item:last-child { padding-right: 20px; }
 .breadcrumb__item + .breadcrumb__item { margin-left: 18px; }
 .breadcrumb__link { padding: 12px 0; } }

@media only screen and (max-height: 800px) { .breadcrumb.type-one { display: none; } }

.content-section1 { width: 1600px; margin-left: 80px; box-sizing: border-box; }

@media only screen and (max-width: 1366px) { .content-section1 { width: 100%; margin-left: 0; } }

.section-left { margin-left: 80px; }

@media only screen and (max-width: 1366px) { .section-left { margin-left: 0; } }

.section-top { padding-top: 160px; box-sizing: border-box; }

@media only screen and (max-width: 1366px) { .section-top { padding-top: 0; } }

.content-box { display: inline-block; width: 420px; vertical-align: top; height: 100%; white-space: normal; box-sizing: border-box; }

.content-box.type-inner { height: auto; }

.content-box.type-layer { position: absolute; top: 0; right: 80px; }

.content-box.type-layer .content-box__list { padding-top: 80px; box-sizing: border-box; }

.content-box.type-wide { width: 520px; }

.content-box.type-slim { width: 320px; }

.content-box.type-top { padding-top: 200px; }

.content-box__list { margin: 0; padding: 0; }

.content-box__item { position: relative; padding: 14px 0 0 170px; list-style: none; box-sizing: border-box; }

.content-box__item.nth-1 .content-box__num:before { content: "01"; }

.content-box__item.nth-2 .content-box__num:before { content: "02"; }

.content-box__item.nth-3 .content-box__num:before { content: "03"; }

.content-box__item.nth-4 .content-box__num:before { content: "04"; }

.content-box__item.nth-5 .content-box__num:before { content: "05"; }

.content-box__item.nth-6 .content-box__num:before { content: "06"; }

.content-box__item.nth-7 .content-box__num:before { content: "07"; }

.content-box__item.nth-8 .content-box__num:before { content: "08"; }

.content-box__item.nth-9 .content-box__num:before { content: "09"; }

.content-box__item + .content-box__item { margin-top: 30px; }

.content-box__box { position: absolute; left: 0; top: 0; }

.content-box__num { position: relative; display: inline-block; min-width: 154px; padding: 14px 20px 14px 50px; box-sizing: border-box; list-style: none; border-radius: 24px; }

.content-box__num:before { position: absolute; left: 20px; top: 10px; font-size: 20px; font-style: italic; font-weight: 300; content: ''; }

.content-box__txt { line-height: 1.78; color: #777777; }

@media only screen and (max-width: 1366px) { .content-box { display: block; width: auto; height: auto; }
 .content-box.type-detail { margin-top: 100px; }
 .content-box.type-detail.type-top { padding-top: 0; }
 .content-box.type-wide { width: auto; }
 .content-box.type-slim { width: auto; }
 .content-box.type-layer { position: static; top: auto; right: auto; }
 .content-box.type-layer .content-box__list { padding-top: 40px; box-sizing: border-box; }
 .content-box__num { min-width: 260px; }
 .content-box__item { padding-left: 280px; } }

@media only screen and (max-width: 680px) { .content-box.type-detail { margin-top: 50px; }
 .content-box__box { position: static; left: auto; top: auto; }
 .content-box__num { min-width: 0; width: 100%; padding: 12px 15px 12px 42px; border-radius: 10px; }
 .content-box__num:before { left: 15px; top: 9px; font-size: 1.6rem; }
 .content-box__item { padding: 0; }
 .content-box__txt { margin-top: 12px; padding-left: 42px; } }

/* visual */
.visual__wrap { padding: 56px 120px; box-sizing: border-box; }
.visual__subtit { margin-bottom: 12px; color: #151515; }
.visual__hash { margin-top: 30px; font-weight: 400; }
.visual__list { margin: 80px 0 0 0; padding: 0; }
.visual__item { position: relative; padding-left: 80px; list-style: none; box-sizing: border-box; }
.visual__item:before { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 60px; height: 60px; margin: auto 0; border-radius: 50%; content: ''; }
.visual__item + .visual__item { margin-top: 38px; }
.visual__subject { color: #777777; font-weight: 500; }
.visual__txt { color: #151515; font-weight: 300; }
.visual__img { display: none; }
.visual__header { overflow: hidden; width: 0; height: 0; text-indent: -9999px; }
.visual__noti{margin-top: 20px;padding-left: 80px;color: #aaa;}
.visual__quick{margin-top: 14px;}

@media only screen and (max-width: 1366px) {
    .visual__wrap { padding: 0; }
    .visual__outer { position: relative; width: 100%; height: 0; padding-bottom: 113.54%; }
    .visual__inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 100px 40px 0; box-sizing: border-box; }
    .visual__box { padding-right: 50%; box-sizing: border-box; white-space: normal; }
    .visual__header { width: auto; height: auto; padding: 12px; color: #fff; text-align: center; text-indent: 0; }
    .visual__list { margin: 0; padding: 10px 40px; box-sizing: border-box; background-color: #fff; }
    .visual__img { display: block; }
    .visual__item { display: inline-block; width: 50%; padding-top: 20px; padding-bottom: 20px; box-sizing: border-box; vertical-align: top; }
    .visual__item:before { top: 10px; bottom: auto; }
    .visual__item + .visual__item { margin-top: 0px; }
    .visual__noti{margin-top: 10px;padding-left: 40px;}
    .visual__quick{position: absolute;top: 66%;left: 40px;margin-top: 0px;}
}
@media only screen and (max-width: 680px) {
    .visual__inner { padding: 50px 20px 0; box-sizing: border-box; }
    .visual__header { padding: 8px; }
    .visual__subtit { margin-bottom: 6px; }
    .visual__hash { margin-top: 20px; }
    .visual__span { display: block; }
    .visual__span + .visual__span { margin-top: 2px; }
    .visual__list { padding: 4px 20px; }
    .visual__item { display: block; width: 100%; padding: 12px 0 12px 54px; }
    .visual__item:before { top: 0; bottom: 0; left: 5px; width: 35px; height: 35px; margin: auto 0; }
    .visual__noti{margin-top: 8px;padding-left: 20px;}
    .visual__quick{top: 46%;left: 20px;}
}


.content-secton1 { padding: 0 200px; background-color: #fff; }

.content-secton2 { background-color: #fff; }

.content-floor { position: relative; display: inline-block; width: 740px; height: 100%; vertical-align: top; }

.content-floor__list { position: absolute; top: 80px; right: 0; margin: 0; padding: 0; }

.content-floor__list:after { display: block; clear: both; content: ''; }

.content-floor__item { position: relative; float: left; list-style: none; text-align: center; }

.content-floor__item + .content-floor__item { clear: both; margin-top: 24px; }

.content-floor__item:nth-child(2) { margin-left: 50px; }

.content-floor__item:nth-child(3) { margin-left: 100px; }

.content-floor__item:nth-child(4) { margin-left: 150px; }

.content-floor__item:nth-child(5) { margin-left: 200px; }

.content-floor__item:nth-child(6) { margin-left: 250px; }

.content-floor__item:nth-child(7) { margin-left: 300px; }

.content-floor__box { padding: 14px 20px 14px 50px; box-sizing: border-box; border-radius: 22px; white-space: normal; text-align: left; }

.content-floor__num { position: absolute; top: 10px; left: 20px; font-style: italic; }

.content-floor__txt { font-weight: 400; }

.content-floor__img { display: none; }

.content-floor__noti { display: inline-block; width: 240px; margin-top: 36px; text-align: left; font-weight: 300; color: #777777; }

@media only screen and (max-width: 1366px) { .content-floor { display: block; width: auto !important; height: auto; background: none !important; }
 .content-floor__list { position: static; }
 .content-floor__list.type-mt { margin-top: 70px; }
 .content-floor__item { width: 100%; }
 .content-floor__item + .content-floor__item { margin-left: 0 !important; }
 .content-floor__box { width: 100%; }
 .content-floor__img { display: block; margin-top: 70px; padding: 0 14%; box-sizing: border-box; text-align: center; }
 .content-floor__img.type-bottom { margin-bottom: 80px; }
 .content-floor__img.type-wide { padding: 0; margin-left: -40px; margin-right: -40px; }
 .content-floor__img.type-zero { padding: 0; }
 .content-floor__noti { width: 100%; } }

@media only screen and (max-width: 680px) { .content-floor__box { padding: 12px 15px 10px 42px; border-radius: 10px; }
 .content-floor__img { margin-top: 36px; padding: 0; }
 .content-floor__img.type-bottom { margin-bottom: 40px; }
 .content-floor__img.type-wide { margin-left: -20px; margin-right: -20px; }
 .content-floor__num { top: 8px; left: 15px; }
 .content-floor__list.type-mt { margin-top: 35px; }
 .content-floor__item { width: 100%; }
 .content-floor__item + .content-floor__item { margin-top: 10px; }
 .content-floor__num { margin-right: 12px; } }

.pick-scroll { height: 100%; }

.pick-scroll.type-three .pick-scroll__area { width: 900px; }

.pick-scroll.type-three .pick-scroll__item { width: 33.33%; }

.pick-scroll__wrap { position: relative;width: 1200px;height: 100%;}

.pick-scroll__outer{position: absolute;left: 0;top: 400px;}

.pick-scroll__list { overflow: hidden; margin: 0 -15px; padding: 0; box-sizing: border-box; white-space: nowrap; }

.pick-scroll__item { display: inline-block; width: 25%; margin: 0; padding: 0 15px; list-style: none; white-space: normal; outline: 0; vertical-align: top; box-sizing: border-box; }

.pick-scroll__txt { position: relative; margin-top: 18px; padding-left: 30px; font-weight: 300; color: #151515; box-sizing: border-box; }

.pick-scroll__num { position: absolute; top: -1px; left: 0; font-weight: 500; }

.pick-scroll__area { position: relative; width: 1200px; }

.pick-scroll__area.type-inner { margin-top: 0; }

.pick-scroll__btn { position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto 0; opacity: 0.6; border-radius: 50%; background-color: #cf746d !important; }

.pick-scroll__btn.type-prev { left: -60px; background: url("../images/content/bg_color_prev.png") no-repeat center center; }

.pick-scroll__btn.type-next { right: -60px; background: url("../images/content/bg_color_next.png") no-repeat center center; }

.pick-scroll__current { vertical-align: middle; }

.pick-scroll__total { color: #cdcdcd; vertical-align: middle; }

.pick-scroll__caption { margin-bottom: 30px; font-style: italic; }

.pick-scroll__noti { margin-top: 70px; color: #777777; }

@media only screen and (max-width: 1366px) { .pick-scroll.type-three .pick-scroll__area { width: auto; }
 .pick-scroll.type-three .pick-scroll__item { width: 50%; }
 .pick-scroll__wrap{width: auto;}
 .pick-scroll__outer{position: static;}
 .pick-scroll__list { overflow: visible; width: auto; margin: 0 0 0 -30px; white-space: normal; font-size: 0; }
 .pick-scroll__item { width: 50%; padding-left: 30px; padding-right: 0; margin: 0; box-sizing: border-box; max-width: none; }
 .pick-scroll__item:nth-child(2) ~ .pick-scroll__item { margin-top: 40px; }
 .pick-scroll__area { width: auto; margin: 80px 0 0 0; padding: 0 48px; box-sizing: border-box; }
 .pick-scroll__btn { display: none; }
 .pick-scroll__caption { margin: 0 -48px 36px; }
 .pick-scroll__noti { margin-top: 56px; } }

@media only screen and (max-width: 680px) { .pick-scroll.type-three .pick-scroll__item { width: 100%; }
 .pick-scroll__area { margin: 40px 0 0 0; padding: 0 30px; box-sizing: border-box; }
 .pick-scroll__list { margin: 0; }
 .pick-scroll__item { display: block; width: auto; padding-left: 0; }
 .pick-scroll__item + .pick-scroll__item { margin-top: 24px; }
 .pick-scroll__item:nth-child(2) ~ .pick-scroll__item { margin-top: 24px; }
 .pick-scroll__txt { margin-top: 10px; padding-left: 28px; }
 .pick-scroll__txt.type-total { padding-left: 30px; }
 .pick-scroll__current { vertical-align: top; }
 .pick-scroll__caption { margin: 0 -30px 24px; }
 .pick-scroll__noti { margin-top: 30px; } }

.content-process { width: 820px; white-space: normal; }

.content-process.type-only-img { width: 520px; }

.content-process__list { position: relative; margin: 90px 0 0 0; padding: 0 0 0 20px; font-size: 0; box-sizing: border-box;overflow: hidden;}

.content-process__item { position: relative; display: inline-block; width: 100%; border: 1px solid #eeeeee; list-style: none; box-sizing: border-box; outline: 0; }

.content-process__box { display: inline-block; height: 100%; box-sizing: border-box; }

.content-process__box.type-txt { position: absolute; top: 0; bottom: 0; left: 0; padding: 0 100px; width: 50%; text-align: center; }

.content-process__box.type-img { padding-left: 50%; }

.content-process__box + .content-process__box { border-left: 1px solid #eeeeee; }

.content-process__tit { font-weight: 500; }

.content-process__txt { margin-top: 10px; font-weight: 300; }

.content-process__num { color: #777777; }

.content-process__dot { position: absolute; top: 50%; left: 0; margin: 0; padding: 0; z-index: 50; -moz-transform: translatey(-50%); -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); }

.content-process__dot li { position: relative; display: block; width: 40px; height: 40px; }

.content-process__dot li.is-bar:before { animation: processBar 3.5s; }

.content-process__dot li:first-child:before, .content-process__dot li:first-child:after { display: none; }

.content-process__dot li:before, .content-process__dot li:after { position: absolute; left: 0; right: 0; top: 0px; display: block; height: 16px; width: 2px; margin: 0 auto; z-index: 10; background: #eeeeee; content: ''; }

.content-process__dot li:before { z-index: 15; }

.content-process__dot li + li { padding-top: 16px; }

.content-process__dot button { width: inherit; height: inherit; padding: 0; line-height: 40px; border: none; outline: 0; border-radius: 50%; color: #fff; font-size: 20px; cursor: pointer; background: #eeeeee; transition: background 0.3s; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; }

.content-process__noti { position: relative; margin-top: 14px; padding-left: 38px; box-sizing: border-box; }

.content-process__noti:before, .content-process__noti:after { position: absolute; top: 0; left: 15px; display: block; width: 14px; height: 20px; content: ''; }

.content-process__noti:before { background: url("../images/content/mouse_click.png") no-repeat center center/contain; z-index: 10; -webkit-animation-name: flashMouse; animation-name: flashMouse; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.content-process__noti:after { background: url("../images/content/mouse.png") no-repeat center center/contain; z-index: 20; }

@media only screen and (max-width: 1366px) { .content-process { width: auto; }
 .content-process__wrap { overflow: hidden; }
 .content-process.type-only-img { width: auto; }
 .content-process__list { margin-top: 80px;overflow: initial;}
 .content-process__dot { left: 6px; }
 .content-process__dot li { width: 30px; height: 30px; }
 .content-process__dot button { line-height: 30px; font-size: 18px; }
 .content-process__box { height: auto; width: 100%; } }

@media only screen and (max-width: 680px) { .content-process__num { margin-bottom: 5px; }
 .content-process__list { margin-top: 40px; padding-left: 0; }
 .content-process__box { display: block; }
 .content-process__box.type-txt { position: static; top: auto; bottom: auto; left: auto; padding: 0; width: auto; height: 200px; }
 .content-process__box.type-img { padding-left: 0; }
 .content-process__box + .content-process__box { border-top: 1px solid #eeeeee; border-left: none; }
 .content-process__dot { position: absolute; top: -14px; left: 0; display: block; width: 100%; -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); font-size: 0; text-align: center; }
 .content-process__dot li { display: inline-block; }
 .content-process__dot li.is-bar:before { animation: processBarM 3.3s; }
 .content-process__dot li:before, .content-process__dot li:after { left: 0; right: auto; bottom: 0; height: 2px; width: 20px; margin: auto 0; }
 .content-process__dot li + li { padding: 0 0 0 20px; }
 .content-process__dot button { width: 28px; height: 28px; line-height: 28px; font-size: 1.8rem; }
 .content-process__noti { line-height: 1.8; } }

.content-bullet { position: absolute; left: 0; top: 30px; }

.content-bullet__list { margin: 0; padding: 0; }

.content-bullet__item { position: relative; display: block; width: 20px; height: 20px; list-style: none; border-radius: 50%; background-color: #eeeeee; }

.content-bullet__item:last-child:before, .content-bullet__item:last-child:after { display: none; }

.content-bullet__item + .content-bullet__item { margin-top: 100px; }

.content-bullet__item:before, .content-bullet__item:after { position: absolute; left: 0; right: 0; top: 20px; display: block; height: 100px; width: 2px; margin: 0 auto; z-index: 10; background: #eeeeee; content: ''; }

.content-bullet__item:before { z-index: 15; }

.content-bullet__item.is-active:before { animation: bulletBar 2.7s; }

@media only screen and (max-width: 680px) { .content-bullet { display: none; } }

.content-year { display: inline-block; height: 100%; margin-left: 140px; box-sizing: border-box; vertical-align: top; }

.content-year__wrap { position: relative; display: inline-block; padding-left: 60px; box-sizing: border-box; vertical-align: top; }

.content-year__img { width: 132px; }

.content-year__list { margin: 0; padding: 0; }

.content-year__tit { font-weight: 500; }

.content-year__item { position: relative; top: -80px; opacity: 0; width: 420px; list-style: none; transition: all 0.8s; }

.content-year__item:first-child { top: 0; opacity: 1; }

.content-year__item.is-active { top: 0; opacity: 1; }

.content-year__item + .content-year__item { margin-top: 20px; }

.content-year__box { position: absolute; top: 50%; right: 0; width: 100%; padding-left: 152px; box-sizing: border-box; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; }

.content-year__noti { position: relative; top: -80px; opacity: 0; margin-top: 20px; padding-left: 16px; color: #aaaaaa; transition: all 0.8s; box-sizing: border-box; }

.content-year__noti:before { position: absolute; top: 0; left: 0; content: '※'; }

.content-year__noti.is-active { top: 0; opacity: 1; }

@media only screen and (max-width: 1366px) { .content-year { position: relative; display: block; height: auto; margin-left: 0; padding-left: 180px; margin-top: 110px; } }

@media only screen and (max-width: 680px) { .content-year { padding-left: 0; margin-top: 40px; }
 .content-year__wrap { display: block; padding-left: 0px; }
 .content-year__item { width: auto; top: 0; opacity: 1; }
 .content-year__item + .content-year__item { margin-top: 15px; }
 .content-year__img { width: 100px; }
 .content-year__box { padding-left: 120px; }
 .content-year__noti { top: 0; opacity: 1; margin-top: 10px; padding-left: 14px; line-height: 1.5; } }

.hair-one { position: relative; width: 125px; height: 518px; margin: 0; padding: 0; }

.hair-one__item { position: absolute; left: 0; bottom: 0; opacity: 0; list-style: none; transition: all 1s; }

.hair-one__item:first-child, .hair-one__item.is-active { opacity: 1; bottom: 0; }

.hair-one__item:nth-child(1) { z-index: 1; }

.hair-one__item:nth-child(2) { z-index: 2; }

.hair-one__item:nth-child(3) { z-index: 3; }

.hair-one__item:nth-child(4) { z-index: 4; }

@keyframes processBar { 0% { height: 0; }
 100% { height: 16px; } }

@keyframes processBarM { 0% { width: 0; }
 100% { width: 20px; } }

@keyframes bulletBar { 0% { height: 0; }
 100% { height: 100px; } }

.content-vertical { padding-top: 110px; }

.txt-down, .txt-up { position: relative; display: inline-block; }

.txt-down:after, .txt-up:after { display: inline-block; width: 9px; height: 12px; margin: 0 3px; content: ''; }

@media only screen and (max-width: 1366px) { .txt-down:after, .txt-up:after { display: inline-block; width: 9px; height: 11px; margin: 0 2px; content: ''; } }

.txt-down:after { background: url("../images/common/down_icon.png") no-repeat center center/contain; }

@media only screen and (max-width: 1366px) { .txt-down:after { background: url("../images/common/down_icon_m.png") no-repeat center center/contain; } }

.txt-up:after { background: url("../images/common/up_icon.png") no-repeat center center/contain; }

@media only screen and (max-width: 1366px) { .txt-up:after { background: url("../images/common/up_icon_m.png") no-repeat center center/contain; } }

.one-section { height: 100%; margin-left: 80px; padding: 0 200px 0 80px; box-sizing: border-box; }

@media only screen and (max-width: 1366px) { .one-section { height: auto; margin: 0; padding: 40px 40px 0; } }

@media only screen and (max-width: 680px) { .one-section { margin: 0; padding: 40px 20px 0; } }

.content-table { display: inline-block; height: 100%; vertical-align: top; font-size: 0; }
.content-table__area { height: 100%; }
.content-table__list { display: inline-block; margin: 0; padding: 0; width: 350px; vertical-align: top; }
.content-table__list.type-category { width: 150px; }
.content-table__list.type-category .content-table__item { background-color: #eeeeee; }
.content-table__list.type-category .content-table__item:first-child { border-left: none; background-color: transparent; }
.content-table__list.type-category .content-table__item:nth-child(even) { background-color: #ffe3dd; }
.content-table__list.type-category .content-table__item:nth-child(2) { border-radius: 8px 0 0 0; }
.content-table__list + .content-table__list .content-table__item.type-header:before { position: absolute; top: 0; left: -1px; bottom: 0; height: 100%; width: 0; border-left: 1px solid #fff; content: ''; }
.content-table__item { width: 100%; height: 60px; list-style: none; text-align: center; border: 1px solid #ddd; box-sizing: border-box; border-left: none; }
.content-table__item.type-header { position: relative; height: 50px; background: #ff8560; border-radius: 8px 8px 0 0; border: none; color: #fff; font-weight: 500; }
.content-table__item:nth-child(1) ~ .content-table__item { border-top: none; }
.content-table__item.type-blank { overflow: hidden; text-indent: -9999px; }
.content-table__item.type-img { height: 190px; }
.content-table__item:after { clear: both; display: block; content: ''; }
.content-table__header { display: none; }
.content-table__body { height: inherit; }
.content-table__num { position: relative; top: -6px; }
.content-table__wrap { display: table-cell; width: 1%; height: inherit; vertical-align: middle; }
.content-table__img { overflow: hidden; height: 100%; background-color: #fff; }

@media only screen and (max-width: 1366px) { 
    .content-table { position: relative; width: 100%; margin-top: 100px; padding: 0 90px; box-sizing: border-box; }
    .content-table__header { float: left; display: inline-block; width: 150px; height: inherit; }
    .content-table__body { padding-left: 150px; box-sizing: border-box; }
    .content-table__slide { overflow: hidden; }
    .content-table__list { width: auto; }
    .content-table__list.type-category { display: none; }
    .content-table__list + .content-table__list .content-table__item.type-header:before { display: none; }
    .content-table__item { border-left: 1px solid #ddd; }
    .content-table__item .content-table__header { background-color: #eeeeee; }
    .content-table__item:nth-child(even) .content-table__header { background-color: #ffe3dd; }
    .content-table__item.type-img { height: auto; } 
}

@media only screen and (max-width: 680px) { 
    .content-table { margin-top: 50px; padding: 0; }
    .content-table__header { width: 80px; }
    .content-table__body { padding-left: 80px; }
    .content-table__item.type-header { height: 46px; } 
}

.table-control { display: none; }

@media only screen and (max-width: 1366px) { .table-control { display: block; }
 .table-control__btn { position: absolute; top: 0; bottom: 0; margin: auto 0; overflow: hidden; display: block; width: 60px; height: 60px; text-indent: -9999px; border: none; outline: 0; cursor: pointer; }
 .table-control__btn.type-prev { left: 0; background: url("../images/common/table_prev.png") no-repeat center center/contain; }
 .table-control__btn.type-next { right: 0; background: url("../images/common/table_next.png") no-repeat center center/contain; } }

@media only screen and (max-width: 680px) { .table-control { position: absolute; top: 0; left: 0; width: 100%; }
 .table-control__wrap { position: relative; width: 100%; padding-bottom: 68.75%; margin-top: 50px; }
 .table-control__btn { width: 45px; height: 45px; }
 .table-control__btn.type-prev { left: 10px; }
 .table-control__btn.type-next { right: 10px; } }

.circle-graph { position: absolute; top: 0; right: 0; text-align: center; }

.circle-graph__wrap { position: relative; width: 240px; height: 240px; transform: rotateZ(0); }

.circle-graph__wrap:before { content: ''; position: absolute; bottom: 0; left: 0; width: 258px; height: 258px; z-index: -1; }

.circle-graph__vertical { display: table-cell; width: 1%; height: inherit; vertical-align: middle; }

.circle-graph__txt { display: block; margin-top: 10px; font-weight: 400; }

.circle-graph__num { display: block; margin-top: 12px; }

.circle-graph__refer { margin-top: 18px; color: #777777; }

@media only screen and (max-width: 680px) { .circle-graph__wrap { width: 146px; height: 146px; }
 .circle-graph__wrap:before { top: -8px; left: -4px; width: 156px; height: 156px; }
 .circle-graph__txt { margin-top: 4px; }
 .circle-graph__refer { margin-top: 10px; } }

/* box-style1 */
.box-style1__box { position: relative; display: inline-block; border: 1px solid #151515; border-radius: 8px; vertical-align: top; }
.box-style1__box.type-cling{margin-top: 48px;}
.box-style1__box + .box-style1__box { margin-left: 100px; }
.box-style1__box.type-after { border-color: #ff8560; }
.box-style1__box.type-after .box-style1__tit { color: #ff8560; }
.box-style1__box.type-after .box-style1__icon:before { background-color: #ff8560; }
.box-style1__vertical { height: 600px; padding: 60px; vertical-align: middle; box-sizing: border-box; }
.box-style1__tit { position: absolute; top: -18px; left: 18px; display: block; padding-right: 25px; background-color: #fff; box-sizing: border-box; }
.box-style1__icon { position: relative; display: block; padding-left: 60px; box-sizing: border-box; }
.box-style1__icon:before { position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 42px; height: 42px; margin: auto 0; line-height: 42px; background-color: #151515; border-radius: 8px; text-align: center; color: #fff; content: '!'; }
.box-style1__icon.type-etc:before { background: url("../images/common/etc_icon.png") #151515 no-repeat 10px center/26px 26px; content: ''; }
.box-style1__icon.type-etc2:before { background: url("../images/common/etc_icon2.png") #151515 no-repeat 10px center/26px 26px; content: ''; }
.box-style1__icon.type-cookie:before { background: url("../images/common/cookie_icon.png") #151515 no-repeat center center/26px 26px; content: ''; }
.box-style1__icon.type-info:before { background: url("../images/common/info_icon.png") #151515 no-repeat center center/26px 26px; content: ''; }
.box-style1__icon.type-complete:before { background: url("../images/common/complete_icon.png") #151515 no-repeat center center/26px 26px; content: ''; }
.box-style1__icon.type-conditions:before { background: url("../images/common/conditions_icon.png") #151515 no-repeat center center/22px 26px; content: ''; }

@media only screen and (max-width: 1366px) {
    .box-style1__vertical { height: auto; padding: 60px 40px; }
    .box-style1__box + .box-style1__box { margin: 80px 0 0 0; }
}
@media only screen and (max-width: 680px) {
    .box-style1__box.type-cling{margin-top: 40px;}
    .box-style1__tit { top: -16px; left: 16px; padding-right: 20px; }
    .box-style1__tit.type-two{top: -28px;}
    .box-style1__tit.type-cookie { top: -28px; }
    .box-style1__vertical { padding: 44px 20px; }
    .box-style1__box + .box-style1__box { margin-top: 50px; }
    .box-style1__icon { padding-left: 42px; }
    .box-style1__icon:before { width: 28px; height: 28px; line-height: 28px; border-radius: 4px; }
    .box-style1__icon.type-etc:before { background: url("../images/common/etc_icon.png") #151515 no-repeat 7px center/17px 17px; content: ''; }
    .box-style1__icon.type-etc2:before { background: url("../images/common/etc_icon2.png") #151515 no-repeat 7px center/17px 17px; content: ''; }
    .box-style1__icon.type-cookie:before { background: url("../images/common/cookie_icon.png") #151515 no-repeat center center/17px 17px; content: ''; }
    .box-style1__icon.type-info:before { background: url("../images/common/info_icon.png") #151515 no-repeat center center/17px 17px; content: ''; }
    .box-style1__icon.type-complete:before { background: url("../images/common/complete_icon.png") #151515 no-repeat center center/17px 17px; content: ''; }
    .box-style1__icon.type-conditions:before { background: url("../images/common/conditions_icon.png") #151515 no-repeat center center/14px 17px; content: ''; }
}

/* content-realstory */
/* realstory-quick */
.realstory-quick{cursor: pointer;}
.realstory-quick__wrap{position: relative;}
.realstory-quick__circle{width: 60px;height: 60px;}
.realstory-quick__box{position: absolute;top: 0;bottom: 0;left: 40px;height: 36px;margin: auto 0;}
.realstory-quick__area{display: inline-block;width: 211px;height: inherit;padding-left: 26px;line-height: 36px;box-sizing: border-box;}

@media only screen and (max-width: 680px) {
    .realstory-quick__circle{width: 48px;height: 48px;}
    .realstory-quick__box{left: 32px;height: 30px;}
    .realstory-quick__area{width: 176px;padding-left: 20px;line-height: 30px;}
}

.content-realstory{display: inline-block;margin-top: 80px;}
.content-realstory__outer {position: relative; text-align: center;width: 800px;}
.content-realstory__wrap { position: relative; }
.content-realstory__motion { overflow: hidden; position: relative; }
.content-realstory__motion img { display: block; width: 100%; }
.content-realstory__slider { z-index: 1; }
.content-realstory__img { display: none; }
.content-realstory__img.is-active { display: block; }
.content-realstory__resize { overflow: hidden; position: absolute; top: 0; left: 0; width: 50%; height: 100%;border-right: 1px solid #fff;}
.content-realstory__resize.is-black:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1; content: ''; }
.content-realstory__handle { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; cursor: ew-resize; font-size: 0; z-index: 15; }
.content-realstory__handle:after { position: absolute; bottom: 38px; display: block; width: 161px; height: 48px; margin-left: -86px;content: ''; transition: transform 0.3s; }
.content-realstory__explain { position: absolute; left: 0; right: 0; bottom: 20px; margin: 0; font-size: 14px; color: #aaa; z-index: 110; }
.content-realstory__noti { margin: 14px 0 0 0; font-size: 12px; color: #aaa; font-weight: 400; text-align: left; }
.content-realstory__more { margin-top: 46px; }
.content-realstory__txt { position: relative;height: 60px; margin: 0; font-size: 20px; white-space: nowrap; color: #fff;z-index: 10;}
.content-realstory__txt.type-before { padding-left: 20px; background-color: #777777; font-weight: 300; text-align: left; }
.content-realstory__txt.type-after { padding-right: 20px; font-weight: 500; text-align: right; }
.content-realstory__vertical { display: table-cell; width: 1%; height: inherit; vertical-align: middle; }
.content-realstory__list { position: absolute; top: 0; left: 0; right: 0; margin: 0; padding: 0; font-size: 0; text-align: center; z-index: 7; }
.content-realstory__item { display: inline-block; list-style: none; }
.content-realstory__item + .content-realstory__item { padding-left: 1px; }
.content-realstory__link { display: block; width: 74px; height: 28px; line-height: 28px; text-decoration: none; background-color: #777; font-size: 14px; color: #fff; }
.content-realstory__link.type-front { border-radius: 0 0 0 12px; }
.content-realstory__link.type-profile { border-radius: 0 0 12px 0; }
.content-realstory__counter { margin: 20px 0 0 0; text-align: left; font-size: 14px; font-weight: 500; color: #cdcdcd; }
.content-realstory__now { font-size: 16px; font-weight: 400; color: #000; }
.content-realstory__dot { margin: 14px 0 0 0; padding: 0 160px 8px 0; font-size: 12px; }
.content-realstory__dot a { overflow: hidden; display: table-cell; width: 1%; height: 0px; border-top: 2px solid #fff; list-style: none; text-decoration: none; }
.content-realstory__dot a.active { border-color: #151515; }
.content-realstory__dot span { color: transparent; }
.content-realstory__area { position: absolute; bottom: 0; right: 0; font-size: 0; }
.content-realstory__btn { overflow: hidden; display: inline-block; width: 56px; height: 56px; padding: 0; border: 1px solid #151515; outline: none; background-color: #fff; text-indent: -9999px; cursor: pointer; }
.content-realstory__btn.type-prev { border-radius: 8px 0 0 8px; background: url("../images/content/realstory_prev.png") no-repeat center center; }
.content-realstory__btn.type-next { border-radius: 0 8px 8px 0; background: url("../images/content/realstory_next.png") no-repeat center center; }
.content-realstory__btn + .content-realstory__btn { margin-left: -1px; }
.content-realstory__btn:hover { background-color: #fff; }
.drag:after { transform: scale(0.9); }

@media only screen and (max-width: 1366px){
    .content-realstory__outer{width: 100%;}
}
@media only screen and (max-width: 680px){
    .content-realstory{margin-top: 40px;}
    .content-realstory__wrap{padding-top: 28px;}
    .content-realstory__txt{height: 65px;font-size: 1.6rem;}
    .content-realstory__item{width: 33.33%;box-sizing: border-box;}
    .content-realstory__link{width: 100%;font-size: 1.4rem;}
    .content-realstory__link.type-front { border-radius: 0; }
    .content-realstory__link.type-profile { border-radius: 0; }
    .content-realstory__handle:after {bottom: 50px; width: 124px; height: 30px; margin-left: -66px;}
    .content-realstory__explain{bottom: 14px;font-size: 1.3rem;}
    .content-realstory__txt.type-before { padding-left: 10px;}
    .content-realstory__txt.type-after { padding-right: 10px;}
    .content-realstory__noti {font-size: 1.3rem;text-align: center;}
    .content-realstory__btn{width: 45px;height: 45px;}
    .content-realstory__btn.type-prev{background: #fff url("../images/content/realstory_prev_m.png") no-repeat center center/14px 25px;}
    .content-realstory__btn.type-next{background: #fff url("../images/content/realstory_next_m.png") no-repeat center center/14px 25px;}
    .content-realstory__dot{padding-right: 120px;}
}

.blind{position:absolute;top: 0;left: 0;width: 100%;height: 100%;padding-bottom: 60px;box-sizing: border-box;z-index: 12;text-align:center;white-space:nowrap;}
.blind__outer{display:inline-table;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);}
.blind__inner{display:table-cell; vertical-align:middle; padding:0 10px; box-sizing:border-box;}
.blind__inner.type-body{background:url('../images/content/blind_body.jpg') no-repeat center left / cover;}
.blind__tit{margin:0;font-size: 20px;font-weight: 300;font-style: italic;color:#fff;line-height: 1.5;}
.blind__tit span{font-weight: 500;}
.blind__txt{margin: 48px 0 0 0; font-size:14px;font-weight: 300;color:#fff;}
.blind__point{font-weight: 500;}
.blind__btn{display: inline-block;width: 200px;margin-top: 16px;padding: 10px 0;border-radius: 36px;font-size: 20px;font-weight: 500;font-style: italic;box-sizing: border-box;text-decoration: none;}

@media only screen and (max-width: 1366px) {
	.blind__tit{}
	.blind__txt{margin: 58px 0 0 0;}
	.blind__btn{margin-top: 20px;}
}
@media only screen and (max-width: 680px) {
    .blind{width: calc(100% + 1px);padding-bottom: 64px;}
	.blind__tit{font-size: 1.4rem;}
	.blind__txt{display: none;}
	.blind__btn{width: 100px;margin-top: 18px;padding: 6px 0;font-size: 1.6rem;}
}


.content-comparison{display: inline-block;margin-top: 80px;}
.content-comparison__outer{width: 730px;text-align: center;}
.content-comparison__tit{position: relative;display: inline-block;padding: 6px 14px;}
.content-comparison__tit:before{content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 1px;background-color: #000;}
.content-comparison__tit:after{content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;background-color: #000;}
.content-comparison__list{margin: 86px 0 0 -30px;padding: 0;font-size: 0;}
.content-comparison__item{display: inline-block;width: 50%;padding-left: 30px;vertical-align: top;box-sizing: border-box;}
.content-comparison__box{margin-top: 12px;}
.content-comparison__heading{padding: 8px 0;border-radius: 30px;font-style: italic;font-weight: 500;}
.content-comparison__subject{margin-top: 18px;font-style: italic;font-weight: 500;}
.content-comparison__txt{margin-top: 10px;font-weight: 300;color: #777777;white-space: normal;line-height: 1.78;}
.content-comparison__txt strong{color: #151515;}

@media only screen and (max-width: 1366px) { 
    .content-comparison__outer{width: 100%;}
    .content-comparison__list{margin-top: 120px;margin-left: -24px;}
    .content-comparison__item{padding-left: 24px;}
}
@media only screen and (max-width: 680px) {
    .content-comparison__tit{padding: 4px;}
    .content-comparison__list{margin-top: 64px;margin-left: -12px;}
    .content-comparison__item{padding-left: 12px;}
    .content-comparison__box{margin-top: 6px;}
    .content-comparison__heading{padding: 4px 0;border-radius: 14px;}
    .content-comparison__subject{height: 52px;}
}

.popup-table {display: inline-block;height: 100%;font-size: 0;vertical-align: top;}
.popup-table__area {height: 100%;}
.popup-table__list {display: inline-block;width: 250px;margin: 0;padding: 0;vertical-align: top;}
.popup-table__list.type-category {width: 132px;}
.popup-table__list.type-category .popup-table__item {background-color: #aaaaaa;color: #ffffff;}
.popup-table__list.type-category .popup-table__item:first-child {border-left: none;background-color: transparent;}
.popup-table__list + .popup-table__list .popup-table__item.type-header:before {content: '';position: absolute;top: 0;left: -1px;bottom: 0;height: 100%;width: 0;border-left: 1px solid #fff;}
.popup-table__item {width: 100%;height: 70px;border: 1px solid #ddd;border-left: none;text-align: center;list-style: none;box-sizing: border-box;}
.popup-table__item.type-header {position: relative;height: 70px;border: none;font-weight: 500;color: #fff;}
.popup-table__item:nth-child(1) ~ .popup-table__item {border-top: none;}
.popup-table__item.type-blank {overflow: hidden;text-indent: -9999px;}
.popup-table__item.type-img {height: 190px;}
.popup-table__item:after {content: '';display: block;clear: both;}
.popup-table__header {display: none;}
.popup-table__body {height: inherit;}
.popup-table__num {position: relative;top: -6px;}
.popup-table__wrap {display: table-cell;width: 1%;height: inherit;vertical-align: middle;}
.popup-table__img {height: 100%;background-color: #fff;overflow: hidden;}
.popup-table__control { display: none; }

@media only screen and (max-width: 1366px) { 
    .popup-table { position: relative; width: 100%;box-sizing: border-box; }
    .popup-table__header { float: left; display: inline-block; position: relative;width: 150px; height: inherit; }
    .popup-table__header:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #ffffff;}
    .popup-table__body { padding-left: 150px; box-sizing: border-box; }
    .popup-table__slide { overflow: hidden; }
    .popup-table__list { width: auto; }
    .popup-table__list.type-category { display: none; }
    .popup-table__list + .popup-table__list .popup-table__item.type-header:before { display: none; }
    .popup-table__item { border-left: 1px solid #ddd; }
    .popup-table__item .popup-table__header { background-color: #aaaaaa; color: #fff;}
    .popup-table__item:last-child .popup-table__header:after{display: none;}
    .popup-table__item.type-img { height: auto; } 
    .popup-table__control { display: block; }
    .popup-table__btn { position: absolute; top: 180px; margin: auto 0; overflow: hidden; display: block; width: 60px; height: 60px; text-indent: -9999px; border: none; outline: 0; cursor: pointer; }
    .popup-table__btn.type-prev { left: 16px; background: url("../images/common/table_prev.png") no-repeat center center/contain; }
    .popup-table__btn.type-next { right: 16px; background: url("../images/common/table_next.png") no-repeat center center/contain; }
}

@media only screen and (max-width: 680px) { 
    .popup-table {}
    .popup-table__header { width: 80px; }
    .popup-table__body { padding-left: 80px; }
    .popup-table__item.type-header { height: 46px; }
    .popup-table__control { position: absolute; top: 0; left: 0; width: 100%; }
    .popup-table__inner { position: relative; width: 100%; padding-bottom: 47.75%; margin-top: 50px; }
    .popup-table__btn { top: 0;bottom: 0; width: 45px; height: 45px; }
    .popup-table__btn.type-prev { left: 10px; }
    .popup-table__btn.type-next { right: 10px; }
}


/* js-scroll-motion */
.js-scroll-motion { opacity: 0; transform: translateX(200px); transition: all 0.5s; }
.js-scroll-motion.is-active { opacity: 1; transform: translateX(0); }
.js-scroll-motion.type-delay { transition-delay: 0.3s; }
.js-scroll-motion.type-delay2 { transition-delay: 0.5s; }
.js-scroll-motion.type-delay3 { transition-delay: 0.7s; }
.js-scroll-motion.type-delay4 { transition-delay: 0.9s; }
.js-scroll-motion.type-zigzag { transform: translateX(0); }
.js-scroll-motion.type-zigzag li { opacity: 0; transform: translateX(200px); transition: all 0.5s; }
.js-scroll-motion.type-zigzag.is-active li { opacity: 1; transform: translateX(0); }
.js-scroll-motion.type-zigzag.is-active li.type-delay { transition-delay: 0.3s; }
.js-scroll-motion.type-zigzag.is-active li.type-delay2 { transition-delay: 0.5s; }
.js-scroll-motion.type-zigzag.is-active li.type-delay3 { transition-delay: 0.7s; }
.js-scroll-motion.type-zigzag.is-active li.type-delay4 { transition-delay: 0.9s; }

@media only screen and (max-width: 1366px) { .js-scroll-motion { transform: translateX(0) translateY(100px); }
    .js-scroll-motion.is-active { opacity: 1; transform: translateX(0) translateY(0); }
    .js-scroll-motion.type-delay { transition-delay: 0s; }
    .js-scroll-motion.type-zigzag { transform: translateX(0); }
    .js-scroll-motion.type-zigzag li { opacity: 0; transform: translateX(0) translateY(100px); transition: all 0.5s; }
    .js-scroll-motion.type-zigzag.is-active li { opacity: 1; transform: translateX(0) translateY(0); }
    .js-scroll-motion.type-zigzag.is-active li.type-delay { transition-delay: 0.3s; }
    .js-scroll-motion.type-zigzag.is-active li.type-delay2 { transition-delay: 0.5s; }
    .js-scroll-motion.type-zigzag.is-active li.type-delay3 { transition-delay: 0.7s; }
    .js-scroll-motion.type-zigzag.is-active li.type-delay4 { transition-delay: 0.9s; }
}

@-webkit-keyframes flashMouse { from, 50%, to { opacity: 0.6; }
 25%, 75% { opacity: 0; } }

@keyframes flashMouse { from, 50%, to { opacity: 0.6; }
 25%, 75% { opacity: 0; } }

.horizontal-section.type-visual:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #fff; z-index: -1; content: ''; }

@media only screen and (max-width: 1366px) { .horizontal-section.type-visual:before { display: none; } }