@charset "utf-8";
/*
	Last Update:2022/12/07
	Auther: iw
*/
body.enter { overflow-y:hidden; }
#enter { position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; z-index:9000; opacity:0; transition:all 0.2s; }
#enter:before,
#enter:after { content:""; position:absolute; left:0; width:100%; }
#enter .abs_middle { left:0; width:100%; text-align:center; opacity:0; }
#enter .abs_middle > span { display:inline-block; background:url(../image/top/enter2.png) no-repeat center center / contain; }
#enter .abs_middle img { display:inline-block; animation:enter_anime 1.5s 1; transform:rotateX(90deg); }
@keyframes enter_anime {
	0% { transform:rotateX(0deg); }
	30% { transform:rotateX(90deg); }
	50% { transform:rotateX(0deg); }
	60% { transform:rotateX(90deg); }
	70% { transform:rotateX(0deg); }
	75% { transform:rotateX(90deg); }
	80% { transform:rotateX(0deg); }
	85% { transform:rotateX(90deg); }
	100% { transform:rotateX(90deg); }
}
body.enter #enter { opacity:1; }
body.enter #enter .abs_middle { opacity:1; }
body.enter #enter:before,
body.enter #enter:after { height:0; transition:all 0.4s; }
body.enter2 #enter:before { background:#000000; bottom:50%; height:50%; }
body.enter2 #enter:after { background:#000000; top:50%; height:50%; }
body.enter2 #enter .abs_middle { display:none; }
body.enter3 #enter { background:rgba(255,255,255,0); }
body.enter3 #enter:before { background:#ae0442; top:0; bottom:auto; height:0; }
body.enter3 #enter:after { background:#ae0442; bottom:0; top:auto; height:0; }
	@media (max-width: 575px){
		#enter .abs_middle { padding-bottom:50px; }
	}

#main_image_wrap { position:relative; overflow:hidden; background:#000; }
#main_image { line-height:1px; }
#main_image .unit { width:100%; left:0; }
#main_image video { width:100%; }
#main_text { position:absolute; left:0; color:#fff; font-weight:bold; text-shadow:0 0 8px rgba(0,0,0,0.8); }
#main_text > * { line-height:100%; height:1em; }
#main_scroll a { display:inline-block; }
#main_volume { position:relative; }
#main_movie_mute { position:absolute; z-index:10; }
#main_movie_mute.on { background:url(../image/top/main_volume_on.png) no-repeat center center / contain; }
#main_movie_mute.on img { opacity:0; }
body.pc #main_scroll a:hover { animation:scroll 2s linear infinite; }
@keyframes scroll {
	0%, 100% { transform:translateY(0%); }
	40% { transform:translateY(10%); }
	50% { transform:translateY(-5%); }
	60% { transform:translateY(5%); }
	70% { transform:translateY(-2%); }
	80% { transform:translateY(2%); }
	90% { transform:translateY(0%); }
}
	@media (max-width: 575px){
		#main_image_wrap,
		#main_image { height:100vw; }
		#main_image .unit { width:200%; left:-50%; }
		#main_text { bottom:15px; padding:0 15px; }
		#main_text .main { font-size:1.45em; margin-bottom:5px; }
		#main_movie_mute { top:-10px; right:10px; }
		#main_movie_mute img { width:50px; }
	}
	@media (min-width: 576px) and (max-width: 767px){
		#main_image_wrap,
		#main_image { height:80vw; }
		#main_image .unit { width:150%; left:-25%; }
		#main_text { bottom:20px; padding:0 20px; }
		#main_text .main { font-size:2.5em; margin-bottom:8px; }
		#main_text .sub { font-size:1.25em; }
		#main_movie_mute { top:-20px; right:15px; }
		#main_movie_mute img { width:55px; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#main_image_wrap,
		#main_image { height:54vw; }
		#main_text { bottom:80px; padding:0 20px; }
		#main_text .main { font-size:2.75em; margin-bottom:10px; }
		#main_text .sub { font-size:1.35em; }
		#main_movie_mute { top:-120px; right:15px; }
		#main_movie_mute img { width:55px; }
	}
	@media (max-width: 991px){
		#main_scroll { display:none; }
	}
	@media (min-width: 992px) and (max-width:1199px){
		#main_image_wrap,
		#main_image { height:54vw; }
		#main_text { bottom:100px; padding:0 25px; }
		#main_text .main { font-size:3em; margin-bottom:10px; letter-spacing:2px; }
		#main_text .sub { font-size:1.5em; letter-spacing:2px; }
		#main_scroll { position:absolute; bottom:90px; right:20px; }
		#main_movie_mute { top:-130px; right:55px; }
		#main_movie_mute img { width:60px; }
	}
	@media (min-width:1200px){
		#main_image_wrap,
		#main_image { height:calc(100vh - 80px); max-height:54vw; }
		#main_text { bottom:100px; padding:0 50px; }
		#main_text .main { font-size:4em; margin-bottom:15px; letter-spacing:3px; }
		#main_text .sub { font-size:1.75em; letter-spacing:4px; }
		#main_scroll { position:absolute; bottom:90px; right:40px; }
	}
	@media (min-width:1200px) and (max-width:1349px){
		#main_movie_mute { top:-130px; right:75px; }
		#main_movie_mute img { width:60px; }
	}
	@media (min-width:1350px){
		#main_movie_mute { top:-50px; left:50px; }
	}

