@charset "UTF-8";



/***************************************************

	about

***************************************************/

#page_header{
	background-image: url('/lib/images/about/cont_header01.jpg');
}


.outline_ul{
	width: 100%;
	max-width: 890px;
	margin: 0 auto 113px;
	padding: 0 20px;
	box-sizing: border-box;
}

.outline_ul > li{
	display: table;
	width: 100%;
	border-bottom: 1px solid #dddddd;
}

.outline_ul > li:last-child{
	border-bottom: none;
}

.outline_ul > li > .data,
.outline_ul > li > .item{
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
	padding: 30px 0 30px 25px;
}

.outline_ul > li > .item{
	width: 212px;
	font-size: 18px;
	border-right: 1px solid #dddddd;
}

.outline_ul > li > .data{
	padding-left: 30px;
}

.outline_ul > li > .data > ul > li{
	margin: 0 0 16px;
}

.outline_ul > li > .data > ul > li:last-child{
	margin-bottom: 0;
}

.outline_ul > li > .data dl dt{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.outline_ul > li > .data dl dd{
	margin: -23px 0 18px 0;
	padding: 0 0 0 117px;
}

.outline_ul > li > .data dl dd:last-child{
	margin-bottom: 0;
}

.outline_ul > li > .data a{
	color: #3c3c3c;
	text-decoration: none;
}

.outline_ul > li > .data a:hover{
	text-decoration: underline;
}


.map{
	width: 100%;
	max-width: 990px;
	margin: 0 auto 20px;
	padding: 0 20px;
	box-sizing: border-box;
}

.map iframe{
	width: 100%;
	height: 350px;
}

.add{
	text-align: center;
}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:768px){


.outline_ul{
	width: 83.5%;
	padding: 0;
	margin: 0 auto 50px;
}

.outline_ul > li{
	display: block;
	padding: 17px 0;
}

.outline_ul > li > .data,
.outline_ul > li > .item{
	display: block;
	padding: 0;
}

.outline_ul > li > .item{
	width: auto;
	font-size: 3.466667vw;
	border-right: none;
	margin: 0 0 15px;
}

.outline_ul > li > .data{
	padding-left: 0;
	font-size: 3.2vw;
}

.outline_ul > li > .data > ul > li{
	margin: 0 0 10px;
}

.outline_ul > li > .data dl dd{
    margin: -30px 0 10px 0;
    padding: 0 0 0 158px;
}

.map{
	width: 100%;
	margin: 0 auto 12px;
	padding: 0;
}

.map iframe{
	width: 100%;
	height: 215px;
}

.add{
	font-size: 1.2rem;
}



}