@charset "utf-8";
	br.sp {
		display: none;
	}
@media only screen and (max-width:767px) {
	br.sp {
		display: inline;
	}
}

	body .container {
		background-color: #e9f1f2;
	}
	.mainContent {
		background-color: #fff;
	}
	body .gFooter .fNav {
		background-color: #e9f1f2;
	}
@media only screen and (max-width:670px) {
	body .container {
		padding-bottom: 0;
	}
	body .gFooter .fNav {
		background-color: #fff;
	}
}
/* ----------------------------------------------------------
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: #606060;
		font-weight: bold;
	}
@media only screen and (max-width:1300px) {
	.mainArea .cap {
		bottom: 39px;
	}
}
@media only screen and (max-width:767px) {
	body .container .mainArea {
		height: 300px;
	}
}
@media only screen and (max-width:600px) {
	body .container .mainArea {
		background-position: -500px 0;
	}
}
@media only screen and (max-width:420px) {
	body .container .mainArea {
		background-position: -570px 0;
	}
}
/* ----------------------------------------------------------
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: 124px;
		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: 41px;
	}
@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: 118px;
	}
	.sec01 .txtArea {
		font-size: 11px;
	}
	.sec01 .txtArea br {
		display: none;
	}
}
/* ----------------------------------------------------------
sec02
---------------------------------------------------------- */
	.sec02 {
		background-color: #e9f1f2;
		padding-top: 116px;
		padding-bottom: 82px;
		margin-top: -30px;
	}
	.sec02 .img {
		width: 209px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.sec02 .img img {
		max-width: 100%;
	}
	.sec02 .ttl {
		font-size: 50px;
		color: #1b1b1b;
		text-align: center;
		margin-bottom: 8px;
		letter-spacing: 0.15em;
	}
	.sec02 .h {
		text-align: center;
		color: #a0a0a0;
		font-size: 14px;
		margin-bottom: 18px;
	}
	.sec02 .txt {
		text-align: center;
		font-size: 14px;
	}
@media only screen and (max-width:767px) {
	.sec02 {
		padding-top: 58px;
		padding-bottom: 41px;
	}
}
@media only screen and (max-width:490px) {
	.sec02 .img {
		width: 150px;
	}
	.sec02 .ttl {
		font-size: 40px;
	}
	.sec02 .h {
		font-size: 12px;
	}
	.sec02 .h br {
		display: inline;
	}
	.sec02 .txt {
		font-size: 12px;
	}
}
/* ----------------------------------------------------------
bgBlue
---------------------------------------------------------- */
	.bgBlue {
		background-color: #e9f1f2;
	}
/* ----------------------------------------------------------
sec03
---------------------------------------------------------- */
	body .container .sec03 .mainArea {
		background-image: url(../imgs/sec03-img.jpg);
		background-position: center top;
		height: 500px;
	}
	.sec03 .mainArea .cap {
		color: #fff;
	}
@media only screen and (max-width:767px) {
	body .container .sec03 .mainArea {
		height: 350px;
	}
}
@media only screen and (max-width:660px) {
	.sec03 .mainArea .cap {
		left: auto;
		right: 10px;
	}
}
@media only screen and (max-width:480px) {
	.sec03 .mainArea .cap {
		color: #606060;
	}
}
/* ----------------------------------------------------------
sec04
---------------------------------------------------------- */
	.sec04 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 92.24137931%;
		background-color: #fff;
		border: 1px solid #dadada;
		height: 350px;
		position: relative;
		padding: 0 65px;
		margin-left: auto;
		margin-right: auto;
		z-index: 1;
		margin-top: -30px;
	}
	.sec04:before {
		 content: "";
		 display: inline-block;
		 vertical-align: middle;
		 height: 100%;
		 margin-right: -0.5%;
		 *display: inline;
		 *zoom: 1;
	}
	.sec04 .sttlArea {
	     display: inline-block;
	     vertical-align: middle;
	     *display: inline;
	     *zoom: 1;
	}
	.sec04 .sttl {
		color: #332e2b;
		font-size: 39px;
		line-height: 1.3;
		margin-bottom: 13px;
	}
	.sec04 .h {
		width: 160px;
		height: auto;
	}
	.sec04 .h img {
		max-width: 100%;
	}
	.sec04 .txtArea {
		width: 55.63398693%;
		font-size: 13px;
		line-height: 1.8em;
	     display: inline-block;
	     vertical-align: middle;
	     *display: inline;
	     *zoom: 1;
	     padding-left: 151px;
	}
