﻿#mainimage{
	margin:0 auto 40px;
	height:59vh;
	box-sizing:border-box;
	position:relative;
}
#mainimage img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:bottom;
	position:relative;
	z-index:1;
}
#catch{
	font-family: "source-han-serif-japanese", serif;
	font-weight: 500;
	font-style: normal;
	font-size:35px;
	position:absolute;
	right:15%;
	top:185px;
	z-index:3;
	color:#fff;
	text-shadow:0 0 10px rgba(0,0,0,0.5);
}
#top1{
	padding:50px 0;
	margin:0 auto 60px;
	background: linear-gradient(to right,  #f6ece8 0%,#f7f5f5 50%,#f6ece8 100%);
}
#top1 h2{
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:40px;
	text-align:center;
	margin:0 auto 40px;
}
#top1 h2 span{
	font-size:18px;
	display:block;
	padding:20px 0 0;
}
#top1 article{
	width:960px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	gap:60px;
}
#top1 article a{
	display:block;
	width:280px;
	flex:none;
	border-radius:10px;
	overflow:hidden;
	background:#fff url('../images/common/arrow1.svg') no-repeat right 10px bottom 10px;
	box-shadow:0 0 10px rgba(59,137,186,0.4);
	text-decoration:none;
}
#top1 article dt{
	height:130px;
	position:relative;
}
#top1 article dt:after{
	width:100px;
	height:5px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-50px;
	background:#b8e1e4;
	content:"";
	display:block;
}
#top1 article dt img{
	display:block;
}
#top1 article dd{
	padding:20px 30px 30px;
}
#top1 article dd h3{
	font-size:18px;
	color:#62a9ae;
	margin:0 0 20px;
	text-align:center;
}
#news{
	margin:0 auto 80px;
}
#news h2{
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:40px;
	position:relative;
	width:960px;
	margin:0 auto 40px;
	color:#73acd1;
}
#news h2 span{
	display:block;
	font-size:18px;
	color:#212121;
	padding:10px 0 0 100px;
}
#news h2:after{
	content:"";
	background:#b2b2b2;
	height:1px;
	width:760px;
	display:block;
	position:absolute;
	right:0;
	top:30%;
}
#news_nav{
	width:960px;
	margin:0 auto;
	position:relative;
	top:-50px;
}
#news_nav ul{
	display:flex;
	justify-content:flex-end;
	gap:36px;
}
#news_nav ul li{
	width:120px;
}
#news_nav ul li a{
	display:block;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	border:1px solid #b8e1e4;
	border-radius:15px;
}
#news_nav ul li a:hover,
#news_nav ul li a.active{
	background:#b8e1e4;
}
.pickup{
	width:960px;
	margin:0 auto 50px;
}
.pickup a{
	display:block;
	font-size:22px;
	line-height:90px;
	color:#4b94c2;
	text-decoration:none;
	text-align:center;
	background:url('../images/common/arrow1.svg') no-repeat right 20px center;
	box-shadow:0 0 10px rgba(59,137,186,0.5);
}
#news article{
	width:960px;
	margin:0 auto;
}
#news article dl{
	display:flex;
	border-top:1px solid #ccc;
	padding:40px 0;
}
#news article dl:last-child{
	border-bottom:1px solid #ccc;
}
#news article dt{
	width:120px;
	flex:none;
}
#news article dt span{
	display:block;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	border:1px solid #b8e1e4;
	border-radius:15px;
}
#news article dd{
	width:calc(100% - 120px);
	display:flex;
	padding:0 0 0 35px;
	flex:none;
	box-sizing:border-box;
}
#news article dd time{
	width:110px;
	flex:none;
	display:block;
}
#news article dd a{
	text-decoration:none;
}
#news article dd a:hover{
	text-decoration:underline;
}
#news1,
#news2,
#news3{
	display:none;
}
#news .more{
	width:300px;
	margin:0 auto 0px;
	padding:20px 0 50px;
}
#news .more a{
	display:block;
	font-size:20px;
	line-height:60px;
	border-radius:30px;
	color:#4b94c2;
	text-decoration:none;
	text-align:center;
	background:url('../images/common/arrow1.svg') no-repeat right 20px center;
	box-shadow:0 0 10px rgba(59,137,186,0.5);
}
#top2{
	padding:60px 0 80px;
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(243,242,242,1) 30%,rgba(243,242,242,1) 100%);
	margin:0 auto 165px;
}
#top2 article{
	width:960px;
	margin:0 auto;
	display:flex;
}
#top2 article h2{
	width:480px;
	flex:none;
	text-align:right;
	color:#a1a1a1;
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:40px;
	padding:0 80px 0 0;
	box-sizing:border-box;
}
#top2 h2 span{
	display:block;
	font-size:18px;
	padding:10px 0 0 0px;
}
#top2 ul{
	width:480px;
	display:flex;
	flex-wrap:wrap;
	gap:40px;
	justify-content:space-between;
	list-style:none;
}
#top2 ul li{
	width:210px;
}
#top2 ul li a{
	display:block;
	font-size:18px;
	text-decoration:none;
	line-height:110px;
	padding:0 0 0 40px;
	box-sizing:border-box;
	background:#fff url('../images/common/arrow1.svg') no-repeat right 20px center;
}
#top2 ul li a:hover{
	color:#fff;
	background:#5d9fc8 url('../images/common/arrow4.svg') no-repeat right 20px center;
}
#top3{
	background:#b8e1e4;
	background-size:80.7% auto;
	padding:85px 0 45px;
	position:relative;
}
#top3 article{
	width:960px;
	margin:0 auto;
}
#top3 article ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	position:relative;
}
#top3 article ul li{
/*	width:280px;*/
	width:460px;
}
#top3 ul li a{
	display:block;
	font-size:18px;
	text-decoration:none;
	line-height:90px;
	padding:0 0 0 40px;
	box-sizing:border-box;
	background:#fff url('../images/common/arrow2.svg') no-repeat right 20px center;
	box-shadow:0 0 10px rgba(59,137,186,0.5);
}
#top3 ul li:nth-child(1) a{
	padding:0 0 0 20px;
}
#top3 ul li a:hover{
	color:#fff;
	background:#5d9fc8 url('../images/common/arrow4.svg') no-repeat right 20px center;
}
#top3 ul li:nth-child(1){
	width:460px;
	position:absolute;
	top:-120px;
	left:0;
}
#top3 ul li:nth-child(2){
	width:460px;
	position:absolute;
	top:-120px;
	right:0;
}
#top3 ul li:nth-child(1) img,
#top3 ul li:nth-child(2) img{
	width:40px;
	vertical-align:middle;
	margin-right:15px;
}
#top3 ul li:nth-child(3) a{
	padding:0;
}
#top3 ul li:nth-child(3) a img{
	display:block;
}
/*
#top3 ul li:nth-child(6),
#top3 ul li:nth-child(7){
	width:460px;
	margin-top:30px;
}
#top3 ul li:nth-child(6) img,
#top3 ul li:nth-child(7) img{
	width:80px;
	vertical-align:middle;
	margin-right:15px;
}
*/
#top3 ul li:nth-child(5),
#top3 ul li:nth-child(6){
	width:460px;
	margin-top:30px;
}
#top3 ul li:nth-child(5) img,
#top3 ul li:nth-child(6) img{
	width:80px;
	vertical-align:middle;
	margin-right:15px;
}
