@charset "UTF-8";

#enjoy .sec_ttl span[data-type="en"][data-diff="pc"]{
	margin: 0.2em 0 0 0;
}


@media screen and (max-width : 767px) {

	.btn span {
		line-height: 1.5;
	}

	.kv {
		width: 100vw;
		margin: var(--px-72) calc(50% - 50vw);
	}

	.kv .swiper-wrapper {
		transition-timing-function: linear;
	}

	.kv .swiper-slide {
		width: 50vw;
		height: 114.36vw;
		position: relative;
	}

	.kv .swiper-slide img {
		position: absolute;
		height: auto;
	}

	.kv .swiper-slide[data-num="1"] img {
		top: 30.9vw;
		left: 0;
		width: 100%;
	}

	.kv .swiper-slide[data-num="2"] img[data-num="1"] {
		aspect-ratio: 285 / 260;
		margin: 0 0 0 -8.72vw;
		top: 0;
		left: 0;
		width: 28.2vw;
	}

	.kv .swiper-slide[data-num="2"] img[data-num="2"] {
		aspect-ratio: 285 / 300;
		margin: 0 0 0 5.9vw;
		bottom: 0;
		left: 0;
		width: 25.64vw;
	}

	.kv .swiper-slide[data-num="3"] img[data-num="1"] {
		aspect-ratio: 288 / 360;
		margin: 13.33vw 7.69vw 0 0;
		top: 0;
		right: var(--px-80);
		width: var(--px-160);
	}

	.kv .swiper-slide[data-num="3"] img[data-num="2"] {
		aspect-ratio: 285 / 260;
		margin: 0 6vw 17.05vw 0;
		bottom: 0;
		right: var(--px-40);
		width: var(--px-120);
	}

	.kv .swiper-slide[data-num="4"] img {
		top: 30.9vw;
		left: 0;
		width: 100%;
	}

	.kv .swiper-slide[data-num="5"] img[data-num="1"] {
		aspect-ratio: 285 / 260;
		margin: 0 0 0 -8.72vw;
		top: 0;
		left: 0;
		width: 28.2vw;
	}

	.kv .swiper-slide[data-num="5"] img[data-num="2"] {
		aspect-ratio: 285 / 300;
		margin: 0 0 0 5.9vw;
		bottom: 0;
		left: 0;
		width: 25.64vw;
	}

	.kv .swiper-slide[data-num="6"] img[data-num="1"] {
		aspect-ratio: 288 / 360;
		margin: 13.33vw 7vw 0 0;
		top: 0;
		right: var(--px-80);
		width: var(--px-160);
	}

	.kv .swiper-slide[data-num="6"] img[data-num="2"] {
		aspect-ratio: 285 / 260;
		margin: 0 6vw 17.05vw 0;
		bottom: 0;
		right: var(--px-40);
		width: var(--px-120);
	}

	.headline_ttl span[data-type="en"] {
		letter-spacing: 0.06em;
	}

	.headline_ttl span[data-type="jp"] {
		letter-spacing: 0.2em;
	}

	.contents {
		position: relative;
	}

	.side_logo {
		aspect-ratio: 27 / 211;
		position: absolute;
		left: 0;
		top: var(--px-560);
		width: var(--px-24);
	}

	.side_logo svg {
		aspect-ratio: 27 / 211;
		width: 100%;
		height: auto;
	}

	.intro {
		padding-bottom: var(--px-100);

	}

	.intro .lead_txt {
		padding: 0 2vw 0 13vw;

	}

	.article .article_inner {
		padding: 18vw 0 20.5vw;
	}

	.article .article_img {
		width: 81vw;
		margin: 0 auto 11vw;
	}

	.article .article_img img {
		width: 100%;
	}

	.article .article_desc {
		width: 76%;
		margin: 0 auto;
	}

	.article .article_ttl {
		margin-bottom: var(--px-30);
	}

	.article .article_ttl .sp {
		display: inline-block;
	}

	.article .article_ttl .pc {
		display: none;
	}

	.article .article_ttl span[data-type="en"] {
		line-height: 1;
	}

	.article .article_ttl span[data-type="en"]:not([data-size="small"])+span[data-size="small"] {
		margin: var(--px-5) 0 0 0;
	}

	.article .article_ttl span[data-size="small"] {
		letter-spacing: 0.03em;
	}

	.article .article_sub_ttl {
		display: block;
		font-size: var(--px-19);
		font-weight: 400;
		/* margin-bottom: var(--px-30); */
		margin-top: 8vw;
		letter-spacing: 0.2em;
		line-height: 1.8;
	}

	.article .article_txt {
		font-size: var(--px-15);
		letter-spacing: 0.12em;
		line-height: 2;
		font-feature-settings: "palt";
		margin-bottom: 4.5vw;
	}

	.article .article_txt .pc {
		display: none;
	}

	.article .more_link p {
		letter-spacing: 0.2em;
	}
}