@media only screen and (max-width:960px) {
	.sec04 {
		height: auto;
		padding: 10% 5%;
	}
	.sec04:before {
		content: none;
	}
	.sec04 .sttlArea {
		 display: block;
		 margin-bottom: 15px;
	}
	.sec04 .txtArea {
		width: 100%;
		 display: block;
		 padding-left: 0;
	}
}
@media only screen and (max-width:767px) {
	.sec04 .sttl {
		font-size: 28px;
	}
	.sec04 .sttl br {
		display: none;
	}
	.sec04 .h {
		width: 150px;
	}
	.sec04 .txtArea {
		font-size: 11px;
	}
	.sec04 .txtArea br {
		display: none;
	}
}
@media only screen and (max-width:400px) {
	.sec04 .sttl br {
		display: inline;
	}
}
/* ----------------------------------------------------------
sec05
---------------------------------------------------------- */
	.sec05 {
		padding-top: 87px;
	}
	.sec05 .sttl {
		width: 223px;
		height: auto;
		margin: 0 auto 19px;
	}
	.sec05 .sttl img {
		max-width: 100%;
	}
	.sec05 .txt {
		text-align: center;
		font-size: 17px;
		color: #1b1b1b;
		margin-bottom: 40px;
	}
	.sec05 .txt br {
		display: none;
	}
@media only screen and (max-width:767px) {
	.sec05 .txt {
		font-size: 14px;
	}
}
@media only screen and (max-width:460px) {
	.sec05 .txt br {
		display: inline;
	}
}
/* triplesupportArea */
	.triplesupportArea {
		font-size: 0;
		letter-spacing: -0.4em;
		width: 66.66666667%;
		margin: 0 auto;
	}
	@media only screen and (max-width:680px) {
		.triplesupportArea {
			width: 100%;
		}
	}
	.triplesupport_item {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		border-top: 1px solid #dde5e6;
		letter-spacing: 0.1em;
	}
@media only screen and (max-width:680px) {
	.triplesupport_item {
		display: block;
		width: 100%;
	}
}
	.triplesupport_item a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		display: block;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		padding: 45px 9px 10px;
		-moz-transition: .5s;
		-webkit-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		transition: .5s;
	}
	.triplesupport_item.num01 a {
		background-image: url(../imgs/triplesupport-bg01.png);
	}
	.triplesupport_item.num01 a:hover {
		background-image: url(../imgs/triplesupport-bg01_ov.png);
	}
	.triplesupport_item.num02 a {
		background-image: url(../imgs/triplesupport-bg02.png);
	}
	.triplesupport_item.num02 a:hover {
		background-image: url(../imgs/triplesupport-bg02_ov.png);
	}
	.triplesupport_item.num03 a {
		background-image: url(../imgs/triplesupport-bg03.png);
	}
	.triplesupport_item.num03 a:hover {
		background-image: url(../imgs/triplesupport-bg03_ov.png);
	}
	.triplesupport_item_h {
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		margin-bottom: 27px;
	}
	.num01 .triplesupport_item_h {
		background-image: url(../imgs/triplesupport-ttl01.png);
	}
	.num01 a:hover .triplesupport_item_h {
		background-image: url(../imgs/triplesupport-ttl01_ov.png);
	}
	.num02 .triplesupport_item_h {
		background-image: url(../imgs/triplesupport-ttl02.png);
	}
	.num02 a:hover .triplesupport_item_h {
		background-image: url(../imgs/triplesupport-ttl02_ov.png);
	}
	.num03 .triplesupport_item_h {
		background-image: url(../imgs/triplesupport-ttl03.png);
	}
	.num03 a:hover .triplesupport_item_h {
		background-image: url(../imgs/triplesupport-ttl03_ov.png);
	}
	.triplesupport_item_h img {
		width: 108px;
		height: auto
	}
	.triplesupport_item_icn {
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 120px auto;
		margin-bottom: 24px;
	}
	.num01 .triplesupport_item_icn {
		background-image: url(../imgs/triplesupport-icn01.png);
	}
	.num01 a:hover .triplesupport_item_icn {
		background-image: url(../imgs/triplesupport-icn01_ov.png);
	}
	.num02 .triplesupport_item_icn {
		background-image: url(../imgs/triplesupport-icn02.png);
	}
	.num02 a:hover .triplesupport_item_icn {
		background-image: url(../imgs/triplesupport-icn02_ov.png);
	}
	.num03 .triplesupport_item_icn {
		background-image: url(../imgs/triplesupport-icn03.png);
	}
	.num03 a:hover .triplesupport_item_icn {
		background-image: url(../imgs/triplesupport-icn03_ov.png);
	}
	.triplesupport_item_icn img {
		width: 120px;
		height: auto;
	}
	.triplesupport_item_ttl {
		text-align: center;
		font-size: 22px;
		color: #404040;
		letter-spacing: 0.2em;
		margin-bottom: 7px;
	}
	a:hover .triplesupport_item_ttl {
		color: #fff;
	}
	.triplesupport_item .sup {
		display: inline-block;
		vertical-align: top;
		font-size: 10px;
		color: #332e2b;
		margin-top: -2px;
	}
	a:hover .triplesupport_item_ttl .sup {
		color: #fff;
	}
