/* ========================================================================
 modal-video.min.css 2.4.8
======================================================================== */
@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:960px;width:100%;height:100%;margin:0 auto;padding:0 10px;display:flex;justify-content:center;box-sizing:border-box}.modal-video-inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media (orientation: landscape){.modal-video-inner{padding:10px 60px;box-sizing:border-box}}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-45px;right:0;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}@media (orientation: landscape){.modal-video-close-btn{top:0;right:-45px}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}
/* ========================================================================
 slick.min.css 1.9.0
======================================================================== */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */

/* ========================================================================
 variables
======================================================================== */
:root {
	--duration-squarezoom: 1.2s;
	--easing-squarezoom: cubic-bezier(0.77, 0, 0.175, 1);
	--boxshadow-square: 0 0 15px rgba(255, 255, 255, 1), 0 0 15px rgba(255, 255, 255, 1) inset;
	--boxshadow-frame: 0 0 15px rgba(255, 255, 255, 1);
	--anim-delay1: 0.8s;
	--anim-delay2: 1s;
	--anim-delay3: 1.2s;
	--anim-delay4: 1.4s;
	--anim-delay5: 1.6s;
	--anim-delay6: 1.8s;
	--anim-delay7: 2s;
	--anim-delay8: 2.2s;
	--anim-ease1: cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 980px) {
	:root {
		--anim-delay1: 0s;
		--anim-delay2: 0.2s;
		--anim-delay3: 0.4s;
		--anim-delay4: 0.6s;
		--anim-delay5: 0.8s;
		--anim-delay6: 1s;
		--anim-delay7: 1.2s;
		--anim-delay8: 1.4s;
	}
}
/* ========================================================================
 body
======================================================================== */
body{
	height: 100dvh;
}
@media only screen and (max-width: 980px) {
	body{
		height: auto;
	}
}
/* ========================================================================
 loading
======================================================================== */
.loading{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	left:0;
	top: 0;
	background-image:url(/tour/_assets/img/loading_bg.webp);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left bottom;
	z-index: 102;
}
.loading:after{
	content:"";
	width:300px;
	aspect-ratio: 622 / 414;
	display: block;
	background-image:url(/tour/_assets/img/loading_image.webp);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:cover;
}
.loading .text {
	width: fit-content;
	margin-bottom:20px;
	display:flex;
	color: #fff;
	font-size: 14px;
	line-height:1;
}
.loading .text .word{
	margin-right:2px;
}
.loading .text .dot {
	margin-left:2px;
	position:relative;
	top:-1px;
	animation: dots 0.6s infinite steps(2, start);
}
.loading .text .dot:nth-child(2) {animation-delay: 0.2s;}
.loading .text .dot:nth-child(3) {animation-delay: 0.4s;}
@keyframes dots {
	0% { visibility: visible;}
	79% { visibility: visible;}
	80% { visibility: hidden;}
	100% { visibility: hidden;}
}

@media only screen and (max-width: 980px) {
	.loading:after{
		width:200px;
	}
	.loading .text {
		font-size:12px;
	}
}

/* ========================================================================
 all
======================================================================== */
#all{
	visibility:hidden;
	z-index:100;
}
/* ========================================================================
 gheader
======================================================================== */
#gheader{
	width:100%;
	position:absolute;
	left:0; top:0;
	z-index: 101;
}
#header-logo{
	width:218px;
	margin-top:25px;
	margin-left:30px;
	display: block;
}
#header-logo img{
	width:100%;
	display: block;
}

@media only screen and (max-width: 980px) {
	#gheader{
		width:100%;
		height:56px;
		position:fixed;
		background: linear-gradient(to right, var(--color-deepblue) 0%, var(--color-lightblue) 100%);
		transition: transform 0.3s 0.3s;
	}
	#gheader.hidden {
		transform: translateY(-56px);
	}
	#header-logo{
		width:138px;
		margin-top:10px;
		margin-left:13px;
	}
	#btMenu{
		width:56px;
		height:56px;
		background-image:none;
	}
	#btMenu:after{
		content:none;
	}
	#btMenu .text{
		margin-top:4px;
		margin-bottom: 6px;
		font-size: 11px;
	}
	#btMenu > div{
		width:32px;
		margin-bottom:4px;
		border-top:solid 1px rgba(255,255,255,0.8);
	}
}

/* ========================================================================
 sec
======================================================================== */
.sec {
	width: 100%;
	height: 100%;
	position: fixed;
	left:0;
	top: 0;
	color: #fff;
	visibility: hidden;
	opacity:0;
}
.sec .outer,
.sec .inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.sec .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left:0; top: 0;
	overflow: hidden;
}
.sec .bg:before{
	content:"";
	width: 100%;
	height: 100%;
	display:block;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
}
.sec .bg.bg-video{

}
.sec .bg-video-pc { display: block;}
.sec .bg-video-sp { display: none;}
@media only screen and (max-width: 980px) {
	.sec .bg-video-pc { display: none;}
	.sec .bg-video-sp { display: block;}
}
.sec .bg.bg-video:after{
	content:"";
	width: 100%;
	height: 100%;
	display:block;
	position:absolute;
	left:0; top:0;
	background-color:rgba(0,0,0,0.4);
}
.sec .bg.bg-video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.sec .contents{
	width: 100%;
	height: 100%;
	padding:100px 100px 100px clamp(240px, 15.5%, 100%);
	display: flex;
	align-items: center;
	position: absolute;
	left:0; top: 0;
	box-sizing: border-box;
	/* overflow-y: hidden; */
}
@media only screen and (max-width: 980px) {
	.sec {
		height: auto;
		position: relative;
		left:auto;
		top: auto;
		visibility: visible;
		opacity:1;
	}
	.sec .outer,
	.sec .inner {
		height: auto;
		position: relative;
		overflow: visible;
	}
	.sec .inner{
		clip-path: inset(0);
	}
	.sec .bg {
		/* height: auto; */
		position: absolute;
		left:0; right:0;
		top:0; bottom:0;
	}
	.sec .bg:before{
		position: absolute;
		/* position: fixed; */
		top: 0;
		left: 0;
		z-index: -1;
	}
	.sec .contents{
		height: auto;
		/* ↓scrollTriggerで発火位置がずれないようにするため可変するdvhではなくlvhにする */
		min-height: 100lvh;
		padding: 60px 54px 60px 5%;
		display:flex;
		flex-direction:column;
		justify-content:center;
		box-sizing:border-box;
		position: relative;
		left:auto; top: auto;
		box-sizing: border-box;
		overflow: hidden;
	}
	.sec .contents:has(.sec-insight){
		padding: 100px 54px 100px 5%;
	}
}
/* ------------------------------------------------------------------------
 contents-block
------------------------------------------------------------------------ */
.sec .contents-block{

}

