@charset "UTF-8";

#index_image {
	margin-top:80px;
	width:100%;
	height:calc( 100vh - 80px );
	position:relative;
	z-index:1;
}

#index_image li {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	list-style-type:none;
	overflow:hidden;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	z-index:1;
}

#index_image li:nth-of-type( n+2 ) {
	display:none;
}

#index_image li:nth-of-type( 2n+1 ) img {
	width:100%;
	height:100%;
	object-fit:cover;
	animation: animationZoom 12s ease-in-out 0s infinite normal;
}

#index_image li:nth-of-type( 2n+2 ) img {
	width:100%;
	height:100%;
	object-fit:cover;
	animation: animationZoom2 12s ease-in-out 0s infinite normal;
}

@keyframes animationZoom {
	50% { transform:scale(1.2); }
}

@keyframes animationZoom2 {
	0% { transform: scale(1.5) }
	100% { transform:scale(1); }
}

#index_logo {
	position:absolute;
	z-index:2;
	width:300px;
	height:300px;
	border-radius:50%;
	background-color:#fff;
	left:calc( 50% - 150px );
	top:calc( 50% - 150px );
	text-align:center;
}

#index_logo > img {
	margin-top:100px;
	margin-bottom:30px;
}

#index_change_btn {
	position:absolute;
	left:0;
	bottom:30px;
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:12px;
	color:#f00;
	z-index:2;
}

#index_change_btn a:link, #index_change_btn a:visited {
	display:inline-block;
	padding:0 7px;
	color:#fff;
}

#index_change_btn a:hover, #index_change_btn a:active {
	color:#f00;
}

#index_change_btn a.now:link, #index_change_btn a.now:visited {
	color:#ccc;
}

#index_catch {
	padding:200px 50px;
	text-align:center;
	background-color:#fff;
}

#index_catch h2 {
	font-size:40px;
	line-height:1.5em;
}

#index_catch h2+div {
	margin-top:30px;
	font-size:17px;
	line-height:1.6em;
}

#index_catch h2+div p {
	margin:8px 0;
}

#index_copy {
	background-color:#1f3140;
	width:100%;
	text-align:center;
	padding:140px 0;
}

#index_copy ul {
	width:1024px;
	display:flex;
	margin:auto;
}

#index_copy ul li {
	width:calc( 100% / 3 );
	list-style-type:none;
}

#index_copy ul li > div {
	color:#fff;
	font-weight:500;
	font-size:30px;
	line-height:1.6em;
}

#index_copy ul li > p {
	color:#fff;
	font-size:14px;
	margin-top:20px;
	line-height:2.2em;
}

#index_body {
	width:100%;
}

#index_body > li {
	display:table;
	list-style-type:none;
	width:100%;
}

#index_body > li > div {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:50%;
	background-image:url( images/back.png );
	background-position: center center;
}

#index_body > li > div > img {
	aspect-ratio: 3 / 2;
	object-fit:cover;
	width:100%;
}

#index_body > li > div > div {
	font-size:33px;
	line-height:1.5em;
	font-weight:500;
	padding:12px;
}

#index_body > li > div > p {
	font-size:15px;
	letter-spacing:1px;
	line-height:2em;
	margin-top:20px;
}

#index_body > li > div > a:link, #index_body > li > div > a:visited {
	display:block;
	margin:40px auto 0 auto;
	width:190px;
	border:2px solid #333;
	background-color:#fff;
	font-size:13px;
	line-height:43px;
	position:relative;
}

#index_body > li > div > a:after {
	content: '>';
	position:absolute;
	right:30px;
	top:0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:18px;
}

#index_body > li > div > a:hover, #index_body > li > div > a:active {
	border:2px solid #aaa;
}

#index_news {
	width:800px;
	margin:120px auto;
}

#index_news h2 {
	font-size:40px;
	text-align:center;
	color:#1f3140;
}

#index_news dl {
	margin:60px 0;
}

#index_news dl dt {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
	line-height:20px;
}

#index_news dl a:nth-of-type( n+2 ) dt {
	margin-top:12px;
	padding-top:12px;
	border-top:1px solid #ddd;
}


#index_news dl dd {
	font-size:17px;
	line-height:28px;
}

#index_news a:link dt, #index_news a:visited dt {
	color:#666;
	transition: all .3s  ease-out;
}

#index_news a:link dd, #index_news a:visited dd {
	color:#000;
	transition: all .3s  ease-out;
}

#index_news a:hover dt, #index_news a:active dt, #index_news a:hover dd, #index_news a:active dd {
	color:#aaa;
}

@media screen and (max-width:1024px) {
	#index_copy ul {
		width:100%;
		display:block;
	}
	#index_copy ul li {
		width:calc( 100% - 16px );
		margin-left:8px;
	}
	#index_copy ul li:nth-of-type( n+2 ){
		padding-top:40px;
	}
	#index_body > li > div > div {
		font-size:20px;
	}
}

@media screen and (max-width:850px) {
	#index_body > li {
		display:flex;
		flex-direction:column;
		width:100%;
	}
	#index_body > li > div {
		display:block;
		width:100%;
	}
	#index_body > li.index_img_r > div:first-of-type {
		padding:30px 12px 50px 12px;
		order:2;
	}
	#index_body > li.index_img_l > div:last-of-type {
		padding:30px 12px 50px 12px;
	}
	#index_news {
		width:calc( 100% - 16px );
	}
}

@media screen and (max-width:600px) {
	#index_body > li.index_img_r > div:first-of-type > div, #index_body > li.index_img_l > div:last-of-type > div,
	#index_body > li.index_img_r > div:first-of-type > p, #index_body > li.index_img_l > div:last-of-type > p  {
		text-align:left;
	}
	#index_logo {
		width:200px;
		height:200px;
		left:calc( 50% - 100px );
		top:calc( 50% - 100px );
	}
	
	#index_logo > img {
		margin-top:60px;
		margin-bottom:20px;
	}
}