/* CSS Document */

#topkeyimg{
	background: url("../img/mv.webp") center center no-repeat;
	background-size: cover;
	height: 670px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#topkeyimg p{
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	line-height: 45px;
	animation: typing 1.5s steps(10),
    blink .5s steps(1) infinite alternate;
	overflow: hidden;
	width: 890px;
	height: 45px;
}

#topkeyimg p span{
	color: #FFD700;
	font-size: 45px;
}

.sns_rap{
	text-align: center;
}

.sns_rap li{
	margin-bottom: 35px;
}

	
@keyframes typing{
  0% {width: 0;}
}


#s01{
	background: #eee;
	padding-top: 100px;
	padding-bottom: 100px;
}

#s01 h2{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #C71F2C;
	line-height: 40px;
	margin-bottom: 35px;
}

#s01 h2 img{
	margin-left: 35px;
	padding-right: 35px;
}

#s01 .box_rap02,
#s01 .box_rap{
	width: 1020px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}

#s01 .box_rap02{
	justify-content: center;
}

#s01 .banner{
	text-align: center;
	margin-bottom: 100px;
}

#s01 .s_btn{
	margin-bottom: 50px;
}

#s01 .s_btn a{
	display: block;
	width: 1020px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #C8202D;
	color: #FFD701;
	margin: auto;
	font-weight: bold;
}

#s01 .btn_color a{
	display: block;
	width: 1020px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #24ACFF;
	color: #FFFFFF;
	margin: auto;
	font-weight: bold;
}

#s01 #news{
	width: 1020px;
	margin: auto;
	margin-bottom: 60px;
	border: 5px solid #aaa;
	background: #fff;
	padding-top: 25px;
}

#s01 #news h2{
	color: #000;
	margin-bottom: 0;
}

#s01 #article{
	padding: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#s01 #article li{
	border-bottom: 1px dashed #aaa;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 35px;
}

#s01 #article ul li:last-child{
	border-bottom: 0;
}

#s01 #article li .day{
	font-size: 12px;
}

#s01 #article li .day .cat{
	margin-left: 10px;
	margin-right: 10px;
}

#s01 #article li div .f18{
	font-size: 15px;
	color: #00F;
}
#s01 #article li div a:hover{
	text-decoration: underline;
}



#s02 .bg{
	background: url("../img/bg01.webp") no-repeat;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 100px;
}

#s02 h2{
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 15px;
}

#s02 small{
	text-align: center;
	display: block;
	font-size: 20px;
	margin-bottom: 25px;
}

#s02 hr{
	border-right: 3px solid #1416BD;
	width: 0;
	height: 50px;
	margin: auto;
	margin-bottom: 35px;
}

#s02 .f40{
	font-size: 40px;
	text-align: center;
  font-weight: bold;
	color: #fff;
 text-shadow: 0px 0px 6px #0F11BB;
	margin-bottom: 20px;
}

#s02 .f18{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 35px;
}

#s02 .bg ul{
	width: 1020px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

#s02 .bg .f16.center{
	font-weight: bold;
	line-height: 200%;
	margin-bottom: 100px;
}

#s02 .bg .s_btn a{
	display: block;
	width: 1020px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #0F11BB;
	color: #fff;
	margin: auto;
	font-weight: bold;
}

#s02 .bg02{
	height: 305px;
	background: #24AEFF;
	margin-bottom: 150px;
}

#s02 .bg02 .box_rap{
	width: 1020px;
	padding-top: 40px;
	margin: auto;
}

#s02 .bg02 .box_rap h3{
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}

#s02 .bg02 .box_rap ul{
	display: flex;
	justify-content: space-between;
}

#s02 .box_rap02{
	text-align: center;
}

#s02 .box_rap02 iframe{
	width: 1020px;
	height: 500px;
}

#s03{
	padding-top: 150px;
}

#s03 h2{
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 15px;
}

#s03 small{
	text-align: center;
	display: block;
	font-size: 20px;
	margin-bottom: 25px;
}

#s03 hr{
	border-right: 3px solid #1416BD;
	width: 0;
	height: 50px;
	margin: auto;
	margin-bottom: 35px;
}

#s03 .box_rap03,
#s03 .box_rap01{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

#s03 .box_rap03 .img,
#s03 .box_rap01 .img{
	width: 45%;
	padding-bottom: 50px;
}

#s03 .box_rap03 .img img,
#s03 .box_rap01 .img img{
	width: 100%;
	height: auto;
}

#s03 .box_rap03 .box,
#s03 .box_rap01 .box{
	background: #ccc;
	width: 55%;
}

#s03 .box_rap03 .box .in_box,
#s03 .box_rap01 .box .in_box{
	width: 550px;
	padding-left: 60px;
}

#s03 .box_rap03 .box .icon,
#s03 .box_rap01 .box .icon{
	text-align: center;
	margin-top: -10px;
	margin-bottom: 50px;
}