/* ========================================================================
 secMain
======================================================================== */
/* ------------------------------------------------------------------------
 secMain_1
------------------------------------------------------------------------ */
#secMain_1 .shoulder{
    width: fit-content;
    padding: 5px 11px 6px;
	margin-bottom:15px;
	display: flex;
	background-color: rgba(255,255,255,0.7);
	opacity:0;
}
#secMain_1.anim .shoulder{
	animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay1) 1 normal forwards;
}
#secMain_1 .shoulder span{
	display: block;
	color:var(--color-deepblue);
	font-size:16px;
	font-weight:700;
	line-height:1.4;
}
#secMain_1 .shoulder span.business-content{
	margin-left:10px;
	padding-left:10px;
	border-left:solid 1px var(--color-deepblue);
}
#secMain_1 .secMain-title{
	margin-bottom:30px;
	filter: drop-shadow(0px 0px 10px rgba(6, 46, 177, 0.6));
	opacity:0;
}
#secMain_1.anim .secMain-title{
	animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay2) 1 normal forwards;
}
#secMain_1 .secMain-title .text1{
	margin-bottom: 0.25em;
	display:block;
	font-size:28px;
	font-weight:800;
	line-height:1.3;
}
#secMain_1 .secMain-title .text2{
	display:block;
	font-size:57px;
	font-weight:900;
	line-height:1.3;
}
#secMain_1 .desc-title{
	font-size:18px;
	font-weight:700;
	line-height:1.6;
}
#secMain_1 .desc-text{
	font-size:16px;
	font-weight:400;
	line-height:2;
}
@media only screen and (max-width: 980px) {

	#all #secMain_1 .sec-head{
		width:100%;
		padding: 80px 5% 40px 5%;
		position:absolute;
		left:0; right:0; top:0; bottom:0;
		box-sizing: border-box;
	}
	#all #secMain_1 .shoulder{
		margin-bottom:15px;
		letter-spacing: 0;
	}
	#all #secMain_1 .shoulder span{
		font-size:15px;
	}
	#all #secMain_1 .shoulder span.business-content{
		margin-left:6px;
		padding-left:6px;
	}
	#all #secMain_1 .secMain-title{
		/* margin-bottom:290px; */
	}
	#all #secMain_1 .secMain-title .text1{
		font-size:17px;
	}
	#all #secMain_1 .secMain-title .text2{
		font-size:36px;
	}
	#all #secMain_1 .desc{
		width: calc(100% - 5% - 54px);
		position:absolute;
		bottom:5%;
	}
	#all #secMain_1 .desc-title{
		margin-bottom:10px;
	}
	#all #secMain_1 .desc-text{
		line-height:1.8;
	}
	#all #secMain_1 .anim .shoulder{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay5) 1 normal forwards;
	}
	#all #secMain_1 .anim .secMain-title{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay6) 1 normal forwards;
	}
	#all #secMain_1 .anim .desc-title{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay7) 1 normal forwards;
	}
	#all #secMain_1 .anim .desc-text{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay8) 1 normal forwards;
	}
}
/* ------------------------------------------------------------------------
 square
------------------------------------------------------------------------ */
#square{
	position:absolute;
	opacity:0;
}
.sec.anim #square{
	animation: squareShow 0.6s ease-out 0.9s 1 normal forwards;
}
@keyframes squareShow{
    0%{
		scale:3;
        opacity:0;
    }
    100%{
		scale:1;
        opacity:1;
    }
}
#square .border{
	width:100%;
	height:100%;
	box-sizing: border-box;
	border:solid 6px #fff;
	box-shadow: var(--boxshadow-square);
	cursor: pointer;
	transition:scale 0.3s ease;
}
#square .border:hover{
	scale:1.1;
}
.sec.anim #square .border{
	animation: squareBlink 6.6s linear 1.6s infinite normal forwards;
}
@keyframes squareBlink {
	0% {box-shadow:var(--boxshadow-square);}
	0.75% {box-shadow: none;}
	1.5% {box-shadow:var(--boxshadow-square);}

	3% {box-shadow:var(--boxshadow-square);}
	3.75% {	box-shadow: none;}
	4.5% {box-shadow:var(--boxshadow-square);}

	6% {box-shadow:var(--boxshadow-square);}
	6.75% {	box-shadow: none;}
	7.5% {box-shadow:var(--boxshadow-square);}
}
#square span{
	display: inline-block;
	position:absolute;
	font-size: 16px;
	font-weight:700;
	line-height: 1.6;
	opacity:0;
}
.sec.anim #square span{
	animation: fadein 0.6s ease 1.8s 1 normal forwards;
}

