@charset "UTF-8";

h1.title{
    text-align: left;
}
h2,h3{
    text-align: left;
    margin-top: 2%;
}
.text-adjust{ display: inline-block; }
.main-content{
    width: 98%;
    margin: 0px auto;
    text-align: left;
    
}

/* 外観画像設定 */
.appearance-image-box{
    width:100%;
    height:auto;
}
.flora-image{
    width:100%;
    height:auto;
    border:solid 2px var(--logo-color);
    margin: 1% 0;

}

/* スマホの横画面対応 */
@media screen and ( max-height:450px ) {
    .appearance-image-box{
        width:75%;
        height:auto;
        margin-left: auto;
        margin-right: auto;
    }
}
/* 会社概要 */
.company-profile{
    width:  100%;
    background: white;
    border-collapse: collapse;
    border-bottom: 4px #ffffff solid;

}
.company-profile tr td{
    padding-top: 2%;
    padding-bottom: 2%;
    border-bottom: 3px var(--background-green) solid;
    text-align: left;
}

.company-profile .title{
    width: 25%;
    font-weight: bold;
    padding-left: 2em;
}

/*会社概要のレスポンシブ対応*/
.cp-view-pc{ display: inline-table; }
.cp-view-sp{ display: none; }
.sp-title{ display: none; }

@media screen and ( max-width:800px ) {
    
    .cp-view-pc{ display: none; }
    .cp-view-sp{ display: table; }
    .sp-title{ display: block; }
    
    .company-profile tr td{
        display:flex;
        justify-content: left;
        text-align: left;
        padding-top: none;
        padding-bottom: none;
        padding-left: 5%;
        border-bottom: none;
    
    }
    .company-profile tr{
        border-bottom: 3px var(--background-green) solid;  
    }

    .company-profile .title{
        width: 100%;
        font-weight: bold;
    }
    .c-office,.c-access{
        display: flex;
        flex-flow: column;
    }
    .text-adjust{ display: inline-block; }

}
.googlemap-navigation-link{
    display: inline-block;
    width: 1.0em;
    height: 1.0em;
}

.googlemap-icon-image{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.google-map-box{ width:100%; }
.cp-google-map{
    width: 100%;
    aspect-ratio: 4/3;
}
/* スマホの横画面対応 */
@media screen and ( max-height:450px ) {
    .google-map-box{
        width:75%;
        margin-left: auto;
        margin-right: auto;

    }
}
/* ご協力企業様ロゴ */
.cp-supporter{
    display: flex;
    flex-wrap: wrap;
    width:100%;
    height: auto;
    text-align: left;

}

.cp-supporter-link{
    display: block;
    width: 30%;
    min-width: 200px;
    max-width: 250px;
    height: auto;
}
.cp-supporter-logo-box{
    display: flex;
    background-color: white;
    width: 100%;
    aspect-ratio: 4/1;
    border: 1px var(--shadow) solid;
    padding: 2%;
    margin-left: auto;
    margin-right: auto;

}
.cp-supporter-logo-image{
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}