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

共通

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

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


.contact .contents_wrap{
        width:100%;
        background:#f2f2f2;
        padding:50px 0;
}

.contact .contents_main{
        max-width:1100px;
        margin:0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}

.contact .contents_block{
        width:50%;
}

.contact_pic{
        max-width:605px;
        width:100%;
}

.contact .contents_table{
        width:100%;
}

.contact .contents_table th{
        width:40%;
        font-size:36px;
        color:white;
        padding:50px 20px;
        vertical-align: middle;
}

.contact .contents_table td{
        color:white;
        font-size:21px;
        line-height:1.5;
        padding:50px 20px;
}

.contact .contents_table span{
        font-size:30px;
}

.contact .osaka{
        background:#89939b;
}

.contact .tokyo{
        background:#a5b0b9;
}


@media screen and (max-width:1324px) {
        .contact .contents_main{
                padding:0 5%;
        }
        .contact .contents_table th {
                width:30%;
        }

}

@media screen and (max-width:1081px) {
        .contact .contents_table th{
                width:100%;
                font-size:36px;
                color:white;
                padding:30px 20px;
                display:block;
        }

        .contact .contents_table td{
                width:100%;
                color:white;
                font-size:21px;
                line-height:1.5;
                padding:0 30px 30px 30px;
                display:block;
        }
        }


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

        .contact .contents_main{
                max-width:inherit;
                width:100%;
                margin:0 auto;
                display: block;
        }
        .contact .contents_block{
                width:100%;
                margin-bottom:50px;
        }

        }