@charset "UTF-8";


/*  reset  */
*{margin: 0;padding: 0;}

/*  style  */
/*  common  */
body{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background-image: url("../images/photo_section7.jpg");
	background-position: center;
	background-size: cover;
	background-color: #0D1112;
}

/* スクロールバー z-index */
.c-scrollbar{z-index: 10;}

/* マップリンク */
.map-link a{text-decoration: none;}
/* フェード　*/
.map-link a{
	text-decoration: none;
	transition: 0.4s;
}
.map-link a:link{color: rgba(255,255,255,1);}
.map-link a:visited{color: rgba(255,255,255,1);}
.map-link a:hover{color: rgba(255,255,255,0.7);}
.map-link a:active{color: rgba(255,255,255,1);}
/* マップリンク　ここまで */

/* その他のリンク */
.another-link a{
	position: relative;
	display: inline-block;
	text-decoration: none;}
.another-link a.link-center{margin: 0 0.9375rem}
.another-link a.link-center-02{margin: 0 0.9375rem 0 0}

/* フェード　*/
.another-link a{
	text-decoration: none;
	transition: 0.4s;
}
.another-link a:link{color: rgba(255,255,255,1);}
.another-link a:visited{color: rgba(255,255,255,1);}
.another-link a:hover{color: rgba(255,255,255,0.7);}
.another-link a:active{color: rgba(255,255,255,1);}
/* 下線　*/
.another-link a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #9A9A9A;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .3s;
}
.another-link a:hover::after {
	transform: scale(1, 1);
}
/* その他のリンク　ここまで */


/* フォント指定 */
p{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h2,h3,h4{
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*  section top  */
.copyright-pos{
	position: absolute;
	bottom:300px;
	left: 35px;
	color: #fff;
	transform-origin: top left;
	transform: rotate( 90deg );/*アニメの関係で重要*/
}
.copyright{
	color: #fff;
}

/* スクロールガイドのラインアニメ */
/* SPとPCで文言が違うのでメディアクエリに送ったスタイルあり注意 */
.guide span {
	display: inline-block;
	position: absolute;
	right: -136px;
	bottom: -4px;
	padding: 10px 10px 110px;
	overflow: hidden;
	color: #fff;
	transform-origin: bottom left;
	transform: rotate( -90deg );
}
.guide span::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 100px;
	background: #fff;
}
.guide span::after {
	animation: sdl 3.8s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
	transform: scale(1, 0);
	transform-origin: 0 0;
  }
  30% {
	transform: scale(1, 1);
	transform-origin: 0 0;
  }
  70% {
	transform: scale(1, 1);
	transform-origin: 0 100%;
  }
  100% {
	transform: scale(1, 0);
	transform-origin: 0 100%;
  }
}
/* スクロールガイドのラインアニメ ここまで */


