@charset "utf-8";

/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/

.cover-slider {
    max-width: 1600px;
    width: 100%;
    margin: 30px auto 0;
}

.cover-en-title {
  	font-family: var(--font-family02);
  	font-size: 32px;
  	font-weight: 400;
  	letter-spacing: 0.1em;
  	line-height: 1.2;
  	font-variation-settings: 'opsz' 22, 'wght' 400;
}

.cover-jp-title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin: 18px 0 0 0;
}

.cover-text-contents {
    /* top: 42%; */
    bottom: 0;
    left: 7%;
    margin: auto;
    width: 80%;
    height: 160px;
    text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.8);
}

.cover-slider .swiper-slide {
    aspect-ratio: 800 / 900;
}


.cover-slider .swiper-slide>img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.swiper-pagination {
    bottom: 30px !important;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 73px;
    display: flex;
    gap: 20px;
}

.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: transparent;
    opacity: 1;
    margin: 0 !important;
    transition: all .3s;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-bullet:hover {
	background: #fff;
	transition: all .3s;
  	
}

/*-----------------------------------------------------------
top02
-----------------------------------------------------------*/

.top02-text {
    line-height: 2;
}

/* .top02-img-box02 {
	aspect-ratio: 533 / 633;
} */

/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/

.top03-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
}

.top-link-img-box {
  	position: relative;
    min-height: 200px !important;
}

.top-banner-link-inner {
    width: 96.08%;
    height: 93.8%;
    margin: auto !important;
    border: 1px solid;
}

.copy-screen-img{
  mix-blend-mode: screen;
  opacity: .6;
}

.top03-main .banner-link:hover {
    filter: brightness(1.2);
}

.top03-main .banner-link:first-child:hover {
    filter: brightness(1.1);
}

.banner-link-inner

/*.top-en-subtitle {
    font-size: 20px;
    font-family: var(--font-family02);
    letter-spacing: 0.05em;
    color: #A6A6A6;
    margin: 0;
    font-variation-settings: 'opsz' 11, 'wght' 400;
}

.top03-img-box01  {
    aspect-ratio: 737 / 312;
}

.top03-text-box01 p {
    line-height: 1.85;
}

.top03-img-box02 {
    aspect-ratio: 737 / 475;
}

.top03-img-box03  {
    aspect-ratio: 737 / 648;
}*/


/*-----------------------------------------------------------
top04
-----------------------------------------------------------*/

/*.top04-item-block:first-child::after {
	content: "";
  	position: absolute;
  	top: auto;
  	bottom: 0;
  	right: 0;
  	left: 0;
  	width: 100%;
  	height: 1px;
	background: #595959;
}

.top04-text-box p {
    line-height: 1.85;
}

.top04-item .com-btn-box01 {
    margin: 50px auto 0 auto;
}*/

/*-----------------------------------------------------------
top05
-----------------------------------------------------------*/

/*.top05:after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	height: 67%;
	background: var(--gray04);
	z-index: -1;
}

.top05-text-box p {
    line-height: 1.85;
}

.top05-text-block .com-btn-box01 {
	margin: 60px auto 0 auto;
}*/

/*-----------------------------------------------------------
top06
-----------------------------------------------------------*/
/* 
.top-news-btn-box {
	max-width: 153px;
 	width: 100%;
    margin: 40px auto 0 auto;
} */


/*-----------------------------------------------------------
top07
-----------------------------------------------------------*/

/* .banner-link:hover {
	opacity: .78;
  	transition: all .3s;
} */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

}/* min-width: 375px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {


}/* min-width: 414px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:576px) {
  
    /* .cover-slider {
        width: 75%;
    } */

    .cover-en-title {
        font-size: 45px;
    }

    .cover-jp-title {
        font-size: 20px;
        /* margin: 18px 0 0 0; */
    }
  
	/* .cover-text-contents {
        height: 250px;
    } */
  
