/* CSS Document */

#topkeyimg{
	height: 70vh;
	position: relative;
}

#topkeyimg p{
	padding-top: 10vh;
	color: #fff;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 25px;
	text-align: center;
	text-shadow: 2px 2px 2px #6787AD;
	position: absolute;
	z-index: 100;
	width: 100%;
}

#topkeyimg p .f35{
	font-size: 35px;
}

#topkeyimg ul{
	position: absolute;
	top: 0;
	height: 70vh;
	width: 100%;
	z-index: 0;
}

#topkeyimg ul li{
	height: 70vh;
	width: 100%;
	
}


#topkeyimg ul li.img01{
background: url("../img/keyimg01.webp") center center no-repeat;
	background-size: cover;
}

#topkeyimg ul li.img02{
	background: url("../img/keyimg02.webp") center center no-repeat;
	background-size: cover;
}

#topkeyimg ul li.img03{
	background: url("../img/keyimg03.webp") center center no-repeat;
	background-size: cover;
}


#topkeyimg ul > li {
    position: absolute;
    list-style: none;
    visibility: hidden;
    animation: anime_slider_fade 20s 0s infinite;
}
#topkeyimg ul > li:nth-of-type(2) {
    animation-delay: 5s;
}
#topkeyimg ul > li:nth-of-type(3) {
    animation-delay: 10s;
}
 
@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
    }
    48.3% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

#oshirase #new{
	border: 5px solid #ddd;
}

#oshirase #new dt{
	color: #f00;
}

#oshirase #new dd em{
	text-align: right;
	font-size: 10px;
	display: block;
	padding: 0;
	margin-top: -20px;
}

#oshirase #new dd br:nth-child(2){
	display: none;
}

#oshirase #new dd{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
}

@media (max-width: 540px) {
#oshirase #new dd em{
	display: none;
	}
}




#s03 #blog li{
	width: 250px;
	background: #D5EFF2;
}

#blog li .img{
	height: 255px;
	background: url("../img/footer_logo.webp") center center no-repeat #fff;
	margin-bottom: 5px;
}

#blog li img{
		height: 255px;
	object-fit: cover;

}

#blog .cat{
	display: block;
	margin-bottom: 5px;
}

#blog .cat a{
	font-size: 12px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	/*border: 1px solid #FFA600;*/
	border-radius: 15px;
	color: #fff;
	background: #FFA600;
}

#blog .day{
	margin-bottom: 5px;
}

@media (max-width: 540px) {
#blog ul#pages{
	justify-content: center !important;
	}
	#blog li{
	width: 300px;
}
	
}


#s01{
	background: #FFD24D;
}

#s01 h2{
	font-size: 40px;
}

@media (max-width: 960px) {
	#s01 h2{
		font-size: 30px;
		line-height: 180%;
	}
}

#s01 h3{
	font-size: 20px;
	font-weight: bold;
}

#s01 hr{
	border: 0;
	border-bottom: 1px dashed #000;
}

#s01 dt{
	font-size: 18px;
	font-weight: bold;
}

#s01 span.border-bottom{
	border-bottom: 1px solid #000 !important;
}

#s02 hr{
	border-bottom: 12px solid #ddd;
}

#s02 h2{
	margin-top: -40px;
	font-size: 40px;
	color: #FF8000;
	font-weight: normal;
	padding-left: 115px;
}

#s02 h2 span{
	background: #fff;
	padding-left: 35px;
	padding-right:35px;
}

@media (max-width: 960px) {
	
	#s02 h2{
		padding-left: 0;
		text-align: center;
	}
	
	#s02 .obj01{
		flex-wrap: wrap-reverse;
	}
	
}

#s02 p b.border-bottom{
	border-bottom: 1px solid #000 !important;
}

#s03{
	background: url("../img/osanago.webp") center center no-repeat;
	background-size: cover;
}

#s03 h2{
	background: url("../img/buta.webp") left top no-repeat;
	padding-left: 100px;
}

@media (max-width: 960px) {
#s03 h2{
	background: none;
	padding-left: 0;
	text-align: center;
	line-height: 130%;
	padding-bottom: 10px !important;
}
	#s03 .obj02{
		justify-content: center !important;
		max-width: 100% !important;
		margin: auto;
	flex: 100;
	}
	
	
	
}

#s03 .obj02 a.btn{
	background: #FF8282;
	color: #fff;
	font-size: 15px;
	border-radius:15px
}

#s03 ul li{
	background: #fff;
}

#s03 ul li.img{
	padding: 2px;
	border: 1px solid #ddd;
}

#s03 ul li.obj01{
	width: 250px;
	border: 1px solid #FFD24D;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#s03 ul li.obj01 dl{
	text-align: center;
}

#s03 ul li.pnone{
	background: none;
		
}

@media (max-width: 1000px) {
#s03 ul li.pnone{
	text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}


@media (max-width: 576px) {
	
	#s03 ul{
		justify-content: center !important;
	}
	
	#s03 ul li.obj01{
		margin: auto;
	}
	
	#s03 ul li.img{
		width: 45vw;
		margin-left: 1vw;
	}
	
	#s03 ul li.pnone{
		width: 45vw;
		
	}
}
#s04 .bg{
	background: #FFFFF2;
}

#s04 h2{
	background: url("../img/midashi.webp") center top no-repeat;
	padding-top: 45px;
	font-size: 40px;
}

#s04 a.btn{
		background:#FFD24D;
	color: #fff;
	font-size: 15px;
	border-radius:25px
}

@media (max-width: 576px) {
	#s04 .obj01{
		text-align: center;
	}
}