@charset "UTF-8";

/* ------------------------------------------------------------
   company - style.css
------------------------------------------------------------ */
/*
* 00 -subhead
* 01 -company contents
* 02 -company contents
* 03 -company contents
*/


/* 00 -subhead
------------------------------------------------------------ */
.subhead::before{ background-image: url(../img/subhead.jpg); opacity: 0.7; }

/* 01 -company contents
------------------------------------------------------------ */
.company__contents{ margin: 10% 0; }
.company__tb table { width: 100%; }
.company__tb tr:nth-child(odd) { background: #f2f2f2; }
.company__tb th {
    padding: 20px;
    width: 20%;
    text-align: left;
}
.company__tb td { padding: 20px; width: 80%; }
.company__tb td dl { display: flex; }
.company__tb td dt { width: 9em; }


/* 02 -company contents
------------------------------------------------------------ */
.map_box { display: flex; justify-content: space-between; }
.map_box .box { width: 48%; }
.map_box .en {
    font-size: 5.0rem;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin-bottom: 8%;
}
.map_box iframe { width: 100%; height: 50vh; }
.map_box dl {  margin: 30px 0; }
.map_box dl dt { font-weight: bold; margin-bottom: 10px; }

/* 03 -company contents
------------------------------------------------------------ */
.message__box .photo { width: 70%; float: right; }
.message__box .cf::after{
    content:" ";
    display:block;
    clear:both;
}
.message__box img { width: 100%; }
.message__box .text { margin-top: 4%; }
.message__box p { margin-bottom: 20px; }
.message__box .katagaki {
    text-align: right;
    font-size: 1.4rem;
    margin-bottom: 10px;
    color: #848484;
}
.message__box .name {
    line-height: 3.6rem;
    font-size: 3.6rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 500;
    text-align: right;
    color: #023894;
}


@media screen and (min-width: 1090px) and (max-width: 1300px) {
    /* ▼PC用================================================================== */
    
    /* 01 -company contents
    ------------------------------------------------------------ */

    /* 02 -company contents
    ------------------------------------------------------------ */

    /* 03 -company contents
    ------------------------------------------------------------ */


    
    /* ▲PC用================================================================== */
}

@media screen and (min-width: 768px) and (max-width: 1089px) {

    /* ▼Tab用================================================================= */
    
    
    /* 01 -company contents
    ------------------------------------------------------------ */

    /* 02 -company contents
    ------------------------------------------------------------ */

    /* 03 -company contents
    ------------------------------------------------------------ */


    
    

    /* ▲Tab用================================================================= */
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    /* ▼SP用================================================================ */
    
    
       
    /* 01 -company contents
    ------------------------------------------------------------ */
    .company__contents{ margin: 10% 0; }
    .company__tb table { display: block; }
    .company__tb tr:nth-child(odd) { background: #fff; }
    .company__tb th {
        width: auto;
        display: block;
        background: #f2f2f2;
    }
    .company__tb td { width: auto; display: block; }


    /* 02 -company contents
    ------------------------------------------------------------ */
    .map_box { display: block; }
    .map_box .box { width: auto; margin-bottom: 10%; }
    .map_box .en { font-size: 4.0rem; line-height: 4.0rem; }
    .map_box .more__btn{ width: 90%; }

    /* 03 -company contents
    ------------------------------------------------------------ */

    .message__box .photo { width: auto; float: none; }
    .message__box .name { line-height: 2.6rem; font-size: 2.6rem; }

    
    
    



    /* ▲SP用================================================================ */
}