@charset "UTF-8";

/*-------------------------------------------------------------------

	top header

-------------------------------------------------------------------*/
.page_top .header_logo{
	transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
}

/*-------------------------------------------------------------------

	top_splash

-------------------------------------------------------------------*/
#top_splash,#top_splash .inner{
	width: 100%;
	height: calc(100vh + 2rem);
	overflow: hidden;
}
#top_splash .inner{
	position: fixed;
}
#top_splash_svg{
	width:1920px;
	height:1080px;
	position: absolute;
	top: calc(50vh - 540px);
	left: calc(50vw - 960px);
}
#top_splash_svg .splash_blue {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #014099;
}
#top_splash_svg .splash_black {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #3F3A39;
}
#top_splash_svg g,
#top_splash_svg path{
	transform-box:fill-box;
	transform-origin: center;
}
/* SP */
@media screen and (max-width: 940px) {
	#top_splash,#top_splash .inner{
		height: 100vh;
	}
}

/* -------------------------------------------- */
/* triangle_left */
#top_splash_svg #triangle_left_wrapper{
	transform: translate(-900px, -600px);
}
#top_splash_svg #triangle_left_wrapper.move{
	animation: triangle_left_wrapper_keyframe forwards 4s;
}
@keyframes triangle_left_wrapper_keyframe {
	0%{
		transform: translate(-900px, -600px);
	}
	12%{
		transform: translate(50px, -240px);
	}
	24%{
		transform: translate(40px, -230px);
	}
	30%{
		transform: translate(-30px, -10px);
	}
	30%{
		transform: translate(50px, 0);
	}
	97%{
		transform: translate(50px, 0);
	}
	100%{
		transform: translate(0, 0);
	}
}
#top_splash_svg #triangle_left.move{
	animation: triangle_left_keyframe forwards 4s;
}
@keyframes triangle_left_keyframe {
	0%{
		transform: rotate(900deg);
	}
	12%{
		transform: rotate(80deg);
	}
	24%{
		transform: rotate(-200deg);
	}
	30%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(0);
	}
}

/* -------------------------------------------- */
/* triangle_center */
#top_splash_svg #triangle_center_wrapper{
	transform: translate(900px, 600px);
}
#top_splash_svg #triangle_center_wrapper.move{
	animation: triangle_center_wrapper_keyframe forwards 4s;
}
@keyframes triangle_center_wrapper_keyframe {
	0%{
		transform: translate(900px, 400px);
	}
	14%{
		transform: translate(-350px, 140px);
	}
	23%{
		transform: translate(-280px, 180px);
	}
	25%{
		transform: translate(-200px, 220px);
	}
	34%{
		transform: translate(50px, 0);
	}
	97%{
		transform: translate(50px, 0);
	}
	100%{
		transform: translate(0, 0);
	}
}
#top_splash_svg #triangle_center.move{
	animation: triangle_center_keyframe forwards 4s;
}
@keyframes triangle_center_keyframe {
	0%{
		transform: rotate(700deg);
	}
	14%{
		transform: rotate(80deg);
	}
	23%{
		transform: rotate(220deg);
	}
	25%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(0);
	}
}

/* -------------------------------------------- */
/* triangle_right */
#top_splash_svg #triangle_right_wrapper{
	transform: translate(900px, 600px);
}
#top_splash_svg #triangle_right_wrapper.move{
	animation: triangle_right_wrapper_keyframe forwards 4s;
}
@keyframes triangle_right_wrapper_keyframe {
	0%{
		transform: translate(600px, -600px);
	}
	16%{
		transform: translate(550px, 140px);
	}
	24%{
		transform: translate(520px, 180px);
	}
	27%{
		transform: translate(200px, 30px);
	}
	31%{
		transform: translate(50px, 0);
	}
	97%{
		transform: translate(50px, 0);
	}
	100%{
		transform: translate(0, 0);
	}
}
#top_splash_svg #triangle_right.move{
	animation: triangle_right_keyframe forwards 4s;
}
@keyframes triangle_right_keyframe {
	0%{
		transform: rotate(900deg);
	}
	16%{
		transform: rotate(200deg);
	}
	24%{
		transform: rotate(40deg);
	}
	27%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(0);
	}
}