@media screen and (min-width:1025px) {

/* common　*/

/* flex切り替え　*/
 .disp-wrap{
	display: flex;
}

/* セクション間の余白用　*/
#top-sections{}
.mov-wrap-01{margin-right: -6px;}
.mov-wrap-02{margin-right: -6px;}
.box-wrap-2{margin-right: -6px;}
.mov-wrap-03{margin-right: -6px;}
.box-wrap-3{margin-right: -6px;}
.mov-wrap-04{margin-right: -6px;}
.box-wrap-4{margin-right: -6px;}
.mov-wrap-05{margin-right: 0px;}
.mov-wrap-06{margin-right: 0px;}
.mov-wrap-07{margin-right: 0px;}

/* セクションの手前奥に関わる並び替え　*/
.item1{z-index:4; }
.item2{z-index:3; }
.item3{z-index:2; margin-left: -120px; }
.item4{z-index:4;}
.item5{z-index:3; margin-left: -120px; }
.item6{z-index:4; }
.item7{z-index:3; margin-left: -120px; }
.item8{z-index:4;  }
.item9{z-index:2;}
.item10{z-index:1; }
.item11{z-index:0; }/*　-1だとリンクが効かない　*/

/*　pc、sp折り返し　*/
.pc-lapel{}
.sp-lapel{display: none;}
.maplink-lapel{display: none;}
/*　topコピーの表示切り替え　*/
.topcopy-display{display: none;}
.lastcopy-display{}

/*  webフォント指定  */
/*  タイトル  */
/*  セクション１〜４タイトル  */
.section-title-a{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 3.1vh;
	letter-spacing: 0.08em;
	padding-bottom: 7.3vh;
}
/*  セクション5タイトル  */
.section-title-b{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 2.9vh;
	letter-spacing: 0.25em;
	padding-bottom: 9vh;
	font-weight: normal;
}
/*  セクション6タイトル  */
.section-title-c{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.8vh;
	letter-spacing: 0.12em;
}
/*  セクション6タイトル2  */
.section-title-c2{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 2vh;
	letter-spacing: 0.05em;
	padding-bottom: 1.3vh;
}
/* スペーサー atc-type-d  */
.title-c-spacer{
	padding-bottom: 3.2vh;
}
/* スペーサー atc-type-d  */
.title-6-1-c-spacer{
	padding-bottom: 4.2vh;
}

/*  記事  */
/*  14pt カーニング60  */
p.atc-type-a{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1.8vh;
	letter-spacing: 0.06em;
	line-height: 2.28;
}
/*  13pt カーニング30  */
p.atc-type-b{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1.7vh;
	letter-spacing: 0.03em;
	line-height: 2.15;
}
/*  12pt カーニング100  */
p.atc-type-c{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1.6vh;
	letter-spacing: 0.06em;
	line-height: 1.6;
}
/*  12pt カーニング 0  */
p.atc-type-d{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1.6vh;
	line-height: 1.75;
}
/* スペーサー atc-type-d  */
.atcbox-6-1-spacer{
	padding-bottom: 3.2vh;
}
/*  13pt カーニング80  */
p.atc-type-e{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1.7vh;
	letter-spacing: 0.08em;
	line-height: 1.2;/**/
	padding-top: 0.8rem;
}
/* スペーサー 30px  */
.atcbox-30px-spacer{
	padding-bottom: 3.9vh;
}
/* スペーサー atc-type-e  */
.atcbox-6-2-spacer{
	padding-top: 1.1vh;
	padding-bottom: 6vh;
}
/* スペーサー atc-type-e  */
.atcbox-6-2-lastItem-spacer{
	padding-top: 1.1vh;
}

/*  コピーライト  */
p.copyright{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 0.625rem;
	letter-spacing: 0.1rem;
}
/*  ガイド  */
p.guide{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 0.9rem;
	letter-spacing: 0.15rem;
}
/*  マップリンク  */
p.map-link{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1.82vh;/*  1.6vh  */
	letter-spacing: 0.07em;/*  0.14em  */
	line-height: 2.4;
}

/*  マップリンク マーカー */
p.map-link svg{
	vertical-align: middle;
	position: relative;
	margin-right:0.6rem;
	height: 2.4vh;
}
/*  その他のリンク  */
p.another-link{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1.46vh;/*  1.6vh  */
	letter-spacing: 0.07em;/*  0.14em  */
	/*line-height: 2.4;*/
}
p.sp-copyright{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.46vh;
	letter-spacing: 0.07em;
	color: #cecece;
}

/*  section  */
/*  common  */
.slider-shift{}


/*  top section  */
/* ------ hero title ------- */
.hero__title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
.toplogo {
	height: 15.1vh;
}
.guide{
	position: absolute;
	bottom:40px;
	right: 116px;
	color: #fff;
}

/*  画像切り替え  */
.forpc {display: inline;}
.forsp {display: none;}


/*  section 1  */
/* ++++++++ 1 ++++++++ */

/*　PC　ラップ　*/
.pin1-wrap{
	width: calc(100vh * 2.89);
	overflow: hidden;/*　スライドアウトで重要 */
	background-color: #000000;
}

/*　PC　ターゲット*/
.mov-wrap-01{
	width: calc((100vh * 2.89) + (100vh * 2.89));
	overflow: hidden;
	position: relative;
	left: calc((100vh * 2.89) * -1);
	height: 100vh;
}

/*　PC　オブジェクト*/
.img-sections01{
	position: absolute;
	left: 0;
	width: calc(100vh * 2.89);
	overflow: hidden;
}
.img-sections01 img{
	width: calc(100vh * 2.89);
	height: 100vh;
}

/*オブジェクト*/
.box-wrap-1{
	height: 100%;
	width: calc(100vh * 2.89);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #fff;
	position: absolute;
	top:0;
}

.atcbox-1{
	text-align: center;
	margin-right:10%;/*  ここは　%　が安定的  */
}
.atcbox-1 h2 {}
.atcbox-1 p {}


/*  section 2  */
.mov-wrap-02{
	height: 100vh;
	width: calc(100vh * 1.78);
	background-color: #0D1112;
}
.img-sections02 {}
.img-sections02 img{
	width: calc(100vh * 1.95);
}

.box-wrap-2{
	height: 100vh;
	width: calc(100vh * 1.12);
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("../images/bg_roughness.jpg");
	background-color: #0D1112;
}
.atcbox-2{
	text-align: center;
}
.atcbox-2 h3 {
	color: #333333;
}
.atcbox-2 p {
	color: #333333;
}


/*  section 3  */
.mov-wrap-03{
	height: 100vh;
	width: calc(100vh * 0.91);
	background-color: #0D1112;
}
.img-sections03 {}
.img-sections03 img{
	height: 100vh;
}
.box-wrap-3{
	height: 100vh;
	width: calc(100vh * 1.14);
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("../images/bg_roughness.jpg");
	left: 10px;
	background-color: #0D1112;
}
.atcbox-3{
	text-align: center;
}
.atcbox-3 h3 {
	color: #333333;
}
.atcbox-3 p {
	color: #333333;
}


/*  section 4  */
.mov-wrap-04{
	height: 100vh;
	width: calc(100vh * 1.78);
	background-color: #0D1112;
}
.img-sections04 {}
.img-sections04 img{
	height: 100vh;
}
.box-wrap-4{
	height: 100vh;
	width: calc(100vh * 2.73);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-image: url("../images/bg_roughness.jpg");
	background-color: #0D1112;
}
.atcbox-4-1{
	text-align: center;
	margin-left: 9.9%;
}
.atcbox-4-2{
	text-align: center;
	margin-left: 9.9%;
}
.atcbox-4-1 h3 {
	color: #333333;
}
.atcbox-4-1 p {
	color: #333333;
}
.atcbox-4-2 img {
	height: 71.6vh;
	width: calc(100vh * 1.275);
}


/*  section 5  */
/* ++++++++ 5 ++++++++ */
/*　PC ラップ*/
.pin5-wrap{
	width: calc(100vh * 1.95);
	height: 100vh;
	overflow: hidden;
}

/*　PCターゲット*/
.mov-wrap-05{
width: calc((100vh * 1.95) + (100vh * 1.95));
	height: 100vh;
	position: relative;
	left: calc((100vh * 1.95) * -1);
	overflow: hidden;
}

/*　PCオブジェクト*/
.img-sections05{
	position: absolute;
	left: 0;
	width: calc(100vh * 1.95);
		overflow: hidden;
}
.img-sections05 img{
	width: calc(100vh * 2.14);
	height: 105vh;
}

/*　PC オブジェクト*/
.box-wrap-5{
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100vh * 1.95);
	height: 100vh;
	position: absolute;
	top: 0;
}