/* ------------------------------------------------------------------------
 scroll
------------------------------------------------------------------------ */
#secMain_1 .scroll{
	width: 50px;
	aspect-ratio: 1 / 1;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
	opacity:0;
}
#secMain_1.anim .scroll{
	animation: fadein 0.6s ease var(--anim-delay1) 1 normal forwards;
}
#secMain_1 .scroll:before{
	content:"Scroll";
	display: inline-block;
	font-size:12px;
	font-weight:300;
	line-height: 1;
	letter-spacing: 0;
}
#secMain_1 .scroll:after{
	content:"";
	width:22px;
	aspect-ratio: 1 / 1;
	display: block;
	border-right:solid 1px rgba(255,255,255,0.8);
	border-bottom:solid 1px rgba(255,255,255,0.8);
	rotate:45deg;
}
@media only screen and (max-width: 980px) {
	#square{
		display: none;
	}
	#secMain_1 .scroll{
		display: none;
	}
}

/* ------------------------------------------------------------------------
 secMain_2
------------------------------------------------------------------------ */
#secMain_2{
	
}
#secMain_2 .contents{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#secMain_2 .contents-block{
	width:530px;
}
#secMain_2 .bluebox{
	width:100%;
	padding:30px 30px 37px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	background-color:rgba(6,46,177,0.3);
	opacity:0;
}
#secMain_2 .bluebox:before{
	content:"";
	margin:auto;
	display: block;
	position: absolute;
	left:5px; right:5px; top:5px; bottom:5px;
	border:solid 1px rgba(255,255,255,0.3);
}
#secMain_2 .bluebox span{
	display: inline-block;
}
#secMain_2 .bluebox .side{
	padding-bottom:7px;
	margin-bottom:17px;
	font-size:20px;
	font-weight:700;
	line-height: 1;
	border-bottom:solid 1px rgba(255,255,255,1);
}
#secMain_2 .furuya {
	margin-bottom:12px;
}
#secMain_2.anim .furuya {
	animation: slideinBtoT 0.6s var(--anim-ease1) 1s 1 normal forwards;
}
#secMain_2 .furuya .text1{
	margin-bottom:14px;
	font-size:22px;
	font-weight:700;
	line-height: 1.5;
}
#secMain_2 .furuya .text2{
	font-size:18px;
	font-weight:400;
	line-height: 1.7;
}
#secMain_2.anim .client {
	animation: slideinBtoT 0.6s var(--anim-ease1) 1.4s 1 normal forwards;
}
#secMain_2 .client .text1{
	margin-bottom:10px;
	font-size:18px;
	font-weight:400;
	line-height: 1.7;
}
#secMain_2 .client .text2{
	font-size:18px;
	font-weight:400;
	line-height: 1.7;
}
#secMain_2 .blueboxList{
	text-align: left;
}
#secMain_2 .blueboxList > li{
	padding-left:1.3em;
	margin-bottom:0.2em;
	position:relative;
	font-size:18px;
	font-weight:400;
	line-height: 1.7;
	box-sizing: border-box;
}
#secMain_2 .blueboxList > li:before{
	content:"";
	width:0.85em;
	height:0.85em;
	display: block;
	position:absolute;
	left:0;
	top:0.5em;
	background-color:#fff;
	border-radius: 50%;
}
#secMain_2 .arrow{
	width:98px;
	aspect-ratio: 204 / 76;
	margin:0 auto 16px;
	background-image:url(/tour/_assets/img/secmain_2_arrow.webp);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	opacity:0;
}
#secMain_2.anim .arrow{
	animation: slideinBtoT 0.6s var(--anim-ease1) 1.2s 1 normal forwards;
}
@media only screen and (max-width: 980px) {
	#secMain_2 .bg:before{
		background-position:center top;
	}
	#secMain_2 .contents{
		padding: 120px 54px 120px 5%;
	}
	#secMain_2 .contents-block{
		width:100%;
	}
	#secMain_2 .bluebox{
		width:100%;
		padding:25px 20px 32px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
		box-sizing: border-box;
		text-align: center;
		background-color:rgba(6,46,177,0.3);
	}
	#secMain_2 .bluebox:before{
		content:"";
		margin:auto;
		display: block;
		position: absolute;
		left:5px; right:5px; top:5px; bottom:5px;
		border:solid 1px rgba(255,255,255,0.3);
	}
	#secMain_2 .bluebox span{
		display: inline-block;
	}
	#secMain_2 .bluebox .side{
		padding-bottom:7px;
		margin-bottom:15px;
		font-size:15px;
	}
	#secMain_2 .furuya {
		margin-bottom:12px;
	}
	#secMain_2 .furuya .text1{
		margin-bottom:14px;
		font-size:15px;
	}
	#secMain_2 .furuya .text2{
		font-size:15px;
	}
	#secMain_2 .client .text1{
		margin-bottom:14px;
		font-size:15px;
	}
	#secMain_2 .client .text2{
		font-size:15px;
	}

	#secMain_2 .blueboxList > li{
		font-size:15px;
	}
	#secMain_2 .arrow{
		width:72px;
		margin:0 auto 16px;
	}
	#secMain_2 .contents-block.anim .furuya {
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay1) 1 normal forwards;
	}
	#secMain_2 .contents-block.anim .arrow{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay2) 1 normal forwards;
	}
	#secMain_2 .contents-block.anim .client {
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay3) 1 normal forwards;
	}
}






