@charset "UTF-8";


.mv__title {min-height: 46.219%;}
.fade-txt-line {padding-bottom: 12px;}
.fade-txt-line--01 {left: 8px; top: -3px;width: calc(169 / 437 * 100%)}
.fade-txt-line--02 {left: 8px; top: 24px;width: calc(422 / 437 * 100%)}
.fade-txt-line--03 {left: 8px; top: 47px;width: calc(251 / 437 * 100%) }
.fade-txt-line--03 .fade-txt {padding-left: 15px;}
[data-top-title] .fade-txt.in-view-from-bottom { transition: opacity .5s calc(var(--index) * .22s) cubic-bezier(.18, .06, .23, 1), transform 2.3s calc(var(--index) * .22s) cubic-bezier(.47, .16, .24, 1); opacity: 1; transform: translateZ(0); }
[data-top-title] .fade-txt.in-view-from-bottom span { transition: transform .8s calc(var(--index) * .22s) cubic-bezier(.47, .16, .24, 1); transform: translateZ(0); }
[data-top-title] .fade-txt-line::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #333333; transform: scaleX(0); transform-origin: left center; transition: transform 0.6s ease;}
[data-top-title] .fade-txt-line.underline-active::before { transform: scaleX(1); }
.mv {margin-top: 25px;}
.mv__inner {display: flex;position: relative;}
.mv__img {margin-right: calc(50% - 50vw);}
.mv__content {padding-top: calc((140 / 1414) * 100%);margin-right: calc(68 / 1414 * 100%);width: calc(437 / 1414 * 100%);min-width: 370px;}
.mv__txt {margin-top: calc(28 / 437 * 100%);font-size: 0.875em;line-height: calc(26 / 14);letter-spacing: 0.1em;}
.mv__line {margin-top: 18px;display: block;width: 2px;height: 100px;position: relative;}
.mv__line::after {content: ""; display: block;width: 2px;height: 100%;background-color: #FCC800;position: absolute;left: 0;bottom: 0;animation: sdl 2s ease infinite;}
.hare {margin-top: 125px;margin-bottom: 100px;}
.hare-grid {display: grid ; grid-template-columns: repeat(2, 1fr); gap: 100px calc((50 / 1414) * 100%);}
.hare-grid a { color: #333333; text-decoration: none; }
.hare-item__grid { display: grid;column-gap: 6.5982%; grid-template-columns: 51.3196% 1fr;}
.hare-item__num {color: #E0AC00;line-height: 1;}
.hare-item__num .num{font-family: 'Ubuntu', sans-serif;font-size: 2.875em;letter-spacing: 0.13em;}
.hare-item__num .month{font-size: 1.375em;font-weight: 700;}
.hare-item__title {margin-top: 12px;font-size: 1.125em;font-weight: 700;line-height: calc(30 / 18);letter-spacing: 0.08em;}
.hare-item__txt {margin-top: 20px;margin-bottom: 20px;font-size: 0.9375em;line-height: calc(28 / 15);letter-spacing: 0.08em;}
.hare-item__content {display: flex;flex-direction: column;align-items: flex-start;}
.hare-item__btn {margin-top: auto;}
.hare-item__img{display: block; overflow: hidden;}
.hare-item__img img {transition: transform .3s ease;}
@keyframes sdl{
    0%{transform:scaleY(0);transform-origin:0 0}
    50%{transform:scale(1);transform-origin:0 0}
    50.1%{transform:scale(1);transform-origin:0 100%}
    to{transform:scaleY(0);transform-origin:0 100%}
}
@media print, screen and (min-width: 768px) and (max-width: 1180px){
    .mv__content {padding-top: calc((50 / 1180) * 100vw);min-width: 300px;}
    .mv__title {min-height: 220px;}
    .mv__txt {font-size: 12px;}
    .hare {margin-top: 50px;}
    .mv__line { margin-top: 8px; height: 60px; }
}

@media print, screen and (min-width: 768px){
.hare-item:hover .hare-item__img img{transform: scale(1.07)}
}
@media only screen and (max-width: 767.98px){
.mv__inner {flex-direction: column;}
.mv__content {order: 2;min-width: auto;}
.mv {margin-top: 20px;}
.mv__content {padding-top: 36px;width: 100%;}
.mv__title {width: calc((213 / 375) * 100vw);max-width: 340px;min-height: calc((150 / 375) * 100vw);}
.mv__title {width: 213px;height: 146px;min-height: auto;}
.mv__txt{margin-top: 25px;font-size: 1em;letter-spacing: 0.08em;}
.mv__line {display: none;}
.hare { margin-top: 40px; margin-bottom: 80px; }
.hare-grid { grid-template-columns: 1fr; gap: 50px 0; }
.hare-item__grid {display: block;}
.hare-item__content {margin-top: 26px;padding: 0 14px;}
.hare-item__num .num {font-size: 2.8571428571429em;}
.hare-item__num .month {font-size: 1.4285714285714em;}
.hare-item__title {font-size: 1.2142857142857em;}
.hare-item__txt { font-size: 1em;}
.hare-item__img {text-align: center;}
.fade-txt-line--01 { left: 3px; top: 0px;}
.fade-txt-line--02 { left: 3px; top: 16px;}
.fade-txt-line--03 { left: 3px; top: 29px;}
.fade-txt-line--03 .fade-txt { padding-left: 7px; }
.fade-txt-line { padding-bottom: 8px; }
}