@charset "UTF-8";

/*共通の設定：矢印本体
--------------------*/
.slide-arrow,
.slide-arrow2,
.slide-arrow3 {
	cursor: pointer;
}
.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%);
	transition: all .3s;
}
.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: 14px;
}
.slide-arrow.prev-arrow::after{
	left: 14px;
	border-width: 2.5px 4.3px 2.5px 0;
	border-color: transparent #222 transparent transparent;
}
.slide-arrow.next-arrow::before{
	right: 14px;
}
.slide-arrow.next-arrow::after{
	right: 14px;
}	
.slide-arrow:hover::before{
		right: 4px;
		width: 30px;
}
.slide-arrow:hover::after{
		right: 4px;
}
.slide-arrow.prev-arrow:hover::before{
		left: 4px;
	right: auto;
}
.slide-arrow.prev-arrow:hover::after{
		left: 4px;
	right: auto;
}


/*共通の設定：第2Arrow
--------------------*/
.slide-arrow.prev-arrow + .slide-arrow2::before{
	left: 24px;
}
.slide-arrow.prev-arrow + .slide-arrow2::after{
	left: 24px;
	border-width: 2.5px 4.3px 2.5px 0;
	border-color: transparent #222 transparent transparent;
}
.slide-arrow2:hover::before{
		right: 14px;
		width: 30px;
}
.slide-arrow2:hover::after{
		right: 14px;
}
.slide-arrow.prev-arrow + .slide-arrow2:hover::before{
		left: 14px;
	right: auto;
}
.slide-arrow.prev-arrow + .slide-arrow2:hover::after{
		left: 14px;
	right: auto;
}




/*slide-arrow配置場所*/
.slide-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	cursor: pointer;
}
.slide-arrow.prev-arrow {
	left: -160px;
}
.slide-arrow.next-arrow {
	right: -160px;
}
.slide-arrow .en-txt {
	width: 60px;
	height: 60px;
	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: 1680px) {
	.slide-arrow.prev-arrow {
		left: calc(-160 / 1680 * 100vw);
	}
	.slide-arrow.next-arrow {
		right: calc(-160 / 1680 * 100vw);
	}
}
@media (max-width: 1200px) {
	.slide-arrow .en-txt {
		width: 54px;
		height: 54px;
	}
	.slide-arrow.prev-arrow {
		left: calc(-90 / 1200 * 100vw);
	}
	.slide-arrow.next-arrow {
		right: calc(-90 / 1200 * 100vw);
	}
}
@media (max-width: 940px) {
	.slide-arrow.prev-arrow {
		left: calc(-70 / 940 * 100vw);
	}
	.slide-arrow.next-arrow {
		right: calc(-70 / 940 * 100vw);
	}
}


/*slide-arrow3配置場所*/
.slide-arrow3 {
	position: absolute;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
}

/*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;
}



.slide-arrow3.next-arrow:hover::before {
	width: 30px;
}
.slide-arrow3.next-arrow:hover::after {
	right: -8px;
}
.slide-arrow3.prev-arrow:hover::before {
	width: 30px;
}
.slide-arrow3.prev-arrow:hover::after {
	left: -8px;
}
@media (max-width: 1920px) {
	.slide-arrow3.prev-arrow {
		margin-right: calc(45 / 1920 *100vw);
	}
}
@media (max-width: 1500px) {
	.slide-arrow3.prev-arrow {
		margin-right: calc(48 / 1500 *100vw);
	}
}
@media (max-width: 1200px) {
	.slide-arrow3.prev-arrow {
		margin-right: calc(45 / 1200 *100vw);
	}
}
@media (max-width: 940px) {
	.slide-arrow3.prev-arrow {
		margin-right: calc(45 / 940 *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: 1000px;
	margin: 100px auto;
	position: relative;
}
@media (max-width: 1920px) {
	.about-slider-wrapper {
		width: calc(1000 / 1920 * 100vw);
	}
}
@media (max-width: 1200px) {
	.about-slider-wrapper {
		max-width: 600px;
		width: calc(600 / 1200 * 100vw);
	}
}

/*スライド内*/
#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(565 / 1920 * 100vw);
	max-height: 565px;
}
@media (max-width: 1200px) {
	.about-slider-photo,
	.about-slider-photo img {
		height: calc(332 / 1200 * 100vw);
		max-height: 332px;
	}
}
			
/*ドットの設定*/
#about-slider .slick-dots {
	bottom: 24px;
	right: 24px;
	width: 100px;
}
@media (max-width: 940px) {
	#about-slider .slick-dots {
		right: 0;
	}
}
#about-slider .slick-dots li {
	width: 20px;
	height: 20px;
	margin: 0;
}
#about-slider .slick-dots li button:before{
	color: #fff;
	font-size: 8px;
}