/* ========================================================================
 sec-head
======================================================================== */
.sec-head{
	width:560px;
	position:absolute;
	top:15%;
}
.sec-head .sec-title{
	margin-bottom:20px;
	display:flex;
	align-items: center;
	opacity:0;
}
.sec.anim .sec-head .sec-title{
	animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay1) 1 normal forwards;
}
.sec-head .sec-title .num{
	font-family: "Anta", sans-serif;
	font-size: 80px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: normal;
}
.sec-head .sec-title h2{
	margin-left:20px;
	font-size:36px;
	font-weight:700;
	line-height: 1.3;
}
.sec-head .desc-title{
	margin-bottom:10px;
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	opacity:0;
}
.sec.anim .sec-head .desc-title{
	animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay2) 1 normal forwards;
}
.sec-head .desc-text{
	font-size: 17px;
	font-weight: 700;
	line-height: 2;
	opacity:0;
}
.sec.anim .sec-head .desc-text{
	animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay3) 1 normal forwards;
}
@media only screen and (max-width: 980px) {
	.sec-head{
		width:100%;
		position:static;
	}
	.sec-head .sec-title{
		margin-bottom:40px;
	}
	.sec-head .sec-title .num{
		font-size: 50px;
	}
	.sec-head .sec-title h2{
		margin-left:12px;
		font-size:24px;
	}
	.sec-head .desc-title{
		margin-bottom:16px;
		font-size: 20px;
	}
	.sec-head .desc-text{
		font-weight: 400;
	}
	.sec-head.anim .sec-title{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay1) 1 normal forwards;
	}
	.sec-head.anim .desc-title{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay2) 1 normal forwards;
	}
	.sec-head.anim .desc-text{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay3) 1 normal forwards;
	}
}

/* ========================================================================
 sec-insight
======================================================================== */
.sec-insight{
	width:100%;
	max-width:1000px;
	margin-inline: auto;
	margin-bottom: 28px;
}
.sec-insight h3{
	width: 100%;
	margin-inline: auto;
	margin-bottom:10px;
	display: block;
	position:relative;
	font-family: "Anta", sans-serif;
	font-size:45px;
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: normal;
	text-align: center;
	z-index: 1;
	opacity:0;
}
.sec.anim .sec-insight h3{
	animation: fadein 0.6s ease var(--anim-delay2) 1 normal forwards;
}
.sec-insight h3:before,
.sec-insight h3:after{
	/* content:""; */
	display:block;
	position:absolute;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	animation: floatingY 1.8s ease-in-out infinite alternate-reverse;
}

.sec-insight .bottom-illust{
	position: relative;
	font-size:45px;
	opacity:0;
}
.sec.anim .sec-insight .bottom-illust{
	animation: fadein 0.6s ease var(--anim-delay2) 1 normal forwards;
}
.sec-insight .bottom-illust:before,
.sec-insight .bottom-illust:after{
	/* content:""; */
	display:block;
	position:absolute;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	animation: floatingY 1.8s ease-in-out infinite alternate-reverse;
}

.sec-insight .insight-frame{
	width: 100%;
	padding: 40px 45px 50px;
	position:relative;
	box-sizing: border-box;
}
.sec-insight .insight-frame:before{
	content:"";
	width:100%;
	height:100%;
	display: block;
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	box-sizing: border-box;
	border:solid 8px #fff;
	box-shadow:var(--boxshadow-frame);
	opacity:0;
}
.sec.anim .sec-insight .insight-frame:before{
	animation: zoomout 0.4s var(--anim-ease1) var(--anim-delay1) 1 normal forwards;
}
.sec-insight .insight-frame .desc-title{
	margin-bottom:30px;
	display:block;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	opacity:0;
}
.sec.anim .sec-insight .desc-title{
	animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay3) 1 normal forwards;
}
.sec .sec-insight .desc-content{
	opacity:0;
}
.sec.anim .sec-insight .desc-content{
	animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay4) 1 normal forwards;
}
.sec-insight .insight-frame .desc-text{
	font-size: 18px;
	font-weight: 400;
	line-height: 2;
}
.sec-insight .desc-content.width-image{
	display:flex;
	justify-content: space-between;
}
.sec-insight .desc-content.width-image .desc-text{
	width:48%;
	font-size:18px;
	line-height: 2;
}
@media only screen and (max-width: 1200px) {
	.sec-insight .desc-content.width-image .desc-text{
		font-size:17px;
	}
}
.sec-insight .desc-content.width-image .desc-image{
	width:48%;
	margin-top: 6px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
	align-self:flex-start;
}
.sec-insight .desc-content.width-image .desc-image img{
	width:100%;
	display: block;
}
/* @media only screen and (max-width: 1330px) {
	.sec-insight{
		width:100%;
	}
} */
@media only screen and (max-width: 980px) {
	.sec-insight{
		width:100%;
		margin-bottom:18px;
	}
	.sec-insight h3{
		font-size:25px;
	}
	.sec-insight h3:before{
		
	}
	.sec-insight .insight-frame{
		/* padding: 9.9338% 6.6225% 13.245%; */
		padding: clamp(0px, 9.9338%, 35px) clamp(0px,6.6225%,40px) clamp(0px,13.245%,45px);
	}
	.sec-insight .insight-frame .desc-title{
		margin-bottom:20px;
		font-size: 18px;
	}
	.sec-insight .insight-frame .desc-text{
		font-size: 16px;
	}
	.sec-insight.anim h3{
		animation: fadein 0.6s ease var(--anim-delay3) 1 normal forwards;
	}
	.sec-insight.anim .bottom-illust{
		animation: fadein 0.6s ease var(--anim-delay3) 1 normal forwards;
	}
	.sec-insight.anim .insight-frame:before{
		animation: zoomout 0.6s var(--anim-ease1) var(--anim-delay1) 1 normal forwards;
	}
	.sec-insight.anim .desc-title{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay3) 1 normal forwards;
	}
	.sec-insight.anim .desc-content{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay4) 1 normal forwards;
	}
	.sec-insight .desc-content.width-image{
		flex-direction:column;
	}
	#all .sec-insight .desc-content.width-image .desc-text{
		width:100%;
		margin-bottom:20px;
	}
	#all .sec-insight .desc-content.width-image .desc-image{
		width:96%;
		margin-top: 0;
		margin:0 auto;
	}
	.sec-insight .bottom-illust{
		font-size:25px;
	}
}

