/* style.css */
/* company */
/*--------------------------------------*/

/* title */
#title {
    height:400px;
    background-image:url("../images/company/new_main_img.jpg");
}
#title h1 {
    color:#ffffff;
}


#contents h2 {
    width:40%;
    max-width:242px;
}
#contents h3 {
    font-size:1.6em;
}

/* group */
.group {
    width:94%;
    margin:0 auto;
}
.group .block {
    float:left;
    width:100%;
/* 
    width:47%;
 */

    margin-right:6%;
}
.group .block:nth-child(even) {
    margin-right:0;
}
.group .block h4 {
    width:214px;
    margin:0 auto 2.5em;
}

.group .block dl {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    border-top:1px solid #999999;
    text-align:left;
}
.group .block dl dt,
.group .block dl dd {
    display:flex;
    align-items:center;
    padding:0.8em 0;
    border-bottom:1px solid #999999;
}
.group .block dl dt {
    width:24%;
}
.group .block dl dd {
    width:76%;
}




/* - 1200px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1200px) {

/* title */
#title {
    height:0;
    background-size:cover;
    padding-top:32%;
}

/* group */
.group {
    width:90%;
    margin:0 auto;
}







}
/* - 1200px end */




/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {


/* group */
.group .block {
    float:none;
    width:100%;
    margin-right:0;
    margin-bottom:80px;
}







}
/* - 768px end */




/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {

/* title */
#title {
    background-image:url("../images/company/new_main_img_sp.jpg");
    padding-top:52.66%;
}





}
/* - 750px end */




/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {


/* group */
.group .block dl dt {
    width:32%;
}
.group .block dl dd {
    width:68%;
}





}
/* - 480px end */