@media only screen and (max-width:860px) {
	.triplesupport_item_ttl {
		font-size: 18px;
	}
}

	.triplesupport_item_txt {
		text-align: center;
		font-size: 14px;
		color: #545454;
		margin-bottom: 5px;
	}
	a:hover .triplesupport_item_txt {
		color: #fff;
	}
@media only screen and (max-width:860px) {
	.triplesupport_item_txt {
		font-size: 11px;
	}
}

	.triplesupport_item_btn {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	.triplesupport_item_btn_txt {
		color: #545454;
		font-size: 11px;
		text-align: right;
	}
	a:hover .triplesupport_item_btn_txt {
		color: #fff;
	}
	.triplesupport_item_btn_txt .icon_arrow_right2 {
		text-align: center;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 27px;
		height: 27px;
		display: inline-block;
		font-size: 11px;
		border: 1px solid #545454;
		-moz-border-radius: 50%;
		border-radius: 50%;
		padding: 7px;
		margin-left: 5px;
		margin-top: -4px;
	}
	a:hover .triplesupport_item_btn_txt .icon_arrow_right2 {
		border: 1px solid #fff;
	}
@media only screen and (max-width:860px) {
	.triplesupport_item_btn_txt {
		font-size: 10px;
	}
	.triplesupport_item_btn_txt .icon_arrow_right2 {
		width: 20px;
		height: 20px;
		padding: 3px;
		margin-top: -5px;
	}

}

/* timelineArea */
	.timelineArea {
		font-size: 0;
		letter-spacing: -0.4em;
		position: relative;
		width: 66.66666667%;
		margin: 0 auto;
	}
	.timelineArea:before {
		content: "";
		width: 100%;
		height: 1px;
		background-color: #000;
		-moz-opacity: 0.1;
		opacity: 0.1;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.timelineArea p {
		display: inline-block;
		color: #fff;
		font-size: 14px;
		letter-spacing: 0.2em;
		height: 32px;
		line-height: 32px;
		text-align: center;
	}
	.timelineArea_before {
		width: 50%;
		background: #9ec6f0 url(../imgs/timelineArea-w.png) top right no-repeat;
	}
	.timelineArea_after {
		width: 50%;
		background-color: #6598d1;
	}
@media only screen and (max-width:680px) {
	.timelineArea {
		display: none;
	}
}
.timelineArea + .cap {
	width: 66.6667%;
	margin: 0 auto;
}
@media only screen and (max-width:680px) {
	.timelineArea + .cap {
		width: 100%;
	}
	
}
/* spTimeline */
	.spTimeline {
		display: none;
	}
@media only screen and (max-width:680px) {
	.spTimeline {
		display: block;
		width: 100%;
		position: relative;
	}
	.spTimeline:before {
		content: "";
		width: 100%;
		height: 1px;
		background-color: #000;
		-moz-opacity: 0.1;
		opacity: 0.1;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.spTimeline p {
		color: #fff;
		font-size: 12px;
		letter-spacing: 0.2em;
		height: 24px;
		line-height: 24px;
		text-align: center;
	}
	.spTimeline_before {
		background-color: #9ec6f0;
	}
	.spTimeline_after {
		background-color: #6598d1;
	}
}