@charset "UTF-8";
/* -----------------------------------------------------------
   HEADER
------------------------------------------------------------*/
#mainImg{
	line-height: 0;
}
#mainImg img{
	background-image: url(../img/main2023.jpg);
}

@media all and (min-width: 768px) {

header{
	position: relative;

background: linear-gradient(#def4ff, #40aaf8);
	text-align: center;
}

#mainImg img{
	width: 980px;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
  position: relative;
}


}
@media all and (max-width: 767px) {

header{
	position: relative;
}

#mainImg img{
	width:100%;
	height: 0;
	padding-top:61.2244897959184%;
	overflow: hidden;
  position: relative;
	background-size: cover;
}


}
/* -----------------------------------------------------------
   CONTENTS
------------------------------------------------------------*/
#l-box h2{
	color: #4db0f4;
}
#snsBox .box h3{
	color: #01374c;
	text-align:center;
}
.copy span{
	background-color: #ff9292;
	color: #fff;
}

@media all and (min-width: 768px) {


	#snsBox .box h3{
		font-size: 110%;
		font-weight: 300;
		margin-bottom:30px;
		letter-spacing: 0.06em;
	}
	.copy{
		color: #01374c;
		font-size:120%;
		letter-spacing: 0.08em;
		line-height: 2.0;
	}

}
@media all and (max-width: 767px)  {

	#snsBox .box h3{
		font-size:95%;
		font-weight: 300;
	}
	#l-box p{
		font-size: 86%;
	}
	.copy{
		color: #01374c;
		font-size:90% !important;
		text-align: center;
		line-height: 2.0;
		letter-spacing: 0.01em;
	}

}

/* -----------------------------------------------------------
midokoro
------------------------------------------------------------*/
@media all and (min-width: 768px) {
#midokoro {background:#FFFFFF; padding:13px;margin-top:10px;}
}
@media all and (max-width: 767px)  {
#midokoro {background:#FFFFFF; padding:13px;margin-top:10px;}
}
.hl-box { margin-bottom:20px; }
.hl-box p { text-align:left;font-size:90%; line-height:180%; }
.hl-sttl {  text-align:center;position:relative; margin-bottom:10px; padding:20px; font-size:120%; line-height:140%; background:#FFFFFF; color:#265dab; }
.hl-sttl::before,.hl-sttl::after { position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.hl-sttl::before { top: 0; border-top: 2px solid #0e308e; border-bottom: 1px solid #0e308e; }
.hl-sttl::after { bottom: 0; border-top: 1px solid #0e308e; border-bottom: 2px solid #0e308e; }
#midokoro h4{color:#265dab;text-align:left;line-height:140%; margin:15px 0px 5px 0px;}


@media all and (min-width: 768px) {
.imgCB span {width:640px;height:270px;margin:8px auto;display:block;text-indent: -9999px;  }
.imgCB02 span {width:640px;height:335px;margin:8px auto;display:block;text-indent: -9999px;  }
}
@media all and (max-width: 767px) {
.imgCB span{width:100%; height:0; padding-top:42.1875%; display:block;background-size: contain;position:relative;text-indent:-9999px;margin:5px 0px;}
.imgCB02 span{width:100%; height:0; padding-top:52.34375%; display:block;background-size: contain;position:relative;text-indent:-9999px;margin:5px 0px;}
}




.imgCB  a:hover,.imgCB02  a:hover { opacity: 0.6;
  transition-duration: 0.3s;}
.banner_pr  a:hover { opacity: 0.6;
  transition-duration: 0.3s;}