/* -------------------------------------------- */
/* splash_EverAd */
#splash_EverAd{
	transform: translateX(50px);
}
#splash_EverAd.move{
	animation: splash_EverAd_keyframe 4s forwards;
}
@keyframes splash_EverAd_keyframe {
	0% { transform: translateX(50px); }
	97% { transform: translateX(50px); }
	100% { transform: translateX(0); }
}
#splash_EverAd .splash_black{
	fill:transparent;
	stroke:#000;
	stroke-width:1;
	stroke-miterlimit:50;
	stroke-dasharray: 150;
	stroke-dashoffset: 150;
}
#splash_EverAd.move .splash_black{
	animation: strokeAnimation 4s forwards;
}
@keyframes strokeAnimation {
	0% { stroke-dashoffset: 150; }
	50% { stroke-dashoffset: 150; }
	80% { stroke-dashoffset: 0; stroke:#000; fill:transparent; }
	97% { stroke-dashoffset: 0; stroke:transparent; fill:#3F3A39; }
	100% { stroke-dashoffset: 0; stroke:transparent; fill:#3F3A39; }
}

/* -------------------------------------------- */
/* splash_jp */
#splash_jp{
	opacity: 0;
	transform: translateX(50px);
}
#splash_jp.move{
	animation: splash_jp_keyframe 4s forwards;
}
@keyframes splash_jp_keyframe {
	0% { transform: translateX(50px); opacity: 0; }
	60% { transform: translateX(50px); opacity: 0; }
	97% { transform: translateX(50px); opacity: 1; }
	100% { transform: translateX(0); opacity: 1; }
}

/* -------------------------------------------- */
/* splash_Recruit */
#Recruit_1,
#Recruit_2-7{
	opacity: 0;
}
#Recruit_1.move{
	animation: Recruit_1_keyframe 0.7s forwards;
}
@keyframes Recruit_1_keyframe {
	0% { transform: translateY(50px); opacity: 0; }
	25% { transform: translateY(-20px); opacity: 1; }
	30% { transform: translateY(-24px); opacity: 1; }
	35% { transform: translateY(-20px); opacity: 1; }
	60% { transform: translateY(0); opacity: 1; }
	62% { transform: translateY(0); opacity: 1; }
	80% { transform: translateY(-7px); opacity: 1; }
	81% { transform: translateY(-9px); opacity: 1; }
	82% { transform: translateY(-7px); opacity: 1; }
	100% { transform: translateY(0); opacity: 1; }
}
#Recruit_2-7.move{
	animation: Recruit_2-7_keyframe 0.7s forwards;
}
@keyframes Recruit_2-7_keyframe {
	0% { transform: translateX(10px); opacity: 0; }
	100% { transform: translateX(0); opacity: 1; }
}

/* -------------------------------------------- */
/* icon_scroll */
.icon_scroll{
	bottom: 6vh;
	left: calc(50vw - 17px);
	opacity: 0;
	position: absolute;
	transition: all 3s ease-out;
	width: 34px;
}
.icon_scroll.move{
	bottom: calc(2vh + 2rem);
	opacity: 1;
	animation: icon_scroll_keyframe 6s infinite ease-out;
}
@keyframes icon_scroll_keyframe {
	0% { transform: translateY(-50px); }
	50% { transform: translateY(0); }
	90% { transform: translateY(0); }
	100% { transform: translateY(-50px); }
}

#icon_scroll_text{
	fill: url(#icon_scroll_gradient);
}
#icon_scroll_stop1{
	animation: icon_scroll_step 3s linear infinite;
}
#icon_scroll_stop2{
	animation: icon_scroll_step 3s 0.2s linear infinite;
}
#icon_scroll_stop3{
	animation: icon_scroll_step 3s 0.4s linear infinite;
}
@keyframes icon_scroll_step{
	0% {
		stop-color: #fff;
	}
	20% {
		stop-color: #fff;
	}
	25% {
		stop-color: #333;
	}
	75% {
		stop-color: #333;
	}
	80% {
		stop-color: #fff;
	}
	100% {
		stop-color: #fff;
	}
}
/* SP */
@media screen and (max-width: 940px) {
	.icon_scroll{
		bottom: 14vh;
		left: calc(50vw - 5vw);
		width: 10vw;
	}
	.icon_scroll.move{
		bottom: 10vh;
	}
}

