@charset "UTF_8";
/* ※※※※※※※※※※※※※※※※

グローバルメニュー

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

::marker {
        margin-right: 10px;
}

.g_navi > li:nth-child(5) a span{
        background-color: #f3f3f8;
        color: #0a1975;
}
.visual_S{
        background:url("../images/network/network_top_s.jpg") center center;
        background-size:cover;
}

.network .visual_L{
        background:url("../images/network/network_top.jpg") center center;
        background-size:cover;
}
.network .contents_list_wrap{
        background:#f2f2f2;
        position: relative;
        padding:0 0 20% 0;
}
.network .contents_list{
        width: 700px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap:wrap;
        margin-bottom:30px;
        position: absolute;
        top:-50px;
        left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.network .contents_item{
         margin-bottom: 0;
         width: 320px;
         position: relative;
 }

 .network .item_title_en{
        position: absolute;
        top:35%;
        left:0;
        right:0;
        text-align:center;
        font-size:14px;
        color:white;
}

 .network .item_title{
        position: absolute;
        top:45%;
        left:0;
        right:0;
        text-align:center;
        font-size:26px;
        color:white;
}

 .network .contents_item img{
        width:100%;
}

.network .over_green{
        position: absolute;
        background:rgba(10,25,117,0.7);
        width:100%;
        height:100%;
        top:0;
        left:0;
}


@media screen and (max-width:1324px) {


        .network .item_title_en{
                position: absolute;
                top:30%;
                left:0;
                right:0;
                text-align:center;
                font-size:12px;
                color:white;
        }

         .network .item_title{
                position: absolute;
                top:45%;
                left:0;
                right:0;
                text-align:center;
                font-size:18px;
                color:white;
        }

}

@media screen and (max-width:1209px) {
        .network .contents_list{

        }
}


@media screen and (max-width:767px) {
        .network .contents_list{
                width: 100%;
                left: 0;
                transform: none;
        }
        .network .contents_list_wrap{
                position: inherit;
                padding:1% 0 15% 0;
        }

        .network .contents_list{
                max-width:inherit;
                display: inherit;
                margin-top:30px;
                margin-bottom:0;
                position:inherit;
                padding:0;

        }

        .network .contents_item{
                 margin-bottom:4%;
                 width:100%;
                 position: relative;
         }


         .network .contents_item img{
                max-width:inherit;
                width:100%;
        }

        .network .item_title_en{
                position: absolute;
                top:35%;
                left:0;
                right:0;
                text-align:center;
                font-size:14px;
                color:white;
        }

         .network .item_title{
                position: absolute;
                top:45%;
                left:0;
                right:0;
                text-align:center;
                font-size:26px;
                color:white;
        }


}


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

国内グループ一覧／海外グループ一覧

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

.group .visual_S .page_title{
        width:24%;
}

.group .contents{
        width:100%;
        background:#f2f2f2;
        padding-top:95px;
        padding-bottom:95px;
}

.group select {
                display: none;
                width: 100%;
                color: #0a1975;
                border: 1px solid #0a1975;
                height: 3em;
                font-size: 1.8rem;
                padding:0 1em;
                margin-bottom: 50px;
                -webkit-appearance: none;
-moz-appearance: none;
                background-image: url(../images/network/select_arrow.png);
                background-repeat: no-repeat;
                background-size: 1em auto;
                background-position: right 5% center;
        }

.group .switch {
        width: 100%;
        border-bottom: 1px solid #dcdcdc;
        margin-bottom: 50px;
}

.group .switch li {
        width: 45%;
        max-width: 350px;
        float: left;
        margin-right: 5px;
        background-color: #f9f9f9;
        height: 80px;
        line-height: 80px;
        text-align: center;
        color: #a9a9a9;
        font-size: 2rem;
        cursor: pointer;
}

.group .switch li.active {
        border: 1px solid #dcdcdc;
        border-bottom: none;
        background-color: #fff;
        color: #0a1975;
}

.group .table_of_contents {
        margin-bottom: 100px;
}

.group .table_of_contents ul {
        display: flex;
}

.group .table_of_contents ul{

        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
}

.group .table_of_contents li {
        width: 50%;
        margin-bottom: 1.5em;
        color: #0a1975;
        background-image:url(../images/network/select_arrow.png);
        background-size: 9px 7px;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left:15px;
}

.group .sp_title {
        font-size: 3rem;
        display: none;
}

.group .company_name {
        font-size: 3rem;
        color: #0a1975;
        font-weight: bold;
}

.group .company_wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        margin-bottom: 60px;
}

.group .company_wrap .image {
        width: 30%;
        margin:0;
}

.group .company_wrap .image img {
        height: 100%;
        width: 100%;
}

.group .company_wrap .business {
        width: 28%;
        background-color: #e6e8f4;
        padding: 2em;
        color: #0a1975;
}

.group .company_wrap .business li {
        list-style-type: disc;
        margin-bottom: 0.4em;
        margin-left: 20px;
}

.group .company_wrap .info {
        width: 42%;
        background-color: #fff;
        padding: 2em;
}

.group .company_wrap .info dl {
        display: flex;
        margin-bottom: 1em;
}

.group .company_wrap .info dt {
        width: 4em;
        float: left;
        font-weight: bold;
}

.group .company_wrap .info dd {
        width: calc(100% - 4em);
        float: right;
}

.group .company_wrap .postcode {
        display: block;
        margin-bottom: 0.4em;
}

.group .company_wrap .info a {
        display: block;
        line-height: 3em;
        border: 1px solid #0a1975;
        color: #0a1975;
        width: 180px;
        font-size: 1.4rem;
        background-image:url(../images/network/link_icon.png);
        background-repeat: no-repeat;
        background-position: left 1.5em center;
        padding-left: 3em;
        background-size: 12px auto;
        margin-left: 7em;
        margin-top: 3em;
}

.group .domestic_area,
.group .overseas_area{
        display: none;
}

.group .domestic_area.active,
.group .overseas_area.active {
        display: block;
}
.company_name {
  padding-top: 130px;
  margin-top: -130px;
}

@media screen and (max-width:1324px) {

        .group .company_wrap .business {
                padding: 0.6em;
        }

        .group .company_wrap .info {
                padding: 2em 0.7em;
        }

        .group .company_wrap .info a {
                margin-top:1.5em;
        }

}

@media screen and (max-width:999px) {
        .group .company_wrap .image {
                width: 50%;
        }

        .group .company_wrap .business {
                width: 50%;
                padding: 2em;
        }

        .group .company_wrap .info {
                width:100%;
                padding: 2em;
        }

        .group .company_wrap .info dl {
                display: block;
        }

        .group .company_wrap .info dt {
                width: 100%;
                display: block;
                margin-bottom: 1em;
                float:none;
        }

        .group .company_wrap .info dd {
                width: 100%;
                display: block;
                margin-bottom: 1.5em;
                float:none;
        }

        .group .company_wrap .info a {
                margin:3em auto 0;
        }
}

@media screen and (max-width:767px) {

        .group .visual_S .page_title{
                width:40%;
        }

        .group .contents{
                padding-top:50px;
                padding-bottom:50px;
        }

        .group select {
                display:inline-block;
        }

        .group .switch {
                display: none;
        }

        .group .sp_title {
                display: block;
        }

        .group .table_of_contents {
                display: none;
        }

        .group .company_wrap .image {
                width: 100%;
        }

        .group .company_wrap .business {
                width: 100%;
        }

        .group .company_wrap .info {
                width: 100%;
        }

        .group .domestic_area,
        .group .overseas_area{
                display: block;
        }

}