@charset "UTF-8";

/* hero */
#main_visual .p-mainVisual__slideTitle {
    /* width: fit-content; */
    /* margin: 0 auto; */
    /* background: var(--color_main_hover); */
    padding: 10px;
    border-radius: 5px;
    text-align: left;
    font-size: 4vw;
}
#main_visual .p-mainVisual__slideText {
    font-size: 1.4vw;
    /* width: fit-content; */
    /* margin: 20px auto; */
    /* background: var(--color_main); */
    padding: 10px;
    /* border-radius: 5px; */
    text-align: left;
    margin-left: 2vw;
}
@media (max-width: 599px) {
    #main_visual .p-mainVisual__slideTitle {
        font-size: 7.8vw;
    }
    #main_visual .p-mainVisual__slideText { 
        font-size: 3.7vw;
        margin-left: 1vw;
    }
}


/* topics */
/*
.top #content {
    padding-top: 0;
}
.swell-block-fullWide.top-topics+.swell-block-fullWide {
    margin-top: 0;
}
*/
.top-topics {
    background-color: var(--color_background)!important;
}
.top-topics .p-blogCard {
    max-width: 90vw;
}
.top-topics .p-blogCard__inner {
    align-items: start;
}
@media not all and (min-width: 960px) {
    .p-blogCard__excerpt {
        display: inherit;
    }
}
@media (min-width: 600px) {
    .top-topics .p-blogCard__title {
        /* font-size: 1.8vw; */
        font-size: clamp(16px, 1.8vw, 24px);
    }
    .top-topics .p-blogCard__excerpt {
        /* font-size: 1.4vw; */
        font-size: clamp(13px, 1.4vw, 20px);
    }
    .top-topics .p-blogCard__thumb {
        width: 50%;
    }
}
@media (max-width: 599px) {
    .top-topics .p-blogCard__inner {
        display: inherit;
    }
    .top-topics .p-blogCard__thumb {
        width: 100%;
    }
    .top-topics .p-blogCard__body {
        padding: 10px 0;
    }
    .top-topics .p-blogCard__excerpt {
        margin-top: 10px;
        font-size: 2.5vw;
    }
}

/* gallery */
.top #content {
    padding-top: 0;
    margin-bottom: 0;
}
.gallery-1 {
    margin-bottom: 0!important;
    padding-bottom: 0 !important;
}
.gallery-2 {
    margin-top: 0!important;
    padding-top: 0 !important;
}
.wp-block-gallery {
    display: inherit!important;
    height: 60px;
}
.wp-block-gallery-1 {
    margin-bottom: 0;
}
.wp-block-gallery-2 {
    margin-left: -90px;
    margin-bottom: 0;
}
.wp-block-gallery .slick-track {
    display: flex;
    align-items: center;
}
.wp-block-gallery .slick-track .slick-slide {
    margin-right: 2em;
    width: 150px;
    text-align: center;
}
.wp-block-gallery .wp-block-image {
    width: auto!important;
}
.wp-block-gallery .wp-block-image img {
    object-fit: contain!important;
    max-height: 50px;
    backface-visibility: hidden;
}

/* headings */
.swell-block-fullWide h2.wp-block-heading {
    color: var(--color_main);
    font-size: 4em;
    position: relative;
    top: 0.5em;
    margin-top: 1em !important;
}
.swell-block-fullWide h2.wp-block-heading::before{
    color: #fff;
    position: absolute;
    top: -1em;
    font-size: 3em;
    z-index: -1;
    white-space: nowrap;
}

/* service */
.top-service {
    background-color: var(--color_background)!important;
}
.top-service.swell-block-fullWide h2.wp-block-heading::before {
    content: 'service';
    left: -1em;
}
/*
.top-service .wp-block-media-text {
    margin-bottom: 8em;
}
@media (min-width: 1108px) {
    .alignwide {
        left: 10vw;
        width: inherit;
        max-width: 80vw !important;
    }
}
.top-service p.has-huge-font-size {
    color: var(--color_main);
    font-size: 2.5rem !important;
    margin-bottom: 0.5rem;
    font-weight: bold;
}
*/

/* works */
.top-works.swell-block-fullWide h2.wp-block-heading::before {
    content: 'works';
    color: var(--color_background);
}

/* member */
.top-member {
    background-color: var(--color_background)!important;
}
.top-member.swell-block-fullWide h2.wp-block-heading::before {
    content: 'member';
    left: 1em;
}
.top-member img {
    width: 100%;
}
.top-member a.c-bannerLink:hover .c-bannerLink__img {
    transform: scale(1);
}
.top-member a.c-bannerLink:hover .c-bannerLink__figure {
    opacity: 1;
}
.top-member.top-member-1 {
    padding-bottom: 0!important;
    margin-bottom: 0;
}

/* news */
/*
.top-news {
    background-color: var(--color_background)!important;
}
*/

/* contact */
#main_content .top-contact .swell-block-button a {
    box-shadow: none;
    border: solid #fff;
}
#main_content .top-contact .swell-block-button a:hover,
#main_content .top-contact .swell-block-button a:focus {
    background-color: var(--color_main_hover);
}

/* pc */
@media (min-width: 960px) {

    /* headings */
    .swell-block-fullWide h2.wp-block-heading {
        font-size: 4em;
    }
    .swell-block-fullWide h2.wp-block-heading::before{
        font-size: 3em;
    }

}

/* tablet */
@media (max-width: 1019px) {

    /* headings */
    .swell-block-fullWide h2.wp-block-heading {
        font-size: 4em;
    }
    .swell-block-fullWide h2.wp-block-heading::before{
        font-size: 3em;
    }
    
}

/* mobile menu */
@media (max-width: 959px) {

    /* headings */
    .swell-block-fullWide h2.wp-block-heading::before{
        font-size: 2.5em;
    }

}

/* sp */
@media (max-width: 599px) {

    /* headings */
    .swell-block-fullWide h2.wp-block-heading {
        margin-top: 0;
        font-size: 3em;
    }
    .swell-block-fullWide h2.wp-block-heading::before{
        top: -0.8em;
        left: 0em;
        font-size: 1.5em;
    }

}