@charset "utf-8";

/* --------------------------------------------------------
* 共通
* -------------------------------------------------------*/
.ir-block {
    margin-top: 120px;
    z-index: 0;
    position: relative;
}
.ir-nav-l {
    & ul {
        display: flex;
        flex-wrap: wrap;

        & li {
            width: 20%;
            border: 1px solid #fff;
            background: #176f94;

            & a {
                display: flex;
                color: #fff;
                padding: 10px;
                justify-content: center;
                align-items: center;
                -webkit-transition: opacity 0.3s;
                transition: opacity 0.3s;

                &:hover {
                    opacity: 0.5;
                }

            }

        }
    }
}
.ir-nav-s {
    & ul {
        display: flex;
        justify-content: space-around;
        margin-top: 30px;
        
        & li {
            padding: 0 10px;
            
            & a {
                color: #176f94;
                padding-right: 50px;
                background-image: url(/assets/img/icon-team-arrow.svg);
                background-repeat: no-repeat;
                background-position: right 0 bottom 50%;
                -webkit-transition: opacity 0.3s;
                transition: opacity 0.3s;

                &:hover {
                    opacity: 0.5;
                }

                &[target="_blank"] {               
                    background-image: url(/assets/img/icon-newwindow-blue.svg);
                }
            }
        }
    }
}
.ir-content {
    margin-top: 70px;
}
.ir_section + .ir_section {
    margin-top: 50px;
}
.ir-heading {
    &::after {
        display: none;
    }

    & h2 {
        line-height: normal;
    }
}
.ir-heading-h3 {
    margin-bottom: 10px;
    & h3 {

    }
}


@media screen and (max-width: 768px) {
    .ir-block {
        margin-top: 0;
    }
    .ir-nav-l {
        & ul {
            & li {
                width: 50%;
            }
        }
    }
    .ir-nav-s {
        & ul {
            flex-direction: column;
            justify-content: center;
            gap: 10px;
            
            & li {
                display: flex;
                justify-content: center;
            }
        }
    }
    .ir-content {
        margin-top: 30px;
    }
    .ir_section + .ir_section {
        margin-top: 30px;
    }
}



/* --------------------------------------------------------
* IRトップ
* -------------------------------------------------------*/
.irtop-news {
    display: flex;
    gap: 50px;
    justify-content: space-between;
}
.irtop-news-block {
    padding: 50px 0;
}
.irtop-news-button {
    margin-top: 50px;
}
.irtop-news-content {
    width: 100%;
    background: #fff;
    padding: 50px 0;
}
.irtop-news-button__sp {
    display: none;
}

.irtop-box {
    margin-top: 160px;
    background-color: #f8fdff;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.irtop-box-content {
    padding: 50px 35px;
    border-right: 1px solid #ccc;

    &:nth-child(3n) {
        border-right: 0;
    }
    &:nth-child(n+4) {
        border-top: 1px solid #ccc;
    }
}
.irtop-box-heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 140px;

    & h2 {
      width: 100%;  
    }
}
.irtop-box-image {
    display: flex;
    justify-content: center;
    height: 100px;
    
    & img {
        width: auto;
    }
}
.irtop-box-list {

    & LI {
        border-bottom: 1px solid #ddd;
        
        & a {
            width: 100%;
            padding: 20px 50px 20px 0;
            display: flex;                
            background-image: url(/assets/img/icon-team-arrow.svg);
            background-repeat: no-repeat;
            background-position: right 0 bottom 50%;
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;

            &:hover {
                opacity: 0.5;
            }

            &[target="_blank"] {               
                background-image: url(/assets/img/icon-newwindow-blue.svg);
            }
        }
    }
}

.irtop-bottom {
    margin-top: 100px;
}
.irtop-bottom-content {
    display: flex;
    justify-content: space-around;
}
.irtop-bottom-button {
    width: 30%;
    
    & a {
        width: 100%;

        &[target="_blank"] {
            & .c-button__text {
                &:after {
                    content: url(/assets/img/icon-newwindow.svg);
                    margin-left: 10px;
                }
            }
            &:hover {
                & .c-button__text {
                    &:after {
                        content: url(/assets/img/icon-newwindow-blue.svg);
                    }
                }
            }
        }
    }
}