/*-------------------------------------------------------------------

	top_mv

-------------------------------------------------------------------*/
#top_mv{
	height: 1315px;
	position: relative;
	overflow: hidden;
}
#top_mv .contents_w{
	height: 1315px;
}
@media screen and (max-width: 1357px) {
	#top_mv,
	#top_mv .contents_w{
		height: 96.9049vw;
	}
}
#top_mv .contents_w{
	overflow: visible;
}
#top_mv .top_mv_h1{
	position: relative;
	z-index: 2;
}
#top_mv .en{
	animation: AnimationTitle 3s linear infinite;
	font-size: 31px;
	position: absolute;
	left: 0;
	top: 230px;
	background: linear-gradient(125deg, #ffb5ff, #c7ceff, #ffb5ff, #c7ceff, #ffb5ff);
	background-size: 200% 100%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@keyframes AnimationTitle {
    0%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
#top_mv .jp{
	font-size: 70px;
	position: absolute;
	left: 0;
	top: 365px;
}
@media screen and (max-width: 1357px) {
	#top_mv .en{
		font-size: 2.28445vw;
		top: 16.9492vw;
	}
	#top_mv .jp{
		font-size: 5.15844vw;
		top: 26.8976vw;
	}
}

/* top_mv photo */
.top_mv_hexagons,
.top_mv_bg{
	position: absolute;
	width: 100%;
	height: 100%;
}
.top_mv_hexagons{
	width: calc(100% - 10vw);
}

.mv_bg_01{
	animation-delay: -0.5s;
	width: 36.0675%;
	padding-bottom: 41.135%;
	left: -12.6616%;
	margin-top: 50.9325%;
}
.mv_bg_02{
	animation-delay: -1.5s;
	width: 31.9241%;
	padding-bottom: 36.3491%;
	left: 5.4116%;
	margin-top: 8.8983%;
}
.mv_bg_03{
	animation-delay: -2.5s;
	width: 20.31%;
	padding-bottom: 22.9375%;
	left: 30.8075%;
	margin-top: 77.93%;
}
.mv_bg_04{
	animation-delay: -3.5s;
	width: 48.2425%;
	padding-bottom: 55.19%;
	left: 40.505%;
	margin-top: 23.9766%;
}
.mv_bg_05{
	animation-delay: -4.5s;
	width: 24.6116%;
	padding-bottom: 27.9066%;
	left: 91.505%;
	margin-top: 42.5525%;
}

.mv_1_01{
	animation-delay: -8s;
	width: 26.4633%;
	padding-bottom: 30.0416%;
	left: 0.065%;
	margin-top: 58.1016%;
}
.mv_1_02{
	animation-delay: -7s;
	width: 19.5416%;
	padding-bottom: 22.0525%;
	left: 31.0183%;
	margin-top: 48.8258%;
}
.mv_1_03{
	animation-delay: -6s;
	width: 20.0525%;
	padding-bottom: 22.6408%;
	left: 41.9166%;
	margin-top: 1.0133%;
}
.mv_1_04{
	animation-delay: -5s;
	width: 28.2191%;
	padding-bottom: 32.07%;
	left: 47.8383%;
	margin-top: 64.81%;
}
.mv_1_05{
	animation-delay: -4s;
	width: 20.805%;
	padding-bottom: 23.5108%;
	left: 58.2966%;
	margin-top: 38.755%;
}
.mv_1_06{
	animation-delay: -3s;
	width: 31.255%;
	padding-bottom: 35.5758%;
	left: 68.7058%;
	margin-top: 4.4866%;
}
.mv_1_07{
	animation-delay: -2s;
	width: 16.4866%;
	padding-bottom: 18.5233%;
	left: 79.9691%;
	margin-top: 56.4425%;
}
.mv_1_08{
	animation-delay: -1s;
	width: 19.445%;
	padding-bottom: 21.94%;
	left: 82.1666%;
	margin-top: 78.4608%;
}

