@charset "utf-8";
/* ----------------------------------------------------------
mainArea
---------------------------------------------------------- */
	body .container .mainArea {
		position: relative;
		overflow: hidden;
		background-image: url(../imgs/img-main.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		height: 390px;
	}
	.mainArea .cap {
		position: absolute;
		bottom: 9px;
		left: 18px;
		color: #fff;
		font-weight: bold;
	}
@media only screen and (max-width:1300px) {
	.mainArea .cap {
		bottom: 39px;
		-webkit-text-shadow: 0 0 8px #000;
		-moz-text-shadow: 0 0 8px #000;
		-ms-text-shadow: 0 0 8px #000;
		-o-text-shadow: 0 0 8px #000;
		text-shadow: 0 0 8px #000;
	}
}
@media only screen and (max-width:767px) {
	body .container .mainArea {
		height: 300px;
	}
}
/* ----------------------------------------------------------
sec01
---------------------------------------------------------- */
	.sec01 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 92.24137931%;
		background-color: #fff;
		border-top: 2px solid #bbb9b9;
		border-bottom: 1px solid #bbb9b9;
		height: 286px;
		position: relative;
		padding: 0 0 0 65px;
		margin-left: auto;
		margin-right: auto;
		z-index: 1;
		margin-top: -30px;
	}
	.sec01:after {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		border-bottom: 1px solid #bbb9b9;
		position: absolute;
		bottom: 2px;
		left: 0;
	}
	.sec01:before {
		 content: "";
		 display: inline-block;
		 vertical-align: middle;
		 height: 100%;
		 margin-right: -0.5%;
		 *display: inline;
		 *zoom: 1;
	}
	.sec01 .sttlArea {
	     display: inline-block;
	     vertical-align: middle;
	     *display: inline;
	     *zoom: 1;
	}
	.sec01 .sttl {
		color: #1b1b1b;
		font-size: 31px;
		margin-bottom: 7px;
	}
	.sec01 .h {
		width: 69px;
		height: auto;
	}
	.sec01 .h img {
		max-width: 100%;
	}
	.sec01 .txtArea {
		font-size: 13px;
		line-height: 1.8em;
	     display: inline-block;
	     vertical-align: middle;
	     *display: inline;
	     *zoom: 1;
	     padding-left: 119px;
	}
@media only screen and (max-width:960px) {
	.sec01 {
		height: auto;
		padding: 5%;
	}
	.sec01:before {
		content: none;
	}
	.sec01 .sttlArea {
		 display: block;
		 margin-bottom: 15px;
	}
	.sec01 .txtArea {
		 display: block;
		 padding-left: 0;
	}
}
@media only screen and (max-width:767px) {
	.sec01 .sttl {
		font-size: 28px;
	}
	.sec01 .h {
		width: 68px;
	}
	.sec01 .txtArea {
		font-size: 11px;
	}
	.sec01 .txtArea br {
		display: none;
	}
}
/* ----------------------------------------------------------
sec02
---------------------------------------------------------- */
	.sec02 {
		background-color: #e9f1f2;
		padding-top: 140px;
		padding-bottom: 100px;
		margin-top: -30px;
	}
	.sec02 .ttl {
		width: 180px;
		height: auto;
		margin: 0 auto 18px;
	}
	.sec02 .ttl img {
		max-width: 100%;
	}
	.sec02 .h {
		text-align: center;
		color: #1b1b1b;
		font-size: 20px;
		margin-bottom: 53px;
	}
	.sec02 .h br {
		display: none;
	}
@media only screen and (max-width:767px) {
	.sec02 {
		padding-top: 70px;
		padding-bottom: 50px;
	}
}
@media only screen and (max-width:490px) {
	.sec02 .h br {
		display: inline;
	}
}
/* serviceMenuList */
	.serviceMenuList {
		font-size: 0;
		letter-spacing: -0.4em;
	}
	.serviceMenuList_item {
		display: inline-block;
		vertical-align: top;
		width: 48.70689655%;
		height: 271px;
		background-repeat: no-repeat;
		position: relative;
		overflow: hidden;
		letter-spacing: 0.1em;
	}
	.serviceMenuList_item.num02,
	.serviceMenuList_item.num04 {
		margin-left: 2.5862069%;
		margin-bottom: 2.5862069%;
	}
@media only screen and (max-width:1050px) {
	.serviceMenuList_item {
		height: auto;
	}
}
@media only screen and (max-width:480px) {
	.serviceMenuList_item {
		display: block;
		width: 100%;
		margin-bottom: 2.5862069%;
	}
	.serviceMenuList_item.num02,
	.serviceMenuList_item.num04 {
		margin-left: 0;
	}
}
	.serviceMenuList_item a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		display: block;
		padding: 19px 22px 0 268px;
		background-color: #fff;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		transition: .5s;
	}
	.serviceMenuList_item a:hover {
		background-color: #6ba2da;
	}
	.serviceMenuList_item.num01 a {
		background-image: url(../imgs/serviceMenu-bg01.png);
		background-position: 41px 34px;
		background-size: 180px auto;
	}
	.serviceMenuList_item.num01 a:hover {
		background-image: url(../imgs/serviceMenu-bg01_ov.png);
	}
	.serviceMenuList_item.num02 a {
		background-image: url(../imgs/serviceMenu-bg02.png);
		background-position: 41px 34px;
		background-size: 180px auto;
	}
	.serviceMenuList_item.num02 a:hover {
		background-image: url(../imgs/serviceMenu-bg02_ov.png);
	}
	.serviceMenuList_item.num03 a {
		background-image: url(../imgs/serviceMenu-bg03.png);
		background-position: 41px 34px;
		background-size: 180px auto;
	}
	.serviceMenuList_item.num03 a:hover {
		background-image: url(../imgs/serviceMenu-bg03_ov.png);
	}
	.serviceMenuList_item.num04 a {
		background-image: url(../imgs/serviceMenu-bg04.png);
		background-position: 41px 34px;
		background-size: 180px auto;
	}
	.serviceMenuList_item.num04 a:hover {
		background-image: url(../imgs/serviceMenu-bg04_ov.png);
	}
