@charset "utf-8";

/* carento
==================================*/
header nav ul li#navi1{background:url(/common/img/navhover.png) center no-repeat;}
/*==================================
  slider
==================================*/
/* header viSuaL
==================================*/
header .slider-for{ margin:70px 0 30px; background:url(img/slide_bg.png) top center no-repeat;}
@media screen and (max-width: 640px) {
header .slider-for{margin:15px 12% 30px;}
}
/* mainslider
==================================*/
.slick-slider{ position:relative; display:block; -moz-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none;  -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none;  -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{ position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{ outline:none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slide-track{ background:#1e2e56;}
.slick-track{ position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{ display:table; content:'';}
.slick-track:after{ clear:both;}
.slick-loading .slick-track{ visibility:hidden;}
.slick-slide{ display:none; float:left; height:100%; min-height:1px; outline:none;}
/* Arrows
==================================*/
ul>button{ position:absolute; appearance:none; overflow:visible; margin:0; padding:0; border:none; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; width:15%; height:330px; z-index:99; background:url(/common/img/bakImg01.gif) left top repeat;}
ul>button.slick-prev:hover{ padding-right:10px;}
ul>button.slick-next:hover{ padding-left:10px;}
[dir='rtl'] .slick-slide{ float:right;}
.slick-prev{ top:50%; margin-top:-165px; text-align:right;}
[dir='rtl'] .slick-prev{ right:0; left:auto;}
.slick-prev:before{ content:url(/common/img/returnBtn.png);}
[dir='rtl'] .slick-prev:before{ content:url(/common/img/returnBtn.png);}
.slick-next{ top:50%; margin-top:-165px; right:0;}
[dir='rtl'] .slick-next{ right:auto; left:-13px;}
.slick-next:before{ content:url(/common/img/nextBtn.png);}
[dir='rtl'] .slick-next:before{ content:url(/common/img/nextBtn.png);}
.slick-slide img{ display:block;margin:0 auto;}
.slick-slide.slick-loading img{ display:none;}
.slick-slide.dragging img{ pointer-events:none;}
.slick-initialized .slick-slide{ display:block;}
.slick-loading .slick-slide{ visibility:hidden;}
.slick-vertical .slick-slide{ display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden { display:none;}
.slider-nav.slick-initialized.slick-slider { margin:0 37px;}
.slider-for .margin{ margin:0;}
@media screen and (max-width: 1600px) {
ul>button{ width:5%; background:none;}
}
@media screen and (max-width: 640px) {
ul>button{ width:auto; height:auto; background:none; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none; width:none; height:none; z-index:none;}
ul>button.slick-prev:hover,
ul>button.slick-next:hover{ padding:0;}
.slick-prev{ top:50%; margin-top:-15px; text-align:right; left:-15%;}
[dir='rtl'] .slick-prev{ right:0; left:auto;}
.slick-next{ top:50%; margin-top:-15px; right:-15%;}
[dir='rtl'] .slick-next{ right:auto; left:-13px;}
}
     
/* lead
==================================*/
#lead{ width:1040px; margin:0 auto 60px;}
#lead dt{ margin-bottom:50px;}
#lead dd .text{ position:relative; float:left; width:610px; margin-right:44px; padding-bottom:80px; line-height:2.8em;}
#lead dd .text a{ position:absolute; right:0; bottom:0; display:block; background:#ff6a9c url(/common/img/btnIcon.png) 94% 51% no-repeat; width:340px; padding:15px 0; text-align:center; font-size:0; line-height:0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -o-transition:.6s; -ms-transition:.6s; -moz-transition:.6s; -webkit-transition:.6s; transition:.6s;}
#lead dd .text a:hover{ background:#a10036 url(/common/img/btnIcon.png) 96% 51% no-repeat;}
#lead dd .img{ float:right; font-size:0; line-height:0;}
@media screen and (max-width: 640px){
#lead{ width:auto; margin:0 0 30px;}
#lead dt{ margin-bottom:20px;}
#lead dd .text{ float:none; width:auto; margin-right:0; padding-bottom:30px; line-height:2.8em;}
#lead dd .text a{ position:static; right:auto; bottom:auto; display:block; background:#ff6a9c url(/common/img/btnIcon.png) 96% 52% no-repeat; width:auto; margin:20px 10% 0; padding:15px 10%; text-align:center; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none;}
#lead dd .text a:hover{ background:#ff6a9c url(/common/img/btnIcon.png) 96% 52% no-repeat;}
#lead dd .img{ float:right; width:60%; margin:0;}
}

/* target
==================================*/
#target{ width:1040px; margin:0 auto 60px; padding:20px 0 30px; background:url(common/img/bakImg03.gif) left top repeat; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#target dt{ text-align:center; margin-bottom:20px;}
#target dd{ margin:0 30px; padding:2em; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#target dd ul{ list-style:none;}
#target dd ul li{ position:relative; float:left; width:24em; margin-bottom:1em; padding-left:1em;}
#target dd ul li.even{ width:40em;}
#target dd ul li.multi7,
#target dd ul li.last{ margin-bottom:0;}
#target dd ul li:before{ position:absolute; left:0; content:'●'; font-size:8px;}
#target dd ul li span{ color:#3f8dd7;}
@media screen and (max-width: 640px){
#target{ width:auto; margin:0 auto 30px; padding:10px 0 30px;}
#target dt{ text-align:center; margin:0 5% 20px;}
#target dd{ margin:0 3%; padding:5%;}
#target dd ul li{ position:relative; float:none; width:100%; margin-bottom:1em; padding-left:1em;}
#target dd ul li.even{ width:100%;}
#target dd ul li.multi7{ margin-bottom:1em;}
#target dd ul li.last{ margin-bottom:0;}
#target dd ul li:before{ position:absolute; left:0; content:'●'; font-size:8px;}
#target dd ul li span{ color:#3f8dd7;}
}

/* info
==================================*/
#info{width:1040px; margin:0 auto 60px;}
#info dd ul{list-style:none;}
#info dd ul li{float:left; width:330px; margin-right:25px;}
#info dd ul li.last{margin-right:0;}
#info dd ul li span{display:block;}
#info dd ul li iframe{width:100%; border:0; height:174px;}
@media screen and (max-width: 640px){
#info{width:auto; margin:0 3% 30px;}
#info dt img{width:38%;}
#info dd ul li{float:none; width:auto; margin-right:0; margin-bottom:20px;}
#info dd ul li.last{margin-right:0; margin-bottom:0;}
#info dd ul li span{display:block;}
#info dd ul li iframe{width:100%; border:0; height:174px;}
}

/* 221220 追記 */
#covid19 {
  max-width: 1040px;
  margin: 0 auto 60px;
}

#covid19 .ttl {
  margin-bottom: 25px;
  text-align: center;
}

#covid19 .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#covid19 .img {
  margin: 0 15px 0 0;
  padding: 0 10px;
  border-radius: 10px;
  text-align: center;
  background-color: #DFF0F8;
}

#covid19 .img img {
  width: 560px;
}

#covid19 .txt dt {
  font-size: 1.25em;
}

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

  #covid19 .ttl {
    margin-bottom: 15px;
    text-align: left;
  }

  #covid19 .box {
    display: block;
  }

  #covid19 .img {
    margin: 0 0 15px;
  }

}