@charset "UTF-8";
/* CSS Document */

/*==================================================
					　色指定
==================================================*/

:root{
	--black: #000;
	--white: #fff;
	--blue: #002063;
	--gold: #bdac59;
	--golddeep: #ad914d;
	--bluegrey: #99a6c1;
	--bluewhite: #e5e9ef;
	--goldwhite: #efe9db;
}





/*==================================================
				　フォント読み込み
==================================================*/

@font-face{
	font-family: "CENSCBK",
	  		     "COPRGTL",
			     "NotoSansCJKjp-Bold",
			     "NotoSansCJKjp-Medium",
	  		     "NotoSansCJKjp-Regular";

	src: url("../fonts/CENSCBK.TTF") format("truetype"),
	     url("../fonts/COPRGTL.TTF") format("truetype"),
	     url("../fonts/NotoSansCJKjp-Bold.otf") format("opentype"),
	     url("../fonts/NotoSansCJKjp-Medium.otf") format("opentype"),
	     url("../fonts/NotoSansCJKjp-Regular.otf") format("opentype");

	font-display: swap;
}





/*==================================================
					　共通設定
==================================================*/

html{
	font-size: 62.5%;
	scroll-behavior: smooth;
}

body{
	font-family: "NotoSansCJKjp-Regular",
				 "NotoSansCJKjp-Bold",
			     "NotoSansCJKjp-Medium",
				 "CENSCBK",
				 "CENSCBK",
				 "CENSCBK",
/*				 仮使用フォント*/
				 "Shippori Mincho",
				 Arial,
				 sans-serif;
	font-style: normal;
	color: var(--black, #000);
	background-color: var(--white, #fff);
	line-height: 1.5;
}

img{
	max-width: 100%;
	height: auto;
}

a{
	text-decoration: none;
}

ul,
ol{
	list-style: none;
}

/*//////////// フェードインの設定 ////////////*/
.fadein{
	opacity: 0;
}





/*==================================================
					　ヘッダー
==================================================*/

/*//////////// ヘッダー全体の設定 ////////////*/
.header{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100vw;
	height: 150px;
	padding-bottom: 10px;
	position: fixed;
	z-index: 100;
	transition: 1s;
}

@media screen and (max-width:1199px) {
	.header{
		justify-content: center;
	}
}

@media screen and (max-width:679px) {
	.header{
		height: 90px;
	}
}

/*//////////// スクロールで出現するヘッダー背景色の設定 ////////////*/

.bg{
	background-color: rgba(0, 5, 63, 0.5);
}

/*//////////// スクロールでヘッダーの高さを縮める設定 ////////////*/

.short{
	align-items: center;
	height: 80px;
	padding-bottom: 0;
}

@media screen and (max-width:1199px) {
	.short{
		height: 60px;
	}
}


/*//////////// ヘッダーロゴの設定 ////////////*/
.logo{
	display: block;
	width: 170px;
	margin: 65px 0 0 6.2vw;
}

@media screen and (max-width:1199px) {
	.logo{
		width: 200px;
		margin: 56px 0 0 1.2vw;
	}
}

@media screen and (max-width:679px) {
	.logo{
		width: 109px;
		margin: 32px 0 0 1.2vw;
	}
}

/*//////////// スクロールでロゴサイズを縮める設定 ////////////*/

.small{
	width: 120px;
	margin: 0 0 0 6.2vw;
}

@media screen and (max-width:1199px) {
	.small{
		width: 100px;
		margin: 0;
	}
}


/*//////////// ハンバーガーメニュー(初期状態) ////////////*/
.nav{
	display: block;
	width: 327px;
	height: 633px;
	padding: 65px 40px 28px 32px;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(100%);
	transition: 0.4s;
	background-color: rgba(173, 145, 77, 0.8);
	overflow-y: scroll;
	overflow-x: hidden;
}

.nav__item{
	padding: 15px 0;
	position: relative;
	font-family: "Shippori Mincho";
	font-size: 1.4rem;
	color: var(--white, #fff);
	cursor: pointer;
}

.nav__item:first-of-type{
	padding-top: 0;
}

.nav__item::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
}

.nav__link{
	transition: 0.2s;
	color: var(--white, #fff);
}

.nav__link:hover{
	color: var(--blue, #002063);
}

.nav__span{
	font-size: 2rem;
}

.nav__inner-list{
	margin-left: 19px;
}

.nav__inner-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 4px;
	font-size: 1.2rem;
}

.nav__inner-item::before{
	content: "";
	display: block;
	width: 12px;
	height: 1px;
	background-color: var(--white, #fff);
}

.nav__btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 254px;
	height: 40px;
	margin-top: 90px;
	transition: 0.2s;
	border: 1px solid var(--white, #fff);
	font-family: "Shippori Mincho";
	font-size: 1.4rem;
	color: var(--white, #fff);
}

.nav__btn:hover{
	border: 1px solid var(--blue, #002063);
	color: var(--blue, #002063);
}

@media screen and (max-width:1199px) {
	.nav{
		width: 100vw;
		height: 100vh;
		padding: 184px 112px 32px 104px;
	}

	.nav__item{
		padding: 28px 0;
		font-size: 2.4rem;
	}

	.nav__span{
		font-size: 4rem;
	}

	.nav__inner-list{
		margin-left: 36px;
	}

	.nav__inner-item{
		gap: 10px;
		font-size: 2rem;
	}

	.nav__inner-item::before{
		width: 20px;
	}

	.nav__btn{
		width: 462px;
		height: 72px;
		margin-top: 104px;
		font-size: 2.4rem;
	}
}

@media screen and (max-width:679px) {
	.nav{
		padding: 104px 64px 32px 60px;
	}

	.nav__item{
		padding: 14px 0;
		font-size: 1.4rem;
	}

	.nav__span{
		line-height: 1;
		font-size: 2.2rem;
	}

	.nav__inner-list{
		margin: 10px 0 0 18px;
	}

	.nav__inner-item{
		gap: 10px;
		font-size: 1.1rem;
	}

	.nav__inner-item:nth-of-type(2){
		margin-top: 8px;
	}

	.nav__inner-item::before{
		width: 12px;
	}

	.nav__btn{
		width: 254px;
		height: 40px;
		margin-top: 56px;
		font-size: 1.4rem;
	}
}

/*//////////// ハンバーガーメニュー(展開状態) ////////////*/
.open{
	transform: translateX(0);
	pointer-events: auto;
}

/*//////////// ハンバーガーメニューアイコン(初期状態) ////////////*/
.nav-icon{
	align-content: center;
	display: block;
	width: 74px;
	height: 74px;
	margin: 16px 32px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	transition: 1s;
	background-color: rgba(0, 5, 63, 0.5);
	cursor: pointer;
}

.nav-icon__bar{
	display: block;
	width: 40px;
	height: 1px;
	margin: 0 auto 10px;
	transition: 0.4s;
	background-color: var(--white, #fff);
}

.nav-icon__bar:last-of-type{
	margin-bottom: 0;
}

@media screen and (max-width:1199px) {
	.nav-icon{
		width: 88px;
		height: 88px;
	}

	.nav-icon__bar{
		width: 48px;
	}
}

@media screen and (max-width:679px) {
	.nav-icon{
		width: 48px;
		height: 48px;
		margin: 16px 16px 0 0;
	}

	.nav-icon__bar{
		width: 24px;
		margin: 0 auto 6px;
	}
}

/*//////////// ハンバーガーメニューアイコン(展開状態) ////////////*/
.nav-icon__bar:nth-child(1).open{
	margin-bottom: 0;
	transform: translateY(50%) rotate(45deg);
}

.nav-icon__bar:nth-child(2).open{
	display: none;
}

.nav-icon__bar:nth-child(3).open{
	transform: translateY(-50%) rotate(-45deg);
}

.nav-icon.open{
	background-color: transparent;
}

/*//////////// スクロールでアイコンの背景色を消す設定 ////////////*/
.transparent{
	background-color: transparent;
}

/*//////////// スクロールでアイコンの高さを変える設定 ////////////*/

.icon-short{
	height: 80px;
	margin: 0 32px 0 0;
}

@media screen and (max-width:1199px) {
	.icon-short{
		height: 60px;
		margin: 0 32px 0 0;
	}
}

@media screen and (max-width:679px) {
	.icon-short{
		margin: 0 16px 0 0;
	}
}







/*==================================================
				　　   トップ
==================================================*/

/*//////////// 追従ロゴ ////////////*/
.follow-logo{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100vw;
	height: 80px;
	margin-top: 282px;
	position: fixed;
}

.follow-logo::before{
	content: "";
	background-image: url("../img/textlogo_thin.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 10px;
	height: 174px;
	margin-left: 42px;
}

.follow-logo::after{
	content: "";
	background-image: url("../img/textlogo_thin.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 10px;
	height: 174px;
	margin-right: 42px;
	transform: scale(-1, -1);
}

@media screen and (max-width:1199px) {
	.follow-logo{
		margin-top: 548px;
	}

	.follow-logo::before{
		width: 12px;
		height: 206px;
		margin-left: 36px;
	}

	.follow-logo::after{
		width: 12px;
		height: 206px;
		margin-right: 36px;
	}
}

@media screen and (max-width:679px) {
	.follow-logo{
		margin-top: 284px;
	}

	.follow-logo::before{
		width: 6px;
		height: 116px;
		margin-left: 20px;
	}

	.follow-logo::after{
		width: 6px;
		height: 116px;
		margin-right: 20px;
	}
}

/*//////////// トップ　全体の設定 ////////////*/
.top{
	position: relative;
	pointer-events: none;
}

.top__wrap{
	height: 639px;
	max-width: 1450px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width:1199px) {
	.top__wrap{
		max-width: 800px;
		height: 1128px;
	}
}

@media screen and (max-width:679px) {
	.top__wrap{
		max-width: 450px;
		height: 620px;
	}
}

/*//////////// トップ　タイトルの設定 ////////////*/
.top__title-wrap{
	text-align: start;
	padding: 186px 180px;
}

.top__text-wrap{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 17px;
	margin: 0 0 22px 6px;
}

.top__text{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 17px;
	line-height: 1;
	font-family: "NotoSansCJKjp-Medium";
	font-size: 2.4rem;
	color: var(--gold, #bdac59);
	text-shadow: 1px 1px 10px rgba(0, 32, 99, 0.8);
}

.top__text::before{
	content: "";
	display: block;
	width: 3px;
	height: 24px;
	background-color: var(--gold, #bdac59);
}

.top__text:last-of-type::after{
	content: "";
	display: block;
	width: 3px;
	height: 24px;
	background-color: var(--gold, #bdac59);
}

.top__heading{
	line-height: 1.3;
	font-family: "Shippori Mincho";
	font-size: 5.6rem;
	color: var(--white, #fff);
}

.top__title{
	line-height: 1.8;
	font-family: "Shippori Mincho";
	font-size: 8rem;
	color: var(--white, #fff);
	text-shadow: 1px 1px 10px rgba(0, 32, 99, 0.8);
}

@media screen and (max-width:1199px) {
	.top__title-wrap{
		text-align: center;
		padding: 418px 0 0 0;
	}

	.top__text-wrap{
		justify-content: center;
	}

	.top__heading{
		line-height: 1.5;
	}

	.top__title{
		line-height: 1.5;
	}
}

@media screen and (max-width:679px) {
	.top__title-wrap{
		padding: 230px 0 0 0;
	}

	.top__text-wrap{
		gap: 12px;
		margin: 0;
	}

	.top__text{
		gap: 10px;
		font-size: 1.4rem;
	}

	.top__text::before{
		width: 1px;
		height: 18px;
	}

	.top__text:last-of-type::after{
		width: 1px;
		height: 18px;
	}

	.top__heading{
		margin-top: 14px;
		line-height: 1.2;
		font-size: 3.6rem;
	}

	.top__title{
		line-height: 1.8;
		font-size: 4rem;
	}
}

/*//////////// トップ　画像の設定 ////////////*/
.top__img-group{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: 789px;
	position: absolute;
	top: 0;
	z-index: -1000;

}

.top__img-wrap{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	width: 100vw;
	height: 1550px;
}

.top__img{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	object-position: 206px -325px;
}

@media screen and (max-width:1199px) {
	.top__img-wrap{
		height: 1300px;
	}

	.top__img{
		object-position: -190px -123px;
	}
}

@media screen and (max-width:679px) {
	.top__img-wrap{
		height: 725px;
	}

	.top__img{
		object-position: -107px -71px;
	}
}

/*//////////// アニメーションの設定 ////////////*/
.top__img{
	opacity: 0;
	animation-name: img-move;
	animation-duration: 6s;
	animation-iteration-count: infinite;
}

.top__img--1{
	animation-delay: 0s;
}

.top__img--2{
	animation-delay: 1.5s;
}

.top__img--3{
	animation-delay: 3s;
}

.top__img--4{
	animation-delay: 4.5s;
}

@keyframes img-move{
	0%{
		opacity: 0;
	}
	25%{
		opacity: 1;
	}
	35%{
		opacity: 1;
	}
	45%{
		opacity: 0;
	}
    100%{
		opacity: 0;
	}
}

/*//////////// 背景カラー ////////////*/
.top::after{
	content: "";
	display: block;
	width: 100%;
	height: 1000px;
	position: absolute;
	top: 0;
	background-image: linear-gradient(90deg, #00003b, #002d79);
	z-index: -1100;
}

@media screen and (max-width:1199px) {
	.top::after{
		height: 1500px;
	}
}

/*//////////// 背景イメージ画像 ////////////*/
.top::before{
	content: "";
	background-image: url("../img/back-text_top-pc.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 69.4vw;
	height: 135px;
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1050;
}

@media screen and (max-width:1199px) {
	.top::before{
		width: 86.4vw;
		bottom: 219px;
	}
}

@media screen and (max-width:679px) {
	.top::before{
		bottom: 88px;
	}
}





/*==================================================
				　セクション1.About
==================================================*/

/*//////////// セクション1.About　全体設定 ////////////*/
.section-about{
	position: relative;
}

.section-about__wrap{
	max-width: 1450px;
	height: 762px;
	margin: 0 auto;
}

@media screen and (max-width:1199px) {
	.section-about__wrap{
		max-width: 680px;
		height: 680px;
	}
}

@media screen and (max-width:679px) {
	.section-about__wrap{
		max-width: 450px;
		height: 376px;
	}
}

/*//////////// セクション1.About　見出し設定 ////////////*/
.section-about__title-wrap{
	text-align: center;
	padding-top: 178px;
	position: relative;
}

.section-about__title-wrap::after{
	content: "";
	background-image: url("../img/arrow.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 50px;
	height: 25px;
	position: absolute;
	bottom: -48px;
	left: 50%;
	transform: translateX(-50%);
}

.section-about__title{
	line-height: 1;
	font-family: "Shippori Mincho";
	font-size: 9.6rem;
	font-weight: 500;
	color: var(--bluegrey, #99a6c1);
}

.section-about__lead{
	margin-top: 4px;
	font-family: "NotoSansCJKjp-Regular";
	font-size: 2.4rem;
	color: var(--blue, #002063);
}

@media screen and (max-width:1199px) {
	.section-about__title-wrap{
		padding-top: 114px;
	}

	.section-about__title-wrap::after{
		width: 40px;
		bottom: -36px;
	}

	.section-about__title{
		font-size: 7.6rem;
	}
}

@media screen and (max-width:679px) {
	.section-about__title-wrap{
		padding-top: 64px;
	}

	.section-about__title-wrap::after{
		width: 22px;
		height: 12px;
		bottom: -23px;
	}

	.section-about__title{
		font-size: 4.4rem;
	}

	.section-about__lead{
		margin-top: 0;
		font-size: 1.2rem;
	}
}

/*//////////// セクション1.About　コンテンツ設定 ////////////*/
.section-about__text-wrap{
	text-align: center;
	margin-top: 84px;
}

.section-about__heading{
	font-family: "NotoSansCJKjp-Bold";
	font-size: 4rem;
	color: var(--blue, #002063);
}

.section-about__text{
	margin-top: 10px;
	font-family: "Shippori Mincho";
	line-height: 1.8;
	font-size: 2.2rem;
}

.spbr{
	display: none;
}

@media screen and (max-width:1199px) {
	.section-about__text-wrap{
		text-align: center;
		margin-top: 60px;
	}

	.section-about__heading{
		display: inline;
		font-size: 3.2rem;
	}

	.section-about__text{
		margin-top: 18px;
		font-size: 2rem;
	}

	.spbr{
		display: block;
	}
}

@media screen and (max-width:679px) {
	.section-about__text-wrap{
		margin-top: 36px;
	}

	.section-about__heading{
		font-size: 1.8rem;
	}

	.section-about__text{
		margin-top: 10px;
		font-size: 1.1rem;
	}
}

/*//////////// セクション1.About　背景カラー ////////////*/
.section-about::after{
	content: "";
	display: block;
	width: 100%;
	height: 1000px;
	position: absolute;
	top: 0;
	background-color: var(--white, #fff);
	clip-path: polygon(50% 15%, 100% 0, 100% 100%, 0 100%, 0 0);
	z-index: -900;
}

@media screen and (max-width:1199px) {
	.section-about::after{
		clip-path: polygon(50% 8.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	}
}

@media screen and (max-width:679px) {
	.section-about::after{
		clip-path: polygon(50% 4.7%, 100% 0, 100% 100%, 0 100%, 0 0);
	}
}





/*==================================================
				　セクション2.Features
==================================================*/

/*//////////// セクション2.Features　全体設定 ////////////*/
.section-features{
	position: relative;
}

.section-features__wrap{
	height: 2822px;
	max-width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width:1199px) {
	.section-features__wrap{
		max-width: 680px;
		height: 3339px;
	}
}

@media screen and (max-width:679px) {
	.section-features__wrap{
		max-width: 450px;
		height: 1846px;
	}
}

/*//////////// セクション2.Features　見出し設定 ////////////*/
.section-features__title-wrap{
	text-align: center;
	padding-top: 177px;
	position: relative;
}

.section-features__title-wrap::after{
	content: "";
	background-image: url("../img/arrow.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 50px;
	height: 25px;
	position: absolute;
	bottom: -48px;
	left: 50%;
	transform: translateX(-50%);
}

.section-features__title{
	line-height: 1;
	font-family: "Shippori Mincho";
	font-size: 9.6rem;
	font-weight: 500;
	color: var(--bluegrey, #99a6c1);
}

.section-features__lead{
	margin-top: 4px;
	font-family: "NotoSansCJKjp-Regular";
	font-size: 2.4rem;
	color: var(--white, #fff);
}

@media screen and (max-width:1199px) {
	.section-features__title-wrap{
		padding-top: 132px;
	}

	.section-features__title-wrap::after{
		width: 40px;
		bottom: -36px;
	}

	.section-features__title{
		font-size: 7.6rem;
	}
}

@media screen and (max-width:679px) {
	.section-features__title-wrap{
		padding-top: 72px;
	}

	.section-features__title-wrap::after{
		width: 22px;
		height: 12px;
		bottom: -23px;
	}

	.section-features__title{
		font-size: 4.4rem;
	}

	.section-features__lead{
		margin-top: 0;
		font-size: 1.2rem;
	}
}

/*//////////// セクション2.Features　グリッドリストの設定 ////////////*/
.section-features__list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 427px 385px 490px 385px 463px 385px;
	position: relative;
}

@media screen and (max-width:1199px) {
	.section-features__list{
		grid-template-columns: 100%;
		grid-template-rows: 314px;
	}
}

@media screen and (max-width:679px) {
	.section-features__list{
		grid-template-rows: 163px;
	}
}

/*//////////// セクション2.Features　リスト内見出しの設定 ////////////*/
.section-features__heading-wrap{
	text-align: center;
	position: relative;
	grid-column: 1/3;
}

.section-features__heading-wrap:nth-of-type(1){
	margin-top: 210px;
}

.section-features__heading-wrap:nth-of-type(4){
	margin-top: 272px;
}

.section-features__heading-wrap:nth-of-type(7){
	margin-top: 250px;
}

.section-features__heading-wrap::before{
	content: "";
	position: absolute;
	top: -127px;
	left: 50%;
	transform: translateX(-50%);
	border-bottom: 5px solid var(--gold, #bdac59);
	line-height: 1.2;
	font-family: "Shippori Mincho";
	font-size: 9rem;
	color: var(--gold, #bdac59);
}

.section-features__heading-wrap:nth-of-type(1)::before{
	content: "1";
}

.section-features__heading-wrap:nth-of-type(4)::before{
	content: "2";
}

.section-features__heading-wrap:nth-of-type(7)::before{
	content: "3";
}

.section-features__heading-lead{
	font-family: "Shippori Mincho";
	font-size: 4rem;
	color: var(--white, #fff);
}

.section-features__heading{
	margin-top: 10px;
	line-height: 1;
	font-family: "Shippori Mincho";
	font-size: 7rem;
	font-weight: 400;
	color: var(--white, #fff);
}

@media screen and (max-width:1199px) {
	.section-features__heading-wrap{
		grid-column: auto;
	}

	.section-features__heading-wrap::before{
		top: -106px;
		font-size: 7rem;
	}

	.section-features__heading-wrap:nth-of-type(1){
		margin-top: 169px;
	}

	.section-features__heading-wrap:nth-of-type(4){
		margin-top: 243px;
	}

	.section-features__heading-wrap:nth-of-type(7){
		margin-top: 250px;
	}

	.section-features__heading-lead{
		font-size: 3.2rem;
	}

	.section-features__heading{
		margin-top: 0;
		font-size: 5.6rem;
	}
}

@media screen and (max-width:679px) {
	.section-features__heading-wrap::before{
		top: -60px;
		border-bottom: 3px solid var(--gold, #bdac59);
		font-size: 4rem;
	}

	.section-features__heading-wrap:nth-of-type(1){
		margin-top: 96px;
	}

	.section-features__heading-wrap:nth-of-type(4){
		margin-top: 132px;
	}

	.section-features__heading-wrap:nth-of-type(7){
		margin-top: 142px;
	}

	.section-features__heading-lead{
		font-size: 1.8rem;
	}

	.section-features__heading{
		font-size: 3rem;
	}
}

/*//////////// セクション2.Features　動画・画像の設定 ////////////*/
.section-features__movie-wrap{
	display: block;
	width: 100%;
	height: 385px;
	z-index: -10;
}

.section-features__movie{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-features__movie--inset{
	object-position: -153px 18px;
	object-view-box: inset(180px);
}

.section-features__img-wrap{
	display: block;
	width: 100%;
	height: 385px;
}

.section-features__img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% -282px;
}

@media screen and (max-width:1199px) {
	.section-features__movie-wrap{
		width: 71.6vw;
		max-width: 487px;
		height: 314px;
		margin: 30px auto 0;
	}

	.section-features__movie-wrap-second{
		margin: 68px auto 0;
	}

	.section-features__movie--inset{
		object-position: -125px 8px;
	}


	.section-features__img-wrap{
		width: 71.6vw;
		max-width: 487px;
		height: 314px;
		margin: 70px auto 0;
	}

	.section-features__img{
		object-position: 50% -230px;
		object-view-box: inset(0);
	}
}

@media screen and (max-width:679px) {
	.section-features__movie-wrap{
		max-width: 269px;
		height: 173px;
	}

	.section-features__movie-wrap-second{
		margin: 36px auto 0;
	}

	.section-features__movie--inset{
		object-position: -72px 8px;
	}

	.section-features__img-wrap{
		max-width: 269px;
		height: 173px;
		margin: 36px auto 0;
	}

	.section-features__img{
		object-position: 50% -130px;
	}
}

/*//////////// セクション2.Features　リスト内テキストの設定 ////////////*/
.section-features__text-group{
	margin: 40px auto;
	padding-right: 32px;
}

.section-features__text-group--left{
	margin: 40px auto;
	padding: 0 0 0 54px;
}

.section-features__text-group:nth-of-type(9){
	padding: 0 0 0 10px;
}

.section-features__text-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 46px;
	width: fit-content;
	max-width: 356px;
}

.section-features__text-wrap-inner{
	text-align: center;
}

.section-features__text-wrap::before{
	content: "";
	background-image: url("../img/deco_features.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 24px;
	height: 125px;
}

.section-features__text-wrap::after{
	content: "";
	background-image: url("../img/deco_features.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 24px;
	height: 125px;
	transform: scale(-1, 1);
}

.section-features__text-heading{
	line-height: 1;
	font-family: "Shippori Mincho";
	font-size: 7.2rem;
	font-weight: 400;
	color: var(--gold, #bdac59);
}

.section-features__text-lead{
	margin-top: 16px;
	line-height: 1;
	font-family: "Shippori Mincho";
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--gold, #bdac59);
}

.section-features__inner-list{
	margin-top: 48px;
	padding-left: 68px;
}

.section-features__inner-item{
	position: relative;
	line-height: 1.6;
	font-family: "Shippori Mincho";
	font-size: 3rem;
	color: var(--white, #fff);
}

.section-features__inner-item::before{
	content: "";
	background-image: url("../img/arrow-2.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: -40px;
	transform: translateY(-50%);
}

@media screen and (max-width:1199px) {
	.section-features__text-group,
	.section-features__text-group:nth-of-type(9){
		margin: 0 auto;
		padding: 54px 0 0 0;
	}

	.section-features__text-group--left{
		grid-row: 6/7;
		margin: 0 auto;
		padding: 54px 0 0 0;
/*		SP版の背景画像用		*/
		position: relative;
	}

	.section-features__text-wrap::before{
		background-size: contain;
		height: 96px;
	}

	.section-features__text-wrap::after{
		background-size: contain;
		height: 96px;
	}

	.section-features__text-heading{
		font-size: 6.2rem;
	}

	.section-features__text-lead{
		margin-top: 16px;
		font-size: 2rem;
	}

	.section-features__inner-list{
		margin-top: 40px;
	}

	.section-features__inner-item{
		line-height: 1.8;
		font-size: 2.4rem;
	}
}

@media screen and (max-width:679px) {
	.section-features__text-group,
	.section-features__text-group:nth-of-type(9){
		padding: 32px 0 0 0;
	}

	.section-features__text-wrap{
		margin: 0 auto;
		gap: 10px;
	}

	.section-features__text-wrap::before{
		height: 56px;
	}

	.section-features__text-wrap::after{
		height: 56px;
	}

	.section-features__text-heading{
		font-size: 3.6rem;
	}

	.section-features__text-lead{
		margin-top: 8px;
		font-size: 1.2rem;
	}

	.section-features__inner-list{
		margin-top: 16px;
		padding-left: 30px;
	}

	.section-features__inner-item{
		font-size: 1.4rem;
	}

	.section-features__inner-item::before{
		width: 10px;
		height: 10px;
		left: -20px;
	}
}

/*////////////　セクション2.Features　背景イメージ画像　////////////*/
.section-features__list::before{
	content: "";
	background-image: url("../img/img_top.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 100%;
	height: 1550px;
	position: absolute;
	top: -170px;
	left: -206px;
	transform: scale(-1, 1);
	opacity: 0.06;
	z-index: -300;
}

.section-features__list::after{
	content: "";
	background-image: url("../img/img_lineup-xs.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 890px;
	height: 1090px;
	position: absolute;
	bottom: -90px;
	right: 65px;
	transform: scale(-1, 1);
	opacity: 0.04;
	z-index: -300;
}

@media screen and (max-width:1199px) {
	.section-features__list::before{
		width: 78.2vw;
		max-width: 532px;
		height: 800px;
		top: -123px;
		left: 16px;
	}

	.section-features__list::after{
		width: 80vw;
		max-width: 544px;
		height: 554px;
		bottom: 16px;
		right: 21px;
	}

	.section-features__text-group--left::before{
		content: "";
		background-image: url("../img/img_top.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		width: 78.2vw;
		max-width: 532px;
		height: 800px;
		position: absolute;
		bottom: -208px;
		left: -183px;
		transform: scale(-1, 1);
		opacity: 0.06;
		z-index: -300;
	}

	.section-features__text-group--left::after{
		content: "";
		background-image: url("../img/img_lineup-xs.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		width: 80vw;
		max-width: 544px;
		height: 554px;
		position: absolute;
		top: -870px;
		left: -80px;
		transform: scale(-1, 1);
		opacity: 0.04;
		z-index: -300;
	}
}

@media screen and (max-width:679px) {
	.section-features__list::before{
		max-width: 294px;
		height: 443px;
		top: -63px;
		left: 10px;
	}

	.section-features__list::after{
		width: 80vw;
		max-width: 302px;
		height: 302px;
		bottom: 14px;
		right: 11px;
	}

	.section-features__text-group--left::before{
		max-width: 294px;
		height: 443px;
		bottom: -114px;
		left: -92px;
	}

	.section-features__text-group--left::after{
		max-width: 302px;
		height: 302px;
		top: -473px;
		left: -37px;
	}
}

/*////////////　セクション2.Features　背景カラー　////////////*/
.section-features::after{
	content: "";
	display: block;
	width: 100%;
	height: 3500px;
	position: absolute;
	top: 0;
	background-image: linear-gradient(90deg, #000058, #0044b5);
	clip-path: polygon(50% 4.2%, 100% 0, 100% 100%, 0 100%, 0 0);
	z-index: -800;
}

.section-features::before{
	content: "";
	display: block;
	width: 100%;
	height: 1106px;
	position: absolute;
	top: 1083px;
	background-image: linear-gradient(90deg, #00003b, #002d79);
	clip-path: polygon(100% 0, 100% 79%, 50% 93%, 0 79%, 0 0, 50% 14%);
	z-index: -750;
}

@media screen and (max-width:1199px) {
	.section-features::after{
		clip-path: polygon(50% 2.4%, 100% 0, 100% 100%, 0 100%, 0 0);
	}

	.section-features::before{
		height: 1330px;
		top: 1230px;
		clip-path: polygon(100% 0, 100% 80%, 50% 86%, 0 80%, 0 0, 50% 7%);
	}
}

@media screen and (max-width:679px) {
	.section-features::after{
		clip-path: polygon(50% 1.4%, 100% 0, 100% 100%, 0 100%, 0 0);
	}

	.section-features::before{
		height: 725px;
		top: 680px;
		clip-path: polygon(100% 0, 100% 80%, 50% 87%, 0 80%, 0 0, 50% 6%);
	}
}





/*==================================================
		  セクション3.Applications&Industries
==================================================*/

/*//////////// セクション3.AaI　全体設定 ////////////*/
.section-aai{
	position: relative;
}

.section-aai__wrap{
	height: 1315px;
	max-width: 1450px;
	margin: 0 auto;
}

@media screen and (max-width:1199px) {
	.section-aai__wrap{
		max-width: 680px;
		height: 1277px;
	}
}

@media screen and (max-width:679px) {
	.section-aai__wrap{
		max-width: 450px;
		height: 716px;
	}
}

/*//////////// セクション3.AaI　見出し設定 ////////////*/
.section-aai__title-wrap{
	text-align: center;
	padding-top: 200px;
	position: relative;
}

.section-aai__title-wrap::after{
	content: "";
	background-image: url("../img/arrow.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 50px;
	height: 25px;
	position: absolute;
	bottom: -48px;
	left: 50%;
	transform: translateX(-50%);
}

.section-aai__title{
	line-height: 1;
	font-family: "Shippori Mincho";
	font-size: 9.6rem;
	font-weight: 500;
	color: var(--bluegrey, #99a6c1);
}

.section-aai__lead{
	margin-top: 4px;
	font-family: "NotoSansCJKjp-Regular";
	font-size: 2.4rem;
	color: var(--blue, #002063);
}

@media screen and (max-width:1199px) {
	.section-aai__title-wrap{
		padding-top: 139px;
	}

	.section-aai__title-wrap::after{
		width: 40px;
		bottom: -36px;
	}

	.section-aai__title{
		line-height: 0.9;
		font-size: 7.6rem;
		overflow-wrap: break-word;
	}
}

@media screen and (max-width:679px) {
	.section-aai__title-wrap{
		padding-top: 72px;
	}

	.section-aai__title-wrap::after{
		width: 22px;
		height: 12px;
		bottom: -23px;
	}

	.section-aai__title{
		font-size: 4.4rem;
	}

	.section-aai__lead{
		margin-top: 0;
		font-size: 1.2rem;
	}
}

/*//////////// セクション3.AaI　リード文設定 ////////////*/
.section-aai__heading{
	margin-top: 123px;
	text-align: center;
	font-family: "Shippori Mincho";
	font-size: 3.6rem;
	font-weight: 400;
}

@media screen and (max-width:1199px) {
	.section-aai__heading{
		margin-top: 78px;
		font-size: 3.2rem;
	}
}

@media screen and (max-width:679px) {
	.section-aai__heading{
		margin-top: 44px;
		font-size: 1.8rem;
	}
}

/*//////////// セクション3.AaI　カルーセル設定 ////////////*/
.section-aai__slide-wrap{
	position: relative;
}

.section-aai__list{
	margin-top: 88px;
}

.section-aai__list .slick-track{
  	display: flex;
	left: -255px;
	gap: 60px;
	overflow: hidden;
}

@media screen and (max-width:1199px) {
	.section-aai__list{
		margin-top: 80px;
	}

	.section-aai__list .slick-track{
		left: auto;
		gap: 104px;
	}
}

@media screen and (max-width:679px) {
	.section-aai__list{
		margin-top: 40px;
	}

	.section-aai__list .slick-track{
		gap: 57px;
	}
}

/*//////////// セクション3.AaI　カルーセル内のアイテム設定 ////////////*/
.section-aai__item{
	display: block;
	width: 450px;
	height: 538px;
	padding: 28px 32px;
	background-color: var(--bluewhite, #e5e9ef);
	transition: 0.4s;
	opacity: 0.5;
}

.section-aai__item--last{
	background-color: var(--goldwhite, #efe9db);
}

.section-aai__item-heading{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 386px;
	height: 57px;
	background-color: var(--blue, #002063);
	font-family: "Shippori Mincho";
	font-size: 3.2rem;
	font-weight: 400;
	color: var(--white, #fff);
}

.section-aai__item-heading--first{
	font-size: 2.2rem;
}

.section-aai__item-heading--last{
	background-color: var(--golddeep, #ad914d);
}

.section-aai__item-img{
	display: block;
	width: 386px;
	height: 246px;
	margin-top: 24px;
}

.section-aai__inner-list{
	margin-top: 24px;
}

.section-aai__inner-item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
	line-height: 1.8;
	font-family: "NotoSansCJKjp-Regular";
	font-size: 2.1rem;
}

.section-aai__inner-item::before{
	content: "";
	background-image: url("../img/arrow-3.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 13px;
	height: 15px;
}

.section-aai__inner-item--last::before{
	content: "";
	background-image: url("../img/arrow-2.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 13px;
	height: 15px;
}

.slick-active{
	opacity: 1;
}

@media screen and (max-width:1199px) {
	.section-aai__item{
		width: 507px;
		height: 610px;
		padding-top: 40px;
		opacity: 1;
	}

	.section-aai__item-heading{
		width: 437px;
		height: 68px;
	}

	.section-aai__item-img{
		width: 437px;
		height: 275px;
	}

	.section-aai__inner-item{
		line-height: 1.9;
		font-size: 2.4rem;
		white-space: nowrap;
	}

	.section-aai__inner-item::before{
		background-size: contain;
		width: 20px;
		height: 20px;
	}
}

@media screen and (max-width:679px) {
	.section-aai__item{
		width: 280px;
		height: 334px;
		padding: 24px 20px;
	}

	.section-aai__item-heading{
		width: 240px;
		height: 35px;
		font-size: 1.8rem;
	}

	.section-aai__item-heading--first{
	font-size: 1.4rem;
}

	.section-aai__item-img{
		width: 240px;
		height: 153px;
	}

	.section-aai__inner-list{
		margin-top: 8px;
	}

	.section-aai__inner-item{
		line-height: 1.9;
		font-size: 1.2rem;
		white-space: nowrap;
	}

	.section-aai__inner-item::before{
		width: 10px;
		height: 10px;
	}
}

/*//////////// セクション3.AaI　カルーセル矢印の設定 ////////////*/
.section-aai__arrow{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 93vw;
	max-width: 1087px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.arrow-next::before,
.arrow-prev::before{
	content: "";
	background-image: url("../img/arrow-slide.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 30px;
	height: 84px;
	margin: 0 0 0 auto;
	cursor: pointer;
}

.arrow-prev::before{
	transform: scale(-1, 1);
}

@media screen and (max-width:1199px) {
	.section-aai__arrow{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 93vw;
		max-width: 680px;
		height: 100%;
	}

	.arrow-next::before,
	.arrow-prev::before{
		display: block;
		background-size: contain;
		height: 72px;
	}
}

@media screen and (max-width:679px) {
	.section-aai__arrow{
		width: 96vw;
		max-width: 360px;
	}

	.arrow-next::before,
	.arrow-prev::before{
		height: 43px;
	}
}

/*//////////// セクション3.AaI　背景カラー ////////////*/
.section-aai::after{
	content: "";
	display: block;
	width: 100%;
	height: 1500px;
	position: absolute;
	top: 0;
	background-color: var(--white, #fff);
	clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0);
	z-index: -700;
}

@media screen and (max-width:1199px) {
	.section-aai::after{
		clip-path: polygon(50% 5.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	}
}

@media screen and (max-width:679px) {
	.section-aai::after{
		clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0);
	}
}






/*==================================================
		         セクション4.Lineup
==================================================*/

/*//////////// セクション4.Lineup　全体設定 ////////////*/
.section-lineup{
	position: relative;
}

.section-lineup__wrap{
	max-width: 1200px;
	height: 1975px;
	margin: 0 auto;
}

#content-standard,
#content-xs{
	scroll-margin-top: 150px;
}

@media screen and (max-width:1199px) {
	.section-lineup__wrap{
		max-width: 680px;
		height: 2738px;
	}

	#content-xs{
		scroll-margin-top: 0;
	}
}

@media screen and (max-width:679px) {
	.section-lineup__wrap{
		max-width: 450px;
		height: 1492px;
	}
}

/*//////////// セクション4.Lineup　見出し設定 ////////////*/
.section-lineup__title-wrap{
	text-align: center;
	padding-top: 183px;
	position: relative;
}

.section-lineup__title-wrap::after{
	content: "";
	background-image: url("../img/arrow.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 50px;
	height: 25px;
	position: absolute;
	bottom: -48px;
	left: 50%;
	transform: translateX(-50%);
}

.section-lineup__title{
	line-height: 1;
	font-family: "Shippori Mincho";
	font-size: 9.6rem;
	font-weight: 500;
	color: var(--bluegrey, #99a6c1);
}

.section-lineup__lead{
	margin-top: 4px;
	font-family: "NotoSansCJKjp-Regular";
	font-size: 2.4rem;
	color: var(--white, #fff);
}

@media screen and (max-width:1199px) {
	.section-lineup__title-wrap{
		padding-top: 166px;
	}

	.section-lineup__title-wrap::after{
		width: 40px;
		bottom: -36px;
	}

	.section-lineup__title{
		line-height: 0.9;
		font-size: 7.6rem;
	}
}

@media screen and (max-width:679px) {
	.section-lineup__title-wrap{
		padding-top: 73px;
	}

	.section-lineup__title-wrap::after{
		width: 22px;
		height: 12px;
		bottom: -23px;
	}

	.section-lineup__title{
		font-size: 4.4rem;
	}

	.section-lineup__lead{
		margin-top: 0;
		font-size: 1.2rem;
	}
}


/*//////////// セクション4.Lineup　グリッドリストの設定　////////////*/
.content-standard,
.content-xs{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 72px;
}

.content-xs{
	row-gap: 0;
}

@media screen and (max-width:1199px) {
	.content-standard,
	.content-xs{
		grid-template-columns: 100%;
		row-gap: 0;
	}
}

/*//////////// セクション4.Lineup　リスト内見出しの設定　////////////*/
.content-standard__title-wrap,
.content-xs__title-wrap{
	width: 100%;
	text-align: center;
	grid-column: 1/3;
}

.content-standard__title-wrap{
	margin-top: 100px;
}

.content-xs__title-wrap{
	margin-top: 24px;
}

.content-standard__title,
.content-xs__title{
	font-size: 6rem;
	font-weight: 400;
	color: var(--white, #fff);
}

.content-standard__lead-wrap,
.content-xs__lead-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
	margin-top: 12px;
}

.content-standard__lead,
.content-xs__lead{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
	font-family: "Shippori Mincho";
	font-size: 3.4rem;
	color: var(--gold, #bdac59);
}

.content-standard__lead::before,
.content-xs__lead::before{
	content: "";
	display: block;
	width: 3px;
	height: 36px;
	background-color: var(--gold, #bdac59);
}

.content-standard__lead:last-of-type::after,
.content-xs__lead:last-of-type::after{
	content: "";
	display: block;
	width: 3px;
	height: 36px;
	background-color: var(--gold, #bdac59);
}

@media screen and (max-width:1199px) {
	.content-standard__title-wrap,
	.content-xs__title-wrap{
		grid-column: auto;
	}

	.content-standard__title-wrap{
		margin-top: 70px;
	}

	.content-xs__title-wrap{
		margin-top: 172px;
	}

	.content-standard__title,
	.content-xs__title{
		font-size: 5.6rem;
	}

	.content-standard__lead-wrap,
	.content-xs__lead-wrap{
		margin-top: 0;
	}
}

@media screen and (max-width:679px) {
	.content-standard__title,
	.content-xs__title{
		font-size: 3rem;
	}

	.content-standard__title-wrap{
		margin-top: 43px;
	}

	.content-xs__title-wrap{
		margin-top: 91px;
	}

	.content-standard__lead-wrap,
	.content-xs__lead-wrap{
		gap: 13px;
	}

	.content-standard__lead,
	.content-xs__lead{
		gap: 14px;
		font-size: 1.8rem;
	}

	.content-standard__lead::before,
	.content-xs__lead::before{
		width: 1px;
		height: 14px;
	}

	.content-standard__lead:last-of-type::after,
	.content-xs__lead:last-of-type::after{
		width: 1px;
		height: 20px;
	}
}

/*//////////// セクション4.Lineup　画像の設定　////////////*/
.content-standard__img-wrap{
	display: block;
	max-width: 457px;
	width: 38vw;
	height: 529px;
	margin-left: 113px;
}

.content-xs__img-wrap{
	display: block;
	width: 41vw;
	max-width: 522px;
	height: 546px;
	margin: 27px 109px 0 0;
}

.content-standard__img,
.content-xs__img{
	display: block;
	width: 100%;
	object-fit: cover;
}

@media screen and (max-width:1199px) {
	.content-standard__img-wrap{
		width: 58vw;
		max-width: 375px;
		height: auto;
		margin: 56px auto 0;
	}

	.content-xs__img-wrap{
		grid-row: 2/3;
		width: 62vw;
		max-width: 450px;
		height: auto;
		margin: 56px auto 0;
	}

	.content-xs__img{
		object-position: 6px 0;
	}
}

@media screen and (max-width:679px) {
	.content-standard__img-wrap{
		width: 55vw;
		max-width: 205px;
		margin: 32px auto 0;
	}

	.content-xs__img-wrap{
		width: 59vw;
		max-width: 217px;
		margin: 31px auto 0;
	}
}

/*//////////// セクション4.Lineup　リスト内テキストの設定　////////////*/
.content-standard__text-wrap{
	margin-left: 40px;
}

.content-xs__text-wrap{
	margin: 80px 0 0 139px;
}

.content-standard__heading,
.content-xs__heading{
	font-family: "Shippori Mincho";
	font-size: 3.6rem;
	font-weight: 400;
	color: var(--white, #fff);
}

.content-standard__list,
.content-xs__list{
	margin-top: 24px;
}

.content-standard__item,
.content-xs__item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
	margin-top: 4px;
	font-family: "NotoSansCJKjp-Regular";
	font-size: 2rem;
	font-weight: 100;
	color: var(--white, #fff);
}

.content-standard__item::before,
.content-xs__item::before{
	content: "";
	background-image: url("../img/arrow-2.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 15px;
	height: 15px;
}

.content-standard__item--first::before{
	position: relative;
	top: -14px;
}

@media screen and (max-width:1199px) {
	.content-standard__text-wrap{
		margin: 30px auto 0;
	}

	.content-xs__text-wrap{
		margin: 30px auto 0;
	}

	.content-standard__heading,
	.content-xs__heading{
		text-align: center;
		font-size: 3.2rem;
	}

	.content-standard__list,
	.content-xs__list{
		margin-top: 24px;
		padding-left: 9px;
	}

	.content-standard__item,
	.content-xs__item{
		gap: 16px;
		line-height: 1.7;
	}
}

@media screen and (max-width:679px) {
	.content-standard__text-wrap{
		margin: 16px auto 0;
	}

	.content-standard__heading,
	.content-xs__heading{
		font-size: 2rem;
	}

	.content-standard__list,
	.content-xs__list{
		margin-top: 15px;
	}

	.content-standard__item,
	.content-xs__item{
		gap: 16px;
		margin-top: 2px;
		font-size: 1.1rem;
	}

	.content-standard__item::before,
	.content-xs__item::before{
		width: 6px;
		height: 6px;
	}
}

/*//////////// セクション4.Lineup　下部ボタンの設定　////////////*/
.section-lineup__btn-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 72px;
	margin-top: 16px;
}

.section-lineup__btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 333px;
	height: 56px;
	transition: 0.2s;
	border: 1px solid var(--golddeep, #ad914d);
	font-family: "Shippori Mincho";
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--golddeep, #ad914d);
}

.section-lineup__btn:hover{
	border: 1px solid var(--white, #fff);
	color: var(--white, #fff);
}

@media screen and (max-width:1199px) {
	.section-lineup__btn-wrap{
		display: block;
		width: 58vw;
		max-width: 400px;
		min-width: 350px;
		margin: 50px auto 0;
	}

	.section-lineup__btn{
		width: 100%;
		height: 55px;
	}

	.section-lineup__btn:nth-of-type(2){
		margin-top: 40px;
	}
}

@media screen and (max-width:679px) {
	.section-lineup__btn-wrap{
		max-width: 220px;
		min-width: 220px;
		margin: 24px auto 0;
	}

	.section-lineup__btn{
		height: 32px;
		font-size: 1.4rem;
	}

	.section-lineup__btn:nth-of-type(2){
		margin-top: 18px;
	}
}

/*//////////// セクション4.Lineup　背景カラー ////////////*/
.section-lineup::after{
	content: "";
	display: block;
	width: 100%;
	height: 1500px;
	position: absolute;
	top: 0;
	background-image: linear-gradient(90deg, #002d79, #00003b);
	clip-path: polygon(50% 10.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	z-index: -600;
}

.section-lineup::before{
	content: "";
	display: block;
	width: 100%;
	height: 1500px;
	position: absolute;
	bottom: -526px;
	background-image: linear-gradient(90deg, #0044b5, #000058);
	clip-path: polygon(50% 10.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	z-index: -550;
}

@media screen and (max-width:1199px) {
	.section-lineup::after{
		height: 2000px;
		clip-path: polygon(50% 4.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	}

	.section-lineup::before{
		bottom: -180px;
		clip-path: polygon(50% 5.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	}
}

@media screen and (max-width:679px) {
	.section-lineup::after{
		clip-path: polygon(50% 2.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	}

	.section-lineup::before{
		bottom: -770px;
		clip-path: polygon(50% 2.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	}
}





/*==================================================
		  セクション5.InFactoryExperience
==================================================*/

/*//////////// セクション5.IFE　全体設定 ////////////*/
.section-ife{
	position: relative;
}

.section-ife__wrap{
	max-width: 1200px;
	height: 1217px;
	margin: 0 auto;
}

@media screen and (max-width:1199px) {
	.section-ife__wrap{
		max-width: 680px;
		height: 3317px;
	}
}

@media screen and (max-width:679px) {
	.section-ife__wrap{
		max-width: 380px;
		height: 1830px;
	}
}

/*//////////// セクション5.IFE　見出し設定 ////////////*/
.section-ife__title-wrap{
	text-align: center;
	padding-top: 216px;
	position: relative;
}

.section-ife__title-wrap::after{
	content: "";
	background-image: url("../img/arrow.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 50px;
	height: 25px;
	position: absolute;
	bottom: -48px;
	left: 50%;
	transform: translateX(-50%);
}

.section-ife__title{
	line-height: 1;
	font-family: "Shippori Mincho";
	font-size: 9.6rem;
	font-weight: 500;
	color: var(--bluegrey, #99a6c1);
	mix-blend-mode: multiply;
}

.section-ife__lead{
	margin-top: 4px;
	font-family: "NotoSansCJKjp-Regular";
	font-size: 2.4rem;
	color: var(--blue, #002063);
}

@media screen and (max-width:1199px) {
	.section-ife__title-wrap{
		padding-top: 135px;
	}

	.section-ife__title-wrap::after{
		width: 40px;
		bottom: -36px;
	}

	.section-ife__title{
		line-height: 0.9;
		font-size: 7.6rem;
		overflow-wrap: break-word;
	}
}

@media screen and (max-width:679px) {
	.section-ife__title-wrap{
		padding-top: 73px;
	}

	.section-ife__title-wrap::after{
		width: 22px;
		height: 12px;
		bottom: -23px;
	}

	.section-ife__title{
		font-size: 4.4rem;
	}

	.section-ife__lead{
		margin-top: 4px;
		font-size: 1.2rem;
	}
}

/*//////////// セクション5.IFE　リード文設定 ////////////*/
.section-ife__heading{
	margin-top: 113px;
	text-align: center;
	font-family: "Shippori Mincho";
	font-size: 3.6rem;
	font-weight: 400;
}

@media screen and (max-width:1199px) {
	.section-ife__heading{
		margin-top: 76px;
		line-height: 1.6;
		font-size: 3.2rem;
	}
}

@media screen and (max-width:679px) {
	.section-ife__heading{
		margin-top: 40px;
		font-size: 1.8rem;
	}
}

/*//////////// セクション5.IFE　リスト見出しの設定 ////////////*/
.section-ife__list-heading{
	text-align: center;
	margin-top: 8px;
	position: relative;
	font-family: "Shippori Mincho";
	font-size: 4rem;
	font-weight: 600;
	color: var(--blue, #002063);
}

.section-ife__list-heading::before,
.section-ife__list-heading::after{
	content: "";
	display: block;
	width: 270px;
	height: 1px;
	position: absolute;
	top: 90px;
	left: 120px;
	background-color: var(--blue, #002063);
}

.section-ife__list-heading::after{
	left: auto;
	right: 120px;
}

.section-ife__list-span{
	margin-right: 8px;
	position: relative;
	font-size: 9rem;
	color: var(--blue, #002063);
	-webkit-text-stroke: 5px var(--white, #fff);
}

.section-ife__list-span::before{
	content: "4";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 9rem;
	color: var(--blue, #002063);
	-webkit-text-stroke: 0 var(--white, #fff);
}

@media screen and (max-width:1199px) {
	.section-ife__list-span{
		line-height: 1;
	}

	.section-ife__list-heading::before,
	.section-ife__list-heading::after{
		content: "";
		display: block;
		width: 72px;
		height: 1px;
		position: absolute;
		top: 72px;
		left: 72px;
		background-color: var(--blue, #002063);
	}

	.section-ife__list-heading::after{
		left: auto;
		right: 72px;
	}
}

@media screen and (max-width:679px) {
	.section-ife__list-heading{
		margin-top: 4px;
		font-size: 2.2rem;
	}

	.section-ife__list-heading::before,
	.section-ife__list-heading::after{
		width: 40px;
		top: 40px;
		left: 40px;
	}

	.section-ife__list-heading::after{
		left: auto;
		right: 40px;
	}

	.section-ife__list-span{
		position: relative;
		font-size: 5.2rem;
		color: var(--blue, #002063);
		-webkit-text-stroke: 2px var(--white, #fff);
	}

	.section-ife__list-span::before{
		content: "4";
		position: absolute;
		top: 51%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 5rem;
		color: var(--blue, #002063);
		-webkit-text-stroke: 0 var(--white, #fff);
	}
}

/*//////////// セクション5.IFE　リストの設定 ////////////*/
.section-ife__list{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7.3vw;
	width: 100%;
	margin-top: 90px;
}

.section-ife__item{
	position: relative;
}

.section-ife__item::before{
	content: "";
	display: block;
	position: absolute;
	top: -80px;
	left: 50%;
	transform: translateX(-50%);
	font-family: "Shippori Mincho";
	font-size: 5.6rem;
	font-weight: 800;
	color: var(--blue, #002063);
}

.section-ife__item--1::before{
	content: "1";
}

.section-ife__item--2::before{
	content: "2";
}

.section-ife__item--3::before{
	content: "3";
}

.section-ife__item--4::before{
	content: "4";
}

.section-ife__item::after{
	content: "";
	background-image: url("../img/arrow-4.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 20px;
	height: 57px;
	position: absolute;
	top: 50%;
	right: -4.8vw;
	transform: translateY(-50%);
}

.section-ife__item--4:after{
	display: none;
}

@media screen and (max-width:1199px) {
	.section-ife__list{
		display: block;
		max-width: 272px;
		margin: 122px auto 0;
	}

	.section-ife__item{
		margin-top: 357px;
	}

	.section-ife__item--1{
		margin-top: 0;
	}

	.section-ife__item--3{
		margin-top: 330px;
	}

	.section-ife__item::before{
		top: -112px;
		font-size: 7.6rem;
	}

	.section-ife__item--4::before{
		top: -117px;
	}

	.section-ife__item::after{
		background-size: contain;
		width: 38px;
		height: 93px;
		top: auto;
		bottom: -254px;
		right: 50%;
		transform: translateX(50%) rotate(90deg);
	}

	.section-ife__item--2::after{
		bottom: -232px;
	}
}

@media screen and (max-width:679px) {
	.section-ife__list{
		max-width: 152px;
		margin: 67px auto 0;
	}

	.section-ife__item{
		margin-top: 193px;
	}

	.section-ife__item--1{
		margin-top: 0;
	}

	.section-ife__item--3{
		margin-top: 177px;
	}

	.section-ife__item::before{
		top: -66px;
		font-size: 4.6rem;
	}

	.section-ife__item::after{
		width: 20px;
		height: 62px;
		bottom: -141px;
	}

	.section-ife__item--2::after{
		bottom: -130px;
	}
}

/*//////////// セクション5.IFE　リスト内画像の設定 ////////////*/
.section-ife__img-wrap{
	display: block;
	width: 174px;
	height: auto;
	aspect-ratio: 1/1;
}

.section-ife__img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	border: 4px solid var(--blue, #002063);
	background-color: var(--white, #fff);
}

.section-ife__img--1{
	object-position: 8px -5px;
	object-view-box: inset(12px);
}

.section-ife__img--2{
	object-position: 1px -5px;
	object-view-box: inset(0);
}

.section-ife__img--3{
	object-position: 1px 3px;
	object-view-box: inset(21px);
}

.section-ife__img--4{
	object-position: 5px -3px;
	object-view-box: inset(-18px);
}

@media screen and (max-width:1199px) {
	.section-ife__img-wrap{
		width: 272px;
	}

	.section-ife__img--1{
		object-position: 15px -5px;
		object-view-box: inset(35px);
	}

	.section-ife__img--2{
		object-position: 1px -5px;
		object-view-box: inset(-16px);
	}

	.section-ife__img--3{
		object-position: -3px -1px;
		object-view-box: inset(20px);
	}

	.section-ife__img--4{
		object-position: 2px -10px;
		object-view-box: inset(-23px);
	}
}

@media screen and (max-width:679px) {
	.section-ife__img-wrap{
		width: 152px;
	}

	.section-ife__img--1{
		object-position: 8px -5px;
	}

	.section-ife__img--4{
		object-position: 1px -5px;
	}
}

/*//////////// セクション5.IFE　リスト内テキストの設定 ////////////*/
.section-ife__text-wrap{
    display: block;
	width: 220px;
	position: absolute;
	bottom: -84px;
	left: 50%;
	transform: translateX(-50%);
}

.section-ife__text{
	text-align: center;
	line-height: 1.3;
	font-family: "NotoSansCJKjp-Regular";
	font-size: 2.2rem;
	color: var(--blue, #002063);
}

@media screen and (max-width:1199px) {
	.section-ife__text-wrap{
		width: 100%;
		bottom: -134px;
	}

	.section-ife__text{
		line-height: 1.6;
		font-size: 3.2rem;
		font-feature-settings: "palt";
	}

	.section-ife__item--2 .section-ife__text-wrap,
	.section-ife__item--3 .section-ife__text-wrap,
	.section-ife__item--4 .section-ife__text-wrap{
		bottom: -129px;
	}
}

@media screen and (max-width:679px) {
	.section-ife__text-wrap{
		bottom: -70px;
	}

	.section-ife__text{
		font-size: 1.8rem;
	}

	.section-ife__item--2 .section-ife__text-wrap,
	.section-ife__item--3 .section-ife__text-wrap,
	.section-ife__item--4 .section-ife__text-wrap{
		bottom: -67px;
	}
}

/*//////////// セクション5.IFE　リスト下部テキストの設定 ////////////*/
.section-ife__intro-wrap{
	margin: 132px auto 0;
}

.section-ife__intro{
	text-align: center;
	font-family: "Shippori Mincho";
	font-size: 4.8rem;
	color: var(--blue, #002063);
	text-decoration: underline 2px solid var(--blue, #002063);
	text-underline-offset: 4px;
}

@media screen and (max-width:1199px) {
	.section-ife__intro-wrap{
		margin-top: 200px;
	}

	.section-ife__intro{
		font-size: 4rem;
	}
}

@media screen and (max-width:679px) {
	.section-ife__intro-wrap{
		margin-top: 110px;
	}

	.section-ife__intro{
		font-size: 2rem;
		text-decoration: underline 1px solid var(--blue, #002063);
	}
}

/*//////////// セクション5.IFE　背景カラー ////////////*/
.section-ife::after{
	content: "";
	display: block;
	width: 100%;
	height: 1500px;
	position: absolute;
	top: 0;
	background-color: var(--white, #fff);
	clip-path: polygon(50% 9.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	opacity: 0.8;
	z-index: -400;
}

@media screen and (max-width:1199px) {
	.section-ife::after{
		height: 3500px;
		clip-path: polygon(50% 2.5%, 100% 0, 100% 100%, 0 100%, 0 0);
		opacity: 1;
	}
}

@media screen and (max-width:679px) {
	.section-ife::after{
		height: 2000px;
		clip-path: polygon(50% 2.4%, 100% 0, 100% 100%, 0 100%, 0 0);
	}
}

/*//////////// セクション5.IFE　背景イメージ画像 ////////////*/
.section-ife::before{
	content: "";
	background-image: url("../img/img_features.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 100%;
	height: 1400px;
	position: absolute;
	top: 0;
	clip-path: polygon(50% 10.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	z-index: -450;
}

@media screen and (max-width:1199px) {
	.section-ife::before{
		display: none;
	}
}





/*==================================================
		         セクション6.Contact
==================================================*/

/*//////////// セクション6.Contact　全体設定 ////////////*/
.section-contact{
	position: relative;
}

.section-contact__wrap{
	max-width: 1200px;
	height: 641px;
	margin: 0 auto;
}

@media screen and (max-width:1199px) {
	.section-contact__wrap{
		max-width: 680px;
		height: 518px;
	}
}

@media screen and (max-width:679px) {
	.section-contact__wrap{
		max-width: 450px;
		height: 297px;
	}
}

/*//////////// セクション6.Contact　見出し設定 ////////////*/
.section-contact__title-wrap{
	text-align: center;
	padding-top: 186px;
	position: relative;
}

.section-contact__title-wrap::after{
	content: "";
	background-image: url("../img/arrow-5.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 50px;
	height: 25px;
	position: absolute;
	bottom: -48px;
	left: 50%;
	transform: translateX(-50%);
}

.section-contact__title{
	line-height: 1;
	font-family: "Shippori Mincho";
	font-size: 9.6rem;
	font-weight: 500;
	color: var(--white, #fff);
}

.section-contact__lead{
	margin-top: 4px;
	font-family: "NotoSansCJKjp-Regular";
	font-size: 2.4rem;
	color: var(--white, #fff);
}

@media screen and (max-width:1199px) {
	.section-contact__title-wrap{
		padding-top: 134px;
	}

	.section-contact__title-wrap::after{
		width: 40px;
		bottom: -36px;
	}

	.section-contact__title{
		line-height: 0.9;
		font-size: 7.6rem;
	}
}

@media screen and (max-width:679px) {
	.section-contact__title-wrap{
		padding-top: 73px;
	}

	.section-contact__title-wrap::after{
		width: 22px;
		height: 12px;
		bottom: -23px;
	}

	.section-contact__title{
		font-size: 4.4rem;
	}

	.section-contact__lead{
		margin-top: 4px;
		font-size: 1.2rem;
	}
}

/*//////////// セクション6.Contact　テキストの設定 ////////////*/
.section-contact__text-wrap{
	margin-top: 100px;
}

.section-contact__text{
	text-align: center;
	line-height: 2;
	font-family: "Shippori Mincho";
	font-size: 2.4rem;
	color: var(--white, #fff);
}

@media screen and (max-width:1199px) {
	.section-contact__text-wrap{
		margin-top: 72px;
	}

	.section-contact__text{
		line-height: 2.4;
		font-size: 1.8rem;
	}
}

@media screen and (max-width:679px) {
	.section-contact__text-wrap{
		margin-top: 40px;
	}

	.section-contact__text{
		font-size: 1rem;
	}
}

/*//////////// セクション6.Contact　ボタンの設定 ////////////*/
.section-contact__btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 450px;
	height: 55px;
	margin: 60px auto 0;
	transition: 0.2s;
	background-image: linear-gradient(90deg, #002d79, #00003b);
	font-family: "Shippori Mincho";
	font-size: 2.4rem;
	color: var(--white, #fff);
}

.section-contact__btn:hover{
	opacity: 0.5;
}

@media screen and (max-width:1199px) {
	.section-contact__btn{
		width: 66vw;
		max-width: 453px;
		min-width: 350px;
		height: 64px;
		margin: 30px auto 0;
	}
}

@media screen and (max-width:679px) {
	.section-contact__btn{
		max-width: 250px;
		min-width: 250px;
		height: 35px;
		margin: 15px auto 0;
		font-size: 1.4rem;
	}
}

/*//////////// セクション6.Contact　背景カラー ////////////*/
.section-contact::after{
	content: "";
	display: block;
	width: 100%;
	height: 918px;
	position: absolute;
	top: 0;
	background-color: var(--golddeep, #ad914d);
	clip-path: polygon(50% 15.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	z-index: -300;
}

@media screen and (max-width:1199px) {
	.section-contact::after{
		height: 770px;
		clip-path: polygon(50% 11.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	}
}

@media screen and (max-width:679px) {
	.section-contact::after{
		height: 410px;
		clip-path: polygon(50% 11.5%, 100% 0, 100% 100%, 0 100%, 0 0);
	}
}





/*==================================================
					　フッター
==================================================*/

/*//////////// フッター　全体設定 ////////////*/
.footer__wrap{
	max-width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width:1199px) {
	.footer__wrap{
		display: flex;
		flex-flow: column;
		max-width: 680px;
	}
}

@media screen and (max-width:679px) {
	.footer__wrap{
		max-width: 450px;
	}
}

/*//////////// フッター　フッターロゴの設定 ////////////*/
.footer__btn{
	display: block;
	width: 480px;
	max-width: 480px;
	height: 32px;
	margin: 104px auto 0;
	cursor: pointer;
}

@media screen and (max-width:1199px) {
	.footer__btn{
		width: 58vw;
		max-width: 390px;
		margin: 38px auto 0;
		order: 3;
	}
}

@media screen and (max-width:679px) {
	.footer__btn{
		max-width: 215px;
		margin: 20px auto 0;
	}
}

/*//////////// フッター　住所の設定 ////////////*/
.address{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

address{
	font-family: "Shippori Mincho";
	font-size: 1.4rem;
	color: var(--white, #fff);
	font-style: normal;
}

@media screen and (max-width:1199px) {
	.address{
		margin-top: 67px;
		order: 1;
	}
}

@media screen and (max-width:679px) {
	.address{
		margin-top: 24px;
	}

	address{
		font-size: 0.8rem;
	}
}

/*//////////// フッター　コピーライトの設定 ////////////*/
.copyright{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8px;
}

small{
	font-family: "Shippori Mincho";
	font-size: 1.4rem;
	color: var(--white, #fff);
	font-style: normal;
}

@media screen and (max-width:1199px) {
	.copyright{
		margin-top: 4px;
		order: 2;
	}

	small{
		font-size: 1.1rem;
	}
}

@media screen and (max-width:679px) {
	small{
		font-size: 0.6rem;
	}
}