@charset "utf-8";

.content {max-width: 1200px!important;}
.key { margin-bottom: 20px;}
.top_text .read,.top_text li { color: #5B8266!important;}

/* --- slider画像指定 ----------------- */
.slide_a .src01 { background-image: url( "../img/slider_001.jpg"); background-position: center top;}
.slide_a .src02 { background-image: url( "../img/slider_002.jpg"); background-position: center top;}
.slide_a .src03 { background-image: url( "../img/slider_003.jpg"); background-position: center top;}

.business header #header_wrapper {background: rgba(91,130,102, 0.95)}

.greeting { text-align: center;}

.greeting dt,.company_profile_tit {
    font-size: 14px;
    margin-bottom: 1em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.greeting dd { line-height: 2;}

#primary-main {
    position: relative;
    background-image: url("../images/bg-01.jpg"),url("../img/bg-02.jpg");
    background-repeat: no-repeat;
    background-position: 100% 6%,0% 19%;
    background-size: 43%,53%;
    overflow: hidden;
}

#primary-main .primary_01 {
    max-width: 36%;
    float: right;
}
#primary-main .primary_02 {
    width: 60.834%;
    z-index: 1;
    float: left;
}
#primary-main .primary_03 {
    width: 60.834%;
    float: right;
    margin-top: -4%;
    padding-bottom: 8.5%;
}
#primary-main .primary_04{ display: none;}

#primary-main .primary_05{
    max-width: 38.5%;
    position: absolute;
    top: 66%;
    left: 6.3%;
}

#primary-main ul { clear: both; }
#primary-main li:first-child {width: 60%; margin: auto; }
#primary-main li:last-child {width: 90%; margin: auto; }
#primary-main ul.pic-580 { padding-top: 8.3%;}

#primary-main li dl { text-align: center;}
#primary-main li dt {font-size: 14px;margin: 0.8em 0;font-weight: bold;}
#primary-main li dd {line-height: 2;margin-bottom: 2em;}




@media screen and (min-width: 640px){
    #primary-main {
        background-position: 100% 7.9%,0% 27%;
        background-size: 49.3%,60.5%;
    }
    
}

@media screen and (min-width: 960px){
    .key { margin-bottom: 60px;}
    
    #primary-main {
        background-position: 100% 7.9%,0% 37%;
        background-size: 49.3%,60.5%;
    }
    
    #primary-main .primary_01 { max-width: 25%;}
    #primary-main .primary_04 { width: 60.834%; float: right; margin-top: -8.6%; display: block;}
    
    #primary-main ul { display: flex;}
    #primary-main li:first-child { width: 54.167%; margin: inherit;}
    #primary-main li:last-child {width: 45.833%;padding: 5% 2% 5% 5%;margin: inherit;}

#primary-main .pic-580 li:first-child {width: 48.334%;}
#primary-main .pic-580 li:last-child {width: 45.833%;}
    
    #primary-main li dl { text-align: left;}
    #primary-main li dt {margin-bottom: 2em;letter-spacing: 0.1em;}
    #primary-main li dd {line-height: 2;margin-bottom: 2em;}
    
    
    .company_profile {
        max-width: 860px;
        margin: auto;
    }
    .company_profile ul {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        align-items: end;
        position: relative;
    }
    .company_profile_txt {
        z-index: 2;
        overflow: hidden;
        width: 50%;
    }
    .company_profile_pic {
        position: absolute;
        max-width: 68%;
        float: right;
        top: -17%;
        right: -26%;
    }
    
    .greeting dt,.company_profile_tit,#primary-main li dt {font-size: 18px;}    
    .greeting dd { line-height: 2; font-size: 14px;}

}