.mv_2_01{
	animation-delay: -6s;
	width: 28.2191%;
	padding-bottom: 32.07%;
	left: 0.0883%;
	margin-top: 59.8933%;
}
.mv_2_02{
	animation-delay: -5s;
	width: 22.0108%;
	padding-bottom: 24.9008%;
	left: 35.8908%;
	margin-top: 47.7941%;
}
.mv_2_03{
	animation-delay: -4s;
	width: 20.805%;
	padding-bottom: 23.5108%;
	left: 53.2966%;
	margin-top: 6.1716%;
}
.mv_2_04{
	animation-delay: -3s;
	width: 26.4633%;
	padding-bottom: 30.0416%;
	left: 56.6483%;
	margin-top: 66.935%;
}
.mv_2_05{
	animation-delay: -2s;
	width: 35.1091%;
	padding-bottom: 40.0283%;
	left: 64.8541%;
	margin-top: 27.5366%;
}
.mv_2_06{
	animation-delay: -1s;
	width: 16.4866%;
	padding-bottom: 18.5233%;
	left: 80.0525%;
	margin-top: 2.7758%;
}

.mv_fade_1_01{
	animation: mv_fade_keyframe infinite 20s -6s;
}
.mv_fade_2_01{
	animation: mv_fade_keyframe infinite 20s -16s;
}

.mv_fade_1_02{
	animation: mv_fade_keyframe infinite 20s -5s;
}
.mv_fade_2_02{
	animation: mv_fade_keyframe infinite 20s -15s;
}

.mv_fade_1_06{
	animation: mv_fade_keyframe infinite 20s -4s;
}
.mv_fade_2_06{
	animation: mv_fade_keyframe infinite 20s -14s;
}

.mv_fade_1_05{
	animation: mv_fade_keyframe infinite 20s -3.5s;
}
.mv_fade_1_07{
	animation: mv_fade_keyframe infinite 20s -3s;
}
.mv_fade_2_05{
	animation: mv_fade_keyframe infinite 20s -13s;
}

.mv_fade_1_03{
	animation: mv_fade_keyframe infinite 20s -2s;
}
.mv_fade_2_03{
	animation: mv_fade_keyframe infinite 20s -12s;
}

.mv_fade_1_04{
	animation: mv_fade_keyframe infinite 20s -1s;
}
.mv_fade_2_04{
	animation: mv_fade_keyframe infinite 20s -11s;
}

.mv_fade_1_08{
	animation: mv_fade_keyframe infinite 20s 0s;
}

