/* common */
.main{background-color: #f4f3ec;}
.main b{font-weight: 700;}
.container--narrow{max-width: 1000px;}
.section{letter-spacing: .1em;margin-top: 60px;overflow: hidden;position: relative;}
.section+.section{margin-top: 90px;}
.section--fill-top{background-color: #fff;}
.section--fill-top::before{background-color: #f4f3ec;content: "";position: absolute;top: 0;left: 0;width: 100%;height: calc(20px + 240px);}
.section--fill-top-white::before{background-color: #fff;content: "";position: absolute;top: 0px;left: 0;width: 100%;height: calc(110px + 240px);}
.section--fill-top+.section--fill-top-white{margin-top: 0;padding-top: 90px;}
.section--fill-top-white+.section--fill-top{margin-top: 0;padding-top: 90px;}
.section .container{position: relative;z-index: +1;}
@media only screen and (min-width: 768px) and (max-width: 1220px) {
	.section--fill-top::before{height: calc(20px + ((240/1220)*100vw));}
	.section--fill-top-white::before{height: calc(110px + ((240/1220)*100vw));}
}
@media only screen and (max-width: 767px) {
	.main b{font-weight: 700;}
	.section{margin-top: 30px;}
	.section+.section{margin-top: 30px;}
	.section--fill-top::before{display: none;}
	.section--fill-top-white::before{height: 60px;}
	.section--fill-top+.section--fill-top-white{margin-top: 0;padding-top: 60px;}
	.section--fill-top-white+.section--fill-top{margin-top: 30px;padding-top: 0;}
}
@keyframes string {
	0%{transform: translate(0,10%) scale(1.1,1.5);opacity: 0;}
	1%{opacity: 1;}
	100%{transform: translate(0,0) scale(1,1);opacity: 1;}
}

/* component */
.c-text{font-size: calc((16/12)*100%);line-height: calc(32/16);}
.c-img-caption{font-size: calc((16/12)*100%);line-height: calc(28/16);}
.c-img img{width: 100%;}
.c-imgAuto{display: flex;justify-content: center;}
.c-img-inner{background-color: #fff;border-radius: 10px;text-align: center;padding: 25px;width: 900px;max-width: 100%;}
.c-img-inner--full{width: 100%;}
.c-list--dot>li{position: relative;padding-left: 1em;}
.c-list--dot>li::before{content: "・";position: absolute;top: 0;left: 0;}
.c-list--mark-em1>li{position: relative;padding-left: 1em;}
.c-list--mark-em1>li>.mark{position: absolute;top: 0;left: 0;}
a.c-link-btn{box-sizing: border-box !important;background-color: #fff;border-radius: 23px;color: #222;display: flex;align-items: center;justify-content: center;font-size: calc((15/12)*100%);font-weight: 700;line-height: 1.2;overflow: hidden;position: relative;padding: 0 20px;width: 100%;min-height: 46px;box-shadow: 5px 5px 0 0 #e6e5de;}
a.c-link-btn:hover{text-decoration: none;}
a.c-link-btn>span{box-sizing: border-box !important;background: url(/club-me/knowledge/tour/img/arw-link_black.svg) right center/22px auto no-repeat;display: block;text-align: center;position: relative;padding: 0 23px;width: 100%;}
@media (hover: hover) {
	a.c-link-btn{transition: color .5s ease;}
	a.c-link-btn:hover{color: #fff;}
	a.c-link-btn::before{background-color: #222;border-radius: 23px;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: translateX(-101%);transition: transform .5s ease;}
	a.c-link-btn:hover::before{transform: translateX(0%);}
	a.c-link-btn>span{transition: background-image .5s ease;}
	a.c-link-btn:hover>span{background-image: url(/club-me/knowledge/tour/img/arw-link_white.svg);}
}
@media only screen and (max-width: 767px) {
	.c-text{font-size: calc((13/10)*100%);line-height: calc(44/28);}
	.c-img-caption{font-size: calc((13/10)*100%);line-height: calc(28/16);}
	.c-img-inner{border-radius: 5px;padding: 15px 10px;width: 100%;}
	a.c-link-btn{border-radius: 14px;font-size: calc((11/10)*100%);padding: 0 13px;width: 100%;max-width: 180px;min-height: 28px;box-shadow: 3px 3px 0 0 #e6e5de;margin: 0 auto;}
	a.c-link-btn>span{background-size: 16px auto;padding: 0 17px 0 0;}
}

/* heading */
.heading--A{font-size: 100%;}
.heading--A>span{border-bottom: 1px solid #dbdad2;display: block;font-size: calc((26/12)*100%);line-height: calc(38/26);font-weight: 700;padding-bottom: 15px;}
.heading--B{display: flex;flex-direction: column;align-items: flex-start;font-size: 100%;position: relative;margin-left: auto;margin-right: auto;padding: 0 23px 0 13px;max-width: 1000px;z-index: +2;}
.heading--B>small{border: 2px solid #424242;background-color: #fff;border-radius: 21px;display: flex;align-items: center;justify-content: center;font-size: calc((18/12)*100%);font-weight: 700;margin-bottom: 10px;padding: 0 20px;height: 38px;}
.heading--B>span{color: #fff;display: block;font-size: calc((32/12)*100%);line-height: 1.2;position: relative;}
.heading--B>span>span{display: inline-block;vertical-align: top;margin-top: 10px;margin-right: -28px;padding: 2px 15px 6px;position: relative;}
.heading--B>span>span::before{border-radius: 10px;background-color: #fff;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.heading--B>span>span>b,
.heading--B>span>span>em{display: inline-block;font-weight: 700;vertical-align: top;font-style: normal;position: relative;z-index: +1;opacity: 0;transform-origin: center bottom;}
.heading--B>span.is-play>span>b,
.heading--B>span.is-play>span>em{animation: string .1s cubic-bezier(.17,.67,.66,1.43) forwards;}
@media only screen and (max-width: 767px) {
	.heading--A>span{font-size: calc((16/10)*100%);padding-bottom: 10px;}
	.heading--B{padding: 0 8px 0 0;}
	.heading--B>small{border: 1px solid #424242;border-radius: 14px;font-size: calc((13/10)*100%);margin-bottom: 5px;padding: 0 15px;height: 26px;}
	.heading--B>span{font-size: calc((17/10)*100%);}
	.heading--B>span>span{margin-top: 5px;margin-right: -16px;padding: 2px 8px 3px;position: relative;}
	.heading--B>span>span::before{border-radius: 5px;}
}

/* margin */
.c-text,
.c-img,
.c-imgAuto,
.section-line,
.dialogue>*+*,
.dialogue-inner>*+*,
.dialogue-text>*+*,
.dialogue-column__left>*+*,
.dialogue-column__right>*+*{margin-top: 40px;}
.heading--A+*{margin-top: 15px;}
.dialogue,
.dialogue .heading--A{margin-top: 60px;}
@media only screen and (max-width: 767px) {
	.c-text,
	.c-img,
	.c-imgAuto,
	.section-line,
	.dialogue>*+*,
	.dialogue-inner>*+*,
	.dialogue-text>*+*,
	.dialogue-column__left>*+*,
	.dialogue-column__right>*+*{margin-top: 20px;}
	.heading--A+*{margin-top: 10px;}
	.dialogue,
	.dialogue .heading--A{margin-top: 30px;}
}

/* mv */
.mv{padding-top: 50px;position: relative;}
.mv>.container{max-width: 1500px;position: relative;}
.mv-logo{position: absolute;top: 0;left: 0;width: 100%;z-index: 10;}
.mv-logo span{background-color: #fff;border-radius: 0 0 10px 10px;display: block;position: absolute;top: 0;left: calc(50% - 94px);padding: 24px 26px;width: 136px;}
.mv-wrap{border-radius: 20px;}
.mv-no{color: #fff;font-family: "Raleway", sans-serif;font-size: calc((218/12)*100%);font-weight: 400;line-height: 1;position: relative;margin: 0 auto;padding: 0 13px;max-width: 1024px;}
.mv-no>span{position: absolute;}
.mv-img picture{border-radius: 20px 20px 0 0;display: block;overflow: hidden;}
.mv-heading{position: relative;margin: 0 auto;padding: 0 13px;max-width: 1024px;}
.mv-heading__text{font-size: calc((42/12)*100%);line-height: 1.2;font-weight: 700;position: absolute;left: 13px;}
.mv-heading__text>span{display: inline-block;vertical-align: top;margin-top: 10px;margin-right: -34px;padding: 3px 18px 6px;position: relative;}
.mv-heading__text>span::before{border-radius: 10px;background-color: #fff;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mv-heading__text>span>b,
.mv-heading__text>span>em{display: inline-block;vertical-align: top;font-style: normal;position: relative;z-index: +1;opacity: 0;transform-origin: center bottom;}
.mv-text{color: #fff;font-size: calc((18/12)*100%);line-height: calc(34/18);letter-spacing: .1em;font-weight: 700;padding: 70px 0 40px;position: relative;z-index: +1;}
.mv-text>.container{position: relative;}
.mv-heading__text.is-play>span>b,
.mv-heading__text.is-play>span>em{animation: string .1s linear forwards;}
@media only screen and (min-width: 768px) and (max-width: 1540px) {
	.mv-no{font-size: calc((218/1540)*100vw);}
}
@media only screen and (max-width: 767px) {
	.mv{padding-top: 0;overflow: hidden;}
	.mv .container{margin: 0;}
	.mv-logo{left: auto;right: 10px;width: 95px;}
	.mv-logo span{border-radius: 0 0 5px 5px;position:relative;top: auto;left: auto;padding: 12px 15px;width: auto;}
	.mv-wrap{border-radius: 0;}
	.mv-no{font-size: calc((109/10)*100%);padding: 0;}
	.mv-img picture{border-radius: 0;}
	.mv-heading{margin: 0;padding: 0 25px;}
	.mv-heading__text{font-size: calc((21/10)*100%);left: 25px;}
	.mv-heading__text>span{margin-top: 5px;margin-right: -19px;padding: 1px 10px 2px;}
	.mv-heading__text>span::before{border-radius: 5px;}
	.mv-text{font-size: calc((14/10)*100%);padding: 62px 25px 25px;}
}

/* section */
.section-img{position: relative;padding-top: 20px;z-index: +1;}
.section-img::before{border-radius: 10px;content: "";position: absolute;top: 0;left: 20px;width: 100%;height: calc(100% - 20px);z-index: -1;}
.section-img picture{border-radius: 10px;display: block;overflow: hidden;}
.section-lead{margin-left: auto;margin-right: auto;max-width: 1000px;}
.section-line{display: flex;justify-content: center;}
.section-line span{background: radial-gradient(circle farthest-side, #707070, #707070 20%, transparent 20%, transparent);background-size: 30px 6px;display: block;font-size: 0;line-height: 0;height: 6px;width: 576px;}
@media only screen and (max-width: 767px) {
	.section-img{margin: 0 -25px;padding-top: 10px;}
	.section-img::before{border-radius: 0;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.section-img picture{border-radius: 0;}
	.section-line span{background-size: 15px 3px;height: 3px;width: 288px;margin-top: 10px;}
}

/* dialogue */
.dialogue{line-height: calc(32/16);}
.dialogue .heading--A{display: flex;justify-content: center;}
.dialogue .heading--A>span{font-size: calc((26/12)*100%);width: 100%;max-width: 1000px;}
.dialogue .c-text{margin-left: auto;margin-right: auto;width: 100%;max-width: 1000px;}
.dialogue-caption{line-height: calc(28/12);}
.dialogue-talk{display: flex;margin-left: auto;margin-right: auto;max-width: 1000px;}
.dialogue-name{font-size: calc((16/12)*100%);font-weight: 700;width: 6.5em;}
.dialogue-name>small{display: block;font-size: calc((13/16)*100%);font-weight: 400;line-height: 1;}
.dialogue-text{flex:1;}
.dialogue-text p{font-size: calc((16/12)*100%);}
.dialogue-text p.dialogue-note{font-size: calc((14/12)*100%);position: relative;padding-left: 1em;margin-top: 5px;}
.dialogue-text p.dialogue-note::before{content: "※";position: absolute;top: 0;left: 0;}
.dialogue-img{border-radius: 8px;overflow: hidden;text-align: center;}
.dialogue-query{color: #da4f2c;position: relative;font-size: calc((16/12)*100%);padding-left: 1em;margin-left: auto;margin-right: auto;max-width: calc(1000px - 1em);}
.dialogue-query::before{content: "―";position: absolute;top: 0;left: 0;}
.dialogue-column{display: flex;justify-content: flex-end;}
.dialogue-column__left{flex:1;max-width: 481px;}
.dialogue-column__left--img{flex:initial;max-width: calc((568/1174)*100%);}
.dialogue-column__right{width: calc((568/1174)*100%);margin-left: calc((38/1174)*100%);}
.dialogue-column--3{justify-content: space-between;}
.dialogue-column--3 .dialogue-column__cell{width: calc((370/1174)*100%);}
@media only screen and (max-width: 767px) {
	.dialogue{line-height: calc(42/26);}
	.dialogue .heading--A>span{font-size: calc((16/10)*100%);}
	.dialogue .c-text{margin-left: 0;margin-right: 0;}
	.dialogue-caption{line-height: calc(42/26);}
	.dialogue-talk{display: block;margin-left: 0;margin-right: 0;}
	.dialogue-name{font-size: calc((13/10)*100%);width: auto;}
	.dialogue-name>small{display: inline-block;font-size: 100%;line-height: inherit;}
	.dialogue-text{flex:initial;margin-top: 5px;}
	.dialogue-text p{font-size: calc((13/10)*100%);}
	.dialogue-text p.dialogue-note{font-size: calc((11/10)*100%);position: relative;padding-left: 1em;margin-top: 5px;}
	.dialogue-text p.dialogue-note::before{content: "※";position: absolute;top: 0;left: 0;}
	.dialogue-img{border-radius: 4px;}
	.dialogue-query{color: #da4f2c;font-size: calc((13/10)*100%);position: relative;padding-left: 1em;margin-left: auto;margin-right: auto;max-width: calc(1000px - 1em);}
	.dialogue-query::before{content: "―";position: absolute;top: 0;left: 0;}
	.dialogue-column{display: block;}
	.dialogue-column__left{flex:initial;max-width: none;}
	.dialogue-column__left--img{max-width:none;}
	.dialogue-column__right{width: auto;margin-left: 0;margin-top: 20px;}
	.dialogue-column--3{justify-content: space-between;}
	.dialogue-column--3 .dialogue-column__cell{width: auto;margin-right: 50px;margin-left: 50px;}
	.dialogue-column--3 .dialogue-column__cell+ .dialogue-column__cell{margin-top: 20px;}
	.dialogue-column__left .dialogue-img,
	.dialogue-column__right .dialogue-img,
	.dialogue-column--3 .dialogue-column__cell .dialogue-img{margin-left: 20px;margin-right: 20px;}
}

/* sustainability */
.sustainability{background: #52b573 url(/club-me/knowledge/tour/img/bg-city.svg) calc(50% - 175px) bottom/auto 399px repeat-x;color: #fff;padding: 65px 0 90px 0;overflow: visible;}
.sustainability a{color: #fff;display: inline-block;vertical-align: top;line-height: calc(32/16);}
.sustainability a>span{text-decoration: underline;text-underline-offset: 8px;}
.sustainability-heading{display: flex;justify-content: center;font-size: calc((34/12)*100%);font-weight: 700;text-align: center;overflow: hidden;}
.sustainability-heading>span{display: block;padding: 0 20px;position: relative;}
.sustainability-heading>span::before,
.sustainability-heading>span::after{background-color: #fff;content: "";position: absolute;top: 50%;left: 100%;width: 100vw;height: 1px;}
.sustainability-heading>span::after{left: auto;right: 100%;}
@media (hover: hover) {
	.sustainability a:hover>span{text-decoration: none;}
}
@media only screen and (max-width: 767px) {
	.sustainability{background-size: auto 200px;background-position: -300px calc(100% + 30px);margin-top: 55px !important;padding: 35px 0 25px 0;}
	.sustainability a>span{text-underline-offset: 4px;}
	.sustainability-heading{font-size: calc((18/10)*100%);}
	.sustainability-heading>span{padding: 0 10px;}
}

/* impressions */
.impressions{background-color: #fff;margin-top: 0 !important;padding: 70px 0 65px 0;}
.impressions-heading{display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: calc((34/12)*100%);font-weight: 700;text-align: center;}
.impressions-heading>small{display: block;font-size: calc((22/34)*100%);font-weight: 400;margin-top: 8px;}
.impressions-members{display: grid;grid-template-columns: repeat(3, 1fr);gap: 0 4.2589%;}
@media only screen and (max-width: 767px) {
	.impressions{padding: 35px 0 45px 0;}
	.impressions-heading{font-size: calc((18/10)*100%);}
	.impressions-heading>small{font-size: calc((14/18)*100%);margin-top: 7px;}
	.impressions-members{display: block;}
	.impressions-members__member-group{display: flex;align-items: center;justify-content: center;}
	.impressions-members__member-group .c-imgAuto{width: 89px;margin-right: 20px;}
}

/* products */
.products{background-color: #f4f3ec;margin-top: 0 !important;padding: 65px 0 80px 0;}
.products-heading{display: flex;justify-content: center;font-size: calc((26/12)*100%);font-weight: 700;text-align: center;overflow: hidden;}
.products-heading>span{display: block;padding: 0 20px;position: relative;}
.products-heading>span::before,
.products-heading>span::after{background-color: #e0dbc6;content: "";position: absolute;top: 50%;left: 100%;width: 100vw;height: 1px;}
.products-heading>span::after{left: auto;right: 100%;}
.products-list{display: grid;grid-template-columns: repeat(4, 1fr);gap: 0 3.7478%;}
.products-list__info{display: flex;flex-direction: column;}
.products-list__info-name{flex:1;display: flex;align-items: center;justify-content: center;}
.products-mymu{background-color: #fff;border-radius: 20px;padding: 40px calc((50/1174)*100%);}
.products-mymu .c-list{letter-spacing: normal;}
.products-mymu__flex{display: flex;justify-content: space-between;}
.products-mymu__info{display: flex;flex:1;}
.products-mymu__info .c-img{width: 80px;margin-right: 20px;}
.products-mymu__info-text{flex:1;}
.products-mymu__info-text dd{line-height: calc(24/14);}
.products-mymu__app{display: flex;}
.products-mymu__app>a{margin-left: 40px;}
.products-mymu__app>a>img{width: auto;height: 58px;}
@media (hover: hover) {
	.products-mymu__app>a{transition: opacity .3s ease;}
	.products-mymu__app>a:hover{opacity: .7;}
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
	.products-list{display: grid;grid-template-columns: repeat(4, 1fr);gap: 0 2%;}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.products-mymu__flex{display: block;}
	.products-mymu__app{margin: 15px 0 0 60px;}
}
@media only screen and (max-width: 767px) {
	.products{padding: 35px 0 40px 0;}
	.products-heading{font-size: calc((18/10)*100%);}
	.products-heading>span{padding: 0 10px;}
	.products-list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 35px 18px;}
	.products-mymu{border-radius: 10px;padding: 25px 20px 30px;}
	.products-mymu__flex{display: block;}
	.products-mymu__info{display: block;flex:initial;}
	.products-mymu__info .c-img{width: 73px;margin-right: auto;margin-left: auto;}
	.products-mymu__info-text{flex:initial;}
	.products-mymu__info-text dd{line-height: calc(42/26);}
	.products-mymu__app{justify-content: center;}
	.products-mymu__app>a{margin-left: 25px;}
	.products-mymu__app>a:first-child{margin-left: 0;}
	.products-mymu__app>a>img{width: auto;height: auto;max-height: 40px;}
}

/* back-btn */
.back-btn{background-color: #fff;margin-top: 0 !important;padding-top: 60px;}
.back-btn__link {margin: 0 auto;text-align: center}
.back-btn__link a {color: #222;display: inline-block;padding: 12px 20px;background-color: #fff;border: 1px solid #dbdbdb;border-radius: 3px;font-size: 16px;text-decoration: none;line-height: 1.5;}
.back-btn__link .inner {position: relative;display: inline-block;padding: 0 20px;text-align: left}
.back-btn__link .inner::after {box-sizing: border-box !important;content: '';position: absolute;right: 0;top: calc(50% + 1px);display: block;width: 7px;height: 7px;border-top: 2px solid #c00;border-right: 2px solid #c00;transform: translate(-50%, -50%) rotate(45deg);}
@media (hover: hover) {
	.back-btn__link a {transition: background-color 0.3s ease, color 0.3s ease;}
	.back-btn__link a:hover {color: #c00;background-color: #f5f5f5}
}
@media only screen and (max-width: 767px) {
	.back-btn{padding-top: 40px;}
	.back-btn__link a {display: block;max-width: none;border-radius: 5px;font-size: calc(100vw/(750/30));}
	.back-btn__link .inner {display: block;text-align: center;}
	.back-btn__link .inner::after {width: 9px;height: 9px;}
}

/* layout */
.l-separator-x0{margin-top: 0;}
.l-separator-x0_5{margin-top: 5px;}
.l-separator-x1{margin-top: 10px;}
.l-separator-x1_5{margin-top: 15px;}
.l-separator-x2{margin-top: 20px;}
.l-separator-x2_5{margin-top: 25px;}
.l-separator-x3{margin-top: 30px;}
.l-separator-x3_5{margin-top: 35px;}
.l-separator-x4{margin-top: 40px;}
.l-separator-x4_5{margin-top: 45px;}
.l-separator-x5{margin-top: 50px;}
.l-separator-x5_5{margin-top: 55px;}
.l-separator-x6{margin-top: 60px;}
.l-separator-x6_5{margin-top: 65px;}
.l-separator-x7{margin-top: 70px;}
.l-separator-x7_5{margin-top: 75px;}
.l-separator-x8{margin-top: 80px;}
.l-separator-x8_5{margin-top: 85px;}
.l-separator-x9{margin-top: 90px;}
.l-separator-x9_5{margin-top: 95px;}
.l-separator-x10{margin-top: 100px;}
.l-separator-x10_5{margin-top: 105px;}
@media only screen and (max-width: 767px) {
	.l-separator-x0-sm{margin-top: 0;}
	.l-separator-x0_5-sm{margin-top: 5px;}
	.l-separator-x1-sm{margin-top: 10px;}
	.l-separator-x1_5-sm{margin-top: 15px;}
	.l-separator-x2-sm{margin-top: 20px;}
	.l-separator-x2_5-sm{margin-top: 25px;}
	.l-separator-x3-sm{margin-top: 30px;}
	.l-separator-x3_5-sm{margin-top: 35px;}
	.l-separator-x4-sm{margin-top: 40px;}
	.l-separator-x4_5-sm{margin-top: 45px;}
	.l-separator-x5-sm{margin-top: 50px;}
	.l-separator-x5_5-sm{margin-top: 55px;}
	.l-separator-x6-sm{margin-top: 60px;}
	.l-separator-x6_5-sm{margin-top: 65px;}
	.l-separator-x7-sm{margin-top: 70px;}
	.l-separator-x7_5-sm{margin-top: 75px;}
	.l-separator-x8-sm{margin-top: 80px;}
	.l-separator-x8_5-sm{margin-top: 85px;}
	.l-separator-x9-sm{margin-top: 90px;}
	.l-separator-x9_5-sm{margin-top: 95px;}
	.l-separator-x10-sm{margin-top: 100px;}
	.l-separator-x10_5-sm{margin-top: 105px;}
}

/* utility */
.u-fz--10{font-size: calc((10/12)*100%) !important;}
.u-fz--11{font-size: calc((11/12)*100%) !important;}
.u-fz--12{font-size: calc((12/12)*100%) !important;}
.u-fz--13{font-size: calc((13/12)*100%) !important;}
.u-fz--14{font-size: calc((14/12)*100%) !important;}
.u-fz--15{font-size: calc((15/12)*100%) !important;}
.u-fz--16{font-size: calc((16/12)*100%) !important;}
.u-fz--18{font-size: calc((18/12)*100%) !important;}
.u-fz--20{font-size: calc((20/12)*100%) !important;}
.u-fz--22{font-size: calc((22/12)*100%) !important;}
.u-fz--24{font-size: calc((24/12)*100%) !important;}
.u-fz--26{font-size: calc((26/12)*100%) !important;}
.u-fz--28{font-size: calc((28/12)*100%) !important;}
.u-fz--30{font-size: calc((30/12)*100%) !important;}
.u-fw--regular{font-weight: 400;}
.u-fw--bold{font-weight: 700;}
.u-ta--center{text-align: center;}
.u-ta--left{text-align: left;}
.u-ta--right{text-align: right;}
.u-arw--left{display: inline-block;vertical-align: top;text-decoration: none;padding-left: 20px;}
.u-arw--left>span{display: inline-block;vertical-align: top;position: relative;}
.u-arw--left>span::before {background-color: #424242;content: "";position: absolute;left: -20px;top: calc(1em - 5px);width: 8px;height: 10px;clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.u-arw--left-white>span::before {background-color: #fff;}
@media only screen and (max-width: 767px) {
	.u-fz--10{font-size: calc((10/10)*100%) !important;}
	.u-fz--11{font-size: calc((11/10)*100%) !important;}
	.u-fz--12{font-size: calc((12/10)*100%) !important;}
	.u-fz--13{font-size: calc((13/10)*100%) !important;}
	.u-fz--14{font-size: calc((14/10)*100%) !important;}
	.u-fz--15{font-size: calc((15/10)*100%) !important;}
	.u-fz--16{font-size: calc((16/10)*100%) !important;}
	.u-fz--18{font-size: calc((18/10)*100%) !important;}
	.u-fz--20{font-size: calc((20/10)*100%) !important;}
	.u-fz--22{font-size: calc((22/10)*100%) !important;}
	.u-fz--24{font-size: calc((24/10)*100%) !important;}
	.u-fz--26{font-size: calc((26/10)*100%) !important;}
	.u-fz--28{font-size: calc((28/10)*100%) !important;}
	.u-fz--30{font-size: calc((30/10)*100%) !important;}
	.u-fz--10-sm{font-size: calc((10/10)*100%) !important;}
	.u-fz--11-sm{font-size: calc((11/10)*100%) !important;}
	.u-fz--12-sm{font-size: calc((12/10)*100%) !important;}
	.u-fz--13-sm{font-size: calc((13/10)*100%) !important;}
	.u-fz--14-sm{font-size: calc((14/10)*100%) !important;}
	.u-fz--15-sm{font-size: calc((15/10)*100%) !important;}
	.u-fz--16-sm{font-size: calc((16/10)*100%) !important;}
	.u-fz--18-sm{font-size: calc((18/10)*100%) !important;}
	.u-fz--20-sm{font-size: calc((20/10)*100%) !important;}
	.u-fz--22-sm{font-size: calc((22/10)*100%) !important;}
	.u-fz--24-sm{font-size: calc((24/10)*100%) !important;}
	.u-fz--26-sm{font-size: calc((26/10)*100%) !important;}
	.u-fz--28-sm{font-size: calc((28/10)*100%) !important;}
	.u-fz--30-sm{font-size: calc((30/10)*100%) !important;}
	.u-fw--regular-sm{font-weight: 400;}
	.u-fw--bold-sm{font-weight: 700;}
	.u-ta--center-sm{text-align: center;}
	.u-ta--left-sm{text-align: left;}
	.u-ta--right-sm{text-align: right;}
	.u-arw--left{padding-left: 10px;}
	.u-arw--left>span{display: inline-block;vertical-align: top;position: relative;}
	.u-arw--left>span::before {left: -10px;top: calc(1em - 4px);width: 6px;height: 8px;}
}