@charset "utf-8";

/* Main Visual */

.m_visual{width:100%; margin:0 auto; position:relative;  z-index:100; padding-top:101px;}
.m_visual .visual{height:800px; position:relative; background-size:cover !important;}
.m_visual .visual::before{display:block; content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0;}
.m_visual .visual01{background:url('/img/202506/main/m_visual01.jpg') center no-repeat;}
.m_visual .visual02{background:url('/img/202506/main/m_visual02.jpg') center no-repeat;}
.m_visual .visual03{background:url('/img/202506/main/m_visual03.jpg') center no-repeat;}
.m_visual .visual04{background:url('/img/202506/main/m_visual04.jpg') center center no-repeat;}
.m_visual .layout{height:100%; display:flex; align-items:center; justify-content:right;}
.m_visual .txt{color:#fff; text-align:right; margin-top:200px; word-break:keep-all;}
.m_visual .txt p.tit{font-family:'title'; font-size:3.8rem; line-height:4.3rem;margin-bottom:30px;}
.m_visual .txt p.tit small{display:block; font-size:2.2rem; line-height:2.7rem; margin-bottom:14px;}
.m_visual .txt p.s_tit{margin-bottom:25px;}
.m_visual .txt p.s_tit span{display:block;}



/*main common-------------------------------------------------------------------------------------------------------------------------------------*/
#main h2{font-family: 'title'; position:relative; font-size:45px; font-weight:900; margin:20px 0 0px; width:fit-content;}
/* #main h2::before{display:block; width:30px; height:30px; border-radius:50%; content:''; background:#f6efa7; position:absolute; left:-37px; top:-12px;} */
#main .layout{max-width:1280px;}
#main section{padding:60px 0; position:relative;}
#main section .title{position:absolute; left:30px; top:0;}
#main section .title::before{content:''; display:block; width:66px; height:66px; background-size:cover !important; position:absolute; left:0; top:0; animation:circle 35s infinite; opacity:0.5;}
#main section .title span{display:block; color:#00a54f; font-weight:600; font-size:2.5rem; font-family:'title';}
#main section  .layout{position:relative; padding-left:300px;}

#main section.m2 .title span{color:#194889;}
#main section.m3 .title span{color:#7d42b3;}

#main section.m1 .title::before{background:url('/img/202505/main/m_ic01.png') center no-repeat;}
#main section.m2 .title::before{background:url('/img/202505/main/m_ic02.png') center no-repeat;}
#main section.m3 .title::before{background:url('/img/202505/main/m_ic03.png') center no-repeat;}

@keyframes circle {
    from {transform:translate(-50%, -50%) rotate(0);}
    to {transform:translate(-50%, -50%) rotate(360deg);}
}

.link_wr{gap:20px;}
.link_wr .box{flex:1;}
.link_wr .box a{display:block; height:100%;}
.link_wr .box span.img_wrap{display:block; border-radius:20px; overflow:hidden; margin:0 auto 20px; text-align:center; border:3px solid #9fe7c2;}
.link_wr .box span.img_wrap img{transition:3s;}
.link_wr .box p.txt{transition:0.7s; position:relative;}
.link_wr .box p.txt::before{width:3px; height:100%; opacity:0; background:#007f3d; content:''; display:block; position:absolute; left:0; bottom:0; transition:0.7s;}
.link_wr .box span.tit{display:block; width:fit-content; font-size:22px; font-weight:800; color:#007f3d; margin-bottom:12px;}
.link_wr .box span.s_tit{line-height:22px; display:block; word-break:keep-all; font-weight:500;}
.link_wr .box:hover span.img_wrap img{transform:scale(1.1);}
.link_wr .box:hover p.txt{padding-left:20px;}
.link_wr .box:hover p.txt::before{opacity:1;}


.m2{background:aliceblue;}
.m2::before{content:''; display:block; width:577px; height:497px; background:url('/img/202505/main/m2_img.png') center no-repeat; background-size:cover; position:absolute; left:33px; bottom:0;}
.m2 .link_wr{gap:0;}
.m2 .box{flex:unset; width:49%; margin-bottom:2%;}
.m2 .box:nth-child(odd){margin-right:2%;}
.m2 .link_wr span.img_wrap{border-color:#91bfff;}
.m2 .link_wr span.tit{color:#194889;}
.m2 .link_wr .box p.txt::before{background:#194889;}


.m3 .link_wr span.img_wrap{border-color:#cfaeeb;}
.m3 .link_wr span.tit{color:#7d42b3;}
.m3 .link_wr .box p.txt::before{background:#7d42b3;}




/* ----------------------------------------- Media Query ----------------------------------------- */

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



@media only screen and (max-width : 1200px) {
	.m_visual{padding-top:65px;}
	.m_visual .layout{justify-content:center;}
}


@media only screen and (max-width : 1000px) {
 	.m_visual .visual{height:450px;}
	.m_visual .txt{text-align:left; max-width:300px; margin-top:163px;}
	.m_visual .txt p.tit{font-size:1.8rem; line-height:2.1rem; margin-bottom:32px;}
	.m_visual .txt p.tit small{font-size:1.1rem; line-height:1.4rem; margin-bottom:9px;}
	.m_visual .txt p.s_tit{line-height:20px; margin-bottom:35px;}
	.m_visual .txt p.s_tit span{display:inline; line-height:1.4rem;}
	.m_visual .btn-basic{float:unset; margin:0 auto;}

	#main section .title span{font-size:22px;}
	#main h2{font-size:30px; margin:2px 0 0;}
	#main section .title::before{width:36px; height:36px;}
	#main section .layout{padding-left:219px;}

	.link_wr .box span.tit{font-size:19px;}
	.link_wr .box span.s_tit{line-height:21px;}

	.m2::before{left:unset; right:0;}

}



@media only screen and (max-width : 800px) {
	.m_visual .slick-prev,.m_visual .slick-next{display:none !important;}	

	#main section{padding:50px 0;}
	#main section .title{position:unset; margin-bottom:30px;}
	#main section .title::before{left:34px;}
	#main section .layout{padding:0 30px;}

}




@media only screen and (max-width : 600px) {
	.m_visual .txt p.tit{text-align:center;}

	.link_wr{gap:0;}
	.link_wr .box{flex:unset; margin-bottom:30px;}

	.m2 .box{width:100%;}
	.m2 .box:nth-child(odd){margin-right:0; margin-bottom:30px;}

}


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

}