@keyframes mv_fade_keyframe {
	0%{
		opacity: 1;
	}
	33.3333%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
	83.3333%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

/* SP */
@media screen and (max-width: 940px) {
	#top_mv,
	#top_mv .contents_w{
		height: 253.3333vw;
	}
	#top_mv .en{
		font-size: 1.55rem;
		top: 72.4vw;
	}
	#top_mv .jp{
		font-size: 3.5rem;
		top: 90vw;
		white-space: nowrap;
	}

	/* top_mv photo */
	.top_mv_hexagons{
		width: calc(100% - 10.6667vw);
	}

	.mv_bg_01{
		width: 51.0787vw;
		padding-bottom: 58.1587vw;
		left: -14.1413vw;
		margin-top: 79.9707vw;		
	}
	.mv_bg_02{
		width: 57.708vw;
		padding-bottom: 65.816vw;
		left: -13.592vw;
		margin-top: 148.5587vw;		
	}
	.mv_bg_03{
		width: 77.188vw;
		padding-bottom: 88.304vw;
		left: 8.6747vw;
		margin-top: 13.296vw;		
	}
	.mv_bg_04{
		width: 32.496vw;
		padding-bottom: 36.7vw;
		left: 44.6253vw;
		margin-top: 200.288vw;		
	}
	.mv_bg_05{
		width: 39.3787vw;
		padding-bottom: 44.6507vw;
		left: 52.408vw;
		margin-top: 148.6173vw;		
	}

	.mv_1_01{
		width: 42.3413vw;
		padding-bottom: 48.0667vw;
		left: -7.2293vw;
		margin-top: 142.8293vw;
	}
	.mv_1_02{
		width: 31.2667vw;
		padding-bottom: 35.2827vw;
		left: 46.4293vw;
		margin-top: 156.9213vw;
	}
	.mv_1_03{
		width: 32.084vw;
		padding-bottom: 36.2253vw;
		left: 4.6667vw;
		margin-top: 31.888vw;
	}
	.mv_1_04{
		width: 45.1507vw;
		padding-bottom: 51.312vw;
		left: 10.6747vw;
		margin-top: 187.5627vw;		
	}
	.mv_1_05{
		width: 33.288vw;
		padding-bottom: 37.6173vw;
		left: 60.0747vw;
		margin-top: 115.3413vw;		
	}
	.mv_1_06{
		width: 50.008vw;
		padding-bottom: 56.9213vw;
		left: 44.996vw;
		margin-top: 13.8453vw;		
	}
	.mv_1_07{
		width: 26.3787vw;
		padding-bottom: 29.6373vw;
		left: 25.5507vw;
		margin-top: 121.7747vw;		
	}
	.mv_1_08{
		width: 31.112vw;
		padding-bottom: 35.104vw;
		left: 61.3333vw;
		margin-top: 202.8707vw;		
	}

	.mv_2_01{
		width: 45.1507vw;
		padding-bottom: 51.312vw;
		left: -3.0587vw;
		margin-top: 174.6293vw;		
	}
	.mv_2_02{
		width: 35.2173vw;
		padding-bottom: 39.8413vw;
		left: 7.4253vw;
		margin-top: 123.6707vw;		
	}
	.mv_2_03{
		width: 33.288vw;
		padding-bottom: 37.6173vw;
		left: -1.2587vw;
		margin-top: 28.6747vw;		
	}
	.mv_2_04{
		width: 42.3413vw;
		padding-bottom: 48.0667vw;
		left: 50.904vw;
		margin-top: 160.296vw;		
	}
	.mv_2_05{
		width: 56.1747vw;
		padding-bottom: 64.0453vw;
		left: 40.1667vw;
		margin-top: 11.5253vw;		
	}
	.mv_2_06{
		width: 26.3787vw;
		padding-bottom: 29.6373vw;
		left: 55.8173vw;
		margin-top: 122.0413vw;		
	}

	.mv_fade_1_01{
		animation: mv_fade_keyframe infinite 20s -5.5s;
	}
	.mv_fade_1_07{
		animation: mv_fade_keyframe infinite 20s -5s;
	}
	.mv_fade_2_02{
		animation: mv_fade_keyframe infinite 20s -15s;
	}

	.mv_fade_1_04{
		animation: mv_fade_keyframe infinite 20s -4s;
	}
	.mv_fade_2_01{
		animation: mv_fade_keyframe infinite 20s -14s;
	}

	.mv_fade_1_06{
		animation: mv_fade_keyframe infinite 20s -3s;
	}
	.mv_fade_2_05{
		animation: mv_fade_keyframe infinite 20s -13s;
	}

	.mv_fade_1_05{
		animation: mv_fade_keyframe infinite 20s -2s;
	}
	.mv_fade_2_06{
		animation: mv_fade_keyframe infinite 20s -12s;
	}

	.mv_fade_1_03{
		animation: mv_fade_keyframe infinite 20s -1s;
	}
	.mv_fade_2_03{
		animation: mv_fade_keyframe infinite 20s -11s;
	}

	.mv_fade_1_02{
		animation: mv_fade_keyframe infinite 20s -0.5s;
	}
	.mv_fade_1_08{
		animation: mv_fade_keyframe infinite 20s 0s;
	}
	.mv_fade_2_04{
		animation: mv_fade_keyframe infinite 20s -10s;
	}
}

