#cmeMain .container.container--large{display: flex;justify-content: flex-end;position: relative;max-width: 1600px;}

#cmeMain .mv{position: relative;height: 750px;}
#cmeMain .mv .mv-bg{object-fit: cover;object-position: 50% 50%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#cmeMain .mv .mv-column{box-sizing: border-box;display: flex;align-items:flex-start;justify-content: flex-end;position: relative;height: 684px;}
#cmeMain .mv .mv-column.l-column{justify-content: flex-start;}
#cmeMain .mv .mv-column.l-column.mv_center{justify-content: center;}
#cmeMain .mv .mv-heading{margin: 125px 30px 0 0;}
@media only screen {
	#cmeMain .mv .mv-bg{opacity: 0;transition: opacity 2.5s ease;}
	#cmeMain .mv.is-in .mv-bg{opacity: 1;}
	#cmeMain .mv .mv-heading{opacity: 0;transition: opacity 2.5s 1s ease;}
	#cmeMain .mv.is-in .mv-heading{opacity: 1;}
}
@media only screen and (max-width: 767px) {
	#cmeMain .mv{height: 267px;}
	#cmeMain .mv .mv-column.l-column {align-items: center;}
	#cmeMain .mv .mv-column{justify-content: center;height: 229px;}
	#cmeMain .mv .mv-heading{margin: 20px 0 0 0;}
	#cmeMain .mv .mv-heading img{width: 183px;}
}
@media only print {
	#cmeMain .mv{height: 684px !important;}
}

#cmeMain .l-section{position: relative; margin-top: 130px;}
#cmeMain .l-section+.l-section{margin-top: 160px;}
#cmeMain .l-inner{box-sizing: border-box;position: relative; padding-left: 174px;width: 100%;max-width:calc(1600px - 213px);}
#cmeMain .l-column{display: flex;align-items: flex-start;flex-wrap: wrap;}
#cmeMain .l-column__text{order: 1; position: relative; margin-right: calc((88 / 1213) * 100%); width: calc((505 / 1213) * 100%);}
#cmeMain .l-column__img{order: 2; box-sizing: border-box;position: relative;width: calc((620 / 1213) * 100%);}
#cmeMain .l-column__img.l-column__img--vertical{width: calc((450 / 1213) * 100%);}
#cmeMain .l-column__img img{width: 100%;}
#cmeMain .l-column__img::after{box-sizing: border-box;border:1px solid #424242;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: +1;}
#cmeMain .l-column__img span{display: block;position: relative;z-index: +1;}
@media only screen {
	#cmeMain .l-column__img::after{opacity: 0;transform: translate(0,0);transition: opacity .8s 1s ease,transform .8s 1s ease;}
	#cmeMain .l-column__img.is-in::after{opacity: 1;transform: translate(-30px,-30px);}
}
@media only screen and (max-width: 767px) {
	#cmeMain .l-section{margin-top: 0;}
	#cmeMain .l-section+.l-section{margin-top: 70px;}
	#cmeMain .l-inner{padding-left: 0;max-width:none;}
	#cmeMain .l-column{flex-direction: column;}
	#cmeMain .l-column__text{order: 3; margin-right:0; width: 100%;}
	#cmeMain .l-column__img{order: 1; width: 100%;}
	#cmeMain .l-column__img.l-column__img--vertical{margin: 0 auto; width: calc((450 / 750) * 100vw);}
	#cmeMain .l-column__img.is-in::after{transform: translate(-2.6666vw,-2.6666vw);}
}

#cmeMain .heading--lv2{font-size: calc((34 / 12) * 100%);font-family: 'Noto Serif JP', serif;font-weight: 300;margin-bottom: 60px;width: 100%;}
@media only screen and (max-width: 767px) {
	#cmeMain .heading--lv2{order: 2;font-size: calc((20 / 10.5) * 100%);margin: 45px 0 20px 0;}
}

#cmeMain .contents{position: relative;margin-top: -280px;padding-top: 200px;}
@media only screen and (max-width: 767px) {
	#cmeMain .contents{margin-top: -90px;padding-top: 145px;}
}

#cmeMain .month{position: relative;z-index: 10;margin-top: -10px;}
#cmeMain .month .container{position: relative;}
#cmeMain .month .month-heading{position: absolute;top: 10px;left: 13px;}
#cmeMain .month .month-heading .date{display: block;text-align: center;height: 190px;}
#cmeMain .month .month-heading .title{display: flex;position: relative;writing-mode: vertical-rl;}
#cmeMain .month .month-heading .title small{display: block;font-size: calc((18 / 12) * 100%);font-weight: 300;letter-spacing: .3em;position: absolute;top: 0;left: 100%;white-space: nowrap;}
#cmeMain .month .month-heading .title span{display: block;font-family: 'Noto Serif JP', serif;font-size: calc((40 / 12) * 100%);font-weight: 300;letter-spacing: .15em;white-space: nowrap;}
@media only print {
	#cmeMain .month .month-heading {transform: translateY(0) !important;top:160px !important;}
}
@media only screen and (max-width: 767px) {
	#cmeMain .month{margin-top: 0px;position: relative;top: -100px;}
	#cmeMain .month .month-heading{	top: 10px;left: 0;}
    #cmeMain .month .month-heading.month-heading-center{display: flex;flex-direction: column;justify-content: center;}
	#cmeMain .month .month-heading.is-fixed{position: fixed;left: 25px;top: calc(100vw/6.52173913 + 100vw/62.5 + 10px);}
	#cmeMain .month .month-heading .date{height: auto;}
	#cmeMain .month .month-heading .date img{width: 36px;}
	#cmeMain .month .month-heading .title{margin-top: 25px;}
	#cmeMain .month .month-heading .title small{font-size: calc((11 / 10.5) * 100%);}
	#cmeMain .month .month-heading .title span{font-size: calc((22 / 10.5) * 100%);}
}

