@charset "utf-8";
@media all and ( max-width: 1280px ){
	#header.fixed.scroll-down{transform: translateY(-10rem);}
	.info-link-circle{top: -33rem;}
	.main-tit-box{transform: translateY(5rem);}
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}

	@keyframes text-active-animation-reverse {
		from {
			opacity: 0;
			filter: Alpha(opacity=0);
			-webkit-transform: translateX(-200px);
			transform: translateX(-200px);
		}
	
		to {
			opacity: 1.0;
			filter: Alpha(opacity=100);
			-webkit-transform: translateX(-170px);
			transform: translateX(-170px);
		}
	}
	.main-tit-box .main-tit{font-size: 1.8rem;}
	.info-list-con .list-item .tit{margin-bottom: 0;}
	.info-list-con .list-item .info{margin-bottom: .5rem; line-height: 1.1;}
	.info-link-circle .circle .tit-box .tit{font-size: 2.4rem;}
	.info-list-con{padding: 5.5rem 0;}
	.info-list-con .info-logo svg{max-width: 70%;}
	.info-list-con .info-logo{top: 5%;}
	.info-link-circle .circle{padding-top: 22rem;}
	.info-link-circle{width: 22rem;}
	@keyframes mainConCircle01 {
		0% {
			transform: translateY(-40rem);
			opacity: 0
		}
	
		33% {
			transform: translateY(0rem);
			opacity: 0
		}
	
		66% {
			transform: translateY(20rem);
			opacity: 0
		}
	
		100% {
			transform: translateY(36rem);
			opacity: 1;
			background: rgba(246, 215, 93, 0.5);
			backdrop-filter: blur(20px);
		}
	}
	
	@keyframes mainConCircle02 {
		0% {
			transform: translateY(-40rem);
			opacity: 0
		}
	
		33% {
			transform: translateY(0rem);
			opacity: 0
		}
	
		66% {
			transform: translateY(15rem);
			opacity: 1;
			background: rgba(163, 123, 45, 0.55);
			backdrop-filter: blur(20px);
		}
	
		100% {
			transform: translateY(18rem);
			opacity: 1;
			background: rgba(182, 142, 54, 0.55);
			backdrop-filter: blur(20px);
		}
	}
	
	@keyframes mainConCircle03 {
		0% {
			transform: translateY(-40rem);
			opacity: 0
		}
	
		33% {
			transform: translateY(0rem);
			opacity: 1;
			background: var(--main-color);
			backdrop-filter: blur(20px);
		}
	
		66% {
			transform: translateY(0rem);
			opacity: 1;
			background: var(--main-color);
			backdrop-filter: blur(20px);
		}
	
		100% {
			transform: translateY(0rem);
			opacity: 1;
			background: var(--main-color);
			backdrop-filter: blur(20px);
		}
	}
	
}
@media all and ( max-width: 800px ){
	.main-visual-con{border-bottom-left-radius: 4rem;}

	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	.main-visual-img-inner{width:100%; top:auto; bottom:0; align-items: flex-end;}
	.main-visual-img-inner span{margin-bottom:10vh;}

	.main-visual-txt-box{align-items: flex-start;}
	.main-visual-txt-box .main-visual-txt-inner{width:100% !important; margin-top:25vh; margin-left: 0% !important;}
	.main-visual-txt-box .main-visual-txt1{font-size:4.8rem}

	.main-visual-conuter{width:calc(100% - 8rem); bottom:3.4rem; left:auto; right:0;}
	.main-visual-conuter .main-visual-bar{width:calc(100% - 11.4rem);}

	.main-visual-arrows{width:11.4rem;}

	.main-scroll-icon{bottom:3.4rem; left:3.4rem;}
	.main-scroll-icon span:before{width:5rem; height:5rem;}

	@keyframes text-active-animation-twox {
		from {
			opacity: 0;
			filter: Alpha(opacity=0);
			-webkit-transform: translateX(-100px);
			transform: translateX(-100px);
		}
	
		to {
			opacity: 1.0;
			filter: Alpha(opacity=100);
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
	}

	@keyframes text-active-animation {
		from {
			opacity: 0;
			filter: Alpha(opacity=0);
			-webkit-transform: translateX(180px);
			transform: translateX(180px);
		}
	
		to {
			opacity: 1.0;
			filter: Alpha(opacity=100);
			-webkit-transform: translateX(50px);
			transform: translateX(50px);
		}
	}

	@keyframes text-active-animation-reverse {
		from {
			opacity: 0;
			filter: Alpha(opacity=0);
			-webkit-transform: translateX(-150px);
			transform: translateX(-150px);
		}
	
		to {
			opacity: 1.0;
			filter: Alpha(opacity=100);
			-webkit-transform: translateX(-50px);
			transform: translateX(-50px);
		}
	}
	.main-visual-item.white .main-visual-txt-box .main-visual-txt1{color: #111;}
	.main-visual-item.white .main-visual-txt-box .main-visual-txt1.cm-ar{color: var(--main-color);}
}

@media all and ( max-width: 800px ){
	
	.main-tit-box .main-sub-tit{font-size:3.6rem; margin-bottom:1.5rem;}
}

@media all and ( max-width: 800px ){
	#mainContent1{height:auto !important; padding-top:8rem;}
	#mainContent1 .main-tit-box{width:100%}

	.main-info-con{background:transparent; margin-top:8rem;}
	.main-info-con:before,
	.main-info-con:after{display: none;}
	.info-link-circle{position: relative; width:100%; top:auto; right:auto;}
	.info-link-circle .circle{position: relative; padding-top:20rem; border-radius:10rem; animation: none !important; transform: translateY(0rem);}
	.info-link-circle .circle:nth-child(2){transform:translateY(-4rem);}
	.info-link-circle .circle:nth-child(3){transform:translateY(-8rem);}
	
	.info-link-circle .circle:nth-child(1){background:var(--main-color); backdrop-filter: blur(20px); /* transform:translateY(-40rem); */}
	.info-link-circle .circle:nth-child(2){background:rgba(163, 123, 45, 0.55); backdrop-filter: blur(20px); /* transform:translateY(-20rem); */}
	.info-link-circle .circle:nth-child(3){background:rgba(246, 215, 93, 0.5); backdrop-filter: blur(20px); /* transform:translateY(0rem); */}
	.animated .info-link-circle .circle:before,
	.animated .info-link-circle .circle .tit-box{transition-delay:0s !important;}

	.info-list-con{position: relative; flex-direction:column;}
	.info-list-con:before{position: absolute; content:''; width:100vw; height:100%; background:#f5f5f5; top:0; left:50%; transform:translateX(-50%);}
	.info-list-con .info-logo{text-align:center; top:3rem;}
	.info-list-con .list-item{width:100%; text-align:center; margin-bottom:5rem; margin-left: 0;}
	.info-list-con .list-item:last-child{margin-bottom:0;}
}
@media all and (max-width:480px){
	.info-list-con .info-logo{text-align:center; top:3.8rem;}
}



@media all and ( max-width: 800px ){
	.main-prd-img-box{background:#fff;}
	.prd-cover-list{display: block; margin-top:8rem;}
	.prd-cover-list .list-item{width:100%; margin-bottom:1.2rem;}
	.prd-cover-list .list-item .bg{background-size:100%; background-position:center !important; transform: none !important; height:100%; top:auto;}
	.prd-cover-list .list-item .inner{padding-top:16rem; transform: none !important;}
	.prd-cover-list .list-item .inner .plus{display: none;}
	.prd-cover-list .list-item .inner:before,
	.prd-cover-list .list-item .inner:after{display: none;}
	.prd-cover-list .list-item .inner .txt-box{top:0 !important; bottom:auto !important; height:16rem; padding:0 4rem; justify-content:center;}
	.prd-cover-list .list-item .inner .txt-box .txt{display: none;}
}



@media all and (max-width:800px){
	#mainContent3{margin-bottom:10rem;}
	.main-global-bg .country.country01{margin-top: -2.9rem; margin-left: -9.1rem;}
	.main-global-bg .country.country02{margin-top: -2.8rem; margin-left: -6.9rem;}
	.main-global-bg .country.country03{margin-top: 0rem; margin-left: -11rem;}
	.main-global-bg .country.country04{margin-top: 0.8rem; margin-left: -12.6rem;}

	.flow-logo .flow-item {transition:all 1s linear;}
	.flow-logo .flow-item{transform:translateX(100vw);}
	.flow-logo.reverse .flow-item{transform:translateX(-100vw);}
	.main-partner-logo.animated .flow-logo .flow-item{animation-delay:1s;}
	.main-partner-logo.animated .flow-logo.reverse .flow-item{animation-delay:1s;}
}
@media all and (max-width:640px){
	.main-global-bg .country.country01{margin-top: -2.2rem; margin-left: -7.2rem;}
	.main-global-bg .country.country02{margin-top: -2.1rem; margin-left: -5rem;}
	.main-global-bg .country.country03{margin-top: 0.7rem; margin-left: -9.1rem;}
	.main-global-bg .country.country04{margin-top: 1.5rem; margin-left: -10.7rem;}
}
@media all and (max-width:480px){
	.main-global-bg .country.country01{margin-top: -1.8rem; margin-left: -5.7rem;}
	.main-global-bg .country.country02{margin-top: -1.7rem; margin-left: -4.3rem;}
	.main-global-bg .country.country03{margin-top: 0.7rem; margin-left: -9.1rem;}
	.main-global-bg .country.country04{margin-top: 0.5rem; margin-left: -7.7rem;}
}
@media all and (max-width:412px){
	.main-global-bg .country.country01{margin-top: -1.6rem; margin-left: -5rem;}
	.main-global-bg .country.country02{margin-top: -1.5rem; margin-left: -3.8rem;}
	.main-global-bg .country.country03{margin-top: -0.1rem; margin-left: -6.9rem;}
	.main-global-bg .country.country04{margin-top: -3rem;
        margin-left: 11.5rem;}
}

@media all and (max-width:1480px){
	#mainContent5 .inner-area{width:100%; max-width:none; padding:var(--area-padding);}
}
@media all and (max-width:800px){
	.history-column-list .history-item:nth-child(odd){transform: translateX(0);}
	.main-content4-bg{background-position:center; height:100vh; background-image: url(../images/bottombgsm.jpg);}
	#mainContent4 .main-bottom-inner{justify-content: flex-end;}
	#mainContent4 .main-circle-menu-list{margin:5vh 0 10vh;}
	#mainContent4 .main-tit-box .main-txt{display: none;}
	.main-circle-menu-list{width:100%; max-width:405px;}
	.main-circle-menu-list .list-item{max-width:80%;}
	.main-circle-menu-list .list-item a .txt{width:100%; text-align:center;}

	.main-content5-bg{background-position:center; height:100vh}
	#mainContent5 .main-tit-box{width:100%;}
	#mainContent5 .main-tit-box .main-txt{display: none;}
	#mainContent5 .main-circle-menu-list{margin:5vh 0 10vh;}
	#mainContent5 .main-bottom-inner{flex-direction:column; justify-content: flex-end; width:calc(100vw - (2 * var(--area-padding)));}
}