/*-------------------------------------------------------------------

	top_contribute

-------------------------------------------------------------------*/
#top_contribute .photo{
	width: 50%;
}
#top_contribute .photo img{
	border-radius: 3.3333%;
}
#top_contribute .content{
	width: 45.8333%;
}
#top_contribute h2{
	font-size: 2.2rem;
}
#top_contribute .text{
	margin-top: 1.5rem;
}
#top_contribute .summary{
	position: relative;
	margin-top: 45px;
	min-height: 474px;
	padding: 85px 0;
}
#top_contribute .summary h3{
	font-size: 2.3rem;
}
#top_contribute .summary h3 span{
	display: block;
}
#top_contribute .summary .summary_text{
	font-size: 1.7rem;
	margin-top: 2.3rem;
}
#top_contribute .summary_photo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#top_contribute .summary_bg_01{
	animation-delay: -5s;
	width: 27.4891%;
	padding-bottom: 31.2291%;
	left: 22.9166%;
	margin-top: 1.3333%;
}
#top_contribute .summary_bg_02{
	animation-delay: -1s;
	width: 23.0833%;
	padding-bottom: 26.1383%;
	left: 56.6666%;
	margin-top: 10%;
}
#top_contribute .summary_photo_01{
	animation-delay: -2s;
	width: 20.805%;
	padding-bottom: 23.51%;
	left: 0%;
	margin-top: 6.6666%;
}
#top_contribute .summary_photo_02{
	animation-delay: -4s;
	width: 24.2133%;
	padding-bottom: 27.445%;
	right: 0%;
}

/* SP */
@media screen and (max-width: 940px) {
	#top_contribute .u-flex-basic{
		flex-direction: column;
	}
	#top_contribute .photo{
		width: 80vw;
		margin-right: auto;
	}
	#top_contribute .photo img{
		border-radius: 1rem;
	}
	#top_contribute .content{
		width: 80vw;
		margin-top: -1.7rem;
		margin-left: auto;
	}
	#top_contribute h2{
		font-size: 2.7rem;
	}
	#top_contribute .text{
		margin-top: 1.4rem;
	}
	#top_contribute .summary{
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
		min-height: 100vw;
		padding: 4rem 0;
	}
	#top_contribute .summary h3{
		font-size: 2.8rem;
	}
	#top_contribute .summary h3 span{
		display: block;
	}
	#top_contribute .summary .summary_text{
		font-size: 1.7rem;
		margin-top: 2.0rem;
	}
	#top_contribute .summary_bg_01{
		width: 43.9827vw;
		padding-bottom: 49.9667vw;
		left: 1.5333vw;
		margin-top: 0vw;		
	}
	#top_contribute .summary_bg_02{
		width: 36.9333vw;
		padding-bottom: 41.8213vw;
		left: 55.388vw;
		margin-top: 12.9333vw;		
	}
	#top_contribute .summary_photo_01{
		width: 33.288vw;
		padding-bottom: 37.6173vw;
		left: 7.9413vw;
		margin-top: 51.8333vw;		
	}
	#top_contribute .summary_photo_02{
		width: 38.7413vw;
		padding-bottom: 43.912vw;
		left: 50.384vw;
		margin-top: 44.8vw;
	}
}

/*-------------------------------------------------------------------

	top_basicsection

-------------------------------------------------------------------*/
.top_basicsection .bg{
	position: absolute;
	width: calc(100% - 10vw);;
	height: 100%;
}
.top_basicsection .content{
	width: 42%;
}
.top_basicsection .link1,
.top_basicsection .link2{
	width: 25%;
}
/* photoblock */
.top_basicsection .photoblock{
	margin-top: 4.1667%;
	margin-bottom: -31.9167%;
	padding-bottom: 66.6667%;
	position: relative;
}

/* SP */
@media screen and (max-width: 940px) {
	.top_basicsection .bg{
		width: calc(100% - 10.6667vw);;
	}
	.top_basicsection .u-flex-basic{
		flex-wrap: wrap;
	}
	.top_basicsection .content{
		width: 100%;
	}
	.top_basicsection .link1,
	.top_basicsection .link2{
		width: 47.7612%;
	}
	/* photoblock */
	.top_basicsection .photoblock{
		margin-top: 4.5rem;
		margin-bottom: 0;
		padding-bottom: 0;
		height: 80vw;
	}	
}

/*-------------------------------------------------------------------

	top_everad

-------------------------------------------------------------------*/
#top_everad{
	padding-bottom: 300px;
	margin-bottom: -300px;
}
#top_everad .content{
	margin-top: 3.3333%;
}
#top_everad .link1{
	margin-top: 3.3333%;
}
#top_everad .link2{
	margin-top: 9.5833%;
}