/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/

      .top03-main {
          grid-template-columns: repeat(2, 1fr);
          gap: 20px;
      }



}/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 768px) {
  
/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/
  
	/* .cover-slider {
        width: 88%;
    }  */
  
    .cover-text-contents {
        /* height: 280px; */
        /* top: 20%; */
        left: 4.3%;
        bottom: 2%;
    }

    .cover-en-title {
        font-size: 40px;
    }

    .cover-jp-title {
        font-size: 20px;
    }
  
    .cover-slider .swiper-slide {
        aspect-ratio: 1600 / 650;
    }


/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/

    /* .top-en-subtitle {
        writing-mode: vertical-rl;
        font-size: 18px;
        font-family: var(--font-family02);
        letter-spacing: 0.05em;
    }
  
    .top03-img-box01  {
        aspect-ratio: 960 / 406;
    }

    .top03-row02 {
        align-items: flex-start !important;
    }
  
    .top03-img-box02 {
        aspect-ratio: 885 / 570;
    }

    .top03-text-block.top03-text-block02 {
        padding: 0 0 0 6% !important;
    }

    .top03-row03 {
        margin: 70px auto 0 auto !important;
    }
  
    .top03-img-box03  {
        aspect-ratio: 805 / 708;
    } */


/*-----------------------------------------------------------
top04
-----------------------------------------------------------*/
  
    /* .top04-item-block:first-child::after {
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        width: 1px;
        height: 100%;
    }
  
	.top04-item {
        padding: 0 10px;
	} */


/*-----------------------------------------------------------
top05
-----------------------------------------------------------*/

	/* .top05:after {
		height: 57%;
	} */

}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {


/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/
  
    /* .top03-text-block.top03-text-block02 {
        max-width: 690px !important;
    }
  
    .top03-row03 {
        margin: -10px auto 0 auto !important;
    } */


}/* min-width: 992px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1024px) {

/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/
  
    .cover-text-contents {
        bottom: 6%;
    }
  
    .cover-en-title {
        font-size: 50px;
    }

    .cover-jp-title {
        font-size: 20px;
    }

/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/
  
      .top03-main {
          grid-template-columns: repeat(3, 1fr);
          gap: 15px;
      }
  
      .top-link-img-box {
          min-height: 258px !important;
      }

    /* .top-en-subtitle {
        font-size: 20px;
    }
  
	.top-news-btn-box {
        margin: 62px 0 0 0;
    } */

}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {
  
/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/
  
	/* .cover-slider {
        width: 74.64%;
    }  */
  
    .cover-text-contents {
        height: 142px;
    }

    .cover-en-title {
        font-size: 60px;
    }

    .cover-jp-title {
        font-size: 24px;
    }
  
/*-----------------------------------------------------------
top02
-----------------------------------------------------------*/
  
    /*.top02-left {
		width: 48.3% !important;
	}*/
  
    .top02-text {
		font-size: 18px !important;
    }


/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/
  
      .top03-main {
          gap: 48px;
      }

    /*.top-en-subtitle {
        font-size: 30px;
    }
  
    .top03-text-block {
        padding: 0 0 0 10px !important;
    }*/
  
/*-----------------------------------------------------------
top04
-----------------------------------------------------------*/
  
	/*.top04-item {
        padding: 0 15px;
	}*/


}/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1400px) {

  
/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/
  
    .cover-en-title {
        font-size: 72px;
    }

    /*.cover-jp-title {
        font-size: 30px;
    }*/
  
  
/*-----------------------------------------------------------
top02
-----------------------------------------------------------*/
  
    /*.top02-left {
        padding: 0 0 0 13%;
    }*/

/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/

    /*.top-en-subtitle {
        font-size: 41px;
    }*/

}/* min-width: 1400px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1500px) {
  
  
/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/  

    /*.top03-row03 {
        margin: -3% auto 0 auto !important;
    }*/
  

}/* min-width: 1500px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1600px) {
  
/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/  
  
    /*.top03-text-block {
		width: 39.41% !important;
    }*/

  
}/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1700px) {
  
    /*.top03-text-block.top03-text-block02 {
        padding: 0 0 0 12% !important;
    }*/

}/* min-width: 1700px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */