.top_main{
	position: relative;
}
.top_main_txt{
	position: absolute;
	right: 2%;
	top: 36%;
	color: #fff;
}
.top_main_ttl01{
	font-size: 80px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	padding-right: 20px;
}
.top_main_ttl02{
	font-size: 38px;
	line-height: 1.2;
	letter-spacing: 0.05em;
	padding-right: 34px;
}
.top_logo{
	margin: 0 0 0 auto;
	max-width: 30vw;
}
.top_main_copy{
	font-size: 45px;
	letter-spacing: 0.1em;
	color: #fff;
	margin-top: 30px;
}
.slider_item{
	width: 100vw;
	height: 100vh;
	background-size: cover;
	background-position: center;
}
.slider_item01{
	background-image: url(../images/top/slide01.jpg);
}
.slider_item02{
	background-image: url(../images/top/slide02.jpg);
}
.slider_item03{
	background-image: url(../images/top/slide03.jpg);
}
.top_slider.slick-dotted.slick-slider{
	margin-bottom: -10px;
}
.title span {
	display: inline-block;
	opacity: 0;
	transform: translateY(20px);
}

.top01{
	background: linear-gradient(to bottom, #d3deea 0%,#8ea3bd 55%,#8ea3bd 80%,#d3deea 100%);
	padding: 100px 50px;
	position: relative;
}
.mizu{
	position: absolute;
	mix-blend-mode: multiply;
}
.mizu01{
	top: 7%;
	left: 10%;
	max-width: 80vw;
}
.mizu02{
	top: 19%;
	left: 12%;
	max-width: 80vw;
}
.mizu03{
	bottom: 7%;
	left: 5%;
	max-width: 62vw;
}
.mizu04{
	bottom: 17%;
	left: 3%;
	max-width: 20vw;
}
.top01_ttl{
	font-size: 46px;
	letter-spacing: 0.05em;
}
.top01_sub{
	font-size: 21px;
	letter-spacing: 0.05em;
}
.top01_copy{
	font-size: 36px;
	line-height: 2.2;
	letter-spacing: 0.1em;
}
.top01_wrap{
	gap: 20px 40px;
}
.top01_wrap01{
	margin-top: 100px;
}
.top01_wrap02{
	margin-top: 50px;
}
.top01_box_img{
	width: 60%;
	aspect-ratio: 10 / 6;
	background-size: cover;
}
.top01_box_img01{
	background-image: url(../images/top/top_img01.jpg);
}
.top01_box_img02{
	background-image: url(../images/top/top_img02.jpg);
}
.top01_box_txt{
	flex: 1;
}
.top01_box_ttl{
	font-size: 4vw;
	letter-spacing: 0.05em;
	line-height: 1.3;
	color: #226084;
}
.top01_box_p{
	font-size: 1.2vw;
	line-height: 2;
	color: #435366;
}
.top01_box_img02{
	margin-top: -100px;
}
.top_btn_wrap{
	margin-top: 80px;
}
a.top_btn{
	display: inline-block;
	padding: 10px 100px;
	border: solid 1px #274c78;
	border-radius: 100px;
	color: #274c78;
	letter-spacing: 0.05em;
}
.top_btn_en{
	font-size: 24px;
}

.top02{
	background: #d3deea;
	padding: 0 20px;
}
.top02_container{
	background: #fff;
	padding: 50px;
}
.top_h2{
	font-size: 38px;
	letter-spacing: 0.1em;
}
.top02_bnr{
	display: block;
	width: 100%;
	aspect-ratio: 1700 / 553;
	background-size: cover;
	position: relative;
}
.top02_bnr01{
	background-image: url(../images/top/top_img03.jpg);
	margin-top: 50px;
}
.top02_bnr02{
	background-image: url(../images/top/top_img04.jpg);
	margin-top: 20px;
}
.top02_bnr03{
	background-image: url(../images/top/top_img05.jpg);
	margin-top: 20px;
}
.top02_txt{
	position: absolute;
	left: 50px;
	bottom: 20px;
	font-size: 4vw;
	color: #fff;
	letter-spacing: 0.05em;
	padding-right: 180px;
}
.top02_txt::before,
.top02_txt::after{
	content: "";
	display: block;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 30px;
}
.top02_txt::before{
	width: 150px;
	height: 1px;
	right: 0;
	bottom: 30px;
}
.top02_txt::after{
	width: 20px;
	height: 1px;
	right: -2px;
	bottom: 35px;
	transform: rotate(30deg);
}

.top03{
	background: linear-gradient(to bottom, #d3deea 0%,#8ea3bd 100%);
	padding: 20px;
	position: relative;
}
.mizu05{
	top: 50%;
	right: 5%;
	max-width: 3vw;
}
.mizu06{
	top: 25%;
	right: 10%;
	max-width: 7vw;
}
.top03_wrap{
	gap: 20px 40px;
}
.top03_box_img{
	width: 50%;
	aspect-ratio: 881 / 714;
	background-image: url(../images/top/top_img06.jpg);
	background-size: cover;
}
.top03_box_txt{
	flex: 1;
	padding-top: 8vw;
}

.top04{
	padding: 80px 20px;
}
.top_topics{
	border-top: solid 1px #8ea3bd;
}
.top_topics_item{
	padding: 20px;
	gap: 5px 20px;
	border-bottom: solid 1px #8ea3bd;
}
.top_topics_date{
	width: 130px;
	padding: 5px;
}
.top_topics_cate_box{
	width: 145px;
}
.top_topics_cate{
	width: 100%;
	display: inline-block;
	background: #eee;
	padding: 4px;
	border-radius: 30px;
	font-size: 0.9em;
	line-height: 1.2;
}
.top_topics_ttl{
	flex: 1;
	padding: 5px;
}
.top_news_btn{
	position: relative;
	padding-right: 100px;
	color: #435366;
}
.top_news_btn::before,
.top_news_btn::after{
	content: "";
	display: block;
	background: #435366;
	position: absolute;
	right: 0;
	bottom: 30px;
}
.top_news_btn::before{
	width: 60px;
	height: 1px;
	right: 0;
	bottom: 5px;
}
.top_news_btn::after{
	width: 20px;
	height: 1px;
	right: -2px;
	bottom: 10px;
	transform: rotate(30deg);
}




@media only screen and (min-width:1025px) {
	a.top_btn,
	.top02_txt,
	.top02_txt::before,
	.top02_txt::after,
	.top_topics_cate,
	.top_topics_ttl a,
	.top_news_btn{
		transition: 0.3s;
	}
	.top02_hover:hover {
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	}
	.top02_hover:hover .top02_txt{
		text-shadow: 0 0 10px rgba(0,0,0,0.5);
	}
	.top02_hover:hover .top02_txt::before{
		right: -12px;
	}
	.top02_hover:hover .top02_txt::after{
		right: -15px;
	}
	a.top_btn:hover{
		border: solid 1px rgba(39,76,120,0.1);
		background: rgba(39,76,120,0.5);
		color: #fff;
	}
	.top_topics_cate:hover{
		background: #8ea3bd;
	}
	.top_topics_ttl a:hover{
		color: #8ea3bd;
	}
	.top_news_btn:hover{
		color: #8ea3bd;
	}
}

@media only screen and (max-width:1024px) {
	.top_main_ttl01{
		font-size: 11vw;
	}
	.top_main_ttl02{
		font-size: 5.3vw;
	}
	.top_main_copy{
		font-size: 6.5vw;
	}
	.top01{
		padding: 80px 20px;
	}
	.top01_copy{
		font-size: 3.5vw;
	}
}

@media only screen and (max-width:768px) {
	.top01_wrap{
		flex-wrap: wrap;
	}
	.top01_wrap01{
		margin-top: 60px;
	}
	.top01_box_img{
		width: 100%;
		order: 1;
	}
	.top01_box_txt{
		flex: none;
		width: 100%;
		order: 2;
	}
	.top01_box_ttl{
		font-size: 10vw;
	}
	.top01_box_p{
		font-size: 3.5vw;
	}
	.top01_box_img02{
		margin-top: 0;
	}
	.top_btn_wrap{
		margin-top: 50px;
	}
	a.top_btn{
		padding: 10px 50px;
	}
	.top_btn_en{
		font-size: 18px;
	}
	.top_btn_ja{
		font-size: 14px;
	}
	.mizu03{
		max-width: 78vw;
	}
	.mizu04{
		left: 60%;
	}

	.top02_container{
		padding: 30px 20px;
	}
	.top02_bnr{
		aspect-ratio: 650 / 553;
	}
	.top02_bnr01{
		background-image: url(../images/top/top_img03_sp.jpg);
	}
	.top02_bnr02{
		background-image: url(../images/top/top_img04_sp.jpg);
	}
	.top02_bnr03{
		background-image: url(../images/top/top_img05_sp.jpg);
	}
	.top02_txt{
		left: 10px;
		bottom: 10px;
		padding-right: 80px;
	}
	.top02_txt::before{
		width: 70px;
		bottom: 10px;
	}
	.top02_txt::after{
		bottom: 15px;
	}

	.top03{
		padding: 50px 0;
	}
	.top03_wrap{
		flex-wrap: wrap;
	}
	.top03_box_img{
		width: 100%;
		order: 2;
	}
	.top03_box_txt{
		flex: none;
		width: 100%;
		order: 1;
		padding: 0 20px;
	}
	.top_btn_wrap03{
		text-align: center;
	}
	.mizu05{
		top: 20%;
		right: 36%;
	}


	.top_topics_item {
		flex-wrap: wrap;
		justify-content: start;
		padding: 10px;
	}
	.top_topics_date{
		width: 90px;
	}
	.top_topics_ttl{
		flex: none;
		width: 100%;
	}
}

@media only screen and (max-width:480px) {

}