@charset "UTF-8";

/*共通の設定：矢印本体
--------------------*/
.slide-arrow::before,
.slide-arrow2::before,
.slide-arrow3::before{
	content: "";
	width: 20px;
	height: 1px;
	background-color: #222;
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
}
.slide-arrow::after,
.slide-arrow2::after,
.slide-arrow3::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5px 0 2.5px 4.3px;
	border-color: transparent transparent transparent #222;
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s;
}

/*第1Arrow*/
.slide-arrow.prev-arrow::before{
	left: calc(5 / 768 * 100vw);
}
.slide-arrow.prev-arrow::after{
	left: calc(5 / 768 * 100vw);
	border-width: 2.5px 4.3px 2.5px 0;
	border-color: transparent #222 transparent transparent;
}
.slide-arrow.next-arrow::before{
	right: calc(5 / 768 * 100vw);
}
.slide-arrow.next-arrow::after{
	right: calc(5 / 768 * 100vw);
}


/*第2Arrow*/
.slide-arrow2::before{
	width: calc(20 / 768 * 100vw);
	right: auto;
	left: calc(20 / 768 * 100vw);
}
.slide-arrow.prev-arrow + .slide-arrow2::before{
	right: calc(20 / 768 * 100vw);
	left: auto;
}

.slide-arrow.next-arrow + .slide-arrow2::after{
	right: calc(20 / 768 * 100vw);
}
.slide-arrow.prev-arrow + .slide-arrow2::after{
	left: calc(20 / 768 * 100vw);
	border-width: 2.5px 4.3px 2.5px 0;
	border-color: transparent #222 transparent transparent;
}
@media (max-width: 640px) {
	.slide-arrow2::before{
		width: calc(40 / 640 * 100vw);
		right: auto;
		left: calc(20 / 640 * 100vw);
	}
	.slide-arrow.prev-arrow + .slide-arrow2::before{
		right: calc(20 / 640 * 100vw);
		left: auto;
	}

	.slide-arrow.next-arrow + .slide-arrow2::after{
		right: calc(20 / 640 * 100vw);
	}
	.slide-arrow.prev-arrow + .slide-arrow2::after{
		left: calc(20 / 640 * 100vw);
	}
}




/*============================
	MV
============================*/
.fv-slider img,
.fv-slider video{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.fv-slider.slick-slide li{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}






/*============================
	ABOUT THE Loun9ine SLIDE
============================*/
/*slick
---------*/
/*スライドの外側*/
.about-slider-wrapper {
	max-width: inherit;
	margin: 50px 0;
}
@media (max-width: 640px) {
	.about-slider-wrapper {
		margin: 0;
	}
}

/*スライド内*/
#about-slider {
	width: 100%;
	position: relative;
}
#about-slider li {
	width: 100%;
}
.about-slider-photo {
	overflow: hidden;
}
.about-slider-photo img {
	width: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.about-slider-photo,
.about-slider-photo img {
	height: calc(440 / 768 * 100vw);
	max-height: inherit;
}
@media (max-width: 640px) {
	.about-slider-photo,
	.about-slider-photo img {
		height: calc(360 / 640 * 100vw);
	}
}
			
/*ドットの設定*/
#about-slider .slick-dots {
	bottom: 24px;
	right: 0;
	width: 90px;
}
#about-slider .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0;
}
#about-slider .slick-dots li button:before{
	color: #fff;
	font-size: calc(8 / 640 * 100vw);
}
@media (max-width: 640px) {
	#about-slider .slick-dots {
		bottom: calc(124 / 640 * 100vw);
	}
}

/*about-sliderの矢印場所*/
#about-slider .slide-arrow3{
	width: 36px;
	height: 36px;
	top: calc(-60 / 768 * 100vw);
	right: 0;
}
@media (max-width: 640px) {
	#about-slider .slide-arrow3{
		width: 36px;
		height: 36px;
		top: calc(-60 / 640 * 100vw);
		right: 0;
	}
}
#about-slider .slide-arrow3.prev-arrow {
	margin-right: 30px;
}

/*about-sliderの矢印本体*/
#about-slider .slide-arrow3::before{
	width: 20px;
	height: 1px;
}
#about-slider .slide-arrow3.prev-arrow::before{
	left: 0;
}
#about-slider .slide-arrow3.next-arrow::before{
	left: 16px;
}


/*about-sliderのスライドのテキスト*/
.about-slider-txt {
	width: calc(520 / 768 * 100vw);
	max-width: inherit;
	height: calc(90 / 768 * 100vw);
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #f2f2f0;
	padding: 0;
	padding-right: calc(38 / 768 * 100vw);
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Noto Serif JP', serif;
}
.about-slider-txt p {
	font-size: calc(22 / 768 * 100vw);
	color: #202020;
	line-height: 1.3;
	padding-right: 1em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}