#top_news { position:relative; z-index:10; }
#top_news .top_news_wrap { width:100%; background:#fff; }
#top_news .top_news_wrap._count3 { max-width:1200px; }
#top_news .top_news_wrap._count2 { max-width:850px; }
#top_news .top_news_wrap._count1 { max-width:500px; }
.top_news_wrap .unit .date { color:#959595; display:inline-block; vertical-align:middle; }
.top_news_wrap .unit .date + .tag { margin-left:15px; }
.top_news_wrap .unit .tag { color:#fff; font-size:11px; padding:3px 10px; vertical-align:middle; }
#top_news .link { background:#000; }
	@media (max-width: 767px){
		#top_news { display:none; }
		.top_news_wrap .unit { border-bottom:1px solid #ddd; padding:15px 0; }
		.top_news_wrap .unit .tag { min-width:60px; text-align:center; }
	}
	@media (min-width: 768px){
		#top_news .top_news_wrap { min-height:104px; position:absolute; top:-50px; right:0; padding:15px 100px 15px 0; }
		#top_news .unit { padding:0 0 0 20px; border-right:1px solid #ddd; min-height:80px; }
		#top_news .text { padding:0 10px 0 0; }
		#top_news .link { position:absolute; top:0; right:0; height:100%; }

		#top_news2 .top_news_wrap { display:none; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#top_news .unit h3 { font-size:0.9em; line-height:130%; }
	}


.top_hl1 { font-weight:bold; letter-spacing:4px; line-height:100%; }
.top_hl1 + .top_hl_sub1 { margin-top:10px; }
.top_hl_sub1,
.top_hl_sub2 { font-weight:bold; }
.top_hl_sub1:before { content:""; display:inline-block; background:url(../image/top/top_hl1.png) no-repeat center center / contain; margin-right:10px; }
.top_hl_sub1.c_gray:before { background:url(../image/top/top_hl1-g.png) no-repeat center center / contain; }
	@media (max-width: 575px){
		.top_hl1 { font-size:2.75em; }
		.top_hl1 + .top_hl_sub1 { margin-bottom:30px; }
		.top_hl_sub1,
		.top_hl_sub2 { font-size:1.25em; }
		.top_hl_sub1:before { width:30px; height:14px; }
	}
	@media (min-width: 576px){
		.top_hl1 { font-size:3.7em; }
		.top_hl1 + .top_hl_sub1 { margin-bottom:50px; }
		.top_hl_sub1,
		.top_hl_sub2 { font-size:1.5em; letter-spacing:4px; }
		.top_hl_sub1:before { width:40px; height:20px; }
	}

#top_active { background:#a41e50 url(../image/top/activities_back.jpg) no-repeat right bottom / 100% auto; }
#top_active .active_wrap { width:100%; max-width:2000px; margin:0 auto; padding-left:15px; padding-right:15px; }
#top_active .unit a { position:relative; overflow:hidden; }
#top_active .unit a:before { content:""; position:absolute; z-index:3; top:50%; transform: translateY(-50%); }
#top_active .unit._left a:before { background:url(../image/icon/arrow5-lg.png) no-repeat left center / contain; }
#top_active .unit._right a:before { background:url(../image/icon/arrow5-rg.png) no-repeat right center / contain; }
#top_active .button { border:2px solid #fff; border-radius:50px; width:100%; font-size:1.25em; }
#top_active .button > span { background:url(../image/icon/arrow5-rw.png) no-repeat left center / 20px auto; padding:3px 0 3px 30px; font-weight:bold; }
	@media (max-width: 575px){
		#top_active .unit a:before { height:15px; width:15px; }
		#top_active .unit._left a:before { left:5px; }
		#top_active .unit._right a:before { right:5px; }
		#top_active .desc { font-size:0.95em; }
		#top_active .button { padding:15px 20px; }
	}
	@media (min-width: 576px) and (max-width: 767px){
		#top_active .unit a:before { height:20px; width:20px; }
		#top_active .unit._left a:before { left:8px; }
		#top_active .unit._right a:before { right:8px; }
		#top_active .top_hl_sub1 { margin-bottom:30px; }
		#top_active .button { padding:15px 5px; font-size:1em; }
		#top_active .button > span { background:url(../image/icon/arrow5-rw.png) no-repeat left center / 15px auto; padding-left:20px; }
	}
	@media (max-width: 767px){
		#top_active .desc { margin-bottom:30px; }
		#top_active .center { margin-top:30px; }
		#top_active .button { margin-bottom:15px; }
		#top_active .unit a { border-radius:30px; }
	}
	@media (min-width: 768px){
		#top_active { padding-top:120px; }
		#top_active .center { margin-top:50px; }
		#top_active .button { padding:15px 20px; }
	}
	@media (min-width: 768px) and (max-width:1999px){
		#top_active .left { padding-left:0; }
		#top_active .right { padding-right:0; }
		#top_active .unit a { width:100%; }
		#top_active .unit._left a { border-radius:0 30px 30px 0; background:#fafbfd; }
		#top_active .unit._right a { border-radius:30px 0 0 30px; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#top_active .unit a:before { height:15px; width:15px; }
		#top_active .unit._left a:before { left:5px; }
		#top_active .unit._right a:before { right:5px; }
		#top_active .top_hl1 { font-size:3.25em; }
		#top_active .desc { font-size:0.9em; }
		#top_active .button { font-size:1em; }
	}
	@media (min-width: 992px) and (max-width:1199px){
		#top_active .unit a:before { height:20px; width:20px; }
		#top_active .unit._left a:before { left:8px; }
		#top_active .unit._right a:before { right:8px; }
		#top_active .top_hl1 { font-size:3em; }
		#top_active .text { padding:0; }
	}
	@media (min-width:1200px) and (max-width:1299px){
		#top_active .unit a:before { height:25px; width:25px; }
		#top_active .unit._left a:before { left:15px; }
		#top_active .unit._right a:before { right:15px; }
		#top_active .top_hl1 { font-size:3.3em; }
	}
	@media (min-width:1300px) and (max-width:1999px){
		#top_active .unit a:before { height:25px; width:25px; }
		#top_active .unit._left a:before { right:380px; }
		#top_active .unit._right a:before { left:380px; }
	}
	@media (min-width:2000px){
		#top_active .unit a { border-radius:30px; }
		#top_active .unit a:before { height:25px; width:25px; }
		#top_active .unit._left a:before { left:10px; }
		#top_active .unit._right a:before { right:10px; }
	}

#top_support .top_hl1 { margin-bottom:30px; }
#top_support .desc { font-weight:bold; font-size:1.5em; letter-spacing:4px; line-height:200%; color:#fff; margin-bottom:40px; }
	@media (min-width: 768px) and (max-width: 991px){
		#top_support .top_hl1 { font-size:3.25em; }
		#top_support .desc { font-size:1.15em; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#top_support .top_hl1 { font-size:2.5em; }
		#top_support .desc { font-size:1em; }
	}
	@media (min-width: 992px) and (max-width:1199px){
		#top_support .top_hl1 { font-size:3.25em; }
		#top_support .desc { font-size:1.15em; }
	}
#top_support { background:#061a3a url(../image/top/support_back.jpg) no-repeat right top / 100% auto; }

#support_slide { position:relative; text-align:center; }
#support_slide:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#support_slide .unit_wrap { position:absolute; top:0; display:block; }
#support_slide .unit { border-radius:10px; overflow:hidden; background:#fff; }
#support_slide .unit .text { text-align:center; }
#support_slide .unit .text p { padding:0 15px; }
#support_slide .unit .title { line-height:120%; font-weight:bold; margin-bottom:10px; }
#support_slide .unit .title.en { font-style:italic; }
#support_slide .unit .title2 { font-weight:bold; }
#support_slide .unit p { font-size:11px; }
#support_slide .unit._green { border:4px solid #74C628; }
#support_slide .unit._blue { border:4px solid #04B1FB; }
#support_slide .unit._purple { border:4px solid #B938E0; }
#support_slide .unit._green .title { color:#74C628; }
#support_slide .unit._blue .title,
#support_slide .unit._blue .title2 { color:#04B1FB; }
#support_slide .unit._purple .title { color:#B938E0; }
#support_slide:not(.on) { overflow:hidden; }
#support_slide.on .unit_wrap { transition:transform 0.7s linear; transform-origin:center top; }
#support_slide .unit_wrap { left:50%; z-index:3; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:filter; }
#support_slide .unit_wrap:not(.active) .unit._green { background:#fff url(../image/top/support1_back.jpg) no-repeat center center / cover; }
#support_slide .unit_wrap:not(.active) .unit._blue { background:#fff url(../image/top/support2_back.jpg) no-repeat center center / cover; }
#support_slide .unit_wrap:not(.active) .unit._purple { background:#fff url(../image/top/support3_back.jpg) no-repeat center center / cover; }
#support_slide .unit_wrap.prev { z-index:2; }
#support_slide .unit_wrap.prev.next { z-index:1; }
#support_slide .unit_wrap.active { left:50%; z-index:4; }
#support_slide .unit_wrap.active .unit { background-color:#000; color:#fff; }
#support_slide .unit_wrap.active .unit p { transform:scale(1.15); }
#support_slide .unit_wrap.active .unit._green { background:#000 url(../image/top/support1_backb.jpg) no-repeat center center / cover; }
#support_slide .unit_wrap.active .unit._blue { background:#000 url(../image/top/support2_backb.jpg) no-repeat center center / cover; }
#support_slide .unit_wrap.active .unit._purple { background:#000 url(../image/top/support3_backb.jpg) no-repeat center center / cover; }
	@media (max-width: 575px){
		#support_slide { height:400px; margin-left:-15px; margin-right:-15px; }
		#support_slide .unit_wrap { width:280px; transform:perspective(500px) translate3d(-100%, 30px, 0px); }
		#support_slide .unit_wrap.next { transform:perspective(500px) translate3d(calc(50% - 120px), 30px, 10px); }
		#support_slide .unit_wrap.active { transform:perspective(200px) translate3d(-120px, 0px, 30px); }
		#support_slide .unit .text { padding:15px 15px 20px; }
		#support_slide .unit .title { font-size:1.25em; }
		#support_slide .unit .title.en { font-size:1.5em; }
	}
	@media (min-width: 576px) and (max-width: 767px){
		#support_slide { height:460px; margin-left:-15px; margin-right:-15px; }
		#support_slide .unit_wrap { width:360px; transform:perspective(500px) translate3d(-100%, 40px, 0px); }
		#support_slide .unit_wrap.next { transform:perspective(500px) translate3d(calc(50% - 175px), 40px, 0px); }
		#support_slide .unit_wrap.active { transform:perspective(150px) translate3d(-150px, 0px, 30px); }
		#support_slide .unit .text { padding:20px 15px; }
		#support_slide .unit .title {  font-size:1.25em; }
		#support_slide .unit .title.en { font-size:1.5em; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#support_slide { height:370px; }
		#support_slide .unit_wrap { width:270px; transform:perspective(500px) translate3d(-100%, 25px, 0px); }
		#support_slide .unit_wrap.next { transform:perspective(500px) translate3d(calc(50% - 160px), 25px, 0px); }
		#support_slide .unit_wrap.active { transform:perspective(150px) translate3d(-120px, 0px, 20px); }
		#support_slide .unit .text { padding:15px 0px 20px; }
		#support_slide .unit .title { font-size:1.15em; }
		#support_slide .unit .title.en { font-size:1.5em; }
		#support_slide .unit p { font-size:0.6em; }
		#support_slide .unit_wrap.active .unit._purple .text { padding:15px 5px 20px; }
	}
	@media (min-width: 992px) and (max-width:1199px){
		#support_slide { height:460px; }
		#support_slide .unit_wrap { width:320px; transform:perspective(500px) translate3d(-100%, 30px, 0px); }
		#support_slide .unit_wrap.next { transform:perspective(500px) translate3d(calc(50% - 160px), 30px, 0px); }
		#support_slide .unit_wrap.active { transform:perspective(150px) translate3d(-120px, 0px, 30px); }
		#support_slide .unit .text { padding:20px 0; }
		#support_slide .unit .title {  font-size:1.5em; }
		#support_slide .unit .title.en { font-size:1.75em; }
	}
	@media (min-width:1200px){
		#support_slide { height:460px; }
		#support_slide .unit_wrap { width:350px; transform:perspective(500px) translate3d(-100%, 40px, 0px); }
		#support_slide .unit_wrap.next { transform:perspective(500px) translate3d(calc(50% - 175px), 40px, 0px); }
		#support_slide .unit_wrap.active { transform:perspective(150px) translate3d(-135px, 0px, 30px); }
		#support_slide .unit .text { padding:20px 0; }
		#support_slide .unit .title {  font-size:1.5em; }
		#support_slide .unit .title.en { font-size:1.75em; }
	}


#top_service { position:relative; background:#9f0f44; padding-bottom:380px; }
#top_service:before,
#top_service:after { content:""; position:absolute; bottom:300px; }
#top_service:before { background:url(../image/top/service.png) no-repeat right bottom / contain; right:-460px; }
#top_service:after { background:url(../image/top/service5.png) no-repeat right bottom / contain; right:calc(-460px - 100%); }
#top_service.plx_on:before { animation:service_car1 20s linear infinite; }
#top_service.plx_on:after { animation:service_car2 20s linear infinite; }
#top_service p { font-weight:bold; }
#top_service p > span { font-size:1.5em; margin-left:10px; }
@keyframes service_car1 {
	0% { right:-460px; }
	100% { right:calc(200% + 460px); }
}
@keyframes service_car2 {
	0% { right:calc(-460px - 100%); }
	100% { right:calc(100% + 460px); }
}
	@media (max-width: 575px){
		#top_service { background-size:230px auto; }
		#top_service:before { width:300px; height:120px; }
		#top_service:after { width:270px; height:150px; }
		#top_service p { font-size:0.95em; }
	}
	@media (min-width: 576px){
		#top_service:before { width:460px; height:170px; }
		#top_service:after { width:400px; height:200px; }
		#top_service p { font-size:1.15em; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#top_service .top_hl1 { font-size:3.25em; }
		#top_service p { font-size:1em; }
	}
	@media (min-width: 768px) and (max-width:1299px){
		#top_service { background:#9f0f44 url(../image/top/service_back.png) no-repeat right top / 100% auto; }
	}
	@media (min-width: 768px) and (max-width: 770px){
		body.pc #top_service { background-position:right -20.2vw; }
		body.sp #top_service { background-position:right -19.8vw; }
	}
	@media (min-width: 771px) and (max-width: 777px){
		body.pc #top_service { background-position:right -20vw; }
		body.sp #top_service { background-position:right -19vw; }
	}
	@media (min-width: 778px) and (max-width: 783px){
		body.pc #top_service { background-position:right -19.5vw; }
		body.sp #top_service { background-position:right -19vw; }
	}
	@media (min-width: 784px) and (max-width: 793px){
		body.pc #top_service { background-position:right -19vw; }
		body.sp #top_service { background-position:right -18vw; }
	}
	@media (min-width: 794px) and (max-width: 799px){
		body.pc #top_service { background-position:right -18vw; }
		body.sp #top_service { background-position:right -17.4vw; }
	}
	@media (min-width: 800px) and (max-width: 804px){
		body.pc #top_service { background-position:right -18vw; }
		body.sp #top_service { background-position:right -17vw; }
	}
	@media (min-width: 805px) and (max-width: 812px){
		body.pc #top_service { background-position:right -17vw; }
		body.sp #top_service { background-position:right -16.5vw; }
	}
	@media (min-width: 813px) and (max-width: 817px){
		body.pc #top_service { background-position:right -16.5vw; }
		body.sp #top_service { background-position:right -16vw; }
	}
	@media (min-width: 818px) and (max-width: 822px){
		body.pc #top_service { background-position:right -16vw; }
		body.sp #top_service { background-position:right -15.5vw; }
	}
	@media (min-width: 823px) and (max-width: 829px){
		body.pc #top_service { background-position:right -15.7vw; }
		body.sp #top_service { background-position:right -15vw; }
	}
	@media (min-width: 830px) and (max-width: 835px){
		body.pc #top_service { background-position:right -15.5vw; }
		body.sp #top_service { background-position:right -14.5vw; }
	}
	@media (min-width: 836px) and (max-width: 840px){
		body.pc #top_service { background-position:right -15vw; }
		body.sp #top_service { background-position:right -14vw; }
	}
	@media (min-width: 841px) and (max-width: 846px){
		body.pc #top_service { background-position:right -14.5vw; }
		body.sp #top_service { background-position:right -13.5vw; }
	}
	@media (min-width: 847px) and (max-width: 854px){
		body.pc #top_service { background-position:right -14vw; }
		body.sp #top_service { background-position:right -13vw; }
	}
	@media (min-width: 855px) and (max-width: 860px){
		body.pc #top_service { background-position:right -13.5vw; }
		body.sp #top_service { background-position:right -12.5vw; }
	}
	@media (min-width: 861px) and (max-width: 878px){
		body.pc #top_service { background-position:right -13vw; }
		body.sp #top_service { background-position:right -12vw; }
	}
	@media (min-width: 869px) and (max-width: 875px){
		body.pc #top_service { background-position:right -12vw; }
		body.sp #top_service { background-position:right -11.5vw; }
	}
	@media (min-width: 876px) and (max-width: 881px){
		body.pc #top_service { background-position:right -11.5vw; }
		body.sp #top_service { background-position:right -11vw; }
	}
	@media (min-width: 882px) and (max-width: 888px){
		body.pc #top_service { background-position:right -11vw; }
		body.sp #top_service { background-position:right -10.5vw; }
	}
	@media (min-width: 882px) and (max-width: 894px){
		body.pc #top_service { background-position:right -11.5vw; }
		body.sp #top_service { background-position:right -10vw; }
	}
	@media (min-width: 895px) and (max-width: 899px){
		body.pc #top_service { background-position:right -10.5vw; }
		body.sp #top_service { background-position:right -9.5vw; }
	}
	@media (min-width: 900px) and (max-width: 911px){
		body.pc #top_service { background-position:right -10vw; }
		body.sp #top_service { background-position:right -9vw; }
	}
	@media (min-width: 912px) and (max-width: 919px){
		body.pc #top_service { background-position:right -9.5vw; }
		body.sp #top_service { background-position:right -8.5vw; }
	}
	@media (min-width: 920px) and (max-width: 927px){
		body.pc #top_service { background-position:right -9vw; }
		body.sp #top_service { background-position:right -8vw; }
	}
	@media (min-width: 928px) and (max-width: 933px){
		body.pc #top_service { background-position:right -8.5vw; }
		body.sp #top_service { background-position:right -7.5vw; }
	}
	@media (min-width: 936px) and (max-width: 942px){
		body.pc #top_service { background-position:right -8vw; }
		body.sp #top_service { background-position:right -7vw; }
	}
	@media (min-width: 943px) and (max-width: 959px){
		body.pc #top_service { background-position:right -7.5vw; }
		body.sp #top_service { background-position:right -6.5vw; }
	}
	@media (min-width: 960px) and (max-width: 966px){
		body.pc #top_service { background-position:right -7vw; }
		body.sp #top_service { background-position:right -6vw; }
	}
	@media (min-width: 967px) and (max-width: 971px){
		body.pc #top_service { background-position:right -6.5vw; }
		body.sp #top_service { background-position:right -5.5vw; }
	}
	@media (min-width: 972px) and (max-width: 979px){
		body.pc #top_service { background-position:right -5.5vw; }
		body.sp #top_service { background-position:right -5vw; }
	}
	@media (min-width: 980px) and (max-width: 986px){
		body.pc #top_service { background-position:right -5.5vw; }
		body.sp #top_service { background-position:right -4.5vw; }
	}
	@media (min-width: 987px) and (max-width: 991px){
		body.pc #top_service { background-position:right -5vw; }
		body.sp #top_service { background-position:right -4vw; }
	}
	@media (min-width: 992px) and (max-width: 999px){
		#top_service { background-position:right -13.5vw; }
	}
	@media (min-width:1000px) and (max-width:1009px){
		#top_service { background-position:right -12.5vw; }
	}
	@media (min-width:1010px) and (max-width:1019px){
		#top_service { background-position:right -12vw; }
	}
	@media (min-width:1020px) and (max-width:1029px){
		#top_service { background-position:right -11.5vw; }
	}
	@media (min-width:1030px) and (max-width:1039px){
		#top_service { background-position:right -11vw; }
	}
	@media (min-width:1040px) and (max-width:1049px){
		#top_service { background-position:right -10.5vw; }
	}
	@media (min-width:1050px) and (max-width:1059px){
		#top_service { background-position:right -10vw; }
	}
	@media (min-width:1060px) and (max-width:1069px){
		#top_service { background-position:right -9.5vw; }
	}
	@media (min-width:1070px) and (max-width:1079px){
		#top_service { background-position:right -9vw; }
	}
	@media (min-width:1080px) and (max-width:1089px){
		#top_service { background-position:right -8.5vw; }
	}
	@media (min-width:1090px) and (max-width:1099px){
		#top_service { background-position:right -7.5vw; }
	}
	@media (min-width:1100px) and (max-width:1109px){
		#top_service { background-position:right -7.5vw; }
	}
	@media (min-width:1110px) and (max-width:1129px){
		#top_service { background-position:right -6.5vw; }
	}
	@media (min-width:1130px) and (max-width:1149px){
		#top_service { background-position:right -5.7vw; }
	}
	@media (min-width:1150px) and (max-width:1169px){
		#top_service { background-position:right -5vw; }
	}
	@media (min-width:1170px) and (max-width:1179px){
		#top_service { background-position:right -4.5vw; }
	}
	@media (min-width:1180px) and (max-width:1189px){
		#top_service { background-position:right -4vw; }
	}
	@media (min-width:1190px) and (max-width:1199px){
		#top_service { background-position:right -3.25vw; }
	}
	@media (min-width:1200px) and (max-width:1209px){
		#top_service { background-position:right -2.5vw; }
	}
	@media (min-width:1210px) and (max-width:1219px){
		#top_service { background-position:right -2.5vw; }
	}
	@media (min-width:1220px) and (max-width:1239px){
		#top_service { background-position:right -1.5vw; }
	}
	@media (min-width:1240px) and (max-width:1259px){
		#top_service { background-position:right -1vw; }
	}
	@media (min-width:1260px) and (max-width:1299px){
		#top_service { background-position:right top; }
	}
	@media (min-width:1300px){
		#top_service { background:#9f0f44 url(../image/top/service_back-xl.png) no-repeat right top / 100% auto; }
	}
	@media (min-width:1300px) and (max-width:1309px){
		#top_service { background-position:right -20.5vw; }
	}
	@media (min-width:1310px) and (max-width:1319px){
		#top_service { background-position:right -20vw; }
	}
	@media (min-width:1320px) and (max-width:1329px){
		#top_service { background-position:right -19.5vw; }
	}
	@media (min-width:1330px) and (max-width:1339px){
		#top_service { background-position:right -19vw; }
	}
	@media (min-width:1340px) and (max-width:1349px){
		#top_service { background-position:right -18.5vw; }
	}
	@media (min-width:1350px) and (max-width:1359px){
		#top_service { background-position:right -18vw; }
	}
	@media (min-width:1360px) and (max-width:1369px){
		#top_service { background-position:right -17.5vw; }
	}
	@media (min-width:1370px) and (max-width:1379px){
		#top_service { background-position:right -17.5vw; }
	}
	@media (min-width:1380px) and (max-width:1389px){
		#top_service { background-position:right -17.25vw; }
	}
	@media (min-width:1390px) and (max-width:1399px){
		#top_service { background-position:right -16.65vw; }
	}
	@media (min-width:1400px) and (max-width:1409px){
		#top_service { background-position:right -16.5vw; }
	}
	@media (min-width:1410px) and (max-width:1419px){
		#top_service { background-position:right -16vw; }
	}
	@media (min-width:1420px) and (max-width:1439px){
		#top_service { background-position:right -15.5vw; }
	}
	@media (min-width:1440px) and (max-width:1449px){
		#top_service { background-position:right -15vw; }
	}
	@media (min-width:1450px) and (max-width:1469px){
		#top_service { background-position:right -14.5vw; }
	}
	@media (min-width:1470px) and (max-width:1489px){
		#top_service { background-position:right -14vw; }
	}
	@media (min-width:1490px) and (max-width:1509px){
		#top_service { background-position:right -13.5vw; }
	}
	@media (min-width:1510px) and (max-width:1539px){
		#top_service { background-position:right -13vw; }
	}
	@media (min-width:1540px) and (max-width:1559px){
		#top_service { background-position:right -12.5vw; }
	}
	@media (min-width:1560px) and (max-width:1579px){
		#top_service { background-position:right -12vw; }
	}
	@media (min-width:1580px) and (max-width:1599px){
		#top_service { background-position:right -11.5vw; }
	}
	@media (min-width:1600px) and (max-width:1619px){
		#top_service { background-position:right -11vw; }
	}
	@media (min-width:1620px) and (max-width:1639px){
		#top_service { background-position:right -10.5vw; }
	}
	@media (min-width:1640px) and (max-width:1649px){
		#top_service { background-position:right -10vw; }
	}
	@media (min-width:1650px) and (max-width:1659px){
		#top_service { background-position:right -9.75vw; }
	}
	@media (min-width:1660px) and (max-width:1689px){
		#top_service { background-position:right -9.5vw; }
	}
	@media (min-width:1690px) and (max-width:1699px){
		#top_service { background-position:right -9vw; }
	}
	@media (min-width:1700px) and (max-width:1709px){
		#top_service { background-position:right -8.75vw; }
	}
	@media (min-width:1710px) and (max-width:1719px){
		#top_service { background-position:right -8.5vw; }
	}
	@media (min-width:1720px) and (max-width:1729px){
		#top_service { background-position:right -8.25vw; }
	}
	@media (min-width:1730px) and (max-width:1739px){
		#top_service { background-position:right -8vw; }
	}
	@media (min-width:1740px) and (max-width:1749px){
		#top_service { background-position:right -8vw; }
	}
	@media (min-width:1750px) and (max-width:1759px){
		#top_service { background-position:right -7.8vw; }
	}
	@media (min-width:1760px) and (max-width:1769px){
		#top_service { background-position:right -7.5vw; }
	}
	@media (min-width:1770px) and (max-width:1779px){
		#top_service { background-position:right -7.5vw; }
	}
	@media (min-width:1780px) and (max-width:1789px){
		#top_service { background-position:right -7vw; }
	}
	@media (min-width:1790px) and (max-width:1799px){
		#top_service { background-position:right -6.8vw; }
	}
	@media (min-width:1800px) and (max-width:1819px){
		#top_service { background-position:right -6.8vw; }
	}
	@media (min-width:1820px) and (max-width:1829px){
		#top_service { background-position:right -6.5vw; }
	}
	@media (min-width:1830px) and (max-width:1839px){
		#top_service { background-position:right -6vw; }
	}
	@media (min-width:1840px) and (max-width:1859px){
		#top_service { background-position:right -6vw; }
	}
	@media (min-width:1860px) and (max-width:1899px){
		#top_service { background-position:right -5.5vw; }
	}
	@media (min-width:1900px) and (max-width:1929px){
		#top_service { background-position:right -5vw; }
	}
	@media (min-width:1930px) and (max-width:1949px){
		#top_service { background-position:right -4.5vw; }
	}
	@media (min-width:1950px) and (max-width:1979px){
		#top_service { background-position:right -4vw; }
	}
	@media (min-width:1980px) and (max-width:2029px){
		#top_service { background-position:right -3.5vw; }
	}
	@media (min-width:2030px) and (max-width:2059px){
		#top_service { background-position:right -3vw; }
	}
	@media (min-width:2060px) and (max-width:2099px){
		#top_service { background-position:right -2.5vw; }
	}
	@media (min-width:2100px) and (max-width:2109px){
		#top_service { background-position:right -1.85vw; }
	}
	@media (min-width:2110px) and (max-width:2119px){
		#top_service { background-position:right -1.65vw; }
	}
	@media (min-width:2120px) and (max-width:2149px){
		#top_service { background-position:right -1.5vw; }
	}
	@media (min-width:2150px) and (max-width:2199px){
		#top_service { background-position:right -1vw; }
	}
	@media (min-width:2200px) and (max-width:2209px){
		#top_service { background-position:right -0.5vw; }
	}

#top_service2 { position:relative; margin-top:-300px; }
#top_service2 ul { background:#3D4757; text-shadow:0 0 5px rgba(0,0,0,0.5); }
#top_service2 ul.row > li { position:static; }
#top_service2 li > a { position:relative; z-index:2; display:block; font-weight:bold; line-height:140%; background:rgba(0,25,57,0.5); }
#top_service2 li > a > span { display:block; width:100%; left:0; font-family:'M PLUS Rounded 1c', sans-serif; }
#top_service2 li > a > span > span { display:inline-block; }
#top_service2 ._navi1 { background:url(../image/top/service1-2.jpg) no-repeat center center / cover; }
#top_service2 ._navi2 { background:url(../image/top/service2.jpg) no-repeat center center / cover; }
#top_service2 ._navi3 { background:url(../image/top/service3.jpg) no-repeat center center / cover; }
#top_service2 ._navi4 { background:url(../image/top/service4.jpg) no-repeat center center / cover; }
#top_service2 ._navi5 { background:url(../image/top/service5.jpg) no-repeat center center / cover; }
	@media (max-width: 575px){
		#top_service2 li > a { height:100px; font-size:1.35em; }
		#top_service2 li > a > span { padding:0 15px 0 50px; background:url(../image/icon/arrow5-rw.png) no-repeat 15px center / 20px auto; }
		#top_service2 .bg { display:none; }
	}
	@media (min-width: 576px){
		#top_service2 li > a { height:480px; font-size:2em; }
		#top_service2 li > a > span { text-align:center; }
		#top_service2 li > a > span > span { width:1em; text-align:center; word-break:break-word; vertical-align:top; }
		#top_service2 li > a > span > span + span { margin-left:20px; }
		#top_service2 li._navi4 > a { font-size:1.5em; line-height:120%; }
		#top_service2 .bg { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity .5s; }
		body.pc #top_service2 li:hover .bg { opacity:1; }
		body.pc #top_service2 li > a:hover { background:rgba(61,71,87,0.3); }
	}
	@media (min-width: 576px) and (max-width: 767px){
		#top_service2 li > a { background:rgba(0,25,57,0.5) url(../image/icon/arrow5-rw.png) no-repeat center bottom 20px / 20px auto; }

	}
	@media (min-width: 768px){
		#top_service2 li > a > span { background: url(../image/icon/arrow5-rw.png) no-repeat right 15px center / 20px auto; }
	}

#top_company { margin-top:-200px; padding-top:200px; }
#top_company .unit { position:relative; overflow:hidden; }
#top_company .unit a { color:#fff; }
#top_company .unit .photo { position:relative; }
#top_company .unit .photo:before,
#top_company .unit .photo:after { content:""; position:absolute; }
#top_company .unit .photo:before { background:url(../image/icon/arrow5-rw.png) no-repeat center center / contain; z-index:3; width:100%; opacity:0.8; }
#top_company .unit .img_back { transition:transform 0.7s; }
#top_company .unit .text { left:0; width:100%; text-align:center; }
body.pc #top_company .unit a:hover .photo .img_back { transform:scale(1.2,1.2); }
	@media (max-width: 575px){
		#top_company .unit .photo:before { bottom:10px; height:15px; }
		#top_company .unit .photo:after { top:3px; left:3px; width:calc(100% - 6px); height:calc(100% - 6px); border:1px solid #fff; }
		#top_company .unit .sub { font-size:0.9em; font-weight:bold; }
		#top_company .unit .title { font-size:0.8em; }
	}
	@media (min-width: 576px) and (max-width: 767px){
		#top_company .unit .photo:before { bottom:18px; height:20px; }
		#top_company .unit .photo:after { top:3px; left:3px; width:calc(100% - 6px); height:calc(100% - 6px); border:1px solid #fff; }
		#top_company .unit .sub { font-size:1.15em; }
		#top_company .unit .title { font-size:1.25em; font-weight:bold; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#top_company .unit .photo:before { bottom:35px; height:25px; }
		#top_company .unit .photo:after { top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); border:2px solid #fff; }
		#top_company .unit .sub { font-size:1.25em; letter-spacing:3px; }
		#top_company .unit .title { font-size:1.45em; font-weight:bold; }
	}
	@media (min-width: 992px){
		#top_company .unit .photo:after { top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); border:2px solid #fff; }
		#top_company .unit .sub { font-size:1.5em; letter-spacing:4px; }
		#top_company .unit .title { font-weight:bold; }
	}
	@media (min-width: 992px) and (max-width:1099px){
		#top_company .unit .photo:before { bottom:45px; height:30px; }
	}
	@media (min-width: 992px) and (max-width:1199px){
		#top_company .unit .title { font-size:1.8em; }
	}
	@media (min-width:1100px) and (max-width:1199px){
		#top_company .unit .photo:before { bottom:calc(50% - 11px); left:calc(100% - 45px); width:22px; height:22px; }
	}
	@media (min-width:1200px){
		#top_company .unit .title { font-size:2em; }
	}
	@media (min-width:1200px) and (max-width:1399px){
		#top_company .unit .photo:before { bottom:calc(50% - 11px); left:calc(100% - 45px); width:22px; height:22px; }
	}
	@media (min-width:1400px) and (max-width:1599px){
		#top_company .unit .photo:before { bottom:calc(50% - 15px); left:calc(100% - 60px); width:30px; height:30px; }
	}
	@media (min-width:1600px){
		#top_company .unit .photo:before { bottom:calc(50% - 17px); left:calc(100% - 80px); width:35px; height:35px; }
	}

#top_group { background:#30123C url(../image/top/group_back.jpg) no-repeat left top / cover; }
#top_group_wrap { position:relative; background:url(../image/top/group_back2.png) no-repeat center center / cover; color:#fff; }
#top_group_wrap .unit { position:absolute; text-align:center; transform-origin:center;
	--rotate1:0deg; --translate1:-250px;
	--rotate2:45deg; --translate2:-260px;
	--rotate3:120deg; --translate3:-250px;
	--rotate4:170deg; --translate4:-240px;
	--rotate5:225deg; --translate5:-220px;
	--rotate6:310deg; --translate6:-240px;
}
#top_group_wrap .unit._g1 { animation:cmove1 15s linear infinite; transform:rotate(var(--rotate1)) translateX(var(--translate1)) rotate(calc(var(--rotate1) * -1)); }
#top_group_wrap .unit._g2 { animation:cmove2 15s linear infinite; transform:rotate(var(--rotate2)) translateX(var(--translate2)) rotate(calc(var(--rotate2) * -1)); }
#top_group_wrap .unit._g3 { animation:cmove3 15s linear infinite; transform:rotate(var(--rotate3)) translateX(var(--translate3)) rotate(calc(var(--rotate3) * -1)); }
#top_group_wrap .unit._g4 { animation:cmove4 15s linear infinite; transform:rotate(var(--rotate4)) translateX(var(--translate4)) rotate(calc(var(--rotate4) * -1)); }
#top_group_wrap .unit._g5 { animation:cmove5 15s linear infinite; transform:rotate(var(--rotate5)) translateX(var(--translate5)) rotate(calc(var(--rotate5) * -1)); }
#top_group_wrap .unit._g6 { animation:cmove6 15s linear infinite; transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
#top_group_wrap .unit .text { margin-bottom:5px; font-size:.9em; }
	@media (max-width: 450px){
		#top_group_wrap .unit { --rotate1:-5deg; --rotate2:50deg; --rotate6:300deg; --translate1:-110px; --translate2:-135px; --translate3:-140px; --translate4:-120px; --translate5:-135px; --translate6:-135px; }
	}
	@media (min-width: 451px) and (max-width: 575px){
		#top_group_wrap .unit { --translate1:-35vw; --translate2:-35vw; --translate3:-31vw; --translate4:-26vw; --translate5:-30vw; --translate6:-30vw; }
	}
	@media (max-width: 575px){
		#top_group_wrap .unit .text { font-size:8px; }
	}
	@media (min-width: 576px) and (max-width: 767px){
		#top_group_wrap .unit { --translate1:-38vw; --translate2:-38vw; --translate3:-34vw; --translate4:-25vw; --translate5:-30vw; --translate6:-34vw; }
	}
	@media (max-width: 767px){
		#top_group_wrap { margin-left:-15px; margin-right:-15px; padding-top:72vw; }
		#top_group_wrap .unit { top:calc(50% - 45px); left:calc(50% - 70px); width:35vw; min-width:140px; }
	}
	@media (min-width: 768px){
		#top_group_wrap { width:760px; height:540px; margin:0 auto; }
		#top_group_wrap .unit { top:calc(50% - 50px); left:calc(50% - 100px); }
	}
	@media (min-width: 992px) and (max-width:1049px){
		#top_group_wrap { transform-origin:left center; transform:scale(0.73); }
	}
	@media (min-width:1050px) and (max-width:1099px){
		#top_group_wrap { transform-origin:left center; transform:scale(0.77); }
	}
	@media (min-width:1100px) and (max-width:1149px){
		#top_group_wrap { transform-origin:left center; transform:scale(0.82); }
	}
	@media (min-width:1150px) and (max-width:1199px){
		#top_group_wrap { transform-origin:left center; transform:scale(0.86); }
	}
	@media (min-width:1200px) and (max-width:1249px){
		#top_group_wrap { transform-origin:left center; transform:scale(0.90); }
	}
	@media (min-width:1250px) and (max-width:1299px){
		#top_group_wrap { transform-origin:left center; transform:scale(0.93); }
	}
	@media (min-width:1300px) and (max-width:1349px){
		#top_group_wrap { transform-origin:left center; transform:scale(0.96); }
	}
@keyframes cmove1 {
	0%      { transform:rotate(var(--rotate1)) translateX(var(--translate1)) rotate(calc(var(--rotate1) * -1)); }
	8.333%  { transform:rotate(var(--rotate2)) translateX(var(--translate2)) rotate(calc(var(--rotate2) * -1)); }
	16.667% { transform:rotate(var(--rotate2)) translateX(var(--translate2)) rotate(calc(var(--rotate2) * -1)); }
	25%     { transform:rotate(var(--rotate3)) translateX(var(--translate3)) rotate(calc(var(--rotate3) * -1)); }
	33.333% { transform:rotate(var(--rotate3)) translateX(var(--translate3)) rotate(calc(var(--rotate3) * -1)); }
	41.667% { transform:rotate(var(--rotate4)) translateX(var(--translate4)) rotate(calc(var(--rotate4) * -1)); }
	50%     { transform:rotate(var(--rotate4)) translateX(var(--translate4)) rotate(calc(var(--rotate4) * -1)); }
	58.333% { transform:rotate(var(--rotate5)) translateX(var(--translate5)) rotate(calc(var(--rotate5) * -1)); }
	66.667% { transform:rotate(var(--rotate5)) translateX(var(--translate5)) rotate(calc(var(--rotate5) * -1)); }
	75%     { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	83.333% { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	91.667% { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	100%    { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
}
@keyframes cmove2 {
	0%      { transform:rotate(var(--rotate2)) translateX(var(--translate2)) rotate(calc(var(--rotate2) * -1)); }
	8.333%  { transform:rotate(var(--rotate3)) translateX(var(--translate3)) rotate(calc(var(--rotate3) * -1)); }
	16.667% { transform:rotate(var(--rotate3)) translateX(var(--translate3)) rotate(calc(var(--rotate3) * -1)); }
	25%     { transform:rotate(var(--rotate4)) translateX(var(--translate4)) rotate(calc(var(--rotate4) * -1)); }
	33.333% { transform:rotate(var(--rotate4)) translateX(var(--translate4)) rotate(calc(var(--rotate4) * -1)); }
	41.667% { transform:rotate(var(--rotate5)) translateX(var(--translate5)) rotate(calc(var(--rotate5) * -1)); }
	50%     { transform:rotate(var(--rotate5)) translateX(var(--translate5)) rotate(calc(var(--rotate5) * -1)); }
	58.333% { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	66.667% { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	75%     { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	83.333% { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	91.667% { transform:rotate(calc(var(--rotate2) + 360deg)) translateX(var(--translate2)) rotate(calc((var(--rotate2) + 360deg) * -1)); }
	100%    { transform:rotate(calc(var(--rotate2) + 360deg)) translateX(var(--translate2)) rotate(calc((var(--rotate2) + 360deg) * -1)); }
}
@keyframes cmove3 {
	0%      { transform:rotate(var(--rotate3)) translateX(var(--translate3)) rotate(calc(var(--rotate3) * -1)); }
	8.333%  { transform:rotate(var(--rotate4)) translateX(var(--translate4)) rotate(calc(var(--rotate4) * -1)); }
	16.667% { transform:rotate(var(--rotate4)) translateX(var(--translate4)) rotate(calc(var(--rotate4) * -1)); }
	25%     { transform:rotate(var(--rotate5)) translateX(var(--translate5)) rotate(calc(var(--rotate5) * -1)); }
	33.333% { transform:rotate(var(--rotate5)) translateX(var(--translate5)) rotate(calc(var(--rotate5) * -1)); }
	41.667% { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	50%     { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	58.333% { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	66.667% { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	75%     { transform:rotate(calc(var(--rotate2) + 360deg)) translateX(var(--translate2)) rotate(calc((var(--rotate2) + 360deg) * -1)); }
	83.333% { transform:rotate(calc(var(--rotate2) + 360deg)) translateX(var(--translate2)) rotate(calc((var(--rotate2) + 360deg) * -1)); }
	91.667% { transform:rotate(calc(var(--rotate3) + 360deg)) translateX(var(--translate3)) rotate(calc((var(--rotate3) + 360deg) * -1)); }
	100%    { transform:rotate(calc(var(--rotate3) + 360deg)) translateX(var(--translate3)) rotate(calc((var(--rotate3) + 360deg) * -1)); }
}
@keyframes cmove4 {
	0%      { transform:rotate(var(--rotate4)) translateX(var(--translate4)) rotate(calc(var(--rotate4) * -1)); }
	8.333%  { transform:rotate(var(--rotate5)) translateX(var(--translate5)) rotate(calc(var(--rotate5) * -1)); }
	16.667% { transform:rotate(var(--rotate5)) translateX(var(--translate5)) rotate(calc(var(--rotate5) * -1)); }
	25%     { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	33.333% { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	41.667% { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	50%     { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	58.333% { transform:rotate(calc(var(--rotate2) + 360deg)) translateX(var(--translate2)) rotate(calc((var(--rotate2) + 360deg) * -1)); }
	66.667% { transform:rotate(calc(var(--rotate2) + 360deg)) translateX(var(--translate2)) rotate(calc((var(--rotate2) + 360deg) * -1)); }
	75%     { transform:rotate(calc(var(--rotate3) + 360deg)) translateX(var(--translate3)) rotate(calc((var(--rotate3) + 360deg) * -1)); }
	83.333% { transform:rotate(calc(var(--rotate3) + 360deg)) translateX(var(--translate3)) rotate(calc((var(--rotate3) + 360deg) * -1)); }
	91.667% { transform:rotate(calc(var(--rotate4) + 360deg)) translateX(var(--translate4)) rotate(calc((var(--rotate4) + 360deg) * -1)); }
	100%    { transform:rotate(calc(var(--rotate4) + 360deg)) translateX(var(--translate4)) rotate(calc((var(--rotate4) + 360deg) * -1)); }
}
@keyframes cmove5 {
	0%      { transform:rotate(var(--rotate5)) translateX(var(--translate5)) rotate(calc(var(--rotate5) * -1)); }
	8.333%  { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	16.667% { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	25%     { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	33.333% { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	41.667% { transform:rotate(calc(var(--rotate2) + 360deg)) translateX(var(--translate2)) rotate(calc((var(--rotate2) + 360deg) * -1)); }
	50%     { transform:rotate(calc(var(--rotate2) + 360deg)) translateX(var(--translate2)) rotate(calc((var(--rotate2) + 360deg) * -1)); }
	58.333% { transform:rotate(calc(var(--rotate3) + 360deg)) translateX(var(--translate3)) rotate(calc((var(--rotate3) + 360deg) * -1)); }
	66.667% { transform:rotate(calc(var(--rotate3) + 360deg)) translateX(var(--translate3)) rotate(calc((var(--rotate3) + 360deg) * -1)); }
	75%     { transform:rotate(calc(var(--rotate4) + 360deg)) translateX(var(--translate4)) rotate(calc((var(--rotate4) + 360deg) * -1)); }
	83.333% { transform:rotate(calc(var(--rotate4) + 360deg)) translateX(var(--translate4)) rotate(calc((var(--rotate4) + 360deg) * -1)); }
	91.667% { transform:rotate(calc(var(--rotate5) + 360deg)) translateX(var(--translate5)) rotate(calc((var(--rotate5) + 360deg) * -1)); }
	100%    { transform:rotate(calc(var(--rotate5) + 360deg)) translateX(var(--translate5)) rotate(calc((var(--rotate5) + 360deg) * -1)); }
}
@keyframes cmove6 {
	0%      { transform:rotate(var(--rotate6)) translateX(var(--translate6)) rotate(calc(var(--rotate6) * -1)); }
	8.333%  { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	16.667% { transform:rotate(calc(var(--rotate1) + 360deg)) translateX(var(--translate1)) rotate(calc((var(--rotate1) + 360deg) * -1)); }
	25%     { transform:rotate(calc(var(--rotate2) + 360deg)) translateX(var(--translate2)) rotate(calc((var(--rotate2) + 360deg) * -1)); }
	33.333% { transform:rotate(calc(var(--rotate2) + 360deg)) translateX(var(--translate2)) rotate(calc((var(--rotate2) + 360deg) * -1)); }
	41.667% { transform:rotate(calc(var(--rotate3) + 360deg)) translateX(var(--translate3)) rotate(calc((var(--rotate3) + 360deg) * -1)); }
	50%     { transform:rotate(calc(var(--rotate3) + 360deg)) translateX(var(--translate3)) rotate(calc((var(--rotate3) + 360deg) * -1)); }
	58.333% { transform:rotate(calc(var(--rotate4) + 360deg)) translateX(var(--translate4)) rotate(calc((var(--rotate4) + 360deg) * -1)); }
	66.667% { transform:rotate(calc(var(--rotate4) + 360deg)) translateX(var(--translate4)) rotate(calc((var(--rotate4) + 360deg) * -1)); }
	75%     { transform:rotate(calc(var(--rotate5) + 360deg)) translateX(var(--translate5)) rotate(calc((var(--rotate5) + 360deg) * -1)); }
	83.333% { transform:rotate(calc(var(--rotate5) + 360deg)) translateX(var(--translate5)) rotate(calc((var(--rotate5) + 360deg) * -1)); }
	91.667% { transform:rotate(calc(var(--rotate6) + 360deg)) translateX(var(--translate6)) rotate(calc((var(--rotate6) + 360deg) * -1)); }
	100%    { transform:rotate(calc(var(--rotate6) + 360deg)) translateX(var(--translate6)) rotate(calc((var(--rotate6) + 360deg) * -1)); }
}

#top_recruit .desc { font-weight:bold; }
#top_recruit2 .disp_ib { clip-path:ellipse(50% 100% at 50% 100%); }
	@media (max-width: 575px){
		#top_group .button { margin-bottom:70px; }
		#top_recruit .desc { margin-bottom:20px; }
	}
	@media (min-width: 576px) and (max-width: 767px){
		#top_group .button { margin-bottom:70px; }
		#top_recruit .desc { font-size:1.25em; }
	}
	@media (min-width: 768px) and (max-width: 839px){
		#top_recruit .top_hl1  { font-size:3.25em; }
		#top_recruit .desc { font-size:1.1em; }
	}
	@media (min-width: 840px) and (max-width: 991px){
		#top_recruit .desc { font-size:1.2em; }
	}
	@media (min-width: 992px) and (max-width:1029px){
		#top_recruit .top_hl1  { font-size:3.45em; }
		#top_recruit .desc { font-size:1.5em; }
	}
	@media (min-width:1030px){
		#top_recruit .desc { font-size:1.75em; }
	}

.info_list {}
.info_list a { width:100%; border-bottom:1px dotted #C3C3C3; padding:20px 0; }
.info_list .text { padding:0 0 0 20px; }
.info_list .tag { color:#fff; padding:3px 8px; min-width:60px; text-align:center; }
.info_list .date { color:#989898; }
.info_list .date + .tag { margin-left:15px; }
.info_list h3 { font-weight:normal; }
	@media (max-width: 575px){
		.info_list a { display:block; }
		.info_list .meta { margin-bottom:5px; }
		.info_list .tag { font-size:11px; }
	}
	@media (min-width: 576px){
		.info_list a { display:table; }
		.info_list a > * { display:table-cell; vertical-align:middle; }
		.info_list .meta { width:200px; }
		.info_list .tag { font-size:0.9em; }
	}

#top_contact { position:relative; background:#102C4B url(../image/top/contact_back.jpg) no-repeat center center / cover; }
#top_contact:before { content:""; position:absolute; top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); border:2px solid #fff; }
#top_contact > * { position:relative; z-index:2; }
#top_contact .top_hl1 { font-size:3em; }
#top_contact .top_hl_sub2 { margin-top:10px; }
#top_contact .button { border-radius:30px; padding:15px 30px; font-weight:bold; color:#0A223F; font-size:1.25em; width:320px; max-width:100%; }
#top_contact .button > span { background:url(../image/icon/mail-b.png) no-repeat left center / 1.25em auto; padding-left:1.65em; }
	@media (max-width: 575px){
		#top_contact .top_hl_sub2 { font-size:1em; margin-bottom:20px; }
	}
	@media (min-width: 576px){
		#top_contact .top_hl_sub2 { margin-bottom:50px; }
	}