.atcbox-5-1{
	text-align: center;
	width: calc(100vh * 0.65);
	margin-left: 20vh;
}
.atcbox-5-1 h3 {
	text-align: center;
	color: #fff;
}
.atcbox-5-1 p {
	color: #fff;
	white-space: normal;
	overflow-wrap: break-word;
	text-align: left;
}
.atcbox-5-2{
	text-align: center;
	margin-left: 27.3vh;
	position: relative;
	top: 24vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.atcbox-5-2 p {
	color: #fff;
}
img.penfigure {
	height: 7.4vh;
	width: calc(7.4vh * 2.68);
	position: relative;
}
.atcbox-5-2 {
}

/*  section 6  */
/* ++++++++ 6 ++++++++ */
/*　PC　ラップ*/
.pin6-wrap{
	width: calc(100vh * 1.95);
	overflow: hidden;
	height: 100vh;
}

/*　PC ターゲット*/
.mov-wrap-06{
	width: calc((100vh * 1.95) + (100vh * 1.95));
	overflow: hidden;
	position: relative;
	left: calc((100vh * 1.95) * -1);
	height: 100vh;
}

/*　PC オブジェクト*/
.img-sections06{
	position: absolute;
	left: 0;
	width: calc(100vh * 1.95);
	overflow: hidden;
}

.img-sections06 img{
	width: calc(100vh * 2.14);
	height: 105vh;
}

/*　PC オブジェクト*/
.box-wrap-6{
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100vh * 1.95);
	height: 100vh;
	position: absolute;
	top: 0;
}

.atcbox-6-1{
	width: calc(100vh * 0.45);
	margin-left: 20vh;
}
.atcbox-6-1 h3 {
	color: #fff;
}
.atcbox-6-1 h4 {
	color: #fff;
}
.atcbox-6-1 p {
	color: #fff;
	white-space: normal;
	overflow-wrap: break-word;
	text-align: left;
}
.atcbox-6-2{
	margin-left: 10.4vh;
}
.atcbox-6-2 h3 {
	color: #fff;
}
.atcbox-6-2 p {
	color: #fff;
}

/*　ラスト　*/

/* ++++++++ last ++++++++ */
/* 縦横　VHVW のセクション */
/* PC ラップ*/
.pinLast-wrap{
	width: 100vw;
	overflow: hidden;
}
/* PC ターゲット*/
.mov-wrap-last{
	height: 100vh;
	left: -100VW!important;
	width: 200vw!important;
	position:relative;
	/*	overflow: hidden;*/
}

/* PC オブジェクト*/
.inner-last{
	width: 100vw;
	position: absolute;
	left: 0;
	margin: 0 auto;
}
.img-sections-last {
	position: absolute;
}
.img-sections-last img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: absolute;
	top:0;
}

/* PC オブジェクト*/
.atc-sections-last{
	width: 100vw;
	position: absolute;
	left: 0;
}
.sec-end-title{
	height: 100vh;
	left: 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec-end-title img {
	height: 11.7vh;
}
.sec-end-title h2 {}

.map-link{
	position: absolute;
	bottom:14.6vh;
}
.another-link{
	position: absolute;
	bottom:9.6vh;/*  8.6vh;  */
}


#pointers{
	margin-bottom: 0;
}
.sp-copyright{
	position: absolute;
	bottom:3.6vh;
}


}/*  @media screen END  */