@media (max-width: 640px) {
	.about-slider-txt {
		width: calc(340 / 640 * 100vw);
		height: calc(68 / 640 * 100vw);
		top: calc(300 / 640 * 100vw);
		bottom: auto;
		padding: 3px;
		display: block;
		align-items: flex-start;
	}
	.about-slider-txt p {
		font-size: calc(26 / 640 * 100vw);
		max-width: inherit;
		position: relative;
		top: 10px;
	}
}
/*about-sliderのボタン*/
@media (max-width: 640px) {
	.about-btn {
		position: absolute;
		right:  calc(-220 / 640 * 100vw);
		bottom: calc(-85 / 640 * 100vw);
		z-index: 2;
	}
	#about-slider li a {
		padding-bottom: calc(100 / 640 * 100vw);
		display: block;
	}
}




/*============================
	LESSON PRO SLIDE
============================*/

/*slick*/
.lessonpro-slider-wrapper {
	width: 100%;
	margin-top: 50px;
}
#lessonpro-slider {
	width: calc(627 / 768 * 100vw);
	margin: 0 auto;
	position: relative;
}
@media (max-width: 640px) {
	#lessonpro-slider {
		width: calc(528 / 640 * 100vw);
	}
}


/*slide-arrow配置場所*/
.slide-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
}
.slide-arrow.prev-arrow {
	left: calc(-60 / 768 * 100vw);
}
.slide-arrow.next-arrow {
	right: calc(-60 / 768 * 100vw);
}
.slide-arrow .en-txt {
	width: calc(48 / 768 * 100vw);
	height: calc(48 / 768 * 100vw);
	display: inline-flex;
	justify-content: center;
	line-height: 0.8;
	z-index: 100;
	transform: rotate(90deg);
}
.slide-arrow.next-arrow .en-txt {
	align-items: flex-end;
}
@media (max-width: 640px) {
	.slide-arrow.prev-arrow {
		left: calc(-48 / 640 * 100vw);
	}
	.slide-arrow.next-arrow {
		right: calc(-48 / 640 * 100vw);
	}
	.slide-arrow .en-txt span {
		visibility:hidden;
	}
}


/*slide-arrow2配置場所*/
.slide-arrow2{
	position: absolute;
	bottom: 0;
	right: 0;/*840px - 60px*/
	width: calc(60 / 768 * 100vw);
	height: calc(60 / 768 * 100vw);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	background-color: #eaeae5;
}
.prev-arrow + .slide-arrow2 {
	margin-right: calc(60 / 768 * 100vw);
}
@media (max-width: 640px) {
	.slide-arrow2{
		width: calc(80 / 640 * 100vw);
		height: calc(80 / 640 * 100vw);
	}
	.prev-arrow + .slide-arrow2 {
		margin-right: calc(80 / 640 * 100vw);
	}
}
.slide-arrow2 a {
	display: block;
	width: 100%;
	height: 100%;
}


/*LESSON PRO スライド内レイアウト
-----------------------------------------*/
/*768*/
.lessonpro-item {
	width: calc(627 / 768 * 100vw);
}
.lessonpro-item-inner {
	display: block;
	position: relative;
}
.lessonpro-photo {
	width: calc(255 / 768 * 100vw);
	position: absolute;
	right: 0;
	top: 0;
}
.lessonpro-photo img {
	width: 100%;
	height: auto;
}
.lessonpro-txt {
	width: calc(627 / 768 * 100vw);
	box-sizing: border-box;
	padding: calc(64 / 768 * 100vw) calc(50 / 768 * 100vw);
	background-color: #fff;
	font-size: calc(17 / 768 * 100vw);
	overflow-y: auto
}
.pro-num {
	margin-bottom: calc(46 / 768 * 100vw);
}
.pro-name-en {
	font-size: calc(60 / 768 * 100vw);
	font-style: italic;
	margin-bottom: calc(42 / 768 * 100vw);
	margin-left: -3px;
}
.pro-name-jp {
	font-size: calc(38 / 768 * 100vw);
	margin-bottom: calc(57 / 768 * 100vw);
}
.pro-position {
	font-size: calc(16 / 768 * 100vw);
	padding: 1em 1.2em;
	background-color: #ede7d4;
	display: inline-block;
	margin-bottom: calc(64 / 768 * 100vw);
}
.pro-profile dl {
	display: flex;
	line-height: 1.9;
}
.pro-profile dl + dl {
	margin-top: calc(50 / 768 * 100vw);
}
.pro-profile dt {
	color: #8c7939;
	width: calc(142 / 768 * 100vw);
	border-right: 1px solid #ccc;
}
.pro-profile dd {
	font-family: 'Noto Sans JP', sans-serif;
	flex: 4;
	padding-left:1.5em;
}

