@charset "UTF-8";

.mv {margin-top: 62px;}
.mv-img {margin-top: 60px; }
.mv-content {max-width: 1174px;margin: 0 auto;}
.mv-content__inner {margin-top: 50px;display: grid;grid-template-columns: 24.3403% 1fr;gap: 5.1107%;align-items: center;}
.mv-month {height: 100%;display: flex ; align-items: center;position: relative;}
.mv-month::before {content: "";display: block;position: absolute;right: 0;top: 50%; transform: translateY(-50%);background: url(/club-me/food/hare/img/common/img_heading_line_01.svg) center center no-repeat; height: 255px;width: 11px; display: block;}
.mv-month__inner {color: #FCC800;}
.mv-month .num{font-family: 'Ubuntu', sans-serif;font-size: 8.125em;letter-spacing: 0.06em;}
.mv-month .month{font-size: 2.5em;font-weight: 700;}
.mv-title {font-size: 2.125em;letter-spacing: 0.31em;line-height: calc(62 / 34);font-weight: 700;}
.mv-txt {margin-top: 12px;line-height: calc(40 / 16);letter-spacing: 0.08em;}
.profile {margin-top: 50px;}
.profile-wrap {display:grid;align-items: center; max-width: 974px; column-gap: 6.1601%; grid-template-columns: 25.6673% 1fr;margin: 0 auto;}
.profile-info__name {font-size: 1.125em;}
.profile-info__name span {font-weight: 700;}
.profile-info__text {margin-top: 16px;line-height: calc(30 / 16);max-width: 630px;}
.styling {margin-top: 80px;}
.styling-wrap{border: 1px solid #E0AC00;padding: 42px 3.5360% 50px;}
.styling-title {text-align: center;font-size: 1.125em;color: #E0AC00;font-weight: 700;letter-spacing: 0.13em;padding-bottom: 20px;}
.styling-title span {position: relative;}
.styling-title span::before{content: "";display: block;position: absolute;right: 0;top: -8px;background: url(/club-me/food/hare/img/common/img_styling_deco.svg) center center no-repeat; height: 11px;width: 14px; display: block;}
.styling-title span::after{content: "";display: block;position: absolute;right: 0;bottom: -20px;background: url(/club-me/food/hare/img/common/img_styling_line.svg) center center no-repeat; height: 12px;width: 222px; display: block;}
.styling-list {margin-top: 20px;display: grid;grid-template-columns: repeat(4, 1fr); gap: 10px;}
.styling-item__caption {margin-top: 12px;font-size: 0.9375em;letter-spacing: 0.08em;line-height: calc(23 / 15);}
.styling-item__text {letter-spacing: 0.08em;line-height: calc(28 / 16);}
.styling-title + .styling-item__text {margin-top: 10px;}
@media print, screen and (min-width: 768px) and (max-width: 1260px){
.mv-month .num {font-size: 10.3174vw;}
.mv-title {font-size: 2.6984vw;}
}

@media only screen and (max-width: 767.98px){
.mv {margin-top: 40px;}
.mv-content__inner {margin-top: 20px;grid-template-columns: 1fr;gap: 46px;}
.mv-month {display: block;}
.mv-month__inner {text-align: center;}
.mv-month .num { font-size: 6em; }
.mv-month .month {font-size: 2.3571428571429em;}
.mv-month::before { background: url(/club-me/food/hare/img/common/img_heading_line_02.svg) center center no-repeat;top: 104%; left: 50%; transform: translateX(-50%); height: 12px;width: 335px; }
.mv-title {font-size: 1.4285714285714em;letter-spacing: 0.28em; line-height: calc(38 / 20);}
.mv-txt { margin-top: 20px;font-size: 1.1428571428571em; line-height: calc(32 / 16); }
.mv-img {margin-top: 40px;}
.styling {margin-top: 60px;}
.styling-wrap {padding: 42px 28px;}
.styling-item__img {text-align: center;}
.styling-title {font-size: 1.2857142857143em;}
.styling-list { margin-top: 24px;grid-template-columns: 1fr; gap: 30px 0; }
.styling-item__text {font-size: 1.1428571428571em;}
.styling-item__caption { font-size: 1.0714285714286em; }
.profile {margin-top: 40px;}
.profile + .page_back {margin-top: 40px;}
.profile-wrap { grid-template-columns: 1fr; gap: 32px 0; }
.profile-img {text-align: center;}
.profile-info {padding: 0 15px;}
.profile-info__name {font-size: 1.2857142857143em;}
.profile-info__text { margin-top: 20px;font-size: 1.1428571428571em; }
}