@charset "utf-8";

/* --------------------------------------------------------
* 全体設定
* -------------------------------------------------------*/

.ir-head .slcc-page-en-ja-title {
    flex-flow: column !important;
}
.ir-wrap {
    & p + p {
        margin-top: calc(var(--_margin1)* var(--_margin-top));
    }
    & h2.wp-block-heading {
        margin-top: var(--64px);
        margin-bottom: var(--32px);

        &:first-child {
            margin-top: 0;
        }
    }
}
.ir-txt-right {
    text-align: right;
}

.ir-content {

}

.ir-nav-s {
    padding-bottom: 4rem;

    & ul {
        display: flex;
        list-style: none;
        gap: 20px;
        justify-content: center;
        padding: 0;

        & li {
            width: 100%;
            display: flex;

            & a {
                --_transition-duration: var(--_global--transition-duration);
                --_transition-function-timing: var(--_global--transition-function-timing);
                --_transition-delay: var(--_global--transition-delay);
                transition: background-color var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay), color var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);
                --smb-btn--border-radius: var(--_global--border-radius);
                padding: 20px 35px;
                border-radius: var(--smb-btn--border-radius);
                color: var(--jet-black) !important;
                background-color: var(--corporate-green);
                text-decoration: none !important;
                width: 100%;
                position: relative;
                font-weight: 700;
                display: flex;
                justify-content: center;
                align-items: center;

                &::after {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 24px;
                    content: "";
                    vertical-align: middle;
                    width: 9px;
                    height: 9px;
                    margin: auto;
                    border-top: 2px solid var(--jet-black);
                    border-right: 2px solid var(--jet-black);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    -webkit-transition: .25s;
                    transition: .25s;
                }
                &:hover {
                    background-color: var(--medium-green);

                    &::after {
                        right: 12px;
                    }
                }
            }
        }
    }
}
/* .ir-nav-s {

    & ul {
        margin-top: 30px;
        display: flex;
        list-style: none;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
        
        & li {
             & a {
                 position: relative;                
                 padding: 0 20px;
                 display: flex;
                 
                 &::after {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 10px;
                    content: "";
                    vertical-align: middle;
                    width: 6px;
                    height: 6px;
                    margin: auto;
                    border-top: 2px solid var(--dark-green);
                    border-right: 2px solid var(--dark-green);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    -webkit-transition: .25s;
                    transition: .25s;
                 }
                &:hover {
                    &::after {
                        right: 0;
                    }
                }
             }
        }
    }
} */
@media screen and (max-width: 48rem) {
    .ir-wrap {
        & h2.wp-block-heading {
            margin-top: var(--40px);
            margin-bottom: var(--28px);
        }
    }
    .ir-nav-s {
        
        & ul {
            gap: 10px 4%;
            flex-wrap: wrap;
            & li {
                width: 100%;
                & a {
                    padding: 10px 35px;
                    font-size: 13px;
                }
            }
        }
    }
}



/* --------------------------------------------------------
* IR情報
* -------------------------------------------------------*/
.irtop-body {
    & .en-ja-header {
        display: flex;
        align-items: center;
        height: 385px;
        padding: 0 !important;
    }
    & .slcc-designed-page-header .max-full-width .wp-block-group {
        width: 100% !important;
        max-width: none;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    & .slcc-en-ja-title__en {
        font-size: 1.5rem !important;
    }
    & .slcc-en-ja-title__jp {
        font-size: 3.125rem !important;
    }
}
.irtop-header {

}
.irtop-news {
    & .smb-btn-wrapper {
        text-align: center;
    }
}
.irtop-block {
    & .wp-block-group.alignfull.max-full-width.slcc-case-studies_wrapper{
        padding: 0 !important;
        
        &::before {
            display: none;  
        }
    }
    & h4 {
        margin-top: 10px !important;
    }
    & .service-pickup__link {
        & a {
            font-size: var(--16px);

            &::before {
                display: none;
            }
        }
        & a + a {
            margin-top: 10px;
        }
    }
}
@media screen and (max-width: 48rem) {
    .irtop-body {
        & .en-ja-header {
            height: 200px;
        }
        & .slcc-en-ja-title__en {
            font-size: .75rem !important;
        }
        & .slcc-en-ja-title__jp {
            font-size: 1.75rem !important;
        }
    }
    .irtop-news {
        & .wp-block-heading {
            margin-bottom: 10px !important;
        }
    }
    .irtop-block {
        & .service-pickup__link {
            & a {
                font-size: var(--14px);
            }
        }
    }
}

/* --------------------------------------------------------
* コーポレート・ガバナンス
* -------------------------------------------------------*/
.ir-content-governance-img {
    margin-top: 30px;
}