@media screen and (max-width: 768px) {
    .irtop-news {
        flex-wrap: wrap;
        gap: 30px;
    }
    .irtop-news-block {
        padding: 0;
    }
    .irtop-news-content {
        padding: 30px 0;
    }
    .irtop-news-button__pc {
        display: none;
    }
    .irtop-news-button__sp {
        display: block;
    }

    .irtop-box {
        margin-top: 100px;
        grid-template-columns: 1fr;
    }
    .irtop-box-content {
        border-right: 0;
        border-top: 1px solid #ccc;

        &:first-child {
            border: 0;
        }
    }
    .irtop-box-heading {
        height: auto;
    }

    .irtop-bottom {
        margin-top: 50px;
    }
    .irtop-bottom-content {
        flex-wrap: wrap;
    }
    .irtop-bottom-button {
        width: 100%;

        &:nth-child(n+2) {
            margin-top: 30px;
        }
    }
}





/* --------------------------------------------------------
* 株主・投資家の皆様へ
* -------------------------------------------------------*/
.ir-message-wrap {

}
.ir-message-image {
    margin-bottom: 30px;
}
.ir-message-txt {
    & p + p {
        margin-top: 1rem;
    }
}
.ir-message-txt__right {
    margin-top: 30px;
    text-align: right;
}



/* --------------------------------------------------------
* コーポレート・ガバナンス
* -------------------------------------------------------*/
.ir-governance-wrap {
    & .ir-heading {
        margin-bottom: 30px;
    }
}
.ir-governance-image {
    margin-top: 30px;
}



/* --------------------------------------------------------
* ディスクロージャーポリシー
* -------------------------------------------------------*/



/* --------------------------------------------------------
* 株式情報
* -------------------------------------------------------*/
.ir_overview-wrap {

}
.ir_overview_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    &:first-child {
        & .ir_overview_item {
            &:first-child {
                border-top: 1px solid #176f94;
            }
            &:last-child {
                border-top: 1px solid #ced3d8;
            }
        }
    }
}
.ir_overview_item {
    &:first-child {
        width: 345px;
        -webkit-box-flex: 345px;
        -ms-flex: 345px 0 0px;
        flex: 345px 0 0;
        color: #176f94;
        font-weight: 500;
        padding: 35px 0;
        border-bottom: 1px solid #176f94;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex    ;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    &:last-child {
        padding: 35px 0;
        border-bottom: 1px solid #ced3d8;
        width: calc(100% - 345px);
        letter-spacing: 0.6px;
    }
    & a {
        text-decoration: underline;
        color: #176f94;
    }
}

@media screen and (max-width: 768px) {
    .ir_overview_list {
        display: block;
        &:first-child {
            & .ir_overview_item {
                &:first-child {
                    border-top: 1px solid #176f94;
                }
                &:last-child {
                    border-top: none;
                    border-bottom: 1px solid #176f94;
                }
            }
        }
    }
    .ir_overview_item {
        &:first-child {
            width: 100%;
            border-bottom: 1px solid #ced3d8;
            padding: 25px 0;
            line-height: 27px;
        }
        &:last-child {
            width: 100%;
            border-bottom: 1px solid #176f94;
            padding: 22px 0;
            line-height: 29px;
            letter-spacing: 0.8px;
        }
    }
}



/* --------------------------------------------------------
* よくあるご質問
* -------------------------------------------------------*/
.ir-faq-txt__q {
    padding-left: 25px;
    position: relative;

    &::before {
        content: 'Q.';
        display: inline-block;
        position: absolute;
        left: 0;
        color: #176f94;
    }
}
.ir-faq-txt__a {
    padding-left: 25px;
    position: relative;

    &::before {
        content: 'A.';
        display: inline-block;
        position: absolute;
        left: 0;
        color: #176f94;
    }

    & a {
        text-decoration: underline;
        color: #176f94;
    }
}



/* --------------------------------------------------------
* ディスクロージャーポリシー
* -------------------------------------------------------*/
.ir-disclosure-txt__right {
    margin-top: 30px;
    text-align: right;
}



/* --------------------------------------------------------
* IRカレンダー
* -------------------------------------------------------*/
.eirCalendar_figure {
	display: flex;
	justify-content: center;
    flex-wrap: nowrap;
    gap: 2px;
	padding: 0;
	width: 80%;
	margin: 0 auto 50px;
}
.eirCalendarNote {
    margin: 30px 0 0;
}
.eirCalendar_image {
	width: 50%;
}
.ir-calendar-bottom {
	margin: 0 auto;
	width: 80%;
}
@media screen and (max-width: 768px) {
	.eirCalendar_figure {
		flex-direction: column;
        gap: 10px;
		width: 100%;
    }
	.eirCalendar_image {
        width: 100%;
    }
    .ir-calendar-bottom {
        width: 100%;
    }
}