@charset "utf-8";
/* CSS Document */

/*--2015.02.26作成。コンテンツのみで使うcssを記述。--*/
/*--ID、classは一例です。規則に従い命名記述してください--*/
#sec_conceptimg{
	background-color: #f6f6f6;
	padding-top: 57px;
	padding-bottom: 57px;
}
.box_service{
	background-color: #003f34;
	border: 4px solid #FFFFFF;
	color: #FFFFFF;
	padding: 10px;
	width: 420px;
	margin-bottom: 40px;
	/*display: inline-block;*/
	vertical-align: top;
	margin-right: 19px;
	margin-left: 19px;
}
.ttl_service{
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.list_arrow li{
	font-size: 16px;
	line-height: 25px;
	background-image: url(../../image_cmn/lst_arrow02.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 10px;
}
.list_arrow a{color: #FFFFFF;}

.list_arrow li:first-child{
	font-size: 16px;
	line-height: 25px;
	background-image: url(../../image_cmn/lst_arrow02.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
	list-style-type: none;
	margin: 20px 0 4px 10px;
	
}

.box980 {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box_service figure {
	text-align: center;
}


/** 2016.10.25 top **/

@media screen and (max-width: 1034px) {
	.box980 {
			width: auto;
	}

	.box_service h3 img {
		width: 100%;
		height: auto;
	}

	.list_arrow li {
		width: auto;
	}
}


@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
	#content_title h1 {
    margin: 0;
	}

	#breadcrumbs {
		margin: 0;
	}

	#changeArea {
		margin: 0 auto;
	}

	.box980 {
		width: 980px;
	}
}

#breadcrumbs {
	margin-bottom: 15px;
}

.midasi_main01 {
	padding-bottom: 0;
}

@media only screen and (min-width: 1035px) and (max-width: 1200px) {
	#content_title h1 {
    width: 1024px;
	}
}