/*about-sliderの矢印場所*/
#about-slider .slide-arrow3{
	width: 36px;
	height: 36px;
	top: -60px;
	right: 0;
}
#about-slider .slide-arrow3.prev-arrow {
	margin-right: 36px;
}
/*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 .slide-arrow3:hover::before{
		right: -10px;
		width: 30px;
}
#about-slider .slide-arrow3:hover::after{
		right: -10px;
}
#about-slider .slide-arrow3.prev-arrow:hover::before{
		left: -10px;
	right: auto;
}
#about-slider .slide-arrow3.prev-arrow:hover::after{
		left: -10px;
	right: auto;
}



/*about-sliderのスライドのテキスト*/
.about-slider-txt {
	width: calc(550 / 1920 * 100vw);
	max-width: 550px;
	min-height: 90px;
	position: absolute;
	left: 0;
	top: calc(100% - 90px);
	background-color: #f2f2f0;
	padding: .5em 3% 0 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.about-slider-txt p {
	font-size: 22px;
	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: 1920px) {
	.about-slider-txt {
		width: calc(550 / 1920 * 100vw);
		max-width: inherit;
	}
}@media (max-width: 1300px) {
	.about-slider-txt p {
		font-size: calc(22 / 1300 * 100vw);
	}
}
@media (max-width: 1200px) {
	.about-slider-txt {
		width: calc(420 / 1200 * 100vw);
		height: calc(90 / 1200 * 100vw);
	}
	.about-btn {
		width: calc(125 / 1200 * 100vw);
	}
	.about-btn-inner {
		font-size: calc(16 / 1200 * 100vw);
	}
}
@media (max-width: 940px) {
	.about-slider-txt {
		width: calc(360 / 940 * 100vw);
		height: calc(90 / 940 * 100vw);
	}
}







/*============================
	LESSON PRO SLIDE
============================*/
/*slick
-------*/
.lessonpro-slider-wrapper {
	width: 1680px;
	margin: 100px auto;
	min-height: 950px;
}
#lessonpro-slider {
	width: 1340px;
	margin: 0 auto;
	position: relative;
}
@media (max-width: 1680px) {
	.lessonpro-slider-wrapper {
		width: 100%;
	}
	#lessonpro-slider {
		width: calc(1340 / 1680 * 100vw);
	}
}
@media (max-width: 1200px) {
	#lessonpro-slider {
		width: calc(980 / 1200 * 100vw);
	}
}
@media (max-width: 940px) {
	.lessonpro-slider-wrapper {
			margin: calc(40 / 940 * 100vw) auto;
		}
	#lessonpro-slider {
		width: calc(780 / 940 * 100vw);
	}
}



/*slide-arrow2配置場所*/
.slide-arrow2 {
	position: absolute;
	bottom: -1px;
	left: 780px;
	width: 60px;
	height: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
	background-color: #eaeae5;
}
.prev-arrow + .slide-arrow2 {
	margin-left: -60px;
}
@media (max-width: 1680px) {
	.slide-arrow2 {
		left: calc(780 / 1680 * 100vw);
	}
}
@media (max-width: 1200px) {
	.slide-arrow2 {
		left: calc(570 / 1200 * 100vw);
	}
}
@media (max-width: 940px) {
	.slide-arrow2 {
		left: calc(460 / 940 * 100vw);
	}
}
.slide-arrow2 a {
	display: block;
	width: 100%;
	height: 100%;
}


/*LESSON PRO スライド内レイアウト
-----------------------------------------*/
.lessonpro-item {
	width: 100%;
}
.lessonpro-item-inner {
	width: 100%;
	display: flex;
}
.lessonpro-photo {
	width: calc(500 / 1340 * 100%);
	max-width: 500px;
}
.lessonpro-photo img {
	width: 100%;
	height: auto;
}
.lessonpro-txt {
	width: calc(840 / 1340 * 100%);
	box-sizing: border-box;
	padding: calc(105 / 1340 * 100%) calc(70 / 1340 * 100%) calc(140 / 1340 * 100%) calc(90 / 1340 * 100%);
	background-color: #fff;
	font-size: 18px;
	max-height: 1000px;
	overflow-y: auto
}
.pro-num {
	margin-bottom: 48px;
}
.pro-name-en {
	font-size: 60px;
	font-style: italic;
	margin-bottom: 28px;
	margin-left: -3px;
}
.pro-name-en br {
	display: none;
}
.pro-name-jp {
	font-size: 38px;
	margin-bottom: 60px;
}
.pro-position {
	font-size: 16px;
	padding: 1em 1.2em;
	background-color: #ede7d4;
	display: inline-block;
	margin-bottom: 66px;
	line-height: 1.3;
}
.pro-profile dl {
	display: flex;
	line-height: 1.9;
}
.pro-profile dl + dl {
	margin-top: 38px;
}
.pro-profile dt {
	color: #8c7939;
	width: 146px;
	border-right: 1px solid #ccc;
}
.pro-profile dd {
	font-family: 'Noto Sans JP', sans-serif;
	flex: 4;
	padding-left:1.5em;
}