@media screen and (min-width : 768px) {
	#wrapper {
		overflow: hidden;
	}

	.btn_list ul li .btn{
		line-height: 1.4;
	}


	/*---------
  kv
  ---------*/
	.kv {
		width: 100vw;
		margin: var(--px-100) calc(50% - 50vw) var(--px-100);
	}

	.kv .swiper-wrapper {
		transition-timing-function: linear;
	}

	.kv .swiper-slide {
		width: var(--px-440);
		height: var(--px-660);
		position: relative;
	}

	.kv .swiper-slide img {
		position: absolute;
		height: auto;
		scale: 0.8;
	}

	.kv .swiper-slide[data-num="1"] img {
		top: 0;
		left: 0;
		width: 100%;
		scale: 1;
	}

	.kv .swiper-slide[data-num="2"] img[data-num="1"] {
		aspect-ratio: 285 / 260;
		margin: var(--px-54) 0 0 var(--px-54);
		top: 0;
		left: 0;
		width: var(--px-280);
	}

	.kv .swiper-slide[data-num="2"] img[data-num="2"] {
		aspect-ratio: 285 / 300;
		margin: 0 0 var(--px-40) var(--px-140);
		bottom: 0;
		left: 0;
		width: var(--px-280);
	}

	.kv .swiper-slide[data-num="3"] img[data-num="1"] {
		aspect-ratio: 288 / 360;
		margin: var(--px-22) var(--px-140) 0 0;
		top: 0;
		right: 0;
		width: var(--px-290);
	}

	.kv .swiper-slide[data-num="3"] img[data-num="2"] {
		aspect-ratio: 285 / 260;
		margin: var(--px-8) var(--px-40) 0 0;
		bottom: 0;
		right: 0;
		width: var(--px-280);
	}

	.kv .swiper-slide[data-num="4"] img {
		top: 0;
		left: 0;
		width: 100%;
		scale: 1;
	}

	.kv .swiper-slide[data-num="5"] img[data-num="1"] {
		aspect-ratio: 285 / 260;
		margin: var(--px-54) 0 0 var(--px-54);
		top: 0;
		left: 0;
		width: var(--px-280);
	}

	.kv .swiper-slide[data-num="5"] img[data-num="2"] {
		aspect-ratio: 285 / 300;
		margin: 0 0 var(--px-40) var(--px-140);
		bottom: 0;
		left: 0;
		width: var(--px-280);
	}

	.kv .swiper-slide[data-num="6"] img[data-num="1"] {
		aspect-ratio: 288 / 360;
		margin: var(--px-22) var(--px-140) 0 0;
		top: 0;
		right: 0;
		width: var(--px-290);
	}

	.kv .swiper-slide[data-num="6"] img[data-num="2"] {
		aspect-ratio: 285 / 260;
		margin: var(--px-8) var(--px-40) 0 0;
		bottom: 0;
		right: 0;
		width: var(--px-280);
	}




	.contents {
		position: relative;
	}

	.side_logo {
		aspect-ratio: 27 / 211;
		position: absolute;
		left: 0;
		top: var(--px-800);
		width: var(--px-27);
	}

	.side_logo svg {
		aspect-ratio: 27 / 211;
		width: 100%;
		height: auto;
	}

	.intro {
		padding-bottom: var(--px-180);
	}

	.intro .lead_txt {
		width: 100%;
		margin: 0 0 0 var(--px-120);
		font-feature-settings: "palt";
	}

	.article_inner {
		padding: var(--px-120) 0 var(--px-150);
		width: 100%;
		/* max-width: 1360px; */
		margin: 0 auto;
		display: flex;
		justify-content: center;
		position: relative;
		z-index: 1;
		gap: var(--px-110);
	}

	.article .article_ttl {
		margin-bottom: var(--px-30);
		margin-right: var(--px-20-);
		display: inline-block;
	}

	.article .article_ttl .sp {
		display: none;
	}

	.article .article_ttl .pc {
		display: inline-block;
	}

	.article .article_ttl span[data-type="en"] {
		/* font-size: var(--px-76); */
		font-size: clamp(4.02vw, 76px, 5.02vw);
	}

	.article .article_ttl span[data-type="en"]+span:not(:last-child) {
		margin-top: var(--px-10);
	}

	.article .article_ttl span[data-type="en"][data-size="small"] {
		/* font-size: var(--px-50); */
		font-size: clamp(2.65vw, 50px, 3.3vw);
		letter-spacing: 0.03em;
	}

	.article#knowledge .article_ttl.sec_ttl span[data-type="en"][data-diff="pc"] {
		text-indent: 0.8em;
	}

	.article .article_img {
		max-width: var(--px-580);
		width: 42.35%;

	}

	.article .article_img img {
		width: 100%;
	}

	.article .article_desc {
		max-width: var(--px-590);
		width: 43.38%;
	}

	.article#knowledge .article_desc {
		padding: var(--px-45) 0 0 0;
	}


	.article .article_sub_ttl {
		display: block;
		font-size: var(--px-21);
		font-weight: 400;
		line-height: 1.8;
		letter-spacing: 0.18em;
		margin-top: var(--px-50);
		/* margin-bottom: var(--px-30); */
	}

	.article .article_txt {
		font-size: var(--px-15);
		letter-spacing: 0.12em;
		line-height: 2.333;
		font-feature-settings: "palt";
		margin-bottom: var(--px-30);
	}



}



@media screen and (min-width: 768px) and (max-width: 1279px) {

	.article_inner {
		box-sizing: border-box;
		padding: var(--px-120) 30px var(--px-150);
		justify-content: flex-end;
	}

}