@charset "utf-8";

/* -- cover -- */

img {
    max-width: 100%;
    height: auto;
}

.gjs-dashed .carousel-item {
    display: block;
}

.gjs-dashed .carousel-indicators {
    position: static;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.gjs-dashed .carousel-indicator {
    width: 30.7%;
}

.carousel-indicators {
    margin: 0 -7.5px;
    padding: 2.5px 0;
    display: flex;
    position: static;
}

.carousel-indicator {
    margin: 0 7.5px;
    padding: 0 30px;
    width: 20%;
    height: 100%;
    background: #FFF;
    cursor: pointer;
}

.carousel-indicator.active {
    background: #999;
}

.tCover::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: 1;
}

.tAboutImgBox {
    clip-path: polygon(0 0, 100% 0, 100% 33.95%, 68.39% 100%, 0 100%, 0% 50%);
}

.tServiceItem::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tServiceItem01::before {
    background-color: rgba(27, 89, 134, .69);
}

.tServiceItem02::before {
    background-color: rgba(50, 130, 165, .69);
}

.tServiceItem03::before {
    background-color: rgba(12, 44, 119, .69);
}

.tServiceItem04::before {
    background-color: rgba(146, 175, 112, .69);
}

.tServiceItem05::before {
    background-color: rgba(12, 119, 115, .69);
}

.tServiceItemBtnBox {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
}

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

    .tAboutNavyBox {
        padding: 98px 15px 100px 15px !important;
    }

    .tAboutNavyBoxIn {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .tAboutEnTit {
        margin: 0 0 40px 0 !important;
    }

    .tAboutImgBoxSp {
        display: none !important;
    }

    .tAboutRight {
        margin: 0 0 0 auto !important;
    }

    .tAboutImgBoxPc {
        display: block !important;
        position: absolute;
        left: 0;
        top: 21.59%;
        width: 53%;
    }

}

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

    .tCoverTitBox {
        margin: 0 0 110px 0 !important;
        padding: 40px 0 0 50px !important;
    }

    .tCoverEnTit {
        margin: 0 0 26px 0 !important;
        font-size: 95px !important;
    }

    .tCoverJaTit {
        font-size: 26px !important;
    }

    .tCoverTxt01 {
        font-size: 27px !important;
    }

    .tCoverTxt02 {
        font-size: 42px !important;
    }

    .tCoverTxt03 {
        font-size: 70px !important;
    }

    .tAboutNavyBox {
        padding: 98px 15px 130px 15px !important;
    }

    .tAboutEnTit {
        margin: 0 0 140px -40px !important;
    }

}

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

    .tNewsFrame {
        top: -80px !important;
    }

}

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

    .tCoverTitBox {
        padding: 76px 0 0 64px !important;
    }

    .tNewsFrame {
        top: -123px !important;
        padding: 54px 60px 10px 101px !important;
    }

    .tAboutEnTitBox {
        top: -68px !important;
        right: -80px !important;
    }

}