@charset "utf-8";

.top-bg01:before {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    margin: auto;
    background: url(https://kokusai-kohki.jp/system_panel/uploads/images/top_bg01.jpg) no-repeat center top / cover;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

/*-----------------------------------------------------------
カバー
-----------------------------------------------------------*/

.cover-img-mask {
    mask-image: url("/system_panel/uploads/images/cover_mask_sp.png");
    mask-repeat: no-repeat;
    mask-size: cover;
}

.cover-text-area {
    transform: translateY(-61.8%);
}

.cover-title {
  	font-size: clamp(20px, 2.34vw, 45px);
}

.cover-sub-title {
    display: flex;
    align-items: center;
  	font-size: clamp(14px, 1.19vw, 23px);
}

.cover-sub-title:before {
    content: "";
    display: block;
    max-width: 43px;
    width: 100%;
    height: 1px;
    background: var(--white);
    margin: 0 20px 0 0;
}

.swiper-slide > img {
    transition: 4s;
}

.swiper-slide-next > img {
    transform: rotate(-180deg) scale(5);
}

.swiper-slide-prev > img {
    transform: rotate(180deg) scale(5);
}

.gjs-dashed .cover-slider .swiper-wrapper {
    grid-template-columns: repeat(1, 1fr);
}

/*-----------------------------------------------------------
検索窓
-----------------------------------------------------------*/

.search-input::placeholder {
  color: rgb(10 29 74 / 70%);
}

.search-btn {
    transform: translateY(-50%);
    background: url(/system_panel/uploads/images/search_icon_tertiary.svg) no-repeat center / contain;
    cursor: pointer;
}

/*-----------------------------------------------------------
お知らせ
-----------------------------------------------------------*/

.top02-wrapper {
	 background-image: linear-gradient(0deg, rgba(10, 29, 74, 0), rgba(255, 255, 255, 1) 15%);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:768px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-----------------------------------------------------------
カバー
-----------------------------------------------------------*/

.cover-img-mask {
    mask-image: url("/system_panel/uploads/images/cover_mask.png");
}
    
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
/*-----------------------------------------------------------
カバー
-----------------------------------------------------------*/

.cover-sub-title:before {
    max-width: 86px;
    margin: 0 40px 0 0;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1600px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  

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