@media screen and (min-width:641px) and (max-width:1024px) {
/* top */
.hero__title h1{width:33.6%!important;}
/* s1 */
.atcbox-1{width:50%!important;}
#target-1-box h2{font-size:3.12vw;}
#target-1-box p{font-size:2.0vw;}
/* s2 */
.atcbox-2{width:45%;}
#target-2-box h3{font-size:3.12vw;}
/*#target-2-box p{font-size:2.0vw!important;}*/
/* s3 */
.atcbox-3{width:45%;}
#target-3-box h3{font-size:3.12vw;}
/*#target-3-box p{font-size:2.0vw!important;}*/
/* s4 */
.atcbox-4{width:45%;}
#target-4-box h3{font-size:3.12vw;}
/*#target-4-box p{font-size:2.0vw!important;}*/
/* s5 */
.atcbox-5-1{width:60%!important;}
#target-5-box h3{font-size:3.12vw;}
#target-5-box p{font-size:2.0vw;}
/* s6 */
.atcbox-6-1{width:60%!important;}
.atcbox-6-2{width:60%!important;}
.section-title-c{font-size:2.22vw!important;}
.section-title-c2{font-size:2.4vw!important;}
.atc-type-d{font-size:1.92vw!important;}
.atc-type-e{font-size:2.1vw!important;}
/* s7 */
.sec-end-title img{width:33.6vw!important;}
.map-link{font-size:1.8vw!important;}/*  1.6vw  */
.another-link{font-size:1.6vw!important;}/*  1.6vw  */
.sp-copyright{font-size:1.35vw!important;}/*  1.35vw  */


.slider-shift{margin-top: 0vh;}



/*  ★ セクション高さ　見た目由来  */

/*　セクション1 */
/*　SP ラップ*/
.pin1-wrap{
	height: calc(100vw * 1.873);
}
/*　SP ターゲット*/
.mov-wrap-01{
	height: calc((100vw * 1.873) * 2);
	top: calc((100vw * 1.873) * -1);
}
/*　SP オブジェクト*/
.img-sections01 {
	height: calc(100vw * 1.873)!important;
	/*  ★ !important *//*  ★ 2.373 から単純に 0.5引く */
}
.img-sections01 img{
	width: 105vw;
	height: 105%;
}
.box-wrap-1{
	height: calc(100vw * 1.873)!important;
	/*  ★ !important *//*  ★ 単純に 0.5引く */
}
.atcbox-1{
	margin-top: 26.7vw;
	margin-bottom: 13.3vw;
}

/*　セクション5 */
/*　SP ラップ */
.pin5-wrap{
	height: calc(100vw * 3.067)!important;
	/*　タイトルと距離を取る分　0.053　足す *//* ★ *//* 単純に１引く */
}
/*　SP ターゲット*/
.mov-wrap-05{
	height: calc((100vw * 3.067) * 2)!important;
	/*　タイトルと距離を取る分　0.053　足す *//* ★ !important　*/
	top: calc((100vw * 3.067) * -1)!important;
}
/*　SP オブジェクト*/
.img-sections05 {
	height: calc(100vw * 2.92)!important;
	/* ★　!important *//* 3.067 から単純に１引く */
}
.img-sections05 img{
	height: calc(100vw * 1.099)!important;
}
/*　SP オブジェクト*/
.box-wrap-5{
	height: calc(100vw * 1.92)!important;
	/* ★ !important　*//* 単純に１引く */
}
.atcbox-5-2 img{
	height: 7.4vh!important;
	width: calc(7.4vh * 2.68);
}

/*　セクション6 */
/*　SP ラップ */
.pin6-wrap{
	height: calc(100vw * 2.013)!important;
}
/*　SP ターゲット*/
.mov-wrap-06{
	height: calc((100vw * 2.013) * 2)!important;
	top: calc((100vw * 2.013) * -1)!important;
}
/*　SP オブジェクト*/
.img-sections06 {
	height: calc(100vw * 2.013)!important;
	/* ★ !important　*/
}
.img-sections06 img{
	object-fit: cover;
}
/*　SP オブジェクト*/
.box-wrap-6{
	height: calc(100vw * 2.013)!important;
	/* ★ !important　*/
}



/* common　*/

/* flex切り替え　*/
 .disp-wrap{
	display: flex;
	flex-direction: column;
}

/* セクション間の余白削除用　*/
#top-sections{}
.mov-wrap-01{margin-right: 0px;}
.mov-wrap-02{margin-right: 0px;}
.box-wrap-2{margin-right: 0px;}
.mov-wrap-03{margin-right: 0px;}
.box-wrap-3{margin-right: 0px;}
.mov-wrap-04{margin-right: 0px;}
.box-wrap-4{margin-right: 0px;}
.mov-wrap-05{margin-right: 0px;}
.mov-wrap-06{margin-right: 0px;}
.mov-wrap-07{margin-right: 0px;}

.item1{z-index:2; }
.item2{z-index:1; }
.item3{z-index:2; position: relative; }
.item4{z-index:4; }
.item5{z-index:3; margin-top: -16px; }
.item6{z-index:4; }
.item7{z-index:3; margin-top: -40px; }
.item8{z-index:4; }
.item9{z-index:2; }
.item10{z-index:1; }
.item11{z-index:0; }/*　-1だとリンクが効かない　*/


/* ★　variable-cover ヨコ閲覧時のインナータテ幅クラスのheight値の削除（SP時）
　　　　　　　についてスタイルでの指定強度フォロー　 */

/* ★　S1　 */


/* ★　S2　 */
.mov-wrap-02{height: calc(100vw * 1) !important;}
.box-wrap-2{height: 100% !important;}

/* ★　S3　 */
.mov-wrap-03{height: calc(100vw * 1) !important;}
.box-wrap-3{height: 100% !important;}

/* ★　S4　 */
.mov-wrap-04{height: calc(100vw * 1.1) !important;}
.box-wrap-4{height: 100% !important;}

/* ★　S5　 */


/* ★　S6　 */


/*　pc、sp折り返し　*/
.pc-lapel{display: none;}
.sp-lapel{}
.maplink-lapel{display: none;}
/*　topコピーの表示切り替え　*/
.topcopy-display{display: none;}
.lastcopy-display{}

/*  webフォント指定  */
/*  タイトル  */
/*  セクション１〜４タイトル */
.section-title-a{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 5.3vw;
	letter-spacing: 0.8vw;
	padding-bottom: 9.3vw;
	line-height: 1.5;
}
/*  セクション5タイトル  */
.section-title-b{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 5.9vw;
	letter-spacing: 1.1vw;
	padding-bottom: 10.7vw;
	font-weight: normal;
}
/*  セクション6タイトル  */
.section-title-c{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 3.7vw;
	letter-spacing: 0.5vw;
}
/*  セクション6タイトル2  */
.section-title-c2{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 4vw;
	letter-spacing: 0.05rem;
	padding-bottom: 2.7vw;
}
/* スペーサー atc-type-d  */
.title-c-spacer{
	padding-bottom: 1.875rem;
}
/* スペーサー atc-type-d  */
.title-6-1-c-spacer{
	padding-bottom: 9.3vw;
}

/*  記事  */
/*  13pt カーニング40  */
p.atc-type-a{
	ont-family: 'Zen Kaku Gothic New', sans-serif;

	font-size:2.0vw!important;/* ★ */

	letter-spacing: 0.04rem;
	line-height: 2;
}
/*  13pt カーニング30  */
p.atc-type-b{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 3.5vw;
	letter-spacing: 0.1vw;
	line-height: 2;
}
/*  11pt カーニング100  */
p.atc-type-c{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 2.9vw;
	letter-spacing: 0.5vw;
	line-height: 1.63;
}
/*  12pt カーニング 0  */
p.atc-type-d{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 3.2vw;
	line-height: 1.75;
}
/* スペーサー atc-type-d  */
.atcbox-6-1-spacer{
	padding-bottom: 9.3vw;
}
/*  13pt カーニング80  */
p.atc-type-e{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 3.5vw;
	letter-spacing: 0.08rem;
	line-height: 1.2;/**/
	padding-top: 0.8rem;
}
/* スペーサー 30px  */
.atcbox-30px-spacer{
	padding-bottom: 8vw;
}
/* スペーサー atc-type-e  */
.atcbox-6-2-spacer{
	padding-bottom: 6.6vw;
}
/*  コピーライト  */
p.copyright{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 0.625rem;
	letter-spacing: 0.1rem;
}
/*  ガイド  */
p.guide{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1rem;
	letter-spacing: 0.1rem;
}
/*  マップリンク  */
p.map-link{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 3.2vw;
	letter-spacing: 0.05rem;/*  0.05rem */
	line-height: 1.66;
	text-align: center;
	width: -webkit-fill-available;
}
/*  マップリンク マーカー */
p.map-link svg{
	vertical-align: middle;
	position: relative;
	margin-right:0;
	width: 3.2vw;
}
/*  その他のリンク  */
p.another-link{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 3.2vw;
	letter-spacing: 0.05rem;/*0.05rem*/
	/*line-height: 1.66;*/
	text-align: center;
	width: -webkit-fill-available;
}


/*  section  */
/*  common  */
.slider-shift-s5{
margin-top: 7.2vh;/*  8.5vh  */
/* S5のトップマージン 　*/
}


/*  top section  */
/* ------ hero title ------- */
.hero__title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
.hero__title h1 {
	width: 48%;
	z-index: 1;
}
.hero__title img {
	width: 100%;
}
.guide{
	position: absolute;
	bottom:100px;
	right: 10px;
	color: #fff;
	transform: rotate(90deg);
}

/*  画像切り替え  */
.forpc {display: none;}
.forsp {display: block;}


/*  section 1  */
/*　SP ラップ*/
.pin1-wrap{
	width: 100vw;
	height: calc(100vw * 2.373);
	overflow: hidden;
	position: relative;
}

/*　SP ターゲット*/
.mov-wrap-01{
	width: 100vw;
	height: calc((100vw * 2.373) * 2);
	overflow: hidden;
	position: relative;
	left: 0;
	top: calc((100vw * 2.373) * -1);
}
/*　SP オブジェクト*/
.img-sections01 {
	position: relative;
	left: 0;
	height: calc(100vw * 2.373);/*  ★ !important */
}
.img-sections01 img{
	width: 105vw;
	height: 105%;
}
.box-wrap-1{
	width: 100vw;
	height: calc(100vw * 2.373);/*  ★ !important */
	position: absolute;
	top: 0;
	display: flex;
 	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
}

.atcbox-1{
	margin-top: 26.7vw;
	margin-bottom: 13.3vw;
	width: 72%;
	z-index: 1;
	color: #fff;
	text-align: center;
}


/*  section 2  */
.mov-wrap-02{
	width: 100vw;
	height: calc(100vw * 1);
}
.img-sections02 {}
.img-sections02 img{
	width: 100vw;
	height: calc(100vw * 1.099);
	object-fit: cover;
}
.box-wrap-2{
	width: 100vw;
	height: 100%;
	display: flex;
 	justify-content: center;
	align-items: center;
	position: relative;
	background-image: url("../images/bg_roughness.jpg");
	overflow: hidden;
	top: 5vw;
	margin: -5vw 0;
}
.atcbox-2{
	text-align: center;
	padding: 24vw 0;
	width: 76%;
}
.atcbox-2 h3 {
	color: #333333;
}
.atcbox-2 p {
	color: #333333;
}


/*  section 3  */
.mov-wrap-03{
	width: 	100vw;
	height: calc(100vw * 1);/*  ★ !important */
}
.img-sections03 {}
.img-sections03 img{
	width: 100vw;
	height: calc(100vw * 1.099);
	object-fit: cover;
}
.box-wrap-3{
	width: 100vw;
	height: 100%;/*  ★ !important */
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("../images/bg_roughness.jpg");
	left: 10px;
	overflow: hidden;
	top: 5vw;
	margin: -5vw 0;
}
.atcbox-3{
	text-align: center;
	padding: 24vw 0;
	width: 76%;
}
.atcbox-3 h3 {
	color: #333333;
}
.atcbox-3 p {
	color: #333333;
}


/*  section 4  */
.mov-wrap-04{
	width: 100vw;
	height: calc(100vw * 1.1);/*  ★ !important */
}
.img-sections04 {
}
.img-sections04 img{
	width: 100vw;
	height: calc(100vw * 1.099);
	object-fit: cover;
}
.box-wrap-4{
	width: 100%;
	height: 100%;/*  ★ !important */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-image: url("../images/bg_roughness.jpg");
	overflow: hidden;
	top: 5vw;
	margin: -7vw 0;
}
.atcbox-4-1{
	text-align: center;
	padding: 24vw 0;
	width: 79%;
}
.atcbox-4-2{
	text-align: center;
	padding: 0 0 26.7vw 0;
	width: 86%;
}
.atcbox-4-1 h3 {
	color: #333333;
}
.atcbox-4-1 p {
	color: #333333;
}
.atcbox-4-2 img {
	width: 86vw;
	height: 100%;
}


/*  section 5  */
/*　SP ラップ */
.pin5-wrap{
	width: 100vw;
	height: calc(100vw * 3.067);
	overflow: hidden;/*　スライドアウトで重要 */
	position: relative;
}
/*　SP ターゲット*/
.mov-wrap-05{
	width: 100vw;
	height: calc((100vw * 3.067) * 2);
	overflow: hidden;
	position: relative;
	left: 0;
	top: calc((100vw * 3.067) * -1);
}
/*　SP オブジェクト*/
.img-sections05 {
	display: flex;
	flex-direction: column;
	height: calc(100vw * 2.92);/* ★　!important */
}
.img-sections05 img{
	width: 100vw;
	height: calc(100vw * 1.099);
}

/*　SP オブジェクト*/
.box-wrap-5{
	width: 100vw;
	height: calc(100vw * 2.92);/* ★ !important　*/
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #0D1112;
	z-index: -1;	/*イメージが下に隠れるのでこっちを下げる*/
}

.atcbox-5-1{
	text-align: center;
	width: 72.4%;
}
.atcbox-5-1 h3 {
	text-align: center;
	color: #fff;
	margin-top: 16vw;
}
.atcbox-5-1 p {
	color: #fff;
	white-space: normal;
	overflow-wrap: break-word;
	text-align: left;
}
.atcbox-5-2{
	text-align: center;
	position: relative;
	padding: 5.3vw 0 24vw 0;
}
.atcbox-5-2 p {
	color: #fff;
}
.atcbox-5-2 img{
	height: 7.4vh;
	width: calc(7.4vh * 2.68);
}


/*  section 6  */
/*　SP ラップ */
.pin6-wrap{
	width: 100vw;
	height: calc(100vw * 3.013);
	overflow: hidden;
	position: relative;
}
/*　SP ターゲット*/
.mov-wrap-06{
	width: 100vw;
	height: calc((100vw * 3.013) * 2);
	overflow: hidden;
	position: relative;
	left: 0;
	top: calc((100vw * 3.013) * -1);
}
/*　SP オブジェクト*/
.img-sections06 {
	height: calc(100vw * 3.013);/* ★ !important　*/
	position: relative;
	left: 0;
}
.img-sections06 img{
	width: 105vw;
	height: 105%;
}
/*　SP オブジェクト*/
.box-wrap-6{
	width: 100vw;
	height: calc(100vw * 3.013);/* ★ !important　*/
	position: absolute;
	top: 0;
	display: flex;
 	justify-content: center;
	align-items: center;
	flex-direction: column;
	column-gap: 5.8%;
}
.atcbox-6-1{
	margin-top: 26.7vw;
	margin-bottom: 13.3vw;
	width: 72%;
	z-index: 1;
}
.atcbox-6-1 h3 {
	color: #fff;
}
.atcbox-6-1 h4 {
	color: #fff;
}
.atcbox-6-1 p {
	color: #fff;
	white-space: normal;
	overflow-wrap: break-word;
	text-align: left;
}
.atcbox-6-2{
	width: 72%;
	z-index: 1;
}
.atcbox-6-2 h3 {
	color: #fff;
}
.atcbox-6-2 p {
	color: #fff;
}

/* 　Last section */
#last-sections{}
/* SP ラップ*/
.pinLast-wrap{
	height: 100vh;
	position: relative;
}
/* SP ターゲット*/
.mov-wrap-last{
	width: 100vw;
	height: 200vh!important;
	top: -100Vh;
	overflow: hidden;
	position: relative;
	background-color: #0D1112;
}
/* SP オブジェクト*/
.inner-last{
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	position: absolute;
	left: 0;
}
.img-sections-last {
	position: absolute;
}
.img-sections-last img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: absolute;
	top:0;
}

