@charset "utf-8";
/*-----------------------------------------------------
/company/index.html

FileName:   page.css
$Revision: 1.0 $
-----------------------------------------------------*/

/*■コンテンツ*/

section {
margin-top:60px;
}

section h2 {
margin-bottom:0.3em;
margin-left:10px;
}

section img {
display:block;
width:auto;
max-width:100%;
margin-left:auto;
margin-right:auto;
}

#message .card p.photo {
margin-bottom:15px;
}
#organization p.card {
background:#ffffff;
}
#access {
width:100%;
height:100%;
}
#access div#map {
width:96%;
height:300px;
margin:0 auto;
}
#access dl.list {
border:none;
background:transparent;
}

/* Googlemapレスポンシブ化 */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.photo li {
    margin: 1% auto;
}


/*■Media Queriesによる切り替え*/

@media only screen and (min-width:766px) {
/* 767px以上のデバイスに適用 */

.photo ul {
    display: flex;
    flex-wrap: wrap;
}

.photo li {
    width: 48%;
}

}



@media only screen and (min-width:1022px) {
/* 1023px以上のデバイスに適用 */

/*■コンテンツ*/

.wrap {
width:1008px;
margin:30px auto;
}

article {
width:741px;
float:left;
}

#overview .list dt {
width:15%;
}

#overview .list dd {
width:85%;
}

#message .card {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
}

#message .card p {
-webkit-flex:1;
flex:1;
}

#message .card p.photo {
width:180px;
margin-right:30px;
margin-bottom:0;
-webkit-flex:none;
flex:none;
}

#history .list dt {
width:12%;
}

#history .list dd {
width:88%;
}

#access div#map {
width:100%;
height:480px;
}

#access dl.list dt {
background-color:transparent;
}

}



@media only screen and (max-device:768px) and (-webkit-min-device-pixel-ratio:2) {
/* 768px以下のRetina Displayデバイスに適用 */

}