@charset "utf-8";


/*動画表示のモーダルの余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
  position: relative;
  z-index: 9999 !important;
}
.modaal-video .modaal-inner-wrapper{
  padding:0;
}
.modaal-close{
  top:15%;
  right:10%;
}
/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
  background:#fff;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#fff;
}



.content-header .logo{
  width:50%;
  max-width:1000px;
}
 .content-header .top-img01{
  width:30%;
  position: absolute;
  top: 0;
  left: 0;
}
 .content-header .top-img03{
  width:30%;
  position: absolute;
  top: 0;
  right: 0;
}

.banner{
  width:70%;
  margin:0 auto 5%;
}
.banner img{
  width:100%;
}

.mv-content{
  padding-top:10%;
}
.mv-content div{
  width:90%;
  background-image: url("../img/movive-bg@2x.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  z-index: 9999;
  text-align: center;
}
.mv-content div iframe{
  width:71.8%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  margin:7.9% 13.5%;
}

.item-banner li{
    margin: 0;
    width: calc(33.33% - 1px);
    float: left;
 }
.item-banner li:nth-child(3n+1){
  	margin-right: 0;
 }
.item-banner li:nth-child(3n){
 	float: right;
 }
.item-banner img{
  width:100%;
}
.item-banner2 li{
    margin: 0;
    width: calc(50% - 1px);
    float: left;
 }
 .item-banner2 li:nth-child(2n+1){
    margin-right: 0;
 }
.item-banner2 li:nth-child(2n){
  float: right;
 }
.item-banner2 img{
  width:100%;
}


.item-banner-l{
	width:60% !important;
	margin:0 auto;
}
.item-banner-l img{
  width:100%;
}