@media (max-width: 640px) {
	/*640*/
	.lessonpro-item {
		width: calc(528 / 640 * 100vw);
	}
	.lessonpro-photo {
		width: calc(250 / 640 * 100vw);
	}
	.lessonpro-txt {
		width: calc(528 / 640 * 100vw);
		padding: calc(58 / 640 * 100vw) calc(40 / 640 * 100vw) calc(150 / 640 * 100vw);
		font-size: calc(18 / 640 * 100vw);
	}
	.pro-num {
		margin-bottom: calc(44 / 640 * 100vw);
	}
	.pro-name-en {
		font-size: calc(48 / 640 * 100vw);
		line-height: 1.3;
		margin-bottom: calc(40 / 640 * 100vw);
	}
	.pro-name-jp {
		font-size: calc(38 / 640 * 100vw);
		margin-bottom: calc(56 / 640 * 100vw);
	}
	.pro-position {
		font-size: calc(20 / 640 * 100vw);
		padding: 0.7em 1.2em;
		margin-bottom: calc(50 / 640 * 100vw);
	}
	.pro-profile {
		font-size: calc(24 / 640 * 100vw);
	}
	.pro-profile dl {
		display: block;
	}
	.pro-profile dl + dl {
		margin-top: calc(36 / 640 * 100vw);
	}
	.pro-profile dt {
		width: 100%;
		padding-bottom: calc(15 / 640 * 100vw);
		border: none;
		position: relative;
	}
	.pro-profile dt::after {
		content: "";
		width: calc(22 / 640 * 100vw);
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.pro-profile dd {
		padding: 0.5em 0;
	}
}



/*============================
	MEDIA COVERAGE SLIDE
============================*/
.media-slider-wrapper {
	width: calc(708 / 768 * 100vw);
	margin-top: 10vw;

}

#media-slider .slick-list {
	padding: 0 calc(-10 / 768 * 100vw) 0 0 !important;
}
#media-slider .slick-slide {
	margin-right: calc(40 / 768 * 100vw);
}
@media (max-width: 640px) {
	.media-slider-wrapper {
		width: calc(610 / 640 * 100vw);
	}
	#media-slider .slick-list {
		padding: 0 calc(-20 / 640 * 100vw) 0 0 !important;
	}
	#media-slider .slick-slide {
		margin-right: calc(40 / 640 * 100vw);
	}
}

/*slide-arrow3配置場所*/
.slide-arrow3{
	position: absolute;
	top: calc(-55/ 768 * 100vw);
	right: calc(40/ 768 * 100vw);
	width: 25px;
	height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
}
.slide-arrow3.prev-arrow {
	margin-right: calc(46 / 768 * 100vw);
}

/*Arrow本体*/
.slide-arrow3.next-arrow::before{
	width: 25px;
	left: 0;
}
.slide-arrow3.next-arrow::after{
	right: 0;
	border-width: 2.5px 0 2.5px 4.3px;
	border-color: transparent transparent transparent #222;
}
.slide-arrow3.prev-arrow::before{
	width: 25px;
	right: 0;
}
.slide-arrow3.prev-arrow::after{
	left: 0;
	border-width: 2.5px 4.3px 2.5px 0;
	border-color: transparent #222 transparent transparent;
}
@media (max-width: 640px) {
	.slide-arrow3{
		top: calc(-73/ 640 * 100vw);
		right: calc(40 / 640 *100vw);
	}
	.slide-arrow3.prev-arrow {
		margin-right: calc(60 / 640 *100vw);
	}
}




/*MEDIA COVERAGE スライド内レイアウト
-----------------------------------------*/
.media-photo {
	margin-bottom: calc(26 / 768 * 100vw);
}
.media-item {
	text-align: justify;
}
.media-date,
.media-title,
.media-desc {
	padding: 0 3px;
}
.media-date {
	font-size: calc(12 / 768 * 100vw);
	color: #8c7939;
	margin-bottom: calc(20 / 768 * 100vw);
}
.media-title {
	font-size: calc(18 / 768 * 100vw);
	line-height: 1.8;
	margin-bottom: calc(20 / 768 * 100vw);
}
.media-desc {
	font-size: calc(14 / 768 * 100vw);
	line-height: 1.95;
}
@media (max-width: 640px) {
	.media-photo {
		margin-bottom: calc(28 / 640 * 100vw);
	}
	.media-date {
		font-size: calc(18 / 640 * 100vw);
		margin-bottom: calc(24 / 640 * 100vw);
	}
	.media-title {
		font-size: calc(24 / 640 * 100vw);
		margin-bottom: calc(30 / 640 * 100vw);
	}
	.media-desc {
		font-size: calc(19 / 640 * 100vw);
	}
}