/* SP オブジェクト*/
.atc-sections-last {
	position: relative;
	text-align: center;
}
.sec-end-title{
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	left: 0;
}
.sec-end-title img {
	width: 48vw;
}
.sec-end-title h2 {}

.map-link{
	position: absolute;
	bottom:16.2vw;/* SP 27.7vw の60% */
	line-height: 1.66;
}
.another-link{
	position: absolute;
	bottom:11.4vw;/* SP 19.2vw の60% */
}
#pointers{
	margin-bottom: 2.7vw;
}
.sp-copyright{
	position: absolute;
	text-align: center;
	bottom:7.9vw;/* SP 9.6vw の60% *//* 5.4vw */
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #cecece;/* #ACACAC */
	font-size: 2.7vw;
	letter-spacing: 0.07em;/* 0.12em */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

}


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

/* common　*/

/* flex切り替え　*/
 .disp-wrap{
	display: flex;
	flex-direction: column;
}

/* セクション間の余白削除用　*/
#top-sections{}
.mov-wrap-01{margin-right: 0px;}
.mov-wrap-02{margin-right: 0px;}
.box-wrap-2{margin-right: 0px;}
.mov-wrap-03{margin-right: 0px;}
.box-wrap-3{margin-right: 0px;}
.mov-wrap-04{margin-right: 0px;}
.box-wrap-4{margin-right: 0px;}
.mov-wrap-05{margin-right: 0px;}
.mov-wrap-06{margin-right: 0px;}
.mov-wrap-07{margin-right: 0px;}

