@charset "utf-8";



/* ==========================================================================

  outline_head

  ========================================================================== */

.outline_head_ttl{

	margin-bottom: 20px;

	font-family: 'Sawarabi Mincho', serif;

	font-size: 48px;

	text-align: center;

}



.outline_head_box{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-align-items: center;

	-ms-align-items: center;

	align-items: center;

}



.outline_head_box_img{

	max-width: 260px;

	margin-right: 40px;

}



.outline_head_box_txt{

	width: -webkit-calc(100% - 300px);

	width: calc(100% - 300px);

}



.outline_head_box h3{

	margin-bottom: 5px;

	padding-bottom: 5px;

	font-size: 16px;

	border-bottom: 1px solid #000;

}



.outline_head_box_txt_img img{

	margin: 10px auto 0;

}



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

.outline_head_ttl{

	font-size: 32px;

}



.outline_head_box{

	display: block;

}



.outline_head_box_img{

	margin: 0 auto 10px;

}



.outline_head_box_txt{

	width: 100%;

}

}



@media screen and (max-width: 640px) {

.outline_head_ttl{

	font-size: 20px;

}

}





/* ==========================================================================

  outline_list

  ========================================================================== */

.outline_list{

	max-width: 800px;

	margin: 0 auto;

}



.outline_list dl{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	flex-wrap: wrap;

	padding: 10px 0;

	border-top: 1px solid #000;

}



.outline_list dl:last-child{

	border-bottom: 1px solid #000;

}



.outline_list dt{

	width: 20%;

	text-align: center;

	font-weight: bold;

}



.outline_list dd{

	width: 80%;

}



@media screen and (max-width: 640px) {

.outline_list dt{

	width: 100%;

	margin-bottom: 5px;

	padding-bottom: 5px;

	border-bottom: 1px dotted #666;

}



.outline_list dd{

	width: 100%;

	text-align: center;

}

}



/* ==========================================================================

  outline_map

  ========================================================================== */

.outline_map iframe{

	width: 100%;

	height: 300px;

	border: 1px solid #666;

}





/* ==========================================================================

  outline_navihome

  ========================================================================== */

.outline_navihome{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	-webkit-box-pack: justify;

	-moz-box-pack: justify;

	-webkit-flex-pack: justify;

	-moz-flex-pack: justify;

	-ms-flex-pack: justify;

	-webkit-justify-content: space-between;

	-moz-justify-content: space-between;

	justify-content: space-between;

	-webkit-align-items: center;

	-ms-align-items: center;

	align-items: center;

	margin: 40px 0;

	padding: 20px;

	background-color: #EBE8E0;

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);

	box-shadow: 0 0 10px rgba(0,0,0,.5);

}



.outline_navihome_logo{

	font-size: 12px;

	text-align: center;

}



.outline_navihome_logo img{

	margin: 5px auto;

}



.outline_navihome_txt dt{

	font-weight: bold;

}



.outline_navihome_txt dd{

	font-size: 12px;

}



.outline_navihome_txt dt:nth-last-child(2){

	margin-top: 5px;

	padding-top: 5px;

	border-top: 1px dotted #999;

}





@media screen and (max-width: 640px) {

.outline_navihome{

	display: block;

}



.outline_navihome_txt{

	margin-bottom: 10px;

}

}