
/* ============================================================
PC
==============================================================*/

@media (min-width: 762px) {
	
	
	/* ============================================================
 	main vi 
	==============================================================*/

	#main_wrap{
		width:100%;
		min-height: 100vh;
		box-sizing:border-box;
		position: relative;
		overflow:hidden;
		/* padding:0 0 100px; */
	}

	#main_copy_wrap h1{
		font-family: 'Barlow', sans-serif;
		font-weight: 200;
		font-size: 15.6rem;
		line-height: 1;
		letter-spacing: -2.0rem;
		color:#000;
		font-feature-settings: 'palt';
	}

	#main_copy_wrap{
		position: absolute;
		top: 108px;
		left: calc(50% - 190px);
		transform: translate(-50%,0);
	}

	#main_copy_wrap .mUP_txt{
		display:block;
		overflow: hidden;
		white-space:nowrap;
		margin: -30px 0 0;
		transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
	}

	#main_copy_wrap .mUP_txt span{
		display:inline-block;
		transform: translate(0,100%);
	}

	#main_copy_wrap .mUP_txt.loading_out span{
		transform: translate(0,0);
	}

	#main_copy_wrap .mUP_txt span.ssUP4{
		margin:0 20px 0 0;
	}

	#main_copy_wrap .mUP_txt span.ssUP5,
	#main_copy_wrap .mUP_txt span.ssUP6,
	#main_copy_wrap .mUP_txt span.ssUP7{
		font-weight:500;
	}

	#main_copy_wrap .mUP_txt span.ssUP7{
		letter-spacing:0;
	}

	#main_copy_wrap .txt_wrap{
		position:relative;
	}

	#main_copy_wrap .txt_box{
		position:absolute;
		right: -205px;
		bottom: 16px;
	}

	#main_copy_wrap .txt_box h2{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		color: #fff;
		line-height:1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.4rem;
		padding: 0 13px 2px 20px;
		background:#000;
		position:relative;
	}

	#main_copy_wrap .txt_box h2:after{
		content: "";
		display: block;
		width: 102%;
		height: 100%;
		background:#fff;
		position: absolute;
		top:0;
		right:-1px;
		transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
	}

	#main_copy_wrap .loading_out h2:after{
		width:0;
	}

	#main_copy_wrap .txt_box .eng_a{
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		line-height: 1;
		letter-spacing:0rem;
		color:#000;
		font-feature-settings: 'palt';
		padding: 9px 0 6px;
	}

	#main_copy_wrap .txt_box .eng_a:after{
		content: "";
		display: block;
		width: 102%;
		height: 100%;
		background:#fff;
		position: absolute;
		top:0;
		right:-1px;
		transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2ms;
	}

	#main_copy_wrap .loading_out .eng_a:after{
		width:0;
	}

	#main_copy_wrap .txt_box .eng_b{
		font-family: 'Barlow', sans-serif;
		font-weight: 300;
		font-size: 1.0rem;
		line-height: 1.2;
		letter-spacing:0.05rem;
		color:#000;
		font-feature-settings: 'palt';
	}
    #main_copy_wrap .txt_box .eng_b span{
		display:block;
	}
    
    /* ============================================================
 	main vi swiper
	==============================================================*/

	#main_wrap .topmv_container{
		width:90vw;
		margin: 338px auto 0 auto;
		display:flex;
		justify-content:flex-end;
		gap:0 calc(24vw * 24 / 800);
		transform:rotate(-0.05deg);
	}

	#main_wrap .swiper1,#main_wrap .swiper2,#main_wrap .swiper3{
		width: 24vw;
		height: calc(24vw * 1360 / 800);
		overflow:hidden;
		transform:skewY(-4deg);
	}

	#main_wrap .swiper1{
		margin:calc(24vw * 128 / 800) 0 0;
	}

	#main_wrap .swiper2{
		margin:calc(24vw * 188 / 800) 0 0;
	}

	#main_wrap .s1{
		opacity:0;
		transform:translate(0,10px);
		transition: all 1s cubic-bezier(0, 0, 0.13, 1) 0s;
	}
	#main_wrap .s2{
		opacity:0;
		transform:translate(0,10px);
		transition: all 1s cubic-bezier(0, 0, 0.13, 1) 0.4s;
	}
	#main_wrap .s3{
		opacity:0;
		transform:translate(0,10px);
		transition: all 1s cubic-bezier(0, 0, 0.13, 1) 0.7s;
	}

	#main_wrap .loading_out .s1,#main_wrap .loading_out .s2,#main_wrap .loading_out .s3{
		opacity:1;
		transform:translate(0,0);
	}

	

	#main_wrap .swiper-slide .img_box{
		width: 24vw;
		height: calc(24vw * 1360 / 800);
		line-height:0;
		position:relative;
		overflow: hidden;
		
	}

	#main_wrap .swiper-slide img{
		width: calc(24vw * 1.1);
		height: calc(24vw * 1360 / 800 * 1.1);
		position:absolute;
		top: 52%;
		left: calc(50%);
		image-rendering: high-quali;
		transform: scale(1) skewY(4deg) translate(-45%, -50%);
		transition: all 5s linear 0s;
	}

	#main_wrap .swiper-slide-active img{
		transform: scale(1) skewY(4deg) translate(-50%, -50%);
	}

	/* ============================================================
 	sec01
	==============================================================*/

	#sec01{
		width:100%;
		padding:100px 0;
	}

	#sec01 .wrapper{
		position:relative;
	}

	#sec01 .youroun_txt{
		font-family: 'Barlow', sans-serif;
		font-weight: 200;
		font-size: 4.0rem;
		line-height: 1;
		letter-spacing:-0.5rem;
		color:#000;
		font-feature-settings: 'palt';
	}

	#sec01 .con_ttl{
		display:block;
		overflow: hidden;
		white-space:nowrap;
		transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
	}

	#sec01 .con_ttl span{
		display:inline-block;
		transform: translate(0,100%);
	}

	#sec01 .con_ttl_act span{
		transform: translate(0,0);
	}

	#sec01 .con_ttl span.ssUP4,#sec01 .con_ttl span.ssUP7{
		margin:0 6px 0 0;
	}

	#sec01 .con_ttl span.ssUP5,
	#sec01 .con_ttl span.ssUP6,
	#sec01 .con_ttl span.ssUP7{
		font-weight:500;
	}

	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 200;
		font-size: 6.4rem;
		color: #000;
		line-height:1.2;
		font-feature-settings: 'palt';
		letter-spacing: 0.4rem;
		padding: 16px 0 0;
		position:relative;
		z-index: 10;
	}

	#sec01 .img_box1{
		width:70vw;
		max-width:1050px;
		position:absolute;
		left: calc(50% - 224px);
		top: 250px;
		z-index: -2;
	}

	#sec01 .img_box3{
		width: 80vw;
		max-width: 1290px;
		position:absolute;
		right: calc(50% - 170px);
		top: 2050px;
		z-index:-1;
	}

	.iPad #sec01 .img_box3{
		top: 1812px;
	}

	#sec01 .img_box4{
		width:70vw;
		max-width: 880px;
		position:absolute;
		left: calc(50% - 180px);
		top: 2930px;
		z-index:-1;
	}

	.iPad #sec01 .img_box4{
		top: 2612px;
	}

	#sec01 h2 span{
		display:inline-block;
	}

	#sec01 h2 em{
		font-weight: 600;
		font-style:normal;
	}

	#sec01 h2 em.emdot{
		font-weight: 200;
		font-style:normal;
		border-bottom:2px dotted #000;
	}

	/* txt_wrap start ---------------------------------------------------------------- */

	#sec01 .txt_wrap_a{
		padding: 450px 0 400px;
	}

	.iPad #sec01 .txt_wrap_a{
		padding: 450px 0 300px;
	}

	#sec01 .txt_wrap_a h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 200;
		font-size: 4.0rem;
		color: #000;
		line-height: 1.3;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		text-indent:-1em;
		padding: 0 0 20px 2em;
		position:relative;
	}

	#sec01 .txt_wrap_a h3 em{
		font-weight: 600;
		font-style:normal;
	}

	#sec01 .txt_wrap_a p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		color: #000;
		line-height:1.6;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding:0 0 0 90px;
	}

	#sec01 .txt_wrap_a p span:nth-of-type(2){
		padding:0 0 0 1em;
	}
	#sec01 .txt_wrap_a p span:nth-of-type(3){
		padding:0 0 0 2em;
	}

	#sec01 .txt_wrap_a span{
		display:inline-block;
	}
	
	/* txt_wrap end ---------------------------------------------------------------- */
	
	/* txt_wrap start ---------------------------------------------------------------- */

	#sec01 .txt_wrap_b{
		padding: 0 0 400px 520px;
	}

	.iPad #sec01 .txt_wrap_b{
		padding: 132px 0 400px 520px;
	}

	#sec01 .txt_wrap_b h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 200;
		font-size: 4.0rem;
		color: #000;
		line-height: 1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.4rem;
		text-indent:-1em;
		padding: 0 0 20px 2em;
		position:relative;
	}

	#sec01 .txt_wrap_b h3 em{
		font-weight: 600;
		font-style:normal;
	}

	#sec01 .txt_wrap_b p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		color: #000;
		line-height:2.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding:0 0 0 90px;
	}

	#sec01 .txt_wrap_b p span:nth-of-type(2){
		padding:0 0 0 1.5em;
	}
	#sec01 .txt_wrap_b p span:nth-of-type(3){
		padding:0 0 0 3em;
	}
	#sec01 .txt_wrap_b p span:nth-of-type(4){
		padding:0 0 0 5em;
	}

	#sec01 .txt_wrap_b span{
		display:inline-block;
	}
	
	/* txt_wrap end ---------------------------------------------------------------- */
	
	/* txt_wrap start ---------------------------------------------------------------- */

	#sec01 .txt_wrap_c{
		padding: 100px 0 600px;
	}

	.iPad #sec01 .txt_wrap_c{
		padding: 141px 0 600px;
	}


	#sec01 .txt_wrap_c h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 200;
		font-size: 4.0rem;
		color: #000;
		line-height: 1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.5rem;
		padding: 0 0 20px 30px;
		text-indent: -13px;
		position:relative;
	}

	#sec01 .txt_wrap_c h3 em{
		font-weight: 600;
		font-style:normal;
	}

	#sec01 .txt_wrap_c p{
		width: 214px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		color: #000;
		line-height:2.0;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		text-align: right;
	}

	#sec01 .txt_wrap_c p .sl{
		margin: 0 -11px 0 0;
	}


	#sec01 .txt_wrap_c span{
		display:inline-block;
	}
	
	/* txt_wrap end ---------------------------------------------------------------- */

	/* ============================================================
 	sec02
	==============================================================*/

	#sec02{
		width:100%;
		padding:100px 0;
		position:relative;
	}

	#sec02:before{
		content: "";
		display: block;
		width: 100%;
		height: 900px;
		background: linear-gradient( to bottom,  #4E5C73 0%, #8792A1 50%, #fff 100% );
		position: absolute;
		top:-100px;
		left: 50%;
		transform:translate(-50%, 0) skewY(7deg);
	}

	#sec02 .ttl_wrap{
		width: 393px;
		margin:0 auto;
	}

	#sec02 .ttl_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 13.8rem;
		color: #fff;
		line-height:1;
		font-feature-settings: 'palt';
		letter-spacing: 0.4rem;
		text-align: center;
		position:relative;
		margin: 26px 0 34px;
	}

	#sec02 .ttl_wrap h2:before{
		content: "";
		display: block;
		width:14px;
		height: 90%;
		border-left:3px solid #fff;
		border-top:3px solid #fff;
		border-bottom:3px solid #fff;
		position: absolute;
		top:10px;
		left:0;
	}

	#sec02 .ttl_wrap h2:after{
		content: "";
		display: block;
		width:14px;
		height: 90%;
		border-right:3px solid #fff;
		border-top:3px solid #fff;
		border-bottom:3px solid #fff;
		position: absolute;
		top:10px;
		right:0;
	}

	#sec02 .ttl_wrap .eng_txt{
		font-family: "Barlow Semi Condensed", sans-serif;
		font-weight: 200;
		font-size: 1.8rem;
		color: #fff;
		line-height: 1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
	}

	#sec02 .ttl_wrap .eng_txt span{
		font-weight: 500;
	}

	#sec02 .ttl_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 2.4rem;
		color: #fff;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.3rem;
	}

	#sec02 .ttl_wrap p span{
		font-weight: 500;
	}
	
	/* con_wrap start ----------------------------------------------------------- */

	#sec02 .con_wrap1{
		padding: 200px 0 0;
		position: relative;
	}

	#sec02 .con_wrap1 .t_wrap{
		padding: 68px 0 860px 130px;
		position:relative;
	}

	#sec02 .con_wrap1 .img_box{
		width: 1170px;
		left: calc(50% - 700px);
		top: 485px;
		position:absolute;
		z-index:-1;
	}

	#sec02 .con_wrap1 .t_wrap .ttl_img{
		width:100px;
		position:absolute;
		left:0;
		top:0;
	}

	#sec02 .con_wrap1 .t_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 6.4rem;
		color: #4F5D74;
		line-height: 1;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding:0 0 20px;
	}

	#sec02 .con_wrap1 .t_wrap h3 span{
		display:block;
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		letter-spacing: 0.1rem;
		padding: 0 0 0 4px;
	}

	#sec02 .con_wrap1 .t_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:1.8rem;
		color: #4F5D74;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding: 0 0 0 90px;
		position:relative;
	}

	#sec02 .con_wrap1 .t_wrap p:before{
		content: "";
		display: block;
		width:1px;
		height:110%;
		background:#4F5D74;
		position: absolute;
		top:0;
		left:50px;
		transform:rotate(40deg);
	}
	
	/* con_wrap end ----------------------------------------------------------- */
	
	
	/* con_wrap start ----------------------------------------------------------- */

	#sec02 .con_wrap2{
		padding: 150px 0 0;
		position: relative;
	}

	#sec02 .con_wrap2 .t_wrap{
		display: flex;
		padding: 68px 0 780px 223px;
		position:relative;
	}

	#sec02 .con_wrap2 .img_box{
		width: 1170px;
		right: calc(50% - 700px);
		top: 388px;
		position:absolute;
		z-index:-1;
	}

	#sec02 .con_wrap2 .t_wrap .ttl_img{
		width:100px;
		position:absolute;
		right: 0;
		top:0;
	}

	#sec02 .con_wrap2 .t_wrap h3{
		order: 1;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 11.2rem;
		color: #4F5D74;
		line-height: 1;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		/* padding:0 0 20px; */
	}

	#sec02 .con_wrap2 .t_wrap h3 span{
		display:block;
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		letter-spacing: 0.1rem;
		padding: 0 0 0 7px;
	}

	#sec02 .con_wrap2 .t_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:1.8rem;
		color: #4F5D74;
		line-height: 2;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding: 38px 90px 0 0;
		position:relative;
	}

	#sec02 .con_wrap2 .t_wrap p:before{
		content: "";
		display: block;
		width:1px;
		height: 86%;
		background:#4F5D74;
		position: absolute;
		top: 26px;
		right: 63px;
		transform:rotate(40deg);
	}
	
	/* con_wrap end ----------------------------------------------------------- */
	
	
	/* con_wrap start ----------------------------------------------------------- */

	#sec02 .con_wrap3{
		padding:200px 0;
		position: relative;
	}

	#sec02 .con_wrap3 .t_wrap{
		display: flex;
		padding: 68px 0 186px 130px;
		position:relative;
	}

	#sec02 .con_wrap3 .img_box{
		width: 978px;
		left: calc(50% - 745px);
		top: 485px;
		position:absolute;
		z-index:-1;
	}

	#sec02 .con_wrap3 .img_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		color: #000;
		line-height: 1;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		text-align:right;
		padding:5px 0 0;
	}

	#sec02 .con_wrap3 .img_box p span{
		display:inline-block;
		font-size: 1.3rem;
		font-weight: 400;
		color: #a3a3a3;
		padding:0 0 0 2px;
	}

	#sec02 .con_wrap3 .t_wrap .ttl_img{
		width:100px;
		position:absolute;
		left:0;
		top:0;
	}

	#sec02 .con_wrap3 .t_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 8.0rem;
		color: #4F5D74;
		line-height: 1;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding:0 0 20px;
	}

	#sec02 .con_wrap3 .t_wrap h3 span{
		display:block;
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		letter-spacing: 0.1rem;
		padding: 0 0 0 4px;
	}

	#sec02 .con_wrap3 .t_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:1.8rem;
		color: #4F5D74;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding: 25px 0 0 90px;
		position:relative;
	}

	#sec02 .con_wrap3 .t_wrap p:before{
		content: "";
		display: block;
		width:1px;
		height: 80%;
		background:#4F5D74;
		position: absolute;
		top: 14px;
		left: 40px;
		transform:rotate(40deg);
	}

	#sec02 .con_wrap3 .sink_wrap{
		padding: 0 0 0 825px;
	}

	#sec02 .con_wrap3 .sink_wrap li{
		display:flex;
		margin:0 0 10px;
	}

	#sec02 .con_wrap3 .sink_wrap li:nth-child(2){
		padding:0 0 0 30px;
	}

	#sec02 .con_wrap3 .sink_wrap li:nth-child(3){
		padding:5px 0 0 60px;
	}

	#sec02 .con_wrap3 .sink_wrap h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size:1.4rem;
		color: #000;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 0 0 4px;
	}

	#sec02 .con_wrap3 .sink_wrap h4 span{
		display:inline-block;
		font-size: 1.3rem;
		font-weight: 400;
		color: #a3a3a3;
		padding:0 0 0 2px;
	}

	#sec02 .con_wrap3 .sink_wrap p{
		display:inline-block;
		font-size: 1.3rem;
		font-weight: 400;
		color: #a3a3a3;
		padding: 7px 0 0 2px;
	}


	#sec02 .con_wrap3 .img_sink1{
		width:215px;
		line-height:0;
		margin: 0 0 25px;
	}

	#sec02 .con_wrap3 .img_sink2{
		width: 138px;
		line-height:0;
	}

	#sec02 .con_wrap3 .sink_wrap li:nth-child(3) .img_sink2{
		width: 140px;
		line-height:0;
	}
	
	/* con_wrap end ----------------------------------------------------------- */

	/* tip start ----------------------------------------------------------- */
	
	#sec02 .tip_wrap h4{
		display:block;
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 300;
		font-size: 3.2rem;
		letter-spacing: 0rem;
		position: relative;
	}

	#sec02 .tip_wrap h4:before{
		content: "";
		display: block;
		width: 150px;
		height:8px;
		background:#4F5D74;
		position: absolute;
		top:-2px;
		left:0;
		transform: skewY(-4deg);
	}

	#sec02 .con_wrap2 .tip_wrap h4:before{
		transform: skewY(4deg);
	}

	#sec02 .tip_wrap .flex_wrap{
		display:flex;
		flex-wrap:wrap;
		gap: 18px 80px;
		padding: 0 0 0 156px;
		margin: -34px 0 0;
	}

	#sec02 .con_wrap2 .tip_wrap .flex_wrap{
		display:flex;
		flex-wrap:wrap;
		gap: 18px 80px;
		padding: 42px 0 0 78px;
		margin: 0px 0 0;
	}

	#sec02 .tip_wrap .flex_wrap ul{
		display:flex;
		gap: 0 16px;
	}

	#sec02 .tip_wrap .flex_wrap ul li{
		width:50px;
	}

	#sec02 .tip_wrap .flex_wrap h5{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size:1.6rem;
		color: #000;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding:0 0 5px;
	}

	#sec02 .tip_wrap .flex_wrap h5 span{
		display:inline-block;
		font-size:1.3rem;
		font-weight: 400;
		padding:0 4px;
	}

	#sec02 .tip_wrap .flex_wrap a{
		display:block;
	}

	

	#sec02 .tip_wrap .flex_wrap a p{
		font-family: 'Barlow', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		line-height:1.2;
		color: #a3a3a3;
		letter-spacing: 0rem;
		text-align:center;
	}

	#sec02 .tip_wrap .flex_wrap a{
		transition: all 0.4s cubic-bezier(0.1, 0.39, 0.29, 1.1) 0s;
	}


	#sec02 .tip_wrap .flex_wrap a:hover{
		transform: scale(1.15);
	}
	
	/* tip end ----------------------------------------------------------- */
	
	
	/* ============================================================
 	sec03
	==============================================================*/

	#sec03{
		width:100%;
		padding: 200px 0 270px;
		background:#4E5C73;
		position:relative;
	}

	#sec03:before{
		content: "";
		display: block;
		width: 100%;
		height: 900px;
		background: linear-gradient( to bottom,  #fff 0%, #8792A1 50%, #4E5C73 100% );
		position: absolute;
		top:-100px;
		left: 50%;
		transform: translate(-50%, 0);
	}

	#sec03 .ttl_wrap{
		width: 640px;
		padding:0 0 170px;
		margin:0 auto;
		position: relative;
	}

	#sec03 .ttl_wrap:before{
		content: "";
		display: block;
		width:1px;
		height: 300px;
		background:#fff;
		position: absolute;
		top:-320px;
		left: 50%;
	}
	#sec03 .ttl_wrap:after{
		content: "";
		display: block;
		width:1px;
		height: 150px;
		background:#fff;
		position: absolute;
		bottom:0;
		left: 50%;
	}

	#sec03 .ttl_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 5.8rem;
		color: #fff;
		line-height:1;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		text-align: center;
		position:relative;
		margin: 16px 0 24px;
	}

	#sec03 .ttl_wrap h2 .ss1{
		display:inline-block;
		font-weight: 300;
		font-size: 4.3rem;
		margin: 0 0 0 -19px;
	}

	#sec03 .ttl_wrap h2 .ss2{
		font-size: 12.2rem;
	}

	#sec03 .ttl_wrap h2:before{
		content: "";
		display: block;
		width:14px;
		height: 90%;
		border-left:3px solid #fff;
		border-top:3px solid #fff;
		border-bottom:3px solid #fff;
		position: absolute;
		top:10px;
		left:0;
	}

	#sec03 .ttl_wrap h2:after{
		content: "";
		display: block;
		width:14px;
		height: 90%;
		border-right:3px solid #fff;
		border-top:3px solid #fff;
		border-bottom:3px solid #fff;
		position: absolute;
		top:10px;
		right:0;
	}

	#sec03 .ttl_wrap .eng_txt{
		font-family: "Barlow Semi Condensed", sans-serif;
		font-weight: 200;
		font-size: 1.8rem;
		color: #fff;
		line-height: 1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		position: absolute;
		top: 22px;
		left: 52px;
	}

	#sec03 .ttl_wrap .eng_txt span{
		font-weight: 600;
	}

	#sec03 .ttl_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 2.4rem;
		color: #fff;
		line-height: 1.6;
		font-feature-settings: 'palt';
		letter-spacing: 0.3rem;
	}

	#sec03 .ttl_wrap p span{
		font-weight: 500;
	}
	
	/* con_wrap start ----------------------------------------------------------- */

	#sec03 .con_wrap1{
		padding: 20px 0 0;
		position: relative;
	}

	#sec03 .con_wrap1 .t_wrap{
		padding: 16px 0 0;
		position:relative;
	}

	#sec03 .con_wrap1 .t_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		color: #fff;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.4rem;
		padding: 9px 0 50px;
		text-align: center;
	}

	#sec03 .con_wrap1 .img_icon_a{
		width: 42px;
		margin:0 auto;
	}

	#sec03 .con_wrap1 .img_icon_b{
		width: 24px;
		margin:0 auto;
	}

	#sec03 .con_wrap1 ul{
		width:820px;
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap: 40px 0;
		padding: 0 0 50px;
	}

	#sec03 .con_wrap1 ul li:nth-child(1){
		width:266px;
		margin: 0 0 0 77px;
	}

	#sec03 .con_wrap1 ul li:nth-child(2){
		width:414px;
		margin: 0 45px 0 0;
	}

	#sec03 .con_wrap1 ul li:nth-child(3){
		width:340px;
	}

	#sec03 .con_wrap1 ul li:nth-child(4){
		width:460px;
	}

	#sec03 .con_wrap1 ul h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		color: #fff;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 3px 0 4px;
		text-align: center;
	}

	#sec03 .con_wrap1 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size:1.4rem;
		color: #fff;
		line-height: 1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		text-align:center;
		position:relative;
	}
	
	/* con_wrap end ----------------------------------------------------------- */

	/* con_wrap start ----------------------------------------------------------- */

	#sec03 .con_wrap2{
		padding: 20px 0 0;
		position: relative;
	}

	#sec03 .con_wrap2 .t_wrap{
		padding: 170px 0 0;
		position:relative;
	}

	#sec03 .con_wrap2 .t_wrap:before{
		content: "";
		display: block;
		width:1px;
		height: 150px;
		background:#fff;
		position: absolute;
		top:0;
		left: 50%;
	}

	#sec03 .con_wrap2 .t_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		color: #fff;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.4rem;
		padding: 9px 0 50px;
		text-align: center;
	}

	#sec03 .con_wrap2 .img_icon_a{
		width: 42px;
		margin:0 auto;
	}

	#sec03 .con_wrap2 .img_icon_b{
		width: 24px;
		margin:0 auto;
	}

	#sec03 .con_wrap2 ul{
		width:990px;
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap: 40px 0;
		padding: 0 0 50px;
	}

	#sec03 .con_wrap2 ul li{
		width:485px;
	}

	#sec03 .con_wrap2 ul h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		color: #fff;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 3px 0 4px;
		text-align: center;
	}

	#sec03 .con_wrap2 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size:1.4rem;
		color: #fff;
		line-height: 1.6;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		text-align:center;
		position:relative;
	}

	#sec03 .con_wrap2 ul p a{
		display:block;
		color: #ffffff87;
		font-size:1.2rem;
		text-decoration:underline !important;
		padding:7px 0 0;
	}
	
	/* con_wrap end ----------------------------------------------------------- */
	
	
	/* ============================================================
 	sec04
	==============================================================*/

	#sec04{
		width:100%;
		padding:100px 0;
		position:relative;
	}

	#sec04:before{
		content: "";
		display: block;
		width: 102%;
		height: 970px;
		background: linear-gradient( to bottom,  #ADA9A3 0%, #BAB6B0 50%, #fff 100% );
		position: absolute;
		top: -190px;
		left: 50%;
		transform: translate(-50%, 0) skewY(-7deg);
	}

	#sec04 .ttl_wrap{
		width: 393px;
		margin:0 auto;
	}

	#sec04 .ttl_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 13.8rem;
		color: #fff;
		line-height:1;
		font-feature-settings: 'palt';
		letter-spacing: 0.4rem;
		text-align: center;
		position:relative;
		margin: 26px 0 34px;
	}

	#sec04 .ttl_wrap h2:before{
		content: "";
		display: block;
		width:14px;
		height: 90%;
		border-left:3px solid #fff;
		border-top:3px solid #fff;
		border-bottom:3px solid #fff;
		position: absolute;
		top:10px;
		left:0;
	}

	#sec04 .ttl_wrap h2:after{
		content: "";
		display: block;
		width:14px;
		height: 90%;
		border-right:3px solid #fff;
		border-top:3px solid #fff;
		border-bottom:3px solid #fff;
		position: absolute;
		top:10px;
		right:0;
	}

	#sec04 .ttl_wrap .eng_txt{
		font-family: "Barlow Semi Condensed", sans-serif;
		font-weight: 200;
		font-size: 1.8rem;
		color: #fff;
		line-height: 1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
	}

	#sec04 .ttl_wrap .eng_txt span{
		font-weight: 500;
	}

	#sec04 .ttl_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 2.4rem;
		color: #fff;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.4rem;
	}

	#sec04 .ttl_wrap p span{
		font-weight: 500;
	}
	
	/* con_wrap start ----------------------------------------------------------- */

	#sec04 .con_wrap1{
		padding: 200px 0 0;
		position: relative;
	}

	#sec04 .con_wrap1 .t_wrap{
		padding: 68px 0 550px 140px;
		position:relative;
	}

	#sec04 .con_wrap1 .img_box{
		width: 990px;
		left: calc(50% - 280px);
		top: 274px;
		position:absolute;
		z-index:-1;
	}

	#sec04 .con_wrap1 .img_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.6rem;
		color: #fff;
		background:#00000080;
		line-height: 1.8;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding:20px 30px;
		position:absolute;
		left: 40px;
		bottom: 40px;
	}

	#sec04 .con_wrap1 .img_box p span{
		font-weight:500;
	}

	#sec04 .con_wrap1 .t_wrap .ttl_img{
		width:100px;
		position:absolute;
		left:0;
		top:0;
	}

	#sec04 .con_wrap1 .t_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 5.4rem;
		color: #333333;
		line-height: 1.4;
		text-indent: 5px;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding:0 0 20px;
	}

	#sec04 .con_wrap1 .t_wrap h3 span{
		color: #9C958D;
	}
	#sec04 .con_wrap1 .t_wrap h3 span.sb{
		font-weight:600;
	}

	#sec04 .con_wrap1 .t_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:1.8rem;
		color: #000;
		line-height:2.2;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding: 0 0 0 10px;
		position:relative;
	}

	#sec04 .con_wrap1 ul{
		display:flex;
		padding: 0 50px 800px 130px;
		gap:0 10px;
	}

	#sec04 .con_wrap1 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:1.4rem;
		color: #000;
		line-height:1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
	}

	#sec04 .con_wrap1 .img_wrap{
		width: 1250px;
		right: calc(50% - 440px);
		top: 1420px;
		position:absolute;
		z-index:1;
		background:#9C958D;
		transform: skewX(-5deg);
	}

	#sec04 .con_wrap1 .img_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size:2.0rem;
		color: #fff;
		line-height:2.0;
		font-feature-settings: 'palt';
		letter-spacing: 0.4rem;
		position:absolute;
		top:50%;
		right: 94px;
		transform:translate(0,-50%) skewX(5deg);
	}

	#sec04 .con_wrap1 .img_wrap .img_box2{
		width:762px;
		height: 508px;
		line-height:0;
		position:relative;
		overflow:hidden;
	}

	#sec04 .con_wrap1 .img_wrap .img_box2 img{
		position: absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%) skewX(5deg) scale(1.07);
	}

	
	/* con_wrap end ----------------------------------------------------------- */
	
	
	/* con_wrap start ----------------------------------------------------------- */

	#sec04 .con_wrap2{
		padding: 150px 0 0;
		position: relative;
	}

	#sec04 .con_wrap2 .t_wrap{
		padding: 68px 150px 930px 0;
		position:relative;
	}

	#sec04 .con_wrap2 .img_box{
		width: 1170px;
		left: 50%;
		top: 523px;
		position:absolute;
		transform: translate(-50%, 0);
		/* z-index:-1; */
	}

	#sec04 .con_wrap2 .img_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		color: #333333;
		line-height: 1.8;
		text-align:right;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding: 16px 118px 0 0;
	}

	#sec04 .con_wrap2 .t_wrap .ttl_img{
		width:100px;
		position:absolute;
		right: 0;
		top:0;
	}

	#sec04 .con_wrap2 .t_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 200;
		font-size: 5.4rem;
		color: #333333;
		line-height: 1.4;
		text-align:right;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
	}

	#sec04 .con_wrap2 .t_wrap h3 span{
		color:#9C958D;
		font-weight: 600;
	}

	#sec04 .con_wrap2 ul{
		position:relative;
		margin: 0 0 0 -50px;
	}


	#sec04 .con_wrap2 li:nth-child(1){
		width:600px;
		margin: 0 0 30px 80px;
	}

	#sec04 .con_wrap2 li:nth-child(2){
		width:438px;
		position:absolute;
		left: 671px;
		top: 176px;
	}

	#sec04 .con_wrap2 li:nth-child(3){
		width:600px;
		margin: 0 0 138px 51px;
	}

	#sec04 .con_wrap2 li:nth-child(4){
		width:382px;
		position:absolute;
		left: 650px;
		top: 856px;
	}

	#sec04 .con_wrap2 li:nth-child(5){
		width:288px;
		margin: 0 0 140px 30px;
	}

	#sec04 .con_wrap2 li:nth-child(6){
		width:284px;
		position:absolute;
		left: 327px;
		top: 1175px;
	}

	#sec04 .con_wrap2 li .use_box{
		position:relative;
	}

	#sec04 .con_wrap2 li:nth-child(1) .use_box .ttl_box,
	#sec04 .con_wrap2 li:nth-child(2) .use_box .ttl_box,
	#sec04 .con_wrap2 li:nth-child(4) .use_box .ttl_box{
		position:absolute;
		left: 108px;
		top: -90px;
	}

	#sec04 .con_wrap2 li:nth-child(3) .use_box .ttl_box,
	#sec04 .con_wrap2 li:nth-child(5) .use_box .ttl_box,
	#sec04 .con_wrap2 li:nth-child(6) .use_box .ttl_box{
		position:absolute;
		left: 58px;
		bottom: -90px;
	}

	#sec04 .con_wrap2 li:nth-child(1) .use_box .ttl_box:before,
	#sec04 .con_wrap2 li:nth-child(2) .use_box .ttl_box:before,
	#sec04 .con_wrap2 li:nth-child(4) .use_box .ttl_box:before{
		content: "";
		display: block;
		width:10px;
		height: 150px;
		background:#9c958d5c;
		position: absolute;
		top: -12px;
		left: -34px;
		transform: skewX(-5deg);
	}

	#sec04 .con_wrap2 li:nth-child(3) .use_box .ttl_box:before,
	#sec04 .con_wrap2 li:nth-child(5) .use_box .ttl_box:before,
	#sec04 .con_wrap2 li:nth-child(6) .use_box .ttl_box:before{
		content: "";
		display: block;
		width:10px;
		height: 150px;
		background:#9c958d5c;
		position: absolute;
		bottom: -12px;
		left: -34px;
		transform: skewX(-5deg);
	}


	#sec04 .con_wrap2 li .use_box .ttl_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size:1.6rem;
		color: #9C958D;
		line-height: 1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding:0 0 8px;
	}
	

	#sec04 .con_wrap2 li .use_box .ttl_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:1.4rem;
		color: #000;
		line-height: 1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		white-space:nowrap;
	}

	
	/* con_wrap end ----------------------------------------------------------- */
	
	/* ============================================================
 	sec05
	==============================================================*/

	#sec05{
		width:100%;
		padding: 100px 0 120px;
		background:#F2F2F2;
	}

	#sec05 .wrapper{
		width:1040px;
	}

	#sec05 .ttl_wrap{
		display:flex;
		position:relative;
		padding: 0 0 50px;
	}

	#sec05 .ttl_wrap:before{
		content: "";
		display: block;
		width:1px;
		height: 80px;
		background:#000000;
		position: absolute;
		top: 20px;
		left: 236px;
	}

	#sec05 .ttl_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size:2.0rem;
		color: #000;
		line-height:1;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
	}

	#sec05 .ttl_wrap h2 span{
		display:inline-block;
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 100;
		font-size:11.2rem;
		letter-spacing: -0.2rem;
		padding:0 10px 0 0;
	}

	#sec05 .ttl_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:1.6rem;
		color: #000;
		line-height: 2;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding: 12px 0 0 50px;
	}

	#sec05 .plan_ill_list{
		display:flex;
		justify-content:space-between;
		padding: 0 0 70px;
	}

	#sec05 .plan_ill_list li:first-child{
		width:334px;
	}
	#sec05 .plan_ill_list li:last-child{
		display:flex;
		flex-wrap:wrap;
		width:700px;
	}

	#sec05 .plan_ill_list .plan_wrap{
		display:flex;
		flex-wrap:wrap;
	}

	#sec05 .plan_ill_list li:last-child .plan_wrap{
		width:50%;
	}

	#sec05 .plan_ill_list h3{
		width:100%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:1.5rem;
		color: #fff;
		line-height:1.4;
		background:#4E4E4E;
		text-align:center;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding: 4px 0 6px;
	}

	#sec05 .plan_ill_list p{
		width:50%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size:1.5rem;
		color: #000;
		line-height:1.4;
		text-align:center;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
	}

	#sec05 .plan_ill_list .img_box{
		line-height:0;
	}

	#sec05 .plan_ill_list li:first-child p{
		width:45%;
	}

	#sec05 .plan_slide_wrap{
		position:relative;
		padding:50px 0 0;
	}

	#sec05 .swiper-container_plan{
		background:#4E4E4E;
		overflow:hidden;
		padding:30px 40px;
	}

	#sec05 .swiper-container_plan .ttl_box{
		display:flex;
	}

	#sec05 .swiper-container_plan .ttl_box .eng_txt{
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 300;
		font-size:3.0rem;
		color: #fff;
		line-height:1;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 0 27px 14px 0;
		position:relative;
	}

	#sec05 .swiper-container_plan .ttl_box .eng_txt:before{
		content: "";
		display: block;
		width:1px;
		height: 50px;
		background:#ffffffb8;
		position: absolute;
		top: 2px;
		right: 0;
		transform:rotate(40deg);
	}

	#sec05 .swiper-container_plan .ttl_box .eng_txt span{
		font-weight: 200;
		font-size:5.0rem;
	}

	#sec05 .swiper-container_plan .ttl_box h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size:2.6rem;
		color: #fff;
		line-height:1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 13px 0 0 22px;
	}

	#sec05 .swiper-container_plan h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size:1.5rem;
		color: #fff;
		line-height:1.4;
		text-align:center;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		border:1px solid #a6a6a6;
		padding: 3px 0 5px;
	}

	#sec05 .swiper-container_plan p.plan_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		color: #fff;
		line-height: 1.6;
		font-feature-settings: 'palt';
		letter-spacing: 0.05rem;
		border-bottom:1px solid #a6a6a6;
		padding: 16px 0 18px;
		margin: 0 6px 20px;
	}

	#sec05 .swiper-container_plan p.plan_txt span{
		font-weight: 200;
	}

	#sec05 .swiper-container_plan p.cap_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.4rem;
		color: #fff;
		line-height:1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.05rem;
		padding: 6px 0 0;
	}

	#sec05 .swiper-container_plan .tip_list{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap: 20px 0;
		margin: 0 6px;
	}

	#sec05 .swiper-container_plan .tip_list li{
		width: 48%;
	}

	#sec05 .swiper-container_plan .tip_list li:last-child{
		width: 78%;
	}

	#sec05 .swiper-container_plan .tip_list .img_tip{
		line-height:0;
		border:1px solid #a6a6a6;
	}

	#sec05 .swiper-container_plan .flex_wrap{
		display:flex;
		justify-content:space-between;
	}

	#sec05 .swiper-container_plan .flex_wrap .l_box{
		width: 604px;
	}

	#sec05 .swiper-container_plan .flex_wrap .l_box .img_box{
		line-height:0;
		margin:0 0 20px;
	}

	#sec05 .swiper-container_plan table{
		width:98%;
		margin:0 auto;
	}

	#sec05 .swiper-container_plan th{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.5rem;
		color: #fff;
		line-height:1.4;
		text-align:left;
		font-feature-settings: 'palt';
		letter-spacing: 0.05rem;
		border-top:1px solid #a6a6a6;
		padding: 10px 0 12px;
	}

	#sec05 .swiper-container_plan th span{
		font-weight: 600;
	}

	#sec05 .swiper-container_plan td{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.5rem;
		color: #fff;
		line-height:1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.05rem;
		border-top:1px solid #a6a6a6;
		padding: 10px 0 12px;
	}

	#sec05 .swiper-container_plan td.price_txt{
		font-family: 'Barlow', sans-serif;
		text-align:right;
		font-weight: 400;
		
	}

	#sec05 .swiper-container_plan tr:first-child th,
	#sec05 .swiper-container_plan tr:first-child td{
		border-top:none;
	}

	#sec05 .swiper-container_plan tr:last-child th,
	#sec05 .swiper-container_plan tr:last-child td{
		border-top:3px double #a6a6a6;
	}

	#sec05 .swiper-container_plan p.note_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 200;
		font-size: 1.3rem;
		color: #fff;
		line-height:1.4;
		text-align:right;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 10px 0 0;
		width:98%;
		margin:0 auto;
	}

	#sec05 .swiper-container_plan .flex_wrap .r_box{
		width:330px;
	}

	#sec05 .swiper-plan-button-next,#sec05 .swiper-plan-button-prev{
		width:128px;
		position:absolute;
		cursor:pointer;
	}

	#sec05 .swiper-plan-button-next{
		top: 0;
		right:0;
	}
	#sec05 .swiper-plan-button-prev{
		top: 0;
		right:138px;
	}

	#sec05 .slider-thumbnail{
		width:364px;
		position:absolute;
		top:0;
		left:0;
		border-right:1px solid #333333;
	}

	#sec05 .slider-thumbnail p{
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 300;
		font-size:1.7rem;
		color: #000;
		line-height:1;
		text-align:center;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		border-left:1px solid #333333;
		padding: 2px 0 4px;
		cursor:pointer;
	}

	#sec05 .slider-thumbnail p span{
		font-size:3.2rem;
	}

	#sec05 .slider-thumbnail .swiper-slide.swiper-slide-thumb-active p {
	  font-weight: 600;
	}

	#sec05 .swiper-plan-button-next{
		transition: all 0.4s linear;
	}
	#sec05 .swiper-plan-button-prev{
		transition: all 0.4s linear;
	}

	#sec05 .swiper-plan-button-next:hover{
		filter: brightness(0.75) invert(1);
	}
	#sec05 .swiper-plan-button-prev:hover{
		filter: brightness(0.75) invert(1);
	}

	#sec05 .slider-thumbnail p{
		transition: all 0.2s linear;
	}

	#sec05 .slider-thumbnail p:hover{
		background:#e1e1e1;
	}


	/* ============================================================
 	sec06
	==============================================================*/

	#sec06{
		width:100%;
		padding: 100px 0 120px;
	}

	#sec06 .ttl_wrap{
		display:flex;
		position:relative;
		padding: 0 0 40px;
	}

	#sec06 .ttl_wrap:before{
		content: "";
		display: block;
		width:1px;
		height: 89px;
		background:#000000;
		position: absolute;
		top: 18px;
		left: 304px;
	}

	#sec06 .ttl_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size:2.0rem;
		color: #000;
		line-height:1;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 81px 0 0;
	}

	#sec06 .ttl_wrap .eng_txt{
		display:inline-block;
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 100;
		font-size: 8.8rem;
		color: #000;
		line-height:1;
		font-feature-settings: 'palt';
		letter-spacing: -0.5rem;
		padding: 0 13px 0 0;
	}

	#sec06 .ttl_wrap .eng_txt span{
		display:block;
		font-size: 2.0rem;
		letter-spacing: 0.1rem;
		padding:0 0 0 10px;
		margin: -6px 0 0;
	}

	#sec06 .ttl_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:1.6rem;
		color: #000;
		line-height: 2;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		padding: 12px 0 0 50px;
	}

	#sec06 .voice_wrap{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding: 30px 0;
		position:relative;
	}

	#sec06 .voice_wrap .img_box{
		width:1064px;
		margin:0 auto;
		line-height:0;
	}

	#sec06 .voice_wrap a{
		display:block;
		box-sizing:border-box;
		width:726px;
		height:148px;
		padding: 20px 0 0;
		background:#F4F4F4;
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	#sec06 .voice_wrap a h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:2.5rem;
		color: #000;
		line-height:1.4;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		text-align:center;
	}

	#sec06 .voice_wrap a h3 span.ss{
		display:block;
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
	}

	#sec06 .voice_wrap a h3 span.s_icon{
		display:inline-block;
		width:30px;
		vertical-align: text-top;
		margin: -1px 10px 0 0;
	}

	#sec06 .voice_wrap a p{
		width: 345px;
		margin: 12px auto 0;
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		font-size:1.6rem;
		color: #fff;
		background:#333333;
		line-height:1;
		font-feature-settings: 'palt';
		letter-spacing: 0.2rem;
		text-align:center;
		padding: 6px 0 9px;
	}

	#sec06 .voice_wrap a{
		transition: all 0.5s ease 0s;
	}

	#sec06 .voice_wrap a p{
		transition: all 0.5s ease 0s;
	}

	#sec06 .voice_wrap a:hover{
		background:#e8e8e8;
	}

	#sec06 .voice_wrap a:hover p{
		background:#ababab;
	}
	
	
	/* ============================================================
 	sec07
	==============================================================*/

	#sec07{
		width:100%;
		padding: 50px 0 200px;
	}

	#sec07 .wrapper{
		width: 1070px;
	}

	#sec07 .ttl_wrap{
		display:flex;
		position:relative;
		padding: 0 0 40px;
	}

	#sec07 .ttl_wrap:before{
		content: "";
		display: block;
		width:1px;
		height: 90px;
		background:#000000;
		position: absolute;
		top: 13px;
		left: 163px;
		transform: rotate(38deg);
	}

	#sec07 .ttl_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size:2.0rem;
		color: #000;
		line-height:1;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 72px 0 0;
	}

	#sec07 .ttl_wrap .eng_txt{
		display:inline-block;
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 100;
		font-size: 11.0rem;
		color: #000;
		line-height:1;
		font-feature-settings: 'palt';
		letter-spacing: -0.5rem;
		padding: 0 61px 0 0;
	}
	
	
	/* Accordion BTN */

	#sec07 .ac_info_wrap li{
		position:relative;
	}
	
	#sec07 .ac_info_wrap li a{
		border-bottom: 1px solid #ccc;
		display: block;
		position: relative;
		height: 64px;
		margin: 0px 0 0 0;
		transition: all 0.5s ease 0s;
	}
	
	
	#sec07 .ac_info_wrap li a h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-feature-settings: 'palt';
		font-weight: 400;
		color: #333333;
		font-size: 1.6rem;
		letter-spacing:0.2rem;
		line-height: 100%;
		position: absolute;
		top: 50%;
		left: 76px;
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
	}
	
	#sec07 .ac_info_wrap li a h3:before{
		content: "Q";
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		font-size: 2.8rem;
		position: absolute;
		top: 40%;
		left: -51px;
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
		color: #c9c9c9;
	}
	
	
	
	
	#sec07 .ac_info_wrap li a:before{
		position:absolute;
		content:"";
		top: 50%;
		right: 25px;
		width: 12px;
		transition: all 0.5s ease 0s;
		border-top: 1px solid #c9c9c9;
		transform: rotate(0);
	}
	#sec07 .ac_info_wrap li a:after{
		position:absolute;
		content:"";
		top: 50%;
		right: 25px;
		width: 12px;
		transition: all 0.5s ease 0s;
		border-top: 1px solid #c9c9c9;
		transform: rotate(90deg);
	}
	
	
	
	/* Accordion BTN active */
	
	#sec07 .ac_info_wrap li a.active,
	#sec07 .ac_info_wrap li a:hover{
		background: #f4f4f4;
	}
	
	
	#sec07 .ac_info_wrap li a.active:before{
		border-top: 1px solid #c9c9c9;
		transform: rotate(180deg);
	}
	#sec07 .ac_info_wrap li a.active:after{
		border-top: 1px solid #c9c9c9;
		transform: rotate(360deg);
	}
	
	#sec07 .ac_info_contents{
		padding: 22px 36px 20px;
		margin: 0 0 30px;
	}


	#sec07 .ac_info_contents a:before{
		content: "";
		display: block;
		width: 6px;
		height:6px;
		border-right:solid 1px #c9c9c9;
		border-bottom:solid 1px #c9c9c9;
		position: absolute;
		top: 50%;
		left:20px;
		transform:translate(0, -50%) rotate(-45deg);
		transition: all 0.5s ease 0s;
	}


	#sec07 .ac_info_contents p{
		font-family: 'Noto Sans JP', sans-serif;
		font-feature-settings: 'palt';
		font-weight: 400;
		font-size: 1.6rem;
		letter-spacing:0.1rem;
		margin: 0 0 0 40px;
		position: relative;
		line-height:1.6;
	}
	
	#sec07 .ac_info_contents p:before{
		content: "A";
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		font-size: 2.8rem;
		color: #c9c9c9;
		position: absolute;
		top: 50%;
		left: -50px;
		transform:translate(0, -50%);
	}
	
	#sec07 .cv_wrap{
		margin:0 auto;
	}

	/* ============================================================
 	sec08
	==============================================================*/

	#sec08{
		width:100%;
		position:relative;
	}
	
	#sec08:before{
		content: "";
		display: block;
		width: 100%;
		height:100%;
		background:rgba(60, 88, 134, 0.75);
		position: absolute;
		top:0;
		left:0;
		z-index: 10;
	}

	#sec08 .showroom_wrap{
		width: 974px;
		position:absolute;
		top: 46%;
		left: 50%;
		transform:translate(-50%, -50%);
		z-index: 11;
	}

	#sec08 .showroom_wrap .flex_wrap{
		display:flex;
		justify-content:space-between;
		padding: 0 0 22px;
	}

	#sec08 .showroom_wrap .img_box{
		width:500px;
		line-height:0;
		padding: 26px 0 0;
	}

	#sec08 .showroom_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-feature-settings: 'palt';
		font-weight: 400;
		font-size: 2.0rem;
		color:#fff;
		letter-spacing:0.1rem;
		position: relative;
		line-height: 1.2;
		border-bottom: 1px solid #fff;
		margin: 0 0 20px;
	}

	#sec08 .showroom_wrap h2 span{
		display:inline-block;
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 200;
		font-size: 9.2rem;
		letter-spacing: 0rem;
		padding:0 10px 0 0;
	}

	#sec08 .showroom_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-feature-settings: 'palt';
		font-weight: 400;
		font-size: 1.6rem;
		letter-spacing: 0.2rem;
		color:#fff;
		line-height: 1.8;
	}

	#sec08 .showroom_wrap a{
		display:block;
		/* width:300px; */
		background:#fff;
		font-family: 'Barlow', sans-serif;
		font-feature-settings: 'palt';
		font-weight: 400;
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		color:#000;
		line-height: 1;
		text-align:center;
		padding: 18px 0 20px;
		margin: 8px 0 0;
	}

	#sec08 .showroom_wrap a span{
		display:inline-block;
		filter: brightness(0);
		width: 27px;
		vertical-align: text-top;
		margin: -1px 10px 0 0;
	}

	

	#sec08 .swiper-container_showroom .img_box{
		width:100%;
		height:500px;
	}

	#sec08 .swiper-container_showroom .bg1{
		background:url("../img/sec_showroom_img01_pc.jpg") center;
		background-size:cover;
	}
	#sec08 .swiper-container_showroom .bg2{
		background:url("../img/sec_showroom_img02_pc.jpg") center;
		background-size:cover;
	}
	#sec08 .swiper-container_showroom .bg3{
		background:url("../img/sec_showroom_img03_pc.jpg") center;
		background-size:cover;
	}

	#sec08 .showroom_wrap a{
		transition: all 0.5s ease 0s;
	}

	#sec08 .showroom_wrap a:hover{
		filter: brightness(0.9) invert(1);
	}



	
	
	/* ============================================================
 	Modal CSS
	==============================================================*/
	
	#modal_win {
		position: fixed;
		top: 0;
		left: 0;
		background: rgb(0 0 0 / 90%);
		width: 100vw;
		height: 100vh;
		z-index: 10000;
		display: none;
		cursor: pointer;
	}

	#modal_win .m_n_wrap {
		position: relative;
		width: 100%;
		height: 100vh;
	}

	#modal_win .m_n_box,#modal_win .m_n_boxB {
		position: absolute;
		top: calc(50% - 50px);
		left: 50%;
		transform:translate(-50%, -50%);
		opacity:0;
		width: 600px;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}


	#modal_win .m_n_box_act{
		opacity:1;
		transform:translate(-50%, -50%);
	}
    

	#modal_win h2{
		display:block;
		height: 35px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.6rem;
		line-height: 1.4;
		padding: 0 0 0 104px;
		color: #c2c2c2;
		position: relative;
		font-feature-settings: 'palt';
	}

	#modal_win h3{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.8rem;
		line-height: 1.4;
		padding: 6px 0 6px;
		margin:0 0 10px;
		color:#fff;
		text-align:center;
		letter-spacing: 0.2rem;
		border-bottom:1px solid #ccc;
		font-feature-settings: 'palt';
	}

	#modal_win p{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size: 1.6rem;
		line-height: 1.4;
		letter-spacing: 0.1rem;
		color:#fff;
		text-align:center;
		font-feature-settings: 'palt';
	}

	#modal_win p span{
		display:inline-block;
		font-weight:500;
		padding:0 20px 0 0;
	}

	#modal_win .swiper-button-next_p,#modal_win .swiper-button-prev_p{
		width:70px;
		position:absolute;
	}

	#modal_win .swiper-button-next_p{
		top: 35px;
		right:0;
	}
	#modal_win .swiper-button-prev_p{
		top: 35px;
		left:0;
	}

	#modal_win .swiper-pagination_p{
		display:block;
		font-family: 'Barlow', sans-serif;
		font-weight: 200;
		font-size: 1.8rem;
		color: #cacaca;
		text-align: right;
		position:absolute;
		bottom: 450px;
		top: -4px;
		left: -101px;
	}
	
	#modal_win .swiper-container_product_win{
		width: 400px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	#modal_win .swiper-button-next_pB,#modal_win .swiper-button-prev_pB{
		width:70px;
		position:absolute;
	}

	#modal_win .swiper-button-next_pB{
		top: 35px;
		right:0;
	}
	#modal_win .swiper-button-prev_pB{
		top: 35px;
		left:0;
	}

	#modal_win .swiper-pagination_pB{
		display:block;
		font-family: 'Barlow', sans-serif;
		font-weight: 200;
		font-size: 1.8rem;
		color: #cacaca;
		text-align: right;
		position:absolute;
		bottom: 450px;
		top: -4px;
		left: -101px;
	}
	
	#modal_win .swiper-container_product_winB{
		width: 400px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	#modal_win ul > li{
		position: absolute;
		top: calc(50% + 250px);
		left: 50%;
		transform: translate(-50%, 0);
	}
	
	#modal_win a.xClose{
		display:block;
		width:400px;
		padding: 13px 0;
		font-family: 'Barlow', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		text-align:center;
		letter-spacing: 0.1rem;
		color: #333333;
		background: #ffffff;
		position: relative;
	}

	#modal_win a.xClose:before{
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-right:solid 1px #333333;
		border-bottom:solid 1px #333333;
		position: absolute;
		top: 50%;
		left: calc(50% - 45px);
		transform:translate(-50%, -50%) rotate(-45deg);
	}
	#modal_win a.xClose:after{
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-left:solid 1px #333333;
		border-top:solid 1px #333333;
		position: absolute;
		top: 50%;
		left: calc(50% - 34px);
		transform:translate(-50%, -50%) rotate(-45deg);
	}


	#modal_win a.xClose {
		transition: all 0.4s cubic-bezier(0.12, 0.74, 0.36, 1);
	}

	#modal_win a.xClose:hover {
		opacity:0.5;
	}

	#modal_win .swiper-button-next_p{
		transition: all 0.4s linear;
	}
	#modal_win .swiper-button-prev_p{
		transition: all 0.4s linear;
	}

	#modal_win .swiper-button-next_p:hover{
		filter: brightness(0.75) invert(1);
	}
	#modal_win .swiper-button-prev_p:hover{
		filter: brightness(0.75) invert(1);
	}
	
	#modal_win .swiper-button-next_pB{
		transition: all 0.4s linear;
	}
	#modal_win .swiper-button-prev_pB{
		transition: all 0.4s linear;
	}

	#modal_win .swiper-button-next_pB:hover{
		filter: brightness(0.75) invert(1);
	}
	#modal_win .swiper-button-prev_pB:hover{
		filter: brightness(0.75) invert(1);
	}
	


}