@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:https://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/




/* outline
========================================================================================================
*/

.outline-wrap{
  width: 100%;
  background: #FFF;
  padding: 60px 0;
  margin: 0 auto;
}

@media print, screen and (min-width:768px) {
.outline-wrap{
  width: 100%;
  background: #FFF;
  max-width: 1200px; 
  padding: 100px 0;
  margin: 0 auto 100px auto;
 }
}

.outline-wrap h3{
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
}

@media print, screen and (min-width:768px) {
.outline-wrap h3{
  font-size: 3.0rem;
  }
}

.outline-box{
  width:90%;
  display: grid;
  grid-template-columns: 28% 1fr;
  border-top: 1px solid #DDD;
  margin: 40px auto 0 auto;
}

@media print, screen and (min-width:768px) {
.outline-box{
  width:85%;
  display: grid;
  grid-template-columns: 36% 1fr;
  margin: 80px auto 0 auto;
 }
}

.outline-box dt{
  border-bottom: 1px solid #DDD;
  display: flex;
  align-items: flex-start;
  justify-content: center;  
  font-size: 1.4rem;  
  line-height: 1.5em;
  font-weight: 700;
  padding: 30px 0;
}

@media print, screen and (min-width:768px) {
.outline-box dt{
  font-size: 1.5rem;
  padding: 40px 0;
  }
}

.outline-box dd{  
  border-bottom: 1px solid #DDD;
  font-size: 1.3rem;
  line-height: 1.5em;
  padding: 30px 0 30px 5px;
}

@media print, screen and (min-width:768px) {
.outline-box dd{  
  border-bottom: 1px solid #DDD;
  font-size: 1.5rem;
  padding: 40px 0;
  }
}

.outline-box dd ul li{  
  margin:0;
}

.outline-box dd ul li + li{  
  margin:20px 0 0 0;
}

.outline-box dd ul li span{  
  display: block;
  background: #DDD;
  width:90px;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 10px 0;
}

.outline-box dd ul li:last-of-type span{  
  margin:25px 0 10px 0;
}


/* map
========================================================================================================
*/

#map{
  width:100%;
  margin: 0 0 70px 0;
}

@media only screen and (min-width:768px){
#map{
  width:100%;
  margin: 0;
  }
}

.map-wrap{
  position: relative;
  width: 100%; 
  height: 0;
  padding-bottom:75%; 
  overflow: hidden;
	margin: 0;
}

@media only screen and (min-width:768px){
  .map-wrap{
	 padding-bottom: 37.5%; 
	 margin: 0;
	}
}

.map-wrap iframe{    
	width: 100%;   
	height: 100%; 
	position: absolute;
	top: 0;
	left: 0;
}