/* ========================================================================
 secnav
======================================================================== */
#secnav{
	height:100%;
	display:flex;
	flex-direction: column;
	justify-content:center;
	position:fixed;
	left:50px;
	top:0;
	z-index:100;
}
#secnav .secnav-title{
	margin: 0 0 0.5em -0.5em;
	display: inline-block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:1.6;
	transition: color 0.6s ease;
}
#secnav.black .secnav-title{
	color:var(--color-text-black);
}
.secnavList{
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
}
.secnavList:before{
	content:"";
	width:0;
	height:194px;
	display:block;
	position:absolute;
	left:0;
	border-left:solid 2px rgba(255,255,255,0.5);
	transition: border-color 0.6s ease;
}
#secnav.black .secnavList:before{
	border-left:solid 2px rgba(0,0,0,0.2);
}
.secnavList > li{
	height:32px;
	display: flex;
	align-items: center;
}
.secnavList > li:before{
	content:"";
	width:21px;
	height:21px;
	display:block;
	position:absolute;
	left:-10px;
	background-color:rgba(169,108,252,0.5);
	border-radius:50%;
	z-index:1;
	scale: 0;
	transition:scale 0.3s ease;
}
.secnavList > li.current:before{
	scale: 1;
}
.secnavList > li:after{
	content:"";
	width:15px;
	height:15px;
	display:block;
	position:absolute;
	left:-7px;
	background-color:rgba(169,108,252,1);
	border-radius:50%;
	z-index:2;
	scale: 0;
	transition:scale 0.6s ease;
}
.secnavList > li.current:after{
	scale: 1;
}
.secnavList > li a{
	padding:8px 0 8px 18px;
	display:flex;
	align-items:center;
	position:relative;
	color:#fff;
	font-size:16px;
	line-height:1;
	text-decoration:none;
	transition:color 0.6s ease;
}
#secnav.black .secnavList > li a{
	color:var(--color-text-black);
}
.secnavList > li a:before{
	content:"";
	width:7px;
	height:7px;
	display:block;
	position:absolute;
	left:-3px;
	background-color:#fff;
	border-radius:50%;
	z-index:3;
	transition: background-color 0.6s ease;
}
#secnav.black .secnavList > li a:before{
	background-color:var(--color-text-black);
}
#secnav.black .secnavList > li.current a:before{
	background-color:#fff;
}
@media only screen and (max-width: 980px) {
	#secnav{
		left:auto;
		right:8px;
	}
	#secnav:before{
		height:220px;
	}
	#secnav .secnav-title{
		display:none;
	}
	.secnavList > li{
		height:28px;
	}
	.secnavList > li a{
		font-size:13px;
	}
	.secnavList > li a > span{
		display:none;
	}
}

/* ========================================================================
 secMovie
======================================================================== */
#secMovie{

}
#secMovie .contents{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#secMovie .contents-block{
	width: clamp(0px, 80%, 738px);
	margin-bottom: 35px;
	position:relative;
}
#secMovie .contents-block:before{
	content:"";
	width:142%;
	aspect-ratio: 2047 / 657;
	display: block;
	position:absolute;
    left: -26%;
    top: 57%;
	background-image:url(/tour/_assets/img/secmovie_illust2.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity:0;
}
#secMovie.anim .contents-block:before{
	animation: fadein 0.9s ease var(--anim-delay5) 1 normal forwards;
}
#secMovie .text{
	width:fit-content;
	margin:0 auto 30px;
	display: block;
	position:relative;
	font-size:30px;
	font-weight:700;
	line-height:1.3;
	text-align: center;
	opacity:0;
}
#secMovie.anim .text{
	animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay1) 1 normal forwards;
}

