@charset "utf-8";
/*
	Last Update:2023/02/09
	Auther: iw
*/
#main_image_wrap { position:relative; background:url(../image/top/main_back.jpg) no-repeat center top / cover; }
#main_text { text-align:center; }
#main_image { position:absolute; left:50%; width:1px; height:100%; z-index:2; }
#main_image .unit { position:absolute; }
#main_image .unit._l1,
#main_image .unit._l2,
#main_image .unit._r2 { top:0; }
#main_image .unit._l2,
#main_image .unit._r1 { transition-delay:0.2s; }
#main_image .unit._l3,
#main_image .unit._r3 { transition-delay:0.4s; }
#main_image .unit._l4,
#main_image .unit._r4 { transition-delay:0.6s; }
#main_image .unit._l5,
#main_image .unit._r5 { transition-delay:0.8s; }
#main_image .unit._l6,
#main_image .unit._r6 { transition-delay:1.0s; }
#main_image .unit._l7,
#main_image .unit._r7 { transition-delay:1.2s; }
	@media (max-width: 575px){
		#main_text { padding:20vw 0 15vw; }
	}
	@media (min-width: 576px) and (max-width:1199px){
		#main_text { padding:15vw 0 10vw; }
	}
	@media (max-width:1199px){
		#main_text img { max-width:40vw; }
		#main_image { top:55px; }
		#main_image .unit { width:20vw; }
		#main_image .unit._l1 { left:-40vw; }
		#main_image .unit._l2 { left:-56vw; }
		#main_image .unit._l3 { left:-58vw; top:20vw; }
		#main_image .unit._l4 { left:-43vw; top:12vw; }
		#main_image .unit._l5 { left:-52vw; top:30vw; }
		#main_image .unit._l6 { left:-40vw; top:42vw; }
		#main_image .unit._l7 { left:-52vw; top:50vw; }
		#main_image .unit._r1 { right:-55vw; top:5vw; }
		#main_image .unit._r2 { right:-40vw; }
		#main_image .unit._r3 { right:-56vw; top:20vw; }
		#main_image .unit._r4 { right:-44vw; top:33vw; }
		#main_image .unit._r5 { right:-40vw; top:17vw; }
		#main_image .unit._r6 { right:-51vw; top:45vw; }
		#main_image .unit._r7 { right:-44vw; top:54vw; }
	}
	@media (min-width:1200px){
		#main_text { padding:90px 0 180px; }
		#main_image { top:90px; }
		#main_image .unit._l1 { left:-500px; }
		#main_image .unit._l2 { left:-720px; }
		#main_image .unit._l3 { left:-740px; top:200px; }
		#main_image .unit._l4 { left:-540px; top:170px; }
		#main_image .unit._l5 { left:-650px; top:330px; }
		#main_image .unit._l6 { left:-500px; top:470px; }
		#main_image .unit._l7 { left:-700px; top:520px; }
		#main_image .unit._r1 { right:-710px; top:50px; }
		#main_image .unit._r2 { right:-500px; }
		#main_image .unit._r3 { right:-760px; top:200px; }
		#main_image .unit._r4 { right:-540px; top:330px; }
		#main_image .unit._r5 { right:-550px; top:170px; }
		#main_image .unit._r6 { right:-710px; top:360px; }
		#main_image .unit._r7 { right:-740px; top:510px; }
	}

.info_list a { width:100%; border-bottom:1px solid #ccc; background:url(../image/icon/arrow2-rg.png) no-repeat calc(100% - 15px) center / 24px auto; }
.info_list .tag { color:#fff; border-radius:3px; padding:5px 8px; min-width:75px; text-align:center; font-size:0.8em; }
.info_list .date + .tag { margin-left:15px; }
	@media (max-width: 575px){
		.info_list a { padding:20px 50px 20px 0; }
	}
	@media (min-width: 576px){
		#news .center2 { padding-top:50px; }
		.info_list a { padding:20px 80px 20px 0; }
	}

#business .unit { position:relative; margin-bottom:40px; background:#fff; border-radius:10px; }
#business .unit .photo { text-align:center; }
#business .unit .photo img { width:100%; }
#business .unit .meta { position:absolute; }
#business .unit .meta > span { display:inline-block; padding:5px 10px; border-radius:30px; color:#fff; }
#business .unit .title { text-align:center; margin:20px 0 15px; }
#business .unit .title h3 { font-weight:bold; margin-top:15px; }
#business .unit .title h3.height-1 { display:table; width:100%; }
#business .unit .title h3.height-1 > span { display:table-cell; vertical-align:middle; }
#business .unit .title .sub { font-size:12px; display:block; }
#business .unit .button._arrow1 { max-width:250px; }
	@media (max-width: 575px){
		#business .unit { padding:15px 15px 30px; }
		#business .unit .meta { top:20px; left:20px; }
		#business .unit .meta > span { font-size:11px; }
		#business .unit .title h3 { font-size:1.25em; }
	}
	@media (min-width: 576px){
		#business .center { padding-top:50px; }
		#business .unit { padding:30px 30px 40px; }
		#business .unit .meta { top:40px; left:40px; }
		#business .unit .title h3 { font-size:1.5em; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#business .unit .title h3 { font-size:1.25em; }
		#business .unit .meta > span { font-size:11px; }
	}
	@media (min-width: 992px) and (max-width:1199px){
		#business .unit .meta > span { font-size:13px; }
	}