@charset "UTF-8";
/*
※※※※※※※※※※※※※※※※

グローバルメニュー

※※※※※※※※※※※※※※※※
*/

.g_navi > li:nth-child(1) a span{
        background-color: #f3f3f8;
        color: #0a1975;
}


.about .about_visual {
        background-image: url("../images/about/about_visual.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        height: 700px;
        width: 100%;
        position: relative;
}

.about .about_visual:after {
        content:'';
        display: block;
        background-image: url("../images/about/about_arrow.png");
        background-size: cover;
        background-repeat: no-repeat;
        width: 8px;
        height: 200px;
        position: absolute;
        left: calc(50% - 4px);
        bottom:-70px;
        z-index: 99;
}

.about .about_title {
        text-align: center;
}

.about .about_title img {
        max-width: 567px;
        width:70%;
        height: auto;
        margin-top: 170px;
}

.about .intro_text {
        font-size: 2.4rem;
        text-align: center;
        margin: 80px 0;
}

.about .data {
        height:418px;
        width: 100%;
        background-size: cover;
        margin-bottom: 5px;
}

.about .data:nth-child(odd) {
        background-position: right top;
}

.about .data:nth-child(even) {
        background-position: left top;
}

.about .data img {
        margin-bottom: 1.5em;
}

.about .data1 {
        background-image:url("../images/about/about_image01.jpg");
}

.about .data1 img {
        max-width: 483px;
        width: 100%;
        margin-top: 80px;
}

.about .data2 {
        background-image:url("../images/about/about_image02.jpg");
}

.about .data2 img {
        max-width: 423px;
        width: 100%;
        margin-top: 70px;
        margin-left:5%;
}

.about .data3 {
        background-image:url("../images/about/about_image03.jpg");
}

.about .data3 img {
        max-width: 474px;
        width: 100%;
        margin-top: 85px;
}

.about .data4 {
        background-image:url("../images/about/about_image04.jpg");
}

.about .data4 img {
        max-width: 432px;
        width: 100%;
        margin-top: 85px;
        margin-left: 5%;
}

.about .data5 {
        background-image:url("../images/about/about_image05.jpg");
}

.about .data5 img {
        max-width: 662px;
        width: 100%;
        margin-top: 85px;
        float: right;
}

.about .data6 {
        background-image:url("../images/about/about_image06.jpg");
}

.about .data6 img {
        max-width: 410px;
        width: 100%;
        margin-top: 50px;
        margin-left: 10%;
}

.about .data7 {
        background-image:url("../images/about/about_image07.jpg");
        margin-bottom: 0;
}

.about .data7 img {
        max-width: 433px;
        width: 100%;
        margin-top: 40px;
        margin-left: 3%;
}

.about .data:nth-child(odd) .text_area {
        width: 55%;
        height: 0;
        border-bottom: 418px solid #223083;
        border-right: 165px solid transparent;
        float: left;
        color: #fff;
        padding-left:calc((100vw - 1300px)/2);
}

.about .data:nth-child(even) .text_area {
        width: 55%;
        height: 0;
        border-bottom: 418px solid rgba(255,255,255,0.9);
        border-left: 165px solid transparent;
        float: right;
        color:#000;
        padding-right:calc((100vw - 1000px)/2);
}

.about .data.data5 .text_area {
        padding-left:0;
}

.about .data .text_area p {
        font-size: 1.6rem;
        line-height: 1.4em;
}

.about .data5 .text_area p {
        margin-left:calc((100vw - 1000px)/2);
}

@media screen and (max-width:1324px) and (min-width:768px){
        .about .about_visual {
                background-image: url("../images/about/about_visual_sp.jpg");
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
                height:133vw;
                width: 100%;
                position: relative;
        }

        .about .about_visual:after {
                display: none;
        }

        .about .about_title img {
                max-width: 567px;
                width:70%;
                height: auto;
                margin-top: 40vw;
        }

        .about .data img {
                margin-right: 0;
                margin-left: 0;
        }

        .about .data5 .text_area {
                padding-left:3vw!important;
        }

        .about .data5 .text_area p {
                margin-left: 0;
        }


}

@media screen and (max-width:767px){
        .about .about_visual {
                background-image: url("../images/about/about_visual_sp.jpg");
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
                height: calc(100vh - 120px);
                width: 100%;
                position: relative;
        }
        .about .data {
                margin-bottom: 0;
                background-size:contain;
        }
        .about .data:nth-child(odd) .text_area {
                width: 100%;
                height: auto;
                border-right: none;
                border-bottom: none;
                float: none;
                color: #fff;
                padding-left: 3%;
                padding-right: 3%;
                text-align: center;
                background-size: cover;
                background-repeat: no-repeat;
        }

        .about .data:nth-child(even) .text_area {
                width: 100%;
                height: auto;
                border-bottom: none;
                border-left: none;
                float: none;
                color:#000;
                padding-right: 3%;
                padding-left: 3%;
                text-align: center;
                background-size: cover;
                background-repeat: no-repeat;
        }

        .about .data .text_area p {
                text-align: left;
                margin-left: 0;
        }

        .about .data.data1 {
                background-image:url("../images/about/about_image01_sp.jpg");
                background-position: center top 61vw;
                height:126vw;
        }

        .about .data.data2 {
                background-image:url("../images/about/about_image02_sp.jpg");
                background-position: center top 100vw;
                height:165vw;
        }

        .about .data.data3 {
                background-image:url("../images/about/about_image03_sp.jpg");
                background-position: center top 112vw;
                height:177vw;
        }

        .about .data.data4 {
                background-image:url("../images/about/about_image04_sp.jpg");
                background-position: center top 112vw;
                height:177vw;
        }

        .about .data.data5 {
                background-image:url("../images/about/about_image05_sp.jpg");
                background-position: center top 155vw;
                height:155vw;
        }

        .about .data.data6 {
                background-image:url("../images/about/about_image06_sp.jpg");
                background-position: center top 165vw;
                height:165vw;
        }

        .about .data.data7 {
                background-image:url("../images/about/about_image07_sp.jpg");
                background-position: center top 169vw;
                height:169vw;
        }

        .about .data.data1 .text_area {
                background-image: url("../images/about/about_textbg01_sp.png");
                height:72vw;

        }

        .about .data.data2 .text_area {
                background-image: url("../images/about/about_textbg02_sp.png");
                height:112vw;
        }

        .about .data.data3 .text_area {
                background-image: url("../images/about/about_textbg03_sp.png");
                height:123vw;
        }

        .about .data.data4 .text_area {
                background-image: url("../images/about/about_textbg04_sp.png");
                height:127vw;
        }

        .about .data.data5 .text_area {
                background-image: url("../images/about/about_textbg05_sp.png");
                height:101vw;
        }

        .about .data.data6 .text_area {
                background-image: url("../images/about/about_textbg06_sp.png");
                height:111vw;
        }

        .about .data.data7 .text_area {
                background-image: url("../images/about/about_textbg07_sp.png");
                height:115vw;
        }

        .about .data img {
                width: 90%;
                margin-top:8vw;
                margin-left: 0;
                float:none;
        }

        .about .data.data5 img {
                width: 100%;
        }

}