@import url("global.css");

html{font-size: 18px;}

.banner{width:100%;background: #c7dcf9 url(../images/bannerbg.jpg) no-repeat top center;}
.banner_con{max-width:1240px;height:560px;margin:0 auto;display:flex;justify-content: center;align-items:center;position: relative;}
.banner_con .logo{padding-top:20px;position: absolute;left:0;top:0;z-index: 9;}
.banner_con h1{margin-top:25px;position:relative;z-index: 10;text-align: center;}

.section{padding:40px 0;}
.section .wal{width:100%;max-width:1240px;margin:0 auto;}

.special_summary {padding-top:35px;position: relative;background-color: #3779d5;z-index: 20;}
.special_summary .summary{padding:0 0.5em;line-height: 2; text-indent: 2em;color:#fff;font-size: 1.1rem;}
.summary_svg{margin-top:-50px;margin-bottom:-20px;width:100%;z-index: -1; overflow: hidden;}
.summary_svg svg{width:100%;height: 100px;transform: scaleX(5);}

.section h2{margin-bottom: 40px; text-align: center;font-family: Source Han Serif;font-weight:600;}
.section h2 a{display: inline-block;position: relative;}
.section h2 a::after{content: "";display: block;width:46px;height: 46px;background: url(../images/titlebg.png) no-repeat;position: absolute;left:50%;top:0%;transform: translate(-30%,-30%);z-index: -1;}
.section h2 strong{margin-right:0.1em;font-size: 2.6rem;font-style: italic;color: #5bacff;text-shadow: 0 3px 0 #daeafb;}
.section h2 em{font-size: 2.3rem;font-style: italic;color: #2e6db0;text-shadow: 0 3px 0 #d0dce8;}

.section h2 p{margin-top:20px;border-bottom: 1px solid #dee1e6;display: flex;justify-content:space-between; position: relative;}
.section h2 p::before,.section h2 p::after{content: '';display: block;width: 30px;height: 3px;/* background-color: #7fb7f1; */}
.section h2 p span{position:absolute;bottom:0;left:50%; transform:translate(-50%,50%);display:block;background-color: #fff;padding:0 20px;font-size: initial;}
.section h2 p i{border:14px solid transparent;border-top-color: #f0b129;font-size: 0;line-height: 1;}


.section01{padding-top: 50px;}
.section01 h2 a{cursor: default;}
.events{margin-top:50px;}
.yg_banner{padding:20px;background: #4c8fea;border-radius: 15px;box-shadow:0 6px 0 #e3efff;}
.yg_banner dl{display: flex;justify-content: space-between;align-items: center;padding:35px 0 35px 200px;background: url(../images/rili.png) no-repeat left 20px center; background-size: auto 100%;}
.yg_banner dt{font-size: 1.85rem;color: #fff;font-weight:bold;}
.yg_banner dt a{background: -webkit-linear-gradient(left, #fff, #fff) no-repeat;
	  background: linear-gradient(to right, #fff, #fff) no-repeat;
	  background-position: right bottom;
	  background-size: 0 2px;
	  -webkit-transition: background-size .5s;
	  transition: background-size .5s;
	  }
.yg_banner dt a:link,.yg_banner dt a:visited,.yg_banner dt a:hover{color: #fff;}
.yg_banner dt a:hover{background-position: left bottom;background-size: 100% 2px;}
.yg_banner dd{margin-right: 30px;}
.yg_banner dd a{display: block;padding:0.5em 1.5em; background-color: #f0b129;color: #fff;border-radius: 10px;font-size: 1.3rem;}
.yg_banner dd a:hover{animation: breathe 1s linear infinite;}

@keyframes breathe {
	0%{
	    transform: scale(1);
	}
	50%{
	    transform: scale(1.08);
	}
	100%{
	    transform: scale(1);
	}

}


.list li{background-color:#f8f8f8;margin-bottom:50px}
.list li:last-child{margin-bottom: 0;}
.list .img{float:left;width:30%;height:240px;overflow: hidden;}
.list .img img{width: 100%;height: 100%;object-fit: cover;transition: all ease-in 0.3s;}
.list .img:hover img{transform: scale(1.05);}
.list .text{float: right;box-sizing: border-box;width:69%;padding:30px}
.list .text h3{margin-bottom:20px;font-size:1.3rem;font-weight:bold}
.list .text h3 a{background: -webkit-linear-gradient(left, #f00, #f00) no-repeat;
	  background: linear-gradient(to right, #f00, #f00) no-repeat;
	  background-position: right bottom;
	  background-size: 0 1px;
	  -webkit-transition: background-size .5s;
	  transition: background-size .5s;
	  }
.list .text h3 a:hover{background-position: left bottom;background-size: 100% 1px;}
.list .text p{font-size:1rem;line-height:1.8;text-indent: 2em;}
.list .text p a{margin-left: 0.5em;text-decoration: underline;}
.get_more{margin-top:40px;text-align: center;}
.get_more a{display: inline-block;padding:0.5em 1.5em; background-color: #6aa8f7;color: #fff;border-radius: 10px;font-size: 1.3rem;}
.get_more a:hover{ background-color: #fcab0e;text-decoration: underline;}


.footer{padding:50px 0;box-sizing: border-box;}
.special_kfy2025 .foot_con{line-height: 1.5;}
.footer_w1200 p:last-child span:nth-child(n+2){display:inline-block;margin-top: 12px;}

.special_kfy2025.web_older .section h2 a{font-size: 1.5rem;}

@media (min-width:1480px){
	.section .wal,.banner_con{max-width:1320px;} 
}
@media (min-width:1680px){
	.section .wal,.banner_con{max-width:1480px;}
	.special_kfy2025 .footer .w1040{max-width:1480px;}
}
@media (min-width:1980px){
	.section .wal,.banner_con{max-width:1680px;}
	.section h2::before,.section h2::after{height: 2px;}
	.special_kfy2025 .footer .w1040{max-width:1680px;}
	.summary_svg svg{transform: scaleX(8);}
}
@media (min-width:1800px){
	.banner{background-size: cover;}
}
@media (max-width:1280px){
	.footer,.footer_w1200{width:100% !important;min-width:initial !important}
}
@media (max-width:1080px){
	html{font-size: 18px;}
	.banner{height: 45vw; background-size: 170%;}
	.banner_con{width:100%;height: 100%;}
	.banner_con .logo{padding:10px 0 0 15px;}
	.banner_con h1{width:100%;text-align: center;margin-top: 40px;}
	.banner_con h1 img{width:65%;}
	.section .wal{width:96%; margin:2%}
	.section{padding: 1rem 0;}
	.section h2{margin-bottom: 20px;font-size:1.6rem}
	.section h2 span::before,.section h2 span::after{height: 130%;}
	.section h2 span::before{bottom:-15px}
	.section01{padding-top: 15px;}
	.special_summary .summary{font-size: 1rem;}
	
	.yg_banner dl{flex-direction: column;align-items: baseline;padding-left: 35%;background-size: auto 80%;}
	.yg_banner dt{font-size: 1.4rem;}
	.yg_banner dd{margin-right: 0;margin-top: 15px;}
	
	.list .img{width:40%}
	.list .text{width:59%}
	
	.foot_con{line-height: 1.5 !important;}
}

@media (max-width:640px){
	html{font-size: 16px;}
	.banner_con .logo img {width: 55%;}
	.banner_con h1 img{width:70%}
	.special_summary .summary{padding: 0 0.5em;line-height: 1.6;}
	.summary_svg svg{width:100%;height: 100px;transform: scaleX(2);}
	.section h2{font-size: 1.4rem;}
	.section h2 span::before,.section h2 span::after{height: 100%;}
	.section h2 span::before{bottom:-7px}
	.section h2 a{display: block;padding: 10px 20px 10px 50px;}
	.section h2 i{height: 30px;height: 30px;text-align: center;}
	.section h2 i img{height: 100%;}
	.special_kfy2025.web_older .section h2 a{font-size: 1.3rem;}
	
	.events{margin-top: 30px;}
	.yg_banner dl{padding-top:35vw;padding-left:0;padding-bottom:20px;background-size: 40% auto; background-position: top center;align-items: center;text-align: center;}
	.yg_banner dd{margin-right: 0;margin-top: 15px;font-size: 1.2rem;}
	
	.list li{margin-bottom: 25px;}
	.list .text h3{margin-bottom:10px;font-size: 1.2rem;}
	.list .img{width: 100%;height: 60vw;float: none;}
	.list .text{float: none;width:100%}
}

.web_older .special_summary .summary{font-size: 1rem;}
.web_older .yg_banner dt{font-size: 1.3rem;}
.web_older .yg_banner dd a{padding: 0.5em 1em;font-size: 1.2rem;}
.web_older .section h2 strong{font-size: 2rem;}
.web_older .section h2 em{font-size: 1.8rem;}
@media (min-width:1080px){
	.web_older .list li{position: relative;}
	.web_older .list .img{position: absolute;top:50%;transform: translateY(-50%);}
}
.web_older .list .text h3{font-size: 1.1rem;}
.web_older .get_more a{font-size: 1.2rem;}