@charset "utf-8";

@import "../../../../common/files/css/layout.css";


h2{
    padding: 0 0 20px 0;
}

/*===========================
    mission
===========================*/

#mission{
    padding: 200px 0 50px 0;
}


#mission .mission_wrap{
	display:flex;
	justify-content:space-between;
    flex-wrap: wrap;
}

#mission .mission_wrap .mission_image{
	width:30%;
}

#mission .mission_wrap .mission_text{
	width:65%;
}

#mission .mission_wrap .mission_text dt{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight:bold;
}

#mission .mission_wrap .mission_text dt {
	color: #444;
	display: flex;
	align-items: center;
}

#mission .mission_wrap .mission_text dt:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}

#mission .mission_wrap .mission_text dt:before {
	margin-right: .4em;
}

#mission .mission_wrap .mission_text dt:after {
	margin-left: .4em;
}

#mission .mission_wrap .mission_text h3{
	font-size:1.7rem;
	font-weight:bold;
	line-height:1.5;
    margin: 30px;
}

/*tablet用（481px〜1000pxまで）*/
@media screen and (min-width:481px) and (max-width:1000px){

}

/*sp用（480pxまで）*/
@media screen and (max-width:480px){

#mission{
padding: 30% 0 20% 0;
}

#mission .mission_wrap{
	display:inline;
}

#mission .mission_wrap .mission_image{
	width:70%;
	margin:0 15% 5% 15%;
}

#mission .mission_wrap .mission_text{
	width:100%;
}

#mission .mission_wrap .mission_text dt:before {
	margin-right: .4em;
}

#mission .mission_wrap .mission_text h3{
    margin: 5%;
}

}