#secMovie .text:before,
#secMovie .text:after{
	content:"";
	display: block;
	position:absolute;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#secMovie .text:before{
	width:50px;
	aspect-ratio: 100 / 114;
	left:-75px;
	top:-14px;
	background-image:url(/tour/_assets/img/secmovie_title_deco1.webp);
}
#secMovie .text:after{
	width:50px;
	aspect-ratio: 100 / 114;
	right:-75px;
	top:-14px;
	background-image:url(/tour/_assets/img/secmovie_title_deco2.webp);
}
#secMovie .bt-movie{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	opacity:0;
}
#secMovie.anim .bt-movie{
	animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay2) 1 normal forwards;
}
#secMovie .bt-movie:before{
	content:"";
	width:91.58%;
	aspect-ratio: 2047 / 657;
	display: block;
	position:absolute;
	left: -6%;
    top: 78%;
	background-image:url(/tour/_assets/img/secmovie_illust1.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	opacity:0;
}
#secMovie.anim .bt-movie:before{
	animation: fadein 0.9s ease var(--anim-delay5) 1 normal forwards;
}
#secMovie .thumbnail{
	width:100%;
	display: block;
}
#secMovie .icon-play{
	width:94px;
	aspect-ratio: 1 / 1;
	margin-bottom: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	background-color: rgba(255,255,255,0.7);
	border-radius:50%;
	overflow:hidden;
	transition:background-color 0.2s ease;
}
#secMovie .icon-play:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0; top:0;
	z-index:0;
	background: linear-gradient(to right, var(--color-deepblue) 0%, var(--color-lightblue) 100%);
	opacity:0;
	transition:opacity 0.2s ease-in-out;
}
@media (hover: hover) {
	#secMovie .bt-movie:hover .icon-play{
		background-color: transparent;
	}
	#secMovie .bt-movie:hover .icon-play:before{
		opacity:1;
	}
}
#secMovie .bt-movie .icon-play:after{
	content: "";
	width:0;
	height:0;
	margin-left: 10px;
	border-style:solid;
	border-width: 20px 0 20px 33px;
	border-color: transparent transparent transparent #5E8286;
    z-index: 1;
	transition:border-color 0.2s ease;
}
#secMovie .bt-movie:hover .icon-play:after{
	border-color: transparent transparent transparent #fff;
}
@media only screen and (max-width: 980px) {
	#secMovie .contents-block{
		width:100%;
        margin-bottom: 28px;
	}
	#secMovie .contents-block:before{
		width:22%;
		aspect-ratio: 144 / 192;
		left: 40%;
		top: -53%;
		background-image:url(/tour/_assets/img/secmovie_illust2_sp.webp);
	}
	#secMovie .contents-block.anim:before{
		animation: fadein 0.9s ease var(--anim-delay5) 1 normal forwards;
	}
	#secMovie .text{
		margin-bottom:30px;
		font-size:20px;
	}
	#secMovie .text:before {
		width: 33px;
		left: -50px;
		top: -10px;
	}
	#secMovie .text:after {
		width: 33px;
		right: -50px;
		top: -10px;
	}
	#secMovie .bt-movie:before{
		width:98%;
		aspect-ratio: 639 / 363;
		left: 3%;
		top: 77%;
		background-image:url(/tour/_assets/img/secmovie_illust1_sp.webp);
	}
	#secMovie .anim .bt-movie:before{
		animation: fadein 0.9s ease var(--anim-delay5) 1 normal forwards;
	}
	#secMovie .icon-play{
		width:75px;
	}
	#secMovie .anim .text{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay1) 1 normal forwards;
	}
	#secMovie .anim .bt-movie{
		animation: slideinBtoT 0.6s var(--anim-ease1) var(--anim-delay2) 1 normal forwards;
	}


	#secMovie .icon-play{
		width:80px;
	}
	#secMovie .bt-movie .icon-play:after{
        margin-left: 11px;
        border-width: 18px 0 18px 30px;
	}
}
@media only screen and (max-width: 768px) {
	#secMovie .icon-play{
		width:60px;
	}
	#secMovie .bt-movie .icon-play:after{
        margin-left: 9px;
		border-width: 14px 0 14px 24px;
	}
}
/* ------------------------------------------------------------------------
 modal video (modal-video.js)
------------------------------------------------------------------------ */
.modal-video-body {
	max-width: 1600px;
}
.modal-video-close-btn {
	width: 50px;
	height: 50px;
    top: -50px;
    right: -5px;
}
.modal-video-close-btn:before,
.modal-video-close-btn:after {
	background-color:rgba(255,255,255,0.7);	
}
/* ========================================================================
 secBottom
======================================================================== */
#secBottom{

}
#secBottom .contents{
	flex-direction: column;
	justify-content: center;
}
#secBottom .contents-block{
	width:100%;
	max-width:1034px;
}
/* ------------------------------------------------------------------------
 contents-block1
------------------------------------------------------------------------ */
#secBottom .contents-block1{
	
}
#secBottom h2 {
	width: fit-content;
	margin: 0 auto 27px;
	display: block;
	position:relative;
	font-size: 24px;
	font-weight: 700;
	translate: -10px;
}
#secBottom h2:before,
#secBottom h2:after{
	content:"";
	display: block;
	position:absolute;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#secBottom h2:before{
	width:110px;
	aspect-ratio: 220 / 167;
    left: -115px;
    top: -32px;
	background-image:url(/tour/_assets/img/secbottom_h2_illust1.webp);
}
#secBottom h2:after{
	width:106px;
	aspect-ratio: 212 / 151;
	right:-107px;
	top:-23px;
	background-image:url(/tour/_assets/img/secbottom_h2_illust2.webp);
}
#secBottom h2 br{
	display:none;
}