/* リンクのz-index問題が解決したあとPC側と共有できるか最後に見る */

.item1{z-index:2; }
.item2{z-index:1; }
.item3{z-index:2; position: relative; }
.item4{z-index:4; }
.item5{z-index:3; margin-top: -16px; }
.item6{z-index:4; }
.item7{z-index:3; margin-top: -40px; }
.item8{z-index:4; }
.item9{z-index:2; }
.item10{z-index:1; }
.item11{z-index:0; }/*　-1だとリンクが効かない　*/


/* ★　variable-cover ヨコ閲覧時のインナータテ幅クラスのheight値の削除（SP時）
　　　　　　　についてスタイルでの指定強度フォロー　 */

/* ★　S1　 */
.img-sections01{height: calc(100vw * 2.373)!important;}
.box-wrap-1{height: calc(100vw * 2.373)!important;}

/* ★　S2　 */
.mov-wrap-02{height: calc(100vw * 1) !important;}
.box-wrap-2{height: 100% !important;}

/* ★　S3　 */
.mov-wrap-03{height: calc(100vw * 1) !important;}
.box-wrap-3{height: 100% !important;}

/* ★　S4　 */
.mov-wrap-04{height: calc(100vw * 1.1) !important;}
.box-wrap-4{height: 100% !important;}

/* ★　S5　 */


/* ★　S6　 */
.img-sections06{height: calc(100vw * 3.013)!important;}
.box-wrap-6{height: calc(100vw * 3.013)!important;}

/*　pc、sp折り返し　*/
.pc-lapel{display: none;}
.sp-lapel{}
.maplink-lapel{}
/*　topコピーの表示切り替え　*/
.topcopy-display{display: none;}
.lastcopy-display{}

