/* CSS Document */
html{overflow-y: scroll;overflow-x: hidden;scroll-behavior: smooth;}
body{font-family: 'Noto Sans JP', Meiryo, sans-serif;min-width: 900px;}
h4{font-size: 18px;color: #1154CB;}
.background {
	margin: 0px;padding: 0px;background-image: url('images/header-bg.png');
	background-position: top;background-repeat: repeat-x;background-size: 1200px;}
.headline{font-size: 12px;color:#FFFFFF;text-shadow: 1px 2px #333;}
.mid-inner {width: auto;background: #FFFFFF;padding: 10px;}
.inner-cont{width: 1050px;margin: auto;}

.mid-inner-text{background-image:url("images/header-kadai.png");background-repeat: no-repeat;padding: 30px 0 0 0;}
.btn{width: 100%;padding: 10px;background-color: #2974d0;text-align: center;}
.btn img:hover{opacity: 0.5;}
.icon1{	float: left;display:inline-block;padding: 5px;color: #333;}
.icon-text {font-size: 12px;margin: 0px;txt-align: left;}
.area1, .area3{background-color: #E6EEFF;}
.area1, .area2, .area3{width: 100%;margin: 0;padding: 0;display: inline-block;}
.area-cont{margin: 0 auto;padding: 30px 0;width: 1050px;}
.icon {width: 200px;text-align: center;}
.icon2 {text-align: center;}
.icon2 img{padding: 10px 30px;}
.explanation {clear: both;text-align: right;font-size: 12px;color: #666666}
.fee-title,.schedule-title {padding: 0 0 30px 0;}
.fee {text-align: left;width: 250px;padding: 6px;font-size: 12px;line-height: 1.2em;float: left;}
.fee h4{font-size: 16px; font-weight: bold; margin: 0; padding: 0;}
.price {text-align: right; font-size:16px; font-weight:bold;}
.fee-tips,.sv-tips {width: 100%;text-align: right;font-size: 12px;line-height: 1.3em;padding: 30px 0;display: inline-block;}
.svarea {width: auto;text-align: center;}
.schefule-text {display: none;}
.schedule-img {display: block;}
.event-img{width: 1050px;}
.L-img {position: absolute; float: left; top: 120px;}
.logo {padding-left: 300px; margin: 30px; text-align: center;}
.mid-inner-text {margin: 0 0 30px 400px; font-size: 14px;}
.banerimg{text-align: center; padding-top: 5px;}
@media (max-width: 812px){
	body {width: 100%; min-width:inherit ; overflow-x:auto;}
	img {width: auto;}
	dd{width: 70%;float: left; padding-bottom: 10px;}
	dd:after {content: '';display: block;clear: both;}
	dt{width: 20%; float: left; 10px;}
	dl{text-align: left; padding: 10px; width: 90%;}
	.headline {width: 100%;}
	.L-img {display: none;}
	.logo {padding: 20px; margin: 30px; text-align: center;}
	.logo img{width: 100%}
	.inner-cont{width: 100%;}
	.fee {width: auto; margin: 0 10%; text-align: left; border-bottom: 1px dashed #9F9F9F;}
	.schefule-text {display: block;}
	.schedule-img {display: none;}
	.icon1{float: none;display:inline-block;padding: 5px;color: #333;}
	.area-cont{width: auto;text-align: center;}
	.event-img{width: 100%;}
	.mid-inner-text{margin: 0;font-size: 14px;}
	.banerimg img {width: 90%;}
	.titleimg {width: 100%;}
}

/* スクロールボタン */
#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 50px;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #3f98ef;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #3f98ef;
}