@media only screen and (max-width: 980px) {
	#secBottom h2 {
		margin-bottom:14px;
		font-size: 18px;
		line-height:1.5;
		text-align: center;
		translate:none;
	}
	#secBottom h2 br{
		display:block;
	}
	#secBottom h2:before{
        width: 93px;
        left: -97px;
        top: -2px;
	}
	#secBottom h2:after{
		width: 93px;
        right: -95px;
        top: 2px;
	}
}
/* ------------------------------------------------------------------------
 othersCarousel
------------------------------------------------------------------------ */
#othersCarousel-container{
	width:100%;
	margin:0 auto;
	position:relative;
}
#othersCarousel-container .inner-mask{
	width:100%;
	padding:0 2px;
	overflow: hidden;
}
#othersCarousel{
	width:calc(100% - 4px);
	margin:0 auto;
	position:relative;
	/* overflow: hidden; */
}
#othersCarousel .slick-list {
	margin: 0 -15px;
}
#othersCarousel .slick-slide{
	margin: 0 15px;
}
@media only screen and (max-width: 1100px) {
	#othersCarousel .slick-slide{
		margin: 0 12px;
	}
}
#othersCarousel .slide{
	aspect-ratio:216 / 246;
	position: relative;
	box-sizing: border-box;
	border:solid 1px rgba(255,255,255,1);
	overflow:hidden;
}
#othersCarousel .slide a{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
}
#othersCarousel .slide a:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position: absolute;
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
	transition:scale 0.4s ease;
}
#othersCarousel .slide1 a:before{background-image:url(/tour/_assets/img/secbottom_other1_bg.webp);}
#othersCarousel .slide2 a:before{background-image:url(/tour/_assets/img/secbottom_other2_bg.webp);}
#othersCarousel .slide3 a:before{background-image:url(/tour/_assets/img/secbottom_other3_bg.webp);}
#othersCarousel .slide4 a:before{background-image:url(/tour/_assets/img/secbottom_other4_bg.webp);}
#othersCarousel .slide5 a:before{background-image:url(/tour/_assets/img/secbottom_other5_bg.webp);}
#othersCarousel .slide6 a:before{background-image:url(/tour/_assets/img/secbottom_other6_bg.webp);}
#othersCarousel .slide7 a:before{background-image:url(/tour/_assets/img/secbottom_other7_bg.webp);}
@media (hover: hover) {
	#othersCarousel .slide a:hover:before{
		scale:1.15;
	}
}

#othersCarousel .slide a .text{
	width:100%;
	padding-top:19px;
	display:block;
	position: relative;
	color:#fff;
	font-size:20px;
	line-height:1.5;
	text-align:center;
}
#othersCarousel .slide6 a .text{
	font-size:16px;
}

#othersCarousel-container .bt-prev,
#othersCarousel-container .bt-next{
	width:60px;
	height:60px;
	margin:auto;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:0; bottom:0;
	/* background-color:#999; */
	cursor:pointer;
}
#othersCarousel-container .bt-prev{left:-70px;}
#othersCarousel-container .bt-next{right:-70px;}

#othersCarousel-container .bt-prev:before,
#othersCarousel-container .bt-next:before{
	content:"";
	width:23px;
	height:23px;
	display:block;
	position:absolute;
	box-sizing:border-box;
	border-top:solid 2px rgba(255,255,255,1);
	border-left:solid 2px rgba(255,255,255,1);
}
#othersCarousel-container .bt-prev:before{
	rotate: -45deg;
	translate: 6px;
}
#othersCarousel-container .bt-next:before{
	rotate: 135deg;
	translate: -6px;
}
@media only screen and (max-width: 980px) {
	#othersCarousel-container .inner-mask{
		/* width:100%; */
		padding:0;
		overflow: visible;
	}
	#othersCarousel{
		width:100%;
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	#othersCarousel .slick-list {
		margin: 0;
	}
	#othersCarousel .slick-slide{
		margin: 0;
	}
	#othersCarousel .slide{
		width: 47.5%;
		margin-bottom:5.5%;
	}
	#othersCarousel .slide a:before{
		transition:none;
	}
	#othersCarousel .slide1 a:before{background-image:url(/tour/_assets/img/secbottom_other1_bg.webp);}
	#othersCarousel .slide2 a:before{background-image:url(/tour/_assets/img/secbottom_other2_bg.webp);}
	#othersCarousel .slide3 a:before{background-image:url(/tour/_assets/img/secbottom_other3_bg.webp);}
	#othersCarousel .slide4 a:before{background-image:url(/tour/_assets/img/secbottom_other4_bg.webp);}
	#othersCarousel .slide5 a:before{background-image:url(/tour/_assets/img/secbottom_other5_bg.webp);}
	#othersCarousel .slide6 a:before{background-image:url(/tour/_assets/img/secbottom_other6_bg.webp);}
	#othersCarousel .slide a .text{
		padding-top:14px;
		font-size:clamp(13px,3.46vw,100px);
		z-index: 1;
	}
	#othersCarousel .slide6 a .text{
		font-size:clamp(12px,3.2vw,100px);
		letter-spacing: 0;
	}
	#othersCarousel-container .bt-prev,
	#othersCarousel-container .bt-next{
		display:none;
	}
}
/* ------------------------------------------------------------------------
 footer
------------------------------------------------------------------------ */
footer{
	width:100%;
}
/* ------------------------------------------------------------------------
 contents-block2
------------------------------------------------------------------------ */
#secBottom .contents-block2{
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}
#secBottom .bg:before {
	background-color: #000;
}
#secBottom .image{
	width:36.94%;
	position: relative;
	left: -15px;
	top: -25px;
}
#secBottom .image .illust{
	width: 100%;
	display: block;
	position: absolute;
}

