@charset "utf-8";

.tab-container{
  border-bottom-color:#005d8c
}
.reciprocal_link__item{
    background-color: #e6edf3;
}
.reciprocal_link__item.is-current{
    background-image: linear-gradient( 45deg, #557792 32%, #163251 100%);
}
@media (min-width: 769px){
    .tab-logo-text{
        height: 60px;
    }
    .reciprocal_link__item:hover{
        background-color: #94aabd;
    }
}
@media (max-width: 768px){
    .tab-logo-text{
        height: 30px;
    }
}

.ff-playfair {
    font-family: 'Playfair', serif;
    font-size: 113%;
    position: relative;
    top: 2px;
}
.company .content__link {
    span.ff-playfair {
        top: 3px;
        left: 0;
    }
}
.caption{
    .ff-playfair {
        top: 1px;
    }
}

@media (max-width: 768px){
    .ff-playfair {
        top: 0.3vw;
    }
    .company .content__link {
        span.ff-playfair {
            top: 0.3vw;
        }
    }
    .caption {
        .ff-playfair {
            top: 0.2vw;
        }
    }
}


.top_section-inner{
    background-image: url(/cruise/_ship_common/images/company/bg-main_header-bottom.jpg);
}
.top_section-inner::before{
    background-image: url(/cruise/asuka3/images/bg-main_header-top__.webp);
}
.main__heading{
    .en{
        color: #005d8c;
    }
    &::after {
        background-image: url(/cruise/asuka3/images/icon-ship.webp);

    }
}
@media (max-width: 768px){
    .top_section-inner::before {
        background-image: url(/cruise/asuka3/images/bg-main_header-top-sp.webp);
    }
    .main__catch {
        padding: 0;
    }
    .main__heading-logo-text{
        width: calc( 230 / 750 * 100vw )
    }
}


.content_nav {
    background-color: #005d8c;
}
.contents__heading-logo-text{
    width: 148px;
}
.main_features{
    background-color: #f4f9f4;
}
[data-content="main_features"] .cassette-container{
    flex-direction: column-reverse;
    gap: 30px;
    .image-container + .text-container {
        margin-top: 0;
    }
}
.introduction__header {
    margin-bottom: 45px;
    padding: 30px;
    background-color: #ffffff;
    h2{
        font-size: 1.2em;
        font-weight: bold;
    }
    h2, .introduction__text {
        width: 100%;
        margin-bottom: 0;
        padding: 0 20px;
    }
}
.guest_room{
    background-color: #275262;
    .cassette__heading{
        color: #f4f9f4;
    }
}
.guest_room .cassette__heading {
    background: url(../images/line-guest_room_heading.png) no-repeat center bottom / auto;
    font-family: var(--font-noto_serif);
    color: #ffffff;
}
.button.-yellow {
    background-color: #fff11d;
    color: #333333;
}
@media (min-width: 769px) {
    .content_nav__item a:hover {
        background-color: #3c7998;
        color: #ffffff;
    }
    .button:hover {
        background: transparent;
        background-color: #ffffff;
    }
    #mainFeatures.cassette-block{
        row-gap: 80px;
    }
}
@media (max-width: 768px){
    .contents__heading-logo-text{
        width: calc( 130 / 750 * 100vw );
    }
    [data-content="main_features"] .cassette-container{
        gap: 20px;
    }
}