#s03 .box_rap03 .box h3,
#s03 .box_rap01 .box h3{
	font-size: 40px;
	text-align: center;
	color: #0E11BA;
	font-weight: bold;
	margin-bottom: 15px;
}

#s03 .box_rap03 .box h3{
	color: #24ACFF;
}

#s03 .box_rap03 .box small,
#s03 .box_rap01 .box small{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 50px;
}

#s03 .box_rap03 .box li.n,
#s03 .box_rap01 .box li.n{
	width: 475px;
	margin: auto;
	background: #fff url("../img/shape04.webp") right bottom no-repeat;
	margin-bottom: 35px;
	border: 1px solid #888;
	padding: 15px;
	padding-left: 25px;
}

#s03 .box_rap03 .box li.n{
	background: #fff url("../img/shape06.webp") right bottom no-repeat;
}

#s03 .box_rap03 .box li small,
#s03 .box_rap01 .box li small{
	font-weight: normal;
	padding-left: 50px;
	text-align: left;
	margin-bottom: 0;
}

#s03 .box_rap03 .box li .f25,
#s03 .box_rap01 .box li .f25{
	font-weight: bold;
}

#s03 .box_rap03 .box li a,
#s03 .box_rap01 .box li a{
	display: block;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #0F11BB;
	color: #FFD700;
	font-weight: bold;
	width: 517px;
	margin: auto;
}

#s03 .box_rap03 .box li a{
	background: #24ACFF;
	color: #FFFFFF;
}

#s03 .box_rap02{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

#s03 .box_rap02 .img{
	width: 45%;
	padding-bottom: 50px;
}

#s03 .box_rap02 .img img{
	width: 100%;
	height: auto;
}

#s03 .box_rap02 .box{
	background: #ccc;
	width: 55%;
}

#s03 .box_rap02 .box .in_box{
	width: 550px;
	margin:0 0 0 auto;
	padding-right: 60px;
}

#s03 .box_rap02 .box .icon{
	text-align: center;
	margin-top: -10px;
	margin-bottom: 50px;
}

#s03 .box_rap02 .box h3{
	font-size: 40px;
	text-align: center;
	color: #0E11BA;
	font-weight: bold;
	margin-bottom: 15px;
}

#s03 .box_rap02 .box small{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 50px;
}

#s03 .box_rap02 .box li.n{
	width: 475px;
	margin: auto;
	background: #fff url("../img/shape04.webp") right bottom no-repeat;
	margin-bottom: 35px;
	border: 1px solid #888;
	padding: 15px;
	padding-left: 25px;
}

#s03 .box_rap02 .box li small{
	font-weight: normal;
	padding-left: 50px;
	text-align: left;
	margin-bottom: 0;
}

#s03 .box_rap02 .box li .f25{
	font-weight: bold;
}

#s03 .box_rap02 .box li a{
	display: block;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #0F11BB;
	color: #FFD700;
	font-weight: bold;
	width: 517px;
	margin: auto;
}

#s04{
	background: url("../img/bg02.webp") center center no-repeat;
	background-size: cover;
	padding-top: 100px;
	padding-bottom: 100px;
}

#s04 h2{
	text-align: center;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 15px;
}

#s04 small{
	text-align: center;
	display: block;
	font-size: 20px;
	margin-bottom: 25px;
	color: #fff;
}

#s04 hr{
	border-right: 3px solid #fff;
	width: 0;
	height: 50px;
	margin: auto;
	margin-bottom: 35px;
}

#s04 .box_rap{
	width: 1020px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#s04 .box_rap .box{
	width: 240px;
	text-align: center;
	background-color:rgba(255,255,255,0.8);
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
}

#s04 .box_rap .box small{
	color: #aaa;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}

#s04 .box_rap .box .img{
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 20px;
}

#s04 .box_rap .box p{
		display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	font-weight: bold;
}

#s05{
	background: #eee;
	padding-top: 100px;
	padding-bottom: 100px;
}

#s05 h2{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #C71F2C;
	line-height: 40px;
	margin-bottom: 35px;
}

#s05 h2 img{
	margin-left: 35px;
	padding-right: 35px;
}

#s05 .box_rap02,
#s05 .box_rap{
	width: 1020px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}
#s05 .box_rap02{
	justify-content: center;
}

#s05 .s_btn{
	margin-bottom: 50px;
}

#s05 .s_btn a{
	display: block;
	width: 1020px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #C8202D;
	color: #FFD701;
	margin: auto;
	font-weight: bold;
}

#s05 .btn_color a{
	display: block;
	width: 1020px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #24ACFF;
	color: #FFFFFF;
	margin: auto;
	font-weight: bold;
}

#s06{
	width: 1020px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	padding-top: 80px;
	margin-bottom: 150px;
}

#s06 figure{
	width: 240px;
	border-top: 1px solid #000;
	padding-top: 15px;
	margin-right: 15px;
}

#s06 figure:last-child{
	margin-right: 0;
}

#s06 figure figcaption{
	margin-bottom: 15px;
}

#s06 figure figcaption a{
	font-weight: bold;
	font-size: 16px;
}