#cmeMain .lead{position:relative;margin-top: -180px;padding: 370px 0 150px 0;z-index: +1;}
#cmeMain .lead::before{background: url(/club-me/knowledge/saijiki/img/bg-main.jpg) center center/100% auto repeat-y;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.80) 160px, rgba(255,255,255,1) 225px, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);z-index: -1;}
#cmeMain .lead .container{position: relative;}
#cmeMain .lead .lead-text{font-size: calc((16 / 12) * 100%);line-height: calc(38 / 16);max-width: 1000px;}
#cmeMain .lead .lead-text p+p{margin-top: 40px;}
@media only screen and (max-width: 767px) {
	#cmeMain .lead{ margin: -145px 0 100px 0;padding: 132px 0 0 0;z-index: +1;}
	#cmeMain .lead .l-inner{ padding-left: 80px;}
	#cmeMain .lead::before{background: url(/club-me/knowledge/saijiki/img/bg-main_sp.jpg) center center/100% auto repeat-y;-webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 45px, rgba(255,255,255,1) 75px, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);z-index: -1;}
	#cmeMain .lead .lead-text{font-size: calc((14 / 10.5) * 100%);line-height: calc(52 / 28);max-width: none;}
	#cmeMain .lead .lead-text p+p{margin-top: 25px;}
}
@media only print {
	#cmeMain .lead{margin-top: 0 !important;padding: 150px 0 150px 0 !important;}
	#cmeMain .lead::before{display: none !important;}
}

#cmeMain .item .item-text{font-size: calc((16 / 12) * 100%);line-height: calc(38 / 16);}
#cmeMain .item .item-text p+p{margin-top: 40px;}
@media only screen and (max-width: 767px) {
	#cmeMain .item .item-text{font-size: calc((14 / 10.5) * 100%);line-height: calc(52 / 28);}
	#cmeMain .item .item-text p+p{margin-top: 30px;}
}

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

#cmeMain .bg-wave{position: absolute;width: 119.5%;transform: translate(0,-50%);}
#cmeMain .bg-wave img{width: 100%;}
#cmeMain .bg-wave.bg-wave--1{margin-top: calc((30 / 1600) * 100%);top: 0;right: -22%;}
#cmeMain .bg-wave.bg-wave--2{margin-top: calc((500 / 1600) * 100%);top: 0;left: -25%;}
#cmeMain .bg-wave.bg-wave--3{margin-bottom: calc((330 / 1600) * -100%);bottom: 0;right: -22%;}
#cmeMain .bg-pattern{position: absolute;}
#cmeMain .bg-pattern img{width: 100%;}
#cmeMain .bg-pattern.bg-pattern--1{top: 0;right: -285px;width:795px;}
#cmeMain .bg-pattern.bg-pattern--2{top: 340px;left: -130px;width:743px;}
#cmeMain .bg-pattern.bg-pattern--3{top: 450px;right: -200px;width:606px;}
#cmeMain .bg-pattern.bg-pattern--4{top: -35px;left: 0;width:553px;}
#cmeMain ruby rt {font-size: 35.3%;}
@media only screen and (max-width: 767px) {
	#cmeMain .bg-wave{width: 254.9333vw;}
	#cmeMain .bg-wave.bg-wave--1{margin-top: 0;top: -30vw;right: -150vw;}
	#cmeMain .bg-wave.bg-wave--2{margin-top: 0;top: -30vw;left: -140vw;}
	#cmeMain .bg-wave.bg-wave--3{margin-bottom: 0;bottom:auto;top: 80vw;right: auto;left: -140vw;}
	#cmeMain .bg-wave.bg-wave--4{top: 150vw;left: -140vw;}
	#cmeMain .bg-wave.bg-wave--5{top: auto;bottom:-35vw;right: -150vw;}
	#cmeMain .bg-pattern.bg-pattern--1{top: 105px;right: -250px;width:397px;}
	#cmeMain .bg-pattern.bg-pattern--2{top: 62vw;left: -160px;width:371px;}
	#cmeMain .bg-pattern.bg-pattern--3{top: 72vw;right: -175px;width:303px;}
	#cmeMain .bg-pattern.bg-pattern--4{top: auto;bottom:-10vw;left: -85px;width:276px;}
}
@media only print {
	#cmeMain .bg-wave {display: none !important;}
	#cmeMain .bg-pattern {display: none !important;}
}