/*===============================================
SP
===============================================*/
@media (max-width:761px) {
	/* ============================================================
 	FV BG MOVIE
	==============================================================*/
	#animation_container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	video {
		display: block;
	}
	
	#bg-video {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -2;
	}

	#m_copy{
		width: 96vw;
		position:fixed;
		top: calc(68vh);
		right: -24px;
		transform:translate(0,-50%);
		opacity: 0.3;
	}

	
	/* ============================================================
 	main vi 
	==============================================================*/
	#main_wrap {
		width: 100%;
		height: 200vh;
		overflow: hidden;
		position: relative;
	}

	#main_wrap.fix{
		backdrop-filter: blur(10px);
	}

	#main_wrap .txt_box_a {
		position:absolute;
		top: calc(25%);
		left: 6%;
		transform:translate(0,-50%);
	}

	#main_wrap h1{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size: 4.8rem;
		letter-spacing: 0.4rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		color:#fff;
		white-space:nowrap;
		text-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
	#main_wrap h1 span{
		letter-spacing:-3.2rem;
	}

	#main_wrap .txt_box_b {
		position:absolute;
		top:100vh;
		left: 0;
		padding: 0 6vw;
	}

	#main_wrap h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size: 2.6rem;
		letter-spacing: 0.3rem;
		font-feature-settings: 'palt';
		color:#fff;
		line-height:1.8;
		/* white-space:nowrap; */
		padding:0 0 50px;
		text-shadow: 0 0 10px rgba(0,0,0,0.2);
	}

	#main_wrap p{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		line-height: 2.0;
		text-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
	
	/* ============================================================
 	section 01
	==============================================================*/
	#sec01 {
		width: 100%;
		padding: 100px 0 100px;
		overflow:hidden;
		background: linear-gradient( to right,  #7a3334 0%,#a1383a 50%, #c9675e 100% );
		position: relative;
	}

	#sec01 .bg_img{
		display: none;
		width:70vw;
		position:absolute;
		right: -300px;
		top: -111px;
		opacity:0.1;
	}

	#sec01 .bg_eng_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 100;
		font-size: 8.5rem;
		letter-spacing: 0.5rem;
		font-feature-settings: 'palt';
		color:#fff;
		opacity: 0.05;
		line-height: 1;
		text-align: right;
		position:absolute;
		left: 8px;
		top: -59px;
	}

	#sec01 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size:4.2rem;
		letter-spacing: 0.7rem;
		font-feature-settings: 'palt';
		color:#fff;
		line-height:1.4;
		padding:0 0 20px;
	}

	#sec01 .btn_list a{
		display:block;
		width:240px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.6rem;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		text-align:center;
		color:#fff;
		line-height:1;
		padding: 12px 0 13px;
		border-radius:30px;
		background: linear-gradient( to right,  #b3272a 0%,#cc2629 50%, #e65c52 100% );
		position:relative;
	}

	#sec01 .btn_list a span{
		line-height: 0;
		display:block;
		width:6px;
		position:absolute;
		right: 19px;
		top:50%;
		transform:translate(0,-50%);
	}

	
	#sec01 #product_swiper_wrap{
		width: 100vw;
		margin: 34px 0 0 auto;
		overflow:hidden;
		position: relative;
		padding: 0 0 60px;
	}

	#sec01 #product_swiper_wrap .swiper-slide{
		width:300px;
	}

	#sec01 #product_swiper_wrap .img_box{
		line-height:0;
		background:#000;
		height:200px;
		overflow:hidden;
		position:relative;
		margin: 0 0 28px;
	}

	#sec01 #product_swiper_wrap .img_box img{
		width:102%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	#sec01 #product_swiper_wrap a.soldout{
		pointer-events: none;
	}

	#sec01 #product_swiper_wrap a.soldout img{
		opacity:0.4;
	}

	#sec01 #product_swiper_wrap a.soldout .img_box:after{
		content: "成約済";
		display: block;
		width: 86%;
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size:1.8rem;
		letter-spacing: 0.4rem;
		font-feature-settings: 'palt';
		color:#fff;
		line-height:1;
		text-align:center;
		padding: 7px 0 8px;
		background:#121212;
		border-radius:4px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#sec01 #product_swiper_wrap a.busy{
		
	}

	#sec01 #product_swiper_wrap a.busy img{
		
	}

	#sec01 #product_swiper_wrap a.busy .img_box:after{
		content: "商談中";
		display: block;
		width: 86%;
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size:1.8rem;
		letter-spacing: 0.4rem;
		font-feature-settings: 'palt';
		color:#fff;
		line-height:1;
		text-align:center;
		padding: 7px 0 8px;
		background:#b5004e;
		border-radius:4px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	

	#sec01 #product_swiper_wrap time{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size:1.2rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		text-align:center;
		color:#fff;
		line-height:1;
		padding: 3px 20px 4px;
		border-radius:30px;
		background:#c9b27b;
	}

	#sec01 #product_swiper_wrap h3{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size:2.4rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		color:#fff;
		line-height:1.4;
		padding: 13px 0 15px;
	}

	#sec01 #product_swiper_wrap li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.4rem;
		letter-spacing:0.1rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		color:#fff;
		position:relative;
		padding: 0 0 0 20px;
		margin: 0 0 5px;
	}

	#sec01 #product_swiper_wrap li span{
		display:block;
		width:14px;
		position:absolute;
		left:0;
		top:0;
		opacity:0.4;
	}

	.swiper-button-next_p,
	.swiper-button-prev_p{
		display:block;
		width:100px;
		border-radius:30px;
		line-height:0;
		text-align:center;
		padding: 11px 0;
		background:#323232;
		position:absolute;
		bottom:0;
		cursor: pointer;
	}

	.swiper-button-next_p{
		left: calc(6% + 110px);
	}
	.swiper-button-prev_p{
		left: 6%;
	}

	.swiper-button-next_p img,
	.swiper-button-prev_p img{
		width: 8px;
	}


	/* ============================================================
 	section 02
	==============================================================*/
	#sec02 {
		width: 100%;
		padding: 211px 0 100px;
		overflow:hidden;
		background:#fff;
		position: relative;
	}

	#sec02 .wrapper{
		padding: 480px 6% 312px;
	}

	#sec02 .bg_img{
		width: 240vw;
		position:absolute;
		left: -525px;
		bottom: -22px;
	}

	#sec02 .bg_eng_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 100;
		font-size:15.5rem;
		letter-spacing: 0.5rem;
		font-feature-settings: 'palt';
		color:#ff6e00;
		opacity: 0.05;
		line-height: 1;
		position:absolute;
		left: 0;
		top: -203px;
	}

	#sec02 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size:4.2rem;
		letter-spacing: 0.7rem;
		color:#000;
		font-feature-settings: 'palt';
		line-height:1.4;
		padding:0 0 20px;
	}

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

	#sec02 .btn_list a{
		display:block;
		width:240px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.6rem;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		text-align:center;
		color:#fff;
		line-height:1;
		padding: 12px 0 13px;
		border-radius:30px;
		background: linear-gradient( to right,  #b3272a 0%,#cc2629 50%, #e65c52 100% );
		position:relative;
	}

	#sec02 .btn_list a span{
		line-height: 0;
		display:block;
		width:6px;
		position:absolute;
		right: 19px;
		top:50%;
		transform:translate(0,-50%);
	}
	
	#sec02 .img_box1,#sec02 .img_box2,#sec02 .img_box3,#sec02 .img_box4{
		line-height: 0;
		position:absolute;
	}

	#sec02 .img_box1 img,#sec02 .img_box2 img,#sec02 .img_box3 img,#sec02 .img_box4 img{
		box-shadow: 0 0 20px 0px rgba(0,0,0,0.2);
	}

	#sec02 .img_box1{
		width: 300px;
		z-index:10;
		left: 50%;
		top: 58px;
		transform: translate(-50%, 0);
	}

	#sec02 .img_box2{
		width: 247px;
		z-index:9;
		left: -16px;
		top: -31px;
	}

	#sec02 .img_box3{
		width: 188px;
		z-index:8;
		left: -13px;
		top: 280px;
	}

	#sec02 .img_box4{
		width: 170px;
		z-index:7;
		right: 7px;
		top: 255px;
	}

	/* ============================================================
 	section 01
	==============================================================*/
	#sec03 {
		width: 100%;
		padding: 180px 0 50px;
		overflow:hidden;
		background: #f0f0f0;
		position: relative;
	}

	#sec03 .bg_img{
		width: 792px;
		position:absolute;
		right: -374px;
		top: -513px;
	}

	#sec03 .bg_eng_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 100;
		font-size: 15.5rem;
		letter-spacing: 0.5rem;
		font-feature-settings: 'palt';
		color: #fff;
		line-height: 1.1;
		position:absolute;
		left: -67px;
		top: -128px;
		opacity: 0.7;
	}

	#sec03 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size:4.2rem;
		letter-spacing: 0.7rem;
		color:#000;
		font-feature-settings: 'palt';
		line-height:1.4;
		padding: 0 0 16px;
		position: relative;
	}

	#sec03 ul.news_list{
		position:relative;
		padding: 50px 0 0;
	}

	#sec03 ul.news_list li{
	margin: 0 0 42px;
	}

	#sec03 time{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.4rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		color:#000;
		line-height: 1.4;
		border-bottom:2px solid #ccc;
		padding: 0 0 10px;
		margin: 0 0 18px;
	}

	#sec03 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.4rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		color:#000;
		line-height: 2.0;
	}

	#sec03 .btn_list{
		/* position:absolute; */
		/* left: 216px; */
		/* top: 12px; */
	}

	#sec03 .btn_list a{
		display:block;
		width:240px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.6rem;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		text-align:center;
		color:#fff;
		line-height:1;
		padding: 12px 0 13px;
		border-radius:30px;
		background: linear-gradient( to right,  #b3272a 0%,#cc2629 50%, #e65c52 100% );
		position:relative;
	}

	#sec03 .btn_list a span{
		line-height: 0;
		display:block;
		width:6px;
		position:absolute;
		right: 19px;
		top:50%;
		transform:translate(0,-50%);
	}


	/* ============================================================
 	section 04
	==============================================================*/
	#sec04 {
		width: 100%;
		padding: 80px 0;
		overflow:hidden;
		background: #fff;
		position: relative;
	}

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

	#sec04 .wrapper_b{
		padding: 0;
		position: relative;
	}

	#sec04 .wrapper_a .img_box{
		width: 100vw;
	}

	#sec04 .wrapper_b .img_box{
		width: 100vw;
	}

	#sec04 .wrapper_a .bg_eng_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 100;
		font-size: 6.5rem;
		letter-spacing: 0.5rem;
		font-feature-settings: 'palt';
		color: #000;
		line-height: 1.1;
		text-align: right;
		position:absolute;
		right: 0;
		bottom: -90px;
		opacity: 0.03;
	}

	#sec04 .wrapper_b .bg_eng_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 100;
		font-size: 10.5rem;
		letter-spacing: 0.5rem;
		font-feature-settings: 'palt';
		color: #ff6e00;
		line-height: 1.1;
		white-space: nowrap;
		position:absolute;
		left: -18px;
		bottom: -71px;
		opacity: 0.05;
	}

	#sec04 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 3.2rem;
		letter-spacing: 0.1rem;
		color:#000;
		font-feature-settings: 'palt';
		line-height:1.4;
		padding: 0 0 150px;
		text-indent: -20px;
		position: relative;
		padding: 0 0 30px 6%;
	}

	#sec04 h3{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size:3.6rem;
		letter-spacing: 0.4rem;
		color:#000;
		font-feature-settings: 'palt';
		line-height:1.4;
		padding: 40px 6% 42px;
		position: relative;
	}

	#sec04 h4{
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size:2.0rem;
		letter-spacing: 0.2rem;
		color:#000;
		font-feature-settings: 'palt';
		line-height:1.4;
		padding: 0 6% 24px;
		position: relative;
	}

	#sec04 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#000;
		line-height: 2.4;
		padding: 0 6% 40px;
	}

	#sec04 .img_ci{
		line-height:0;
		width:200px;
		margin: -20px auto 30px;
	}

	#sec04 .btn_list a{
		display:block;
		width:240px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.6rem;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		text-align:center;
		color:#fff;
		line-height:1;
		padding: 12px 0 13px;
		margin: 0 auto;
		border-radius:30px;
		background: linear-gradient( to right,  #b3272a 0%,#cc2629 50%, #e65c52 100% );
		position:relative;
	}

	#sec04 .btn_list a span{
		line-height: 0;
		display:block;
		width:6px;
		position:absolute;
		right: 19px;
		top:50%;
		transform:translate(0,-50%);
	}


	/* ============================================================
 	section 05
	==============================================================*/
	#sec05 {
		width: 100%;
		padding: 170px 0 202px;
		overflow:hidden;
		background: linear-gradient( to right,  #7a3334 0%,#a1383a 50%, #c9675e 100% );
		position: relative;
	}

	#sec05 .wrapper{
	}

	#sec05 .bg_img{
		margin: 0 -5%;
	}

	#sec05 .bg_img span{
		width: 12vw;
		display:block;
		position:absolute;
		left: 50%;
		top: 49%;
		transform: translate(-50%, -50%);
	}

	#sec05 .bg_eng_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 100;
		font-size: 8.5rem;
		letter-spacing: 0.5rem;
		font-feature-settings: 'palt';
		color:#fff;
		opacity: 0.05;
		text-align:right;
		line-height: 1.1;
		position:absolute;
		right: 0;
		bottom: -141px;
	}

	#sec05 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size: 3.6rem;
		letter-spacing: 0.4rem;
		font-feature-settings: 'palt';
		color:#fff;
		line-height:1.4;
		padding: 50px 0 20px;
	}

	#sec05 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		line-height: 2.4;
		padding: 0 0 40px;
	}

	#sec05 .btn_list li{
		margin: 0 0 13px;
	}
	#sec05 .btn_list a{
		display:block;
		width: 79vw;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.6rem;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		text-align:center;
		color:#fff;
		line-height:1;
		padding: 18px 0 19px;
		margin: 0 auto;
		border-radius:30px;
		background: linear-gradient( to right,  #b3272a 0%,#cc2629 50%, #e65c52 100% );
		position:relative;
	}

	#sec05 .btn_list li:nth-child(2) a{
		background: linear-gradient( to right,  #c46600 0%,#cb8335 50%, #f7a041 100% );
	}

	#sec05 .btn_list li:nth-child(3) a{
		background: linear-gradient( to right,  #7c7e85 0%,#8f9499 50%, #a2a8ad 100% );
	}

	#sec05 .btn_list a span{
		line-height: 0;
		display:block;
		width:6px;
		position:absolute;
		right: 19px;
		top:50%;
		transform:translate(0,-50%);
	}


	/* ============================================================
 	section 06
	==============================================================*/
	#sec06 {
		width: 100%;
		padding: 120px 0 150px;
		overflow:hidden;
		background: url("/img/sec06_bg.jpg") no-repeat center;
		background-size:cover;
		position: relative;
	}

	#sec06 .img_box{
		width: 28vw;
		margin:0 auto;
	}

	#sec06 .bg_eng_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 100;
		font-size: 6.8rem;
		letter-spacing: 0.5rem;
		font-feature-settings: 'palt';
		color:#fff;
		opacity: 0.3;
		line-height: 1;
		white-space: nowrap;
		position:absolute;
		left: 50%;
		top: 7px;
		transform: translate(-50%, 0);
	}

	#sec06 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size: 3.8rem;
		letter-spacing: 0.7rem;
		font-feature-settings: 'palt';
		color:#000;
		line-height:1.4;
		text-align:center;
		padding: 40px 0 23px;
		position: relative;
	}

	#sec06 .btn_list a{
		display:block;
		width:240px;
		margin: 0 auto;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.6rem;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		text-align:center;
		color:#fff;
		line-height:1;
		padding: 12px 0 13px;
		border-radius:30px;
		background: linear-gradient( to right,  #b3272a 0%,#cc2629 50%, #e65c52 100% );
		position:relative;
	}

	#sec06 .btn_list a span{
		line-height: 0;
		display:block;
		width:6px;
		position:absolute;
		right: 19px;
		top:50%;
		transform:translate(0,-50%);
	}

}