#secBottom .text{
	width:60.74%;
	padding-top: 8.6%;
}
#secBottom .text .secBottom-logo.forPc{
	width:85.67%;
	margin-bottom:20px;
	display: block;
}
#secBottom .text .btbox{
	width:100%;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
}
#secBottom .text .btbox .bt-bordered{
	height:56px;
	padding: 0.8em 2em 0.9em;
}
#secBottom .text .btbox .bt-csite{
	/* width:49.68%; */
	width:calc((100% - 56px) * 0.5455 );
}
#secBottom .text .btbox .bt-recruit{
	/* width:37.74%; */
	width:calc((100% - 56px) * 0.4143 );
}
@media only screen and (max-width: 1330px) {
	#secBottom .text .btbox .bt-bordered{
		height:auto;
		padding-left: 0.5em;
		padding-right: 0.5em;
		display:flex;
		justify-content: center;
		align-items: center;
		font-size:15px;
	}
	#secBottom .text .btbox .bt-csite{
		/* width:48.86%; */
	}
	#secBottom .text .btbox .bt-recruit{
		/* width:36.65%; */
	}
}
@media only screen and (max-width: 980px) {
	#secBottom .contents{
		padding: 60px 54px 40px 5%;
	}
	#secBottom .contents-block2{
		flex-direction: column-reverse;
		position: relative;
	}
	#secBottom .image{
		width: 100%;
		padding-bottom:64%;
		position: relative;
		left: 0;
		top: 0;
	}
	#secBottom .image .illust{
		width: 74%;
		display: block;
		position: absolute;
		left: -8%;
		top: 6%;
	}
	#secBottom .image .secBottom-logo.forSp{
		width:46%;
		margin-bottom:0;
		margin-left: auto;
		position: absolute;
		right:0;
		top: 10%;
	}
	#secBottom .text{
		width:100%;
		padding-top: 8.6%;
		margin-bottom: 0;
		display: flex;
		flex-direction: column-reverse;
		z-index: 0;
	}
	#secBottom .text .secBottom-logo.forPc{
		display:none;
	}
	#secBottom .text .btbox{
		/* width:100%; */
		margin-bottom: 0;
		/* display: flex; */
		flex-direction: column;
	}
	#secBottom .text .btbox .bt-bordered{
		height:auto;
		display:flex;
		justify-content: center;
		align-items: center;
		font-size:15px;
	}
	#secBottom .text .btbox .bt-csite{
		width:100%;
		margin-bottom:10px;
	}
	#secBottom .text .btbox .bt-recruit{
		width:100%;
		margin-right:0;
		margin-left:0;
	}
}
@media only screen and (max-width: 550px) {
	#secBottom .image{
		padding-bottom:60%;
	}
}
@media only screen and (max-width: 450px) {
	#secBottom .image{
		padding-bottom:58%;
	}
	#secBottom .illust-furuyametal{
		width: 70%;
		position: absolute;
		left: -12%;
		top: 41%;
	}
}


#secBottom .bt-pagetop{
	aspect-ratio: 1 / 1;
	position:relative;
	box-sizing: border-box;
	background-color: rgba(255,255,255,1);
	border:solid 1px var(--color-text-black);
}
#secBottom .bt-pagetop.forPc{
	width:56px;
	height:56px;
	/* margin-left: auto; */
	display: flex;
}
#secBottom .bt-pagetop.forSp{
	width:40px;
	display: none;
}
#secBottom .bt-pagetop .arrow{
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position:absolute;
}
#secBottom .bt-pagetop .arrow:before{
	content:"";
	height:44%;
	width:0;
	display: block;
	position:absolute;
	border-left:solid 1px var(--color-text-black);
	transition:border-color 0.2s ease-in-out;
}
#secBottom .bt-pagetop .arrow:after{
	content:"";
	width:4px;
	aspect-ratio:1 / 1;
	display:block;
	position:absolute;
	top:28%;
	border-top:solid 1px var(--color-text-black);
	border-left:solid 1px var(--color-text-black);
	rotate:45deg;
	transition:border-color 0.2s ease-in-out;
}

#secBottom .bt-pagetop:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0; top:0;
	z-index:0;
	background: linear-gradient(to right, var(--color-deepblue) 0%, var(--color-lightblue) 100%);
	opacity:0;
	transition:opacity 0.2s ease-in-out;
}
#secBottom .bt-pagetop:hover:before{
	opacity:1;
}
#secBottom .bt-pagetop:hover .arrow:before,
#secBottom .bt-pagetop:hover .arrow:after{
	border-color:#fff;
}

#secBottom .copyright{
	width: 100%;
	margin-bottom:15px;
	font-size:12px;
	font-weight:300;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: right;
}
#secBottom .footer-extralinks{
	width:100%;
	max-width: 1034px;
	padding-top:10px;
	margin:0 auto;
	text-align: right;
	border-top:solid 1px rgba(255,255,255,0.8);
}
#secBottom .footer-extralinks a{
	margin-left:20px;
	display:inline-block;
	font-size:12px;
	font-weight:600;
	line-height:1.5;
}
#secBottom .footer-extralinks a:first-child{
	margin-left:0;
}

@media only screen and (max-width: 980px) {
	#secBottom .bt-pagetop.forPc{
		display: none;
	}
	#secBottom .bt-pagetop.forSp{
		margin: -25px 0 25px auto;
		display: flex;

	}
	#secBottom .copyright {
		margin-bottom: 12px;
		text-align: center;
	}
	#secBottom .footer-extralinks{
		text-align: center;
	}
	#secBottom .footer-extralinks a{
		margin-left:12px;
		display:inline-block;
		font-size:11px;
		font-weight:600;
		line-height:1.5;
		letter-spacing: 0;
	}
}

/* ------------------------------------------------------------------------
 Aniamtions
------------------------------------------------------------------------ */
/* fadein fadeout */
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
/* slideinBtoT */
@keyframes slideinBtoT{
    0%{
		transform:translateY(60px);
		opacity:0;
	}
    100%{
		transform:translateY(0);
		opacity:1;
	}
}
/* zoomout */
@keyframes zoomout{
    0%{
		scale:1.35;
		opacity:0;
	}
    100%{
		scale:1;
		opacity:1;
	}
}
/* floatingY */
@keyframes floatingY {
	0% {transform: translateY(-11px);}
	100% {transform: translateY(11px);}
}
@media only screen and (max-width: 980px) {
	@keyframes floatingY {
		0% {transform: translateY(-8px);}
		100% {transform: translateY(8px);}
	}
}