@media only screen and (max-width:1050px) {
	.serviceMenuList_item a {
		padding: 2%;
	}
	.serviceMenuList_item.num01 a {
		background-position: center 34px;
		background-size: 154px auto;
	}
	.serviceMenuList_item.num02 a {
		background-position: center 34px;
		background-size: 150px auto;
	}
	.serviceMenuList_item.num03 a {
		background-position: center 34px;
		background-size: 150px auto;
	}
	.serviceMenuList_item.num04 a {
		background-position: center 34px;
		background-size: 150px auto;
	}
}
@media only screen and (max-width:600px) {
	.serviceMenuList_item.num01 a {
		background-size: 124px auto;
	}
	.serviceMenuList_item.num02 a {
		background-size: 120px auto;
	}
	.serviceMenuList_item.num03 a {
		background-size: 120px auto;
	}
	.serviceMenuList_item.num04 a {
		background-size: 120px auto;
	}
}
@media only screen and (max-width:480px) {
	.serviceMenuList_item.num01 a {
		background-size: 154px auto;
	}
	.serviceMenuList_item.num02 a {
		background-size: 150px auto;
	}
	.serviceMenuList_item.num03 a {
		background-size: 150px auto;
	}
	.serviceMenuList_item.num04 a {
		background-size: 150px auto;
	}
}
	.serviceMenuList_item_h {
		text-align: right;
		margin-bottom: 45px;
		background-position: top right;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.num01 .serviceMenuList_item_h {
		background-image: url(../imgs/serviceMenu-01.png);
	}
	.num01 a:hover .serviceMenuList_item_h {
		background-image: url(../imgs/serviceMenu-01_ov.png);
	}
	.num02 .serviceMenuList_item_h {
		background-image: url(../imgs/serviceMenu-02.png);
	}
	.num02 a:hover .serviceMenuList_item_h {
		background-image: url(../imgs/serviceMenu-02_ov.png);
	}
	.num03 .serviceMenuList_item_h {
		background-image: url(../imgs/serviceMenu-03.png);
	}
	.num03 a:hover .serviceMenuList_item_h {
		background-image: url(../imgs/serviceMenu-03_ov.png);
	}
	.num04 .serviceMenuList_item_h {
		background-image: url(../imgs/serviceMenu-04.png);
	}
	.num04 a:hover .serviceMenuList_item_h {
		background-image: url(../imgs/serviceMenu-04_ov.png);
	}
	.serviceMenuList_item_h img {
		width: 121px;
		height: auto;
	}
@media only screen and (max-width:1050px) {
	.serviceMenuList_item_h {
		margin-bottom: 180px;
	}
}
@media only screen and (max-width:600px) {
	.serviceMenuList_item_h {
		margin-bottom: 160px;
	}
}
@media only screen and (max-width:480px) {
	.serviceMenuList_item_h {
		margin-bottom: 180px;
	}
}
	.serviceMenuList_item_ttl {
		font-size: 35px;
		color: #545454;
		margin-bottom: 8px;
	}
	a:hover > .serviceMenuList_item_ttl {
		color: #fff;
	}
	.serviceMenuList_item_txt {
		font-size: 13px;
		line-height: 1.8;
	}
	a:hover > .serviceMenuList_item_txt {
		color: #fff;
	}
@media only screen and (max-width:1050px) {
	.serviceMenuList_item_txt {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width:767px) {
	.serviceMenuList_item_ttl {
		font-size: 30px;
	}
}
	.serviceMenuList_item_btn {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		position: absolute;
		bottom: 16px;
		left: 0;
	}
	.serviceMenuList_item_btn:before {
		content: "";
		display: inline-block;
		width: 58.2300885%;
		height: 0;
		border-top: 1px solid #a9a9a9;
		position: absolute;
		top: 50%;
		left: 4.77876106%;
		z-index: 1;
	}
	a:hover .serviceMenuList_item_btn:before {
		border-top: 1px solid #fff;
	}
	.serviceMenuList_item_btn_txt {
		display: inline-block;
		position: relative;
		z-index: 2;
		color: #717171;
		font-size: 13px;
		text-align: right;
		padding-left: 20px;
		padding-right: 17px;
		float: right;
	}
	a:hover .serviceMenuList_item_btn_txt {
		color: #fff;
	}
	.serviceMenuList_item_btn_txt .icon_arrow_right2 {
		text-align: center;
		vertical-align: bottom;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 23px;
		height: 23px;
		display: inline-block;
		font-size: 10px;
		border: 1px solid #717171;
		-moz-border-radius: 50%;
		border-radius: 50%;
		padding: 5px;
		margin-left: 8px;
	}
	a:hover .serviceMenuList_item_btn_txt .icon_arrow_right2 {
		border: 1px solid #fff;
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
@media only screen and (max-width:1050px) {
	.serviceMenuList_item_btn {
		position: relative;
		bottom: 0;
	}
	.serviceMenuList_item_btn:before {
		left: 2%;
	}
	.serviceMenuList_item_btn_txt {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width:960px) {
	.serviceMenuList_item_btn:before {
		width: 55%;
	}
}
@media only screen and (max-width:830px) {
	.serviceMenuList_item_btn:before {
		content: none;
	}
}