#top_everad .bg .bg_01{
	width: 39.0316%;
	padding-bottom: 37.555%;
	left: 1.6666%;
	margin-top: 0%;
}
#top_everad .bg .bg_02{
	animation-delay: -0s;
	width: 30.375%;
	padding-bottom: 34.56%;
	left: 61.8333%;
	margin-top: 20.8333%;
}

/* SP */
@media screen and (max-width: 940px) {
	#top_everad .bg .bg_01{
		width: 64vw;
		padding-bottom: 60.4vw;
		left: 2.6667vw;
		margin-top: 0vw;
	}
	#top_everad .bg .bg_02{
		width: 48.6vw;
		padding-bottom: 55.296vw;
		left: 50.7587vw;
		margin-top: 122vw;
	}
}

/*-------------------------------------------------------------------

	top_photoblock_1

-------------------------------------------------------------------*/
#top_photoblock_1{
	padding-bottom: 300px;
	margin-bottom: -300px;
}
#top_photoblock_1 .bg_01{
	animation-delay: -5s;
	width: 36.0675%;
	padding-bottom: 41.135%;
	left: 40.8333%;
	margin-top: 11.25%;
}
#top_photoblock_1 .photo_01{
	animation-delay: -1s;
	width: 26.8308%;
	padding-bottom: 30.4691%;
	left: 5.1666%;
	margin-top: 0%;
}
#top_photoblock_1 .photo_02{
	animation-delay: -2s;
	width: 20.2083%;
	padding-bottom: 22.82%;
	left: 41.6666%;
	margin-top: 6.6666%;
}
#top_photoblock_1 .photo_03{
	animation-delay: -3s;
	width: 23.7783%;
	padding-bottom: 26.9425%;
	left: 71.3333%;
	margin-top: 1.6666%;
}

/* SP */
@media screen and (max-width: 940px) {
	#top_photoblock_1 .bg_01{
		width: 57.708vw;
		padding-bottom: 65.816vw;
		left: -0.392vw;
		margin-top: 38vw;
	}
	#top_photoblock_1 .photo_01{
		width: 42.9293vw;
		padding-bottom: 48.7507vw;
		left: -8.5827vw;
		margin-top: 3.6vw;		
	}
	#top_photoblock_1 .photo_02{
		width: 32.3333vw;
		padding-bottom: 36.512vw;
		left: 31.0173vw;
		margin-top: 40.8vw;		
	}
	#top_photoblock_1 .photo_03{
		width: 38.0453vw;
		padding-bottom: 43.108vw;
		left: 46.592vw;
		margin-top: 0vw;		
	}
}

/*-------------------------------------------------------------------

	top_field

-------------------------------------------------------------------*/
#top_field{
	padding-bottom: 300px;
	margin-bottom: -300px;
}
#top_field .content{
	order: 3;
}
#top_field .link1{
	order: 1;
	margin-top: 3.3333%;
}
#top_field .link2{
	order: 2;
	margin-top: 9.5833%;
}

/* SP */
@media screen and (max-width: 940px) {
	#top_field .content{
		order: 1;
	}
	#top_field .link1{
		order: 2;
	}
	#top_field .link2{
		order: 3;
	}
	#top_field .btn_arrow_bgblue{
		min-height: 51.6vw;
	}
	#top_field .image{
		margin-left: auto;
		margin-right: auto;
	}
	#top_field .link1 .image{
		width: 23.3333vw;
	}
	#top_field .link2 .image{
		width: 20.4vw;
	}
}

/*-------------------------------------------------------------------

	top_photoblock_2

-------------------------------------------------------------------*/
#top_photoblock_2{
	padding-bottom: 300px;
	margin-bottom: -300px;
}
#top_photoblock_2 .photoblock{
	margin-top: 6.25%;
}
#top_photoblock_2 .bg_01{
	animation-delay: -5s;
	width: 36.0675%;
	padding-bottom: 41.135%;
	left: -5%;
	margin-top: 12.5%;
}
#top_photoblock_2 .bg_02{
	animation-delay: -4s;
	width: 29.4425%;
	padding-bottom: 33.4816%;
	left: 52.1666%;
	margin-top: 5.3333%;
}
#top_photoblock_2 .photo_01{
	animation-delay: -1s;
	width: 23.135%;
	padding-bottom: 26.2008%;
	left: 5%;
	margin-top: 2.5%;
}
#top_photoblock_2 .photo_02{
	animation-delay: -2s;
	width: 19.6616%;
	padding-bottom: 22.1875%;
	left: 39.5%;
	margin-top: 7%;
}
#top_photoblock_2 .photo_03{
	animation-delay: -3s;
	width: 26.1066%;
	padding-bottom: 29.63%;
	left: 69.1666%;
	margin-top: 0%;
}

