#mainvisual{
	width: 960px;
	height: 450px;
	background-color: unset;
	background-image: unset;
}
.mainvisual_wrap{
	height: 450px;
}

#mainvisual .inner{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/* キャッチフレーズ */
.mainvisual_catch{
  position:absolute;
  top:252px;
}
.mainvisual_catch p.headline{
  margin-bottom: 20px;
  line-height:42px;
  color:#1F2774;
  font-size:27px;
  text-shadow:0 0 5px rgba(255,255,255,0.7);
}
.mainvisual_catch p{
  display:block;
  letter-spacing: 0.08em;
  font-size: 18.2px;
}
.mainvisual_catch span{
  display:block;
  letter-spacing: 0.08em;
  font-size: 15px;
}
.mainvisual_open{
  position:absolute;
  bottom: 30px;
  right: 0;
  width:250px;
}
.mainvisual_open img{
  width:100%;
}
.mainvisual_online{
  position: absolute;
  right: 15px;
  /* bottom: 289px; */
  bottom: 39px;
  z-index: 2;
}
.mainvisual_covid {
  position: absolute;
  right: 15px;
  bottom: 39px;
  z-index: 2;
}
/* メインスライド */
#slick_fade{
	width: 100%;
	height: 450px;
}
#slick_fade li img{
	width: 100%;
	height: 450px;
	object-fit: cover;
	object-position: center;
}
#mainvisual .slick-list img  {
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
}
#mainvisual .slick-dots {
  right: -38px;
  bottom: 15px
}
#mainvisual .slick-dots li {
  display: block !important;
  margin-left: auto !important;
  margin-bottom: 10px;
}
#mainvisual .slick-dots li button:before {
  color: #e8e8e8 !important;
  opacity: 1 !important;
}
#mainvisual .slick-dots li.slick-active button:before {
  color: #aadef3 !important;
  opacity: 1 !important;
}

.tit01_en {
  margin-bottom: 0;
}

@media screen and (max-width:640px) {

#wrapper, html, body{
	min-height:500px;
}

#mainvisual{
	width: auto;
	height:280px;
}


.mainvisual_wrap{
	height: 280px;
}

/* トップページキャッチフレーズ */
.mainvisual_catch {
	position: absolute;
  left: 40px;
  zoom: 0.7;
  top: 160px;
}
.mainvisual_catch h2 {
	margin-bottom: 10px;
	font-size: 22px;
}
.mainvisual_catch p {
	font-size: 15px;
}
.mainvisual_online {
  zoom: 0.55;
  right: 260px;
  bottom: 10px;
}
.mainvisual_covid {
  zoom: 0.55;
  bottom: 10px;
  
}

/* メインスライド */
#mainvisual .slick-dots {
  right: 0;
  left: 0;
  margin: auto;
  text-align: right;
  bottom: -40px;
}
#mainvisual .slick-dots li {
  display: inline-block!important;
}
#slick_fade{
	height: 280px;
}
#slick_fade li img{
	height: 280px;
}

  .bnr_online{
    max-width: 640px;
    /* margin: 0 5% 10px; */
    margin: 0 5% 50px;
  }
  .bnr_online img{
    width: 100%;
    height: auto;
  }
  .bnr_covid{
    max-width: 640px;
    margin: 0 5% 50px;
  }
  .bnr_covid img{
    width: 100%;
    height: auto;
  }
}