@charset "utf-8";

/****************************************************************************************************************************
	利用案内
****************************************************************************************************************************/

article.under section.information{
	background: #fff;
}


article.under section.information dl{
	margin:80px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}

article.under section.information dl dt{
	width:15%;
	border-right:1px solid #7b7b7b;
	padding:20px 20px;
	border-bottom:1px solid #7b7b7b;
	background:#f0ebe2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

article.under section.information dl dt:first-child{
  border-top:1px solid #7b7b7b;
}

article.under section.information dl dd:nth-child(2){
   border-top:1px solid #7b7b7b; 
}

article.under section.information dl dd{
	width:85%;
	padding:20px 20px;
	border-bottom:1px solid #7b7b7b;
}



article.under section.information dl dd a{
	color:#004066;
	border-bottom:1px solid #004066;
}


article.under section.information .img ul{
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;   
  padding-bottom:80px;
}

article.under section.information .img ul li{
width: 100%;
	width: 471px;
    height: 285px;
    overflow: hidden;
    position: relative;
}

article.under section.information .img ul li img{
display: block;
    width: 500px;
    position: absolute;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    margin: auto;
}

/****************************************************************************************************************************
  レスポンシブ　1000px
****************************************************************************************************************************/

@media screen and (max-width: 1120px) {
article.under section.information dl{
  margin:30px auto;
}

article.under section.information dl dt{
  width: 30%;
}

article.under section.information dl dd{
  width: 70%;
}

article.under section.information .img ul {
  display: block;
  padding-bottom: 30px;
}


article.under section.information .img ul li{
  margin-bottom:15px;
}

article.under section.information .img ul li img{
  width: 100%;
  position: static;
}

article.under section.information .googlemap {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

}