/* SP */
@media screen and (max-width: 940px) {
	#top_photoblock_2 .bg_01{
		width: 57.708vw;
		padding-bottom: 65.816vw;
		left: 3.8747vw;
		margin-top: 57.9707vw;		
	}
	#top_photoblock_2 .bg_02{
		width: 47.108vw;
		padding-bottom: 53.5707vw;
		left: 30.8vw;
		margin-top: 0vw;		
	}
	#top_photoblock_2 .photo_01{
		width: 37.016vw;
		padding-bottom: 41.9213vw;
		left: -2.392vw;
		margin-top: 10.2667vw;		
	}
	#top_photoblock_2 .photo_02{
		width: 31.4587vw;
		padding-bottom: 35.5vw;
		left: 32.012vw;
		margin-top: 40.6667vw;		
	}
	#top_photoblock_2 .photo_03{
		width: 41.7707vw;
		padding-bottom: 47.408vw;
		left: 51.3787vw;
		margin-top: 1.6vw;		
	}
}

/*-------------------------------------------------------------------

	top_jobspeople

-------------------------------------------------------------------*/
#top_jobspeople{
	min-height: 580px;
}
@media screen and (max-width: 1357px) {
	#top_jobspeople{
		min-height: 42.7413vw;
	}	
}
#top_jobspeople .link1{
	margin-top: 17.1667%;
}
#top_jobspeople .link2{
	margin-top: 22%;
}
#top_jobspeople .bg .bg_01{
	width: 83.3333%;
	margin: 4.1667% auto 0;
}

/* SP */
@media screen and (max-width: 940px) {
	#top_jobspeople .content .text{
		width: 66.8vw;
	}
	#top_jobspeople .link1{
		margin-top: 3.3333%;
	}
	#top_jobspeople .link2{
		margin-top: 9.5833%;
	}
	#top_jobspeople .bg .bg_01{
		width: 70.6667vw;
		padding-bottom: 106.6667vw;
		margin: 15vw -5.3333vw 0 auto;
	}
}

/*-------------------------------------------------------------------

	top_loading

-------------------------------------------------------------------*/
#top_loading{
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 150;
	display: none;
}
#top_loading .u-flex-basic{
	flex-direction: column;
	width: 100%;
	height: 100vh;
}
#top_loading .ball {
	width: 10px;
	height: 10px;
	margin: 10px auto;
	border-radius: 50px;
}
#top_loading .ball:nth-child(1) {
	background: #014099;
	animation: right 1s infinite ease-in-out;
}
#top_loading .ball:nth-child(2) {
	background: #014099;
	animation: left 1.1s infinite ease-in-out;
}
#top_loading .ball:nth-child(3) {
	background: #014099;
	animation: right 1.05s infinite ease-in-out;
}
#top_loading .ball:nth-child(4) {
	background: #014099;
	animation: left 1.15s infinite ease-in-out;
}
#top_loading .ball:nth-child(5) {
	background: #014099;
	animation: right 1.1s infinite ease-in-out;
}
#top_loading .ball:nth-child(6) {
	background: #014099;
	animation: left 1.05s infinite ease-in-out;
}
#top_loading .ball:nth-child(7) {
	background: #014099;
	animation: right 1s infinite ease-in-out;
}
@keyframes right {
	0% {
	  transform: translate(-15px);
	}
	50% {
	  transform: translate(15px);
	}
	100% {
	  transform: translate(-15px);
	}
}
@keyframes left {
	0% {
	  transform: translate(15px);
	}
	50% {
	  transform: translate(-15px);
	}
	100% {
	  transform: translate(15px);
	}
}