/*  webフォント指定  */
/*  タイトル  */
/*  セクション１〜４タイトル */
.section-title-a{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 5.3vw;
	letter-spacing: 0.8vw;
	padding-bottom: 9.3vw;
	line-height: 1.5;
}
/*  セクション5タイトル  */
.section-title-b{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 5.9vw;
	letter-spacing: 1.1vw;
	padding-bottom: 10.7vw;
	font-weight: normal;
}
/*  セクション6タイトル  */
.section-title-c{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 3.7vw;
	letter-spacing: 0.5vw;
}
/*  セクション6タイトル2  */
.section-title-c2{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 4vw;
	letter-spacing: 0.05rem;
	padding-bottom: 2.7vw;
}
/* スペーサー atc-type-d  */
.title-c-spacer{
	padding-bottom: 1.875rem;
}
/* スペーサー atc-type-d  */
.title-6-1-c-spacer{
	padding-bottom: 9.3vw;
}

/*  記事  */
/*  13pt カーニング40  */
p.atc-type-a{
	ont-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 3.5vw;
	letter-spacing: 0.04rem;
	line-height: 2;
}
/*  13pt カーニング30  */
p.atc-type-b{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 3.5vw;
	letter-spacing: 0.1vw;
	line-height: 2;
}
/*  11pt カーニング100  */
p.atc-type-c{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 2.9vw;
	letter-spacing: 0.5vw;
	line-height: 1.63;
}
/*  12pt カーニング 0  */
p.atc-type-d{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 3.2vw;
	line-height: 1.75;
}
/* スペーサー atc-type-d  */
.atcbox-6-1-spacer{
	padding-bottom: 9.3vw;
}
/*  13pt カーニング80  */
p.atc-type-e{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 3.5vw;
	letter-spacing: 0.08rem;
	line-height: 1.2;/**/
	padding-top: 0.6rem;
}
/* スペーサー 30px  */
.atcbox-30px-spacer{
	padding-bottom: 8vw;
}
/* スペーサー atc-type-e  */
.atcbox-6-2-spacer{
	padding-bottom: 6.6vw;
}
/*  コピーライト  */
p.copyright{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 0.625rem;
	letter-spacing: 0.1rem;
}
/*  ガイド  */
p.guide{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1rem;
	letter-spacing: 0.1rem;
}
/*  マップリンク  */
p.map-link{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 3.47vw;/*  3.2vw  */
	letter-spacing: 0.07rem;/*  0.05rem  */
	line-height: 1.66;
	text-align: center;
	width: -webkit-fill-available;
}
/*  マップリンク マーカー */
p.map-link svg{
	vertical-align: middle;
	position: relative;
	margin-right:0;
	width: 3.2vw;
}
/*  その他のリンク  */
p.another-link{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 2.8vw;/*  3.2vw  */
	letter-spacing: 0.05rem;/*  0.05rem  */
	/*line-height: 1.66;*/
	text-align: center;
	width: -webkit-fill-available;
}


/*  section  */
/*  common  */
.slider-shift-s5{
	margin-top: 11.3vh;/* S5のトップのマージン　*/
}


/*  top section  */
/* ------ hero title ------- */
.hero__title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
.hero__title h1 {
	width: 48%;
	z-index: 1;
}
.hero__title img {
	width: 100%;
}
.guide{
	position: absolute;
	bottom:100px;
	right: 10px;
	color: #fff;
	transform: rotate(90deg);
}

/*  画像切り替え  */
.forpc {display: none;}
.forsp {display: block;}


/*  section 1  */

/*　SP ラップ*/
.pin1-wrap{
	width: 100vw;
	height: calc(100vw * 2.373);
	overflow: hidden;
	position: relative;
}
/*　SP ターゲット*/
.mov-wrap-01{
	width: 100vw;
	height: calc((100vw * 2.373) * 2);
	overflow: hidden;
	position: relative;
	left: 0;
	top: calc((100vw * 2.373) * -1);
}
/*　SP オブジェクト*/
.img-sections01 {
	position: relative;
	left: 0;
	height: calc(100vw * 2.373);/*  ★ !important */
}
.img-sections01 img{
	width: 105vw;
	height: 105%;
}
.box-wrap-1{
	width: 100vw;
	height: calc(100vw * 2.373);/*  ★ !important */
	position: absolute;
	top: 0;
	display: flex;
 	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
}
.atcbox-1{
	margin-top: 26.7vw;
	margin-bottom: 13.3vw;
	width: 72%;
	z-index: 1;
	color: #fff;
	text-align: center;
}


/*  section 2  */
.mov-wrap-02{
	width: 100vw;
	height: calc(100vw * 1);
}
.img-sections02 {}
.img-sections02 img{
	width: 100vw;
	height: calc(100vw * 1.099);
	object-fit: cover;
}
.box-wrap-2{
	width: 100vw;
	height: 100%;
	display: flex;
 	justify-content: center;
	align-items: center;
	position: relative;
	background-image: url("../images/bg_roughness.jpg");
	overflow: hidden;
	top: 5vw;
	margin: -5vw 0;
}
.atcbox-2{
	text-align: center;
	padding: 24vw 0;
	width: 76%;
}
.atcbox-2 h3 {
	color: #333333;
}
.atcbox-2 p {
	color: #333333;
}


/*  section 3  */
.mov-wrap-03{
	width: 	100vw;
	height: calc(100vw * 1);/*  ★ !important */
}
.img-sections03 {}
.img-sections03 img{
	width: 100vw;
	height: calc(100vw * 1.099);
	object-fit: cover;
}
.box-wrap-3{
	width: 100vw;
	height: 100%;/*  ★ !important */
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("../images/bg_roughness.jpg");
	left: 10px;
	overflow: hidden;
	top: 5vw;
	margin: -5vw 0;
}
.atcbox-3{
	text-align: center;
	padding: 24vw 0;
	width: 76%;
}
.atcbox-3 h3 {
	color: #333333;
}
.atcbox-3 p {
	color: #333333;
}


