@charset "UTF-8";
/* -----------------outline------------------ */

.outline_main{
	width: 100%;
	margin:40px auto 0;
}
.outline dl{
	display: flex;
	flex-direction: row;
	padding: 0 0 10px;
	border-bottom: 1px solid #FF9C00;
	font-size: 1.2rem;
}
.outline dt{
	width: 9em;
	color:#836F5E;
}
.outline dd{
	width: calc(100% - 9em);
}
.outline dd a{
	text-decoration: none;
	color:#836F5E;
}
/* -----------------gmap------------------ */
.gmap{
	width: 100%;
	text-align: center;
	font-size: 0.9rem;
	line-height: 1.8rem;
	margin: 30px auto 30px;
	max-width: 90
}

/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%; /* 比率を4:3に固定 */
	border: 1px solid #BFBFBF;
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* -----------------est------------------ */
.est_main_cp{
	width: 70%;
	margin: 30px auto;
}
.est_ttl{
	width: 20rem;
	text-align: center;
	font-size: 1.6rem;
	color: #26B4D6;
	padding: 20px 0 10px 5px;;
	background-image: url("../images/outline/est_ttl_bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 20px auto 20px;
	font-weight: 700;
}
.est_line{
	width: 100%;
	height: 10px;
	margin: 20px auto;
	background-image: url("../images/outline/line_blue.png");
	background-repeat:no-repeat;
	background-size: contain;
	background-position: center;
}
.est_main{
	width: 100%;
	margin:10px auto;
	text-align: center;
	color: #836F5E;
}
.est_area1{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}
.est_area_item1{
	width: 31.33%;
	text-align: center;
	color: #836F5E;
	margin-bottom: 10px;
}
.est_area_item2{
	width: 65.66%;
	display: flex;
	flex-direction: column;
	
}
.est_area_item2_main{
	width: 100%;
	text-align: center;
	color: #836F5E;
	margin-bottom: 10px;
}
.est_area3{
	width: 100%;	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.est_area3_item{
	width: 48%;
	text-align: center;
	color: #836F5E;
	margin-bottom: 10px;
}
@media screen and (max-width:900px){
.est_main_cp{
	width: 80%;
	margin: 20px auto;
}	

}

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

.outline_main{
	width: 100%;
	margin:0 auto;
}
.outline dl{
	display: flex;
	flex-direction: column;
	padding: 0 0 10px;
	border-bottom: 1px solid #FF9C00;
	font-size: 1.0rem;
}
.outline dt{
	width: 100%;
	color:#836F5E;
}
.outline dd{
	width: 100%;
}


/* -----------------est------------------ */
.est_main_cp{
	width: 90%;
	margin: 20px auto;
}
.est_ttl{
	width: 18rem;
	text-align: center;
	font-size: 1.4rem;
	color: #26B4D6;
	padding: 12px 0 10px 5px;;
	background-image: url("../images/outline/est_ttl_bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 10px auto;
	font-weight: 700;
}
.est_line{
	width: 100%;
	height: 10px;
	margin: 10px auto;
	background-image: url("../images/outline/line_blue.png");
	background-repeat:no-repeat;
	background-size: contain;
	background-position: center;
}
.est_main{
	width: 100%;
	margin:10px auto;
	text-align: center;
	color: #836F5E;
}
.est_area1{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
}
.est_area_item1{
	width: 90%;
	text-align: center;
	color: #836F5E;
	margin: 5px auto;
}
.est_area_item2{
	width: 90%;
	display: flex;
	flex-direction: column;
	margin: 5px auto;
}
.est_area_item2_main{
	width: 100%;
	text-align: center;
	color: #836F5E;
	margin-bottom: 10px;
}
.est_area3{
	width: 100%;	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.est_area3_item{
	width: 100%;
	text-align: center;
	color: #836F5E;
	margin-bottom: 10px;
}
}