@media (max-width: 1200px) {
	.lessonpro-item {
		max-width: inherit;
		width: calc(1000 / 1200 * 100vw);
	}
	.lessonpro-photo {
		max-width: inherit;
		width: calc(360 / 1200 * 100vw);
	}
	.lessonpro-txt {
		max-width: inherit;
		width: calc(640 / 1200 * 100vw);
		padding: calc(75 / 1200 * 100vw) calc(60 / 1200 * 100vw);
		font-size: calc(17 / 1200 * 100vw);
	}
	.pro-num {
		margin-bottom: calc(48 / 1200 * 100vw);
	}
	.pro-name-en {
		margin-bottom: calc(28 / 1200 * 100vw);
	}
	.pro-name-jp {
		margin-bottom: calc(60 / 1200 * 100vw);
	}
	.pro-position {
		font-size: calc(16 / 1200 * 100vw);
		padding: 1em 1.2em;
		margin-bottom: calc(66 / 1200 * 100vw);
	}
	.pro-profile dl + dl {
		margin-top: calc(38 / 1200 * 100vw);
	}
	.pro-profile dt {
		max-width: inherit;
		width: calc(146 / 1200 * 100vw);
	}
}

@media (max-width: 940px) {
	.lessonpro-item {
		max-width: 780px;
		width: calc(780 / 940 * 100vw);
	}
	.lessonpro-photo {
		width: calc(260 / 940 * 100vw);
	}
	.lessonpro-txt {
		width: calc(520 / 940 * 100vw);
		padding: calc(64 / 940 * 100vw) calc(50 / 940 * 100vw);
		font-size: calc(17 / 940 * 100vw);
	}
	.pro-num {
		margin-bottom: calc(48 / 940 * 100vw);
	}
	.pro-name-en {
		margin-bottom: calc(30 / 940 * 100vw);
	}
	.pro-name-jp {
		margin-bottom: calc(58 / 940 * 100vw);
	}
	.pro-position {
		font-size: calc(16 / 940 * 100vw);
		padding: 1em 1.2em;
		margin-bottom: calc(64 / 940 * 100vw);
	}
	.pro-profile dl + dl {
		margin-top: calc(44 / 940 * 100vw);
	}
	.pro-profile dt {
		width: calc(142 / 940 * 100vw);
	}
}








/*============================
	MEDIA COVERAGE SLIDE
============================*/
/*slick
--------*/
.media-slider-wrapper {
	max-width: 1340px;
	width: 100%;
	margin: 60px auto;
}

#media-slider .slick-list {
    padding: 0 calc(141 / 1340 * 100%) 0 0 !important;
}
#media-slider .slick-slide {
    margin-right: 70px;
}
#media-slider .slick-list img {
  width: 100%;
}
@media (max-width: 1920px) {
	.media-slider-wrapper {
		width: calc(1340 / 1920 * 100vw);
	}
	#media-slider .slick-list {
			padding: 0 calc(141 / 1920 * 100vw) 0 0 !important;
	}
	#media-slider .slick-slide {
			margin-right: calc(70 / 1920 * 100vw);
	}
}
@media (max-width: 1260px) {
	.media-slider-wrapper {
		width: calc(691 / 1200 * 100vw);
	}
	#media-slider .slick-list {
			padding: 0 calc(31 / 1200 * 100vw) 0 0 !important;
	}
	#media-slider .slick-slide {
			margin-right: calc(30 / 1200 * 100vw);
	}
}
@media (max-width: 940px) {
	.media-slider-wrapper {
		width: calc(531 / 940 * 100vw);
	}
	#media-slider .slick-list {
			padding: 0 calc(-10 / 940 * 100vw) 0 0 !important;
	}
	#media-slider .slick-slide {
			margin-right: calc(30 / 940 * 100vw);
	}
}


/*slide-arrow3配置場所*/
#media-slider .slide-arrow3 {
	top: -55px;
	left: 1280px;
	width: 25px;
	height: 25px;
}
#media-slider .slide-arrow3.prev-arrow {
	margin-left: -35px;
}
@media (max-width: 1920px) {
	#media-slider .slide-arrow3 {
		left: calc(1280/1920*100vw)
	}
}
@media (max-width: 1260px) {
	#media-slider .slide-arrow3 {
		left: calc(621/1200*100vw)
	}
}
@media (max-width: 940px) {
	#media-slider .slide-arrow3 {
		left: calc(451/940*100vw)
	}
}


/*MEDIA COVERAGE スライド内レイアウト
-----------------------------------------*/
.media-photo {
	margin-bottom: 26px;
}
.media-item {
	text-align: justify;
}
.media-date,
.media-title,
.media-desc {
	padding: 0 3px;
}
.media-date {
	font-size: 14px;
	color: #8c7939;
	margin-bottom: 20px;
}
.media-title {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 28px;
}
.media-desc {
	font-size: 14px;
	line-height: 2;
}