/*  section 4  */
.mov-wrap-04{
	width: 100vw;
	height: calc(100vw * 1.1);/*  ★ !important */
}
.img-sections04 {
}
.img-sections04 img{
	width: 100vw;
	height: calc(100vw * 1.099);
	object-fit: cover;
}
.box-wrap-4{
	width: 100%;
	height: 100%;/*  ★ !important */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-image: url("../images/bg_roughness.jpg");
	overflow: hidden;
	top: 5vw;
	margin: -7vw 0;
}
.atcbox-4-1{
	text-align: center;
	padding: 24vw 0;
	width: 79%;
}
.atcbox-4-2{
	text-align: center;
	padding: 0 0 26.7vw 0;
	width: 86%;
}
.atcbox-4-1 h3 {
	color: #333333;
}
.atcbox-4-1 p {
	color: #333333;
}
.atcbox-4-2 img {
	width: 86vw;
	height: 100%;
}


/*  section 5  */
.mov-wrap-05{height: calc((100vw * 4.067) * 2)!important;}
.img-sections05{height: calc(100vw * 4.067)!important;}
.box-wrap-5{height: calc(100vw * 2.92)!important;}

/*　SP ラップ */
.pin5-wrap{
	width: 100vw;
	height: calc(100vw * 4.067);
	overflow: hidden;
	position: relative;
}
/*　SP ターゲット*/
.mov-wrap-05{
	width: 100vw;
	height: calc((100vw * 4.067) * 2);
	overflow: hidden;
	position: relative;
	left: 0;
	top: calc((100vw * 4.067) * -1);
}
/*　SP オブジェクト*/
.img-sections05 {
	display: flex;
	flex-direction: column;
	height: calc(100vw * 2.92);/* ★　!important */
}
.img-sections05 img{
	width: 100vw;
	height: calc(100vw * 1.099);
}

/*　SP オブジェクト*/
.box-wrap-5{
	width: 100vw;
	height: calc(100vw * 4.067);/* ★ !important　*/
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #0D1112;
	z-index: -1;
	/*イメージが下に隠れるのでこっちを下げる*/
}

.atcbox-5-1{
	text-align: center;
	width: 72.4%;
}
.atcbox-5-1 h3 {
	text-align: center;
	color: #fff;
	margin-top: 16vw;
}
.atcbox-5-1 p {
	color: #fff;
	white-space: normal;
	overflow-wrap: break-word;
	text-align: left;
}
.atcbox-5-2{
	text-align: center;
	position: relative;
	padding: 5.3vw 0 24vw 0;
}
.atcbox-5-2 p {
	color: #fff;
}
.atcbox-5-2 img{
	height: 7.4vh;
	width: calc(7.4vh * 2.68);
}


/*  section 6  */
/*　SP ラップ */
.pin6-wrap{
	width: 100vw;
	height: calc(100vw * 3.013);
	overflow: hidden;
	position: relative;
}
/*　SP ターゲット*/
.mov-wrap-06{
	width: 100vw;
	height: calc((100vw * 3.013) * 2);
	overflow: hidden;
	position: relative;
	left: 0;/* PCのカウンター*/
	top: calc((100vw * 3.013) * -1);
}
/*　SP オブジェクト*/
.img-sections06 {
	height: calc(100vw * 3.013);/* ★ !important　*/
	position: relative;
	left: 0;
}
.img-sections06 img{
	width: 105vw;
	height: 105%;
}
/*　SP オブジェクト*/
.box-wrap-6{
	width: 100vw;
	height: calc(100vw * 3.013);/* ★ !important　*/
	position: absolute;
	top: 0;
	display: flex;
 	justify-content: center;
	align-items: center;
	flex-direction: column;
	column-gap: 5.8%;
}
.atcbox-6-1{
	margin-top: 26.7vw;
	margin-bottom: 13.3vw;
	width: 72%;
	z-index: 1;
}
.atcbox-6-1 h3 {
	color: #fff;
}
.atcbox-6-1 h4 {
	color: #fff;
}
.atcbox-6-1 p {
	color: #fff;
	white-space: normal;
	overflow-wrap: break-word;
	text-align: left;
}
.atcbox-6-2{
	width: 72%;
	z-index: 1;
}
.atcbox-6-2 h3 {
	color: #fff;
}
.atcbox-6-2 p {
	color: #fff;
}

/* 　Last section */
#last-sections{}
/* SP ラップ*/
.pinLast-wrap{
	height: 100vh;
	position: relative;
}
/* SP ターゲット*/
.mov-wrap-last{
	width: 100vw;
	height: 200vh!important;
	top: -100Vh;
	overflow: hidden;
	position: relative;
	background-color: #0D1112;
}
/* SP オブジェクト*/
.inner-last{
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	position: absolute;
	left: 0;
}
.img-sections-last {
	position: absolute;
}
.img-sections-last img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: absolute;
	top:0;
}
/* SP オブジェクト*/
.atc-sections-last {
	position: relative;
	text-align: center;
}
.sec-end-title{
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	left: 0;
}
.sec-end-title img {
	width: 48vw;
}
.sec-end-title h2 {}

.map-link{
	position: absolute;
	bottom:27.7vw;
	line-height: 1.66;
}
.another-link{
	position: absolute;
	bottom:19.2vw;
}

#pointers{
	margin-bottom: 2.7vw;
}
.sp-copyright{
	position: absolute;
	text-align: center;
	bottom:10.6vw;/*  9.6vw  */
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #cecece;
	font-size: 2.7vw;/*  2.7vw  */
	letter-spacing: 0.07em;/*  0.12em */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

}/*  @media screen END  */

