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

#wrap header {
	position: fixed;
	top:0;
	z-index: 11;
}

@media screen and (min-width: 751px) {

	#wrap .sec00 .inner{
		background: url("../img/mv.jpg") no-repeat top center/cover #fff;
	}

}

/*---------------------------------------------------------------------
						sec01
----------------------------------------------------------------------*/

.sec01 { margin-bottom: 120px;}

.sec01 .inner{
	width: calc(100% - 40px);
	margin: 0 auto;
}

.sec01 p {
	text-align: center;
	line-height: 30px;
}

@media screen and (max-width: 750px) {

	.sec01 { margin: 60px auto 60px; }
	.sec01 p { margin-bottom: 0px;}

}

/*---------------------------------------------------------------------
						select.sec02
----------------------------------------------------------------------*/

.sec02,.sec03 {
	max-width: 1800px;
  margin: 0 auto 120px;
}

.sec .inner{
	max-width: 1400px;
    width: calc(100% - 40px);
    position: relative;
    height: 100%;
}

.sec .text {color: #15294a;}

.sec h3 {
	font-size: 40px;
    line-height: 120%;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 100px;
	color: #15294a;
}

.sec .tx_r h3 { text-align: right;}

.sec02 .pict {	background-image: url(../img/pict01.jpg);}
.sec03 .pict {	background-image: url(../img/pict05.jpg);}
.sec04 .pict {	background-image: url(../img/pict09.jpg);}

@media screen and (min-width: 1001px) {

	.sec .inner01 {
		padding-top: 300px;
		height: 680px;
		margin-bottom: 80px;
	}
	.sec04 .inner01 { margin-bottom: 120px; }

	.sec .text {
		max-width: 700px;
		width: 50%;
		position: absolute;
		bottom: 0px;
		color: #15294a;
		background: #fff;
	}

	.sec .tx_r {	right: 0;	}
	.sec .tx_l {left: 0;}

	.sec .text dt {
		height: 100px;
		padding-top: 60px;
		margin-bottom: 140px;
	}

	.sec .tx_r dt {	padding-right: 30px;}
	.sec .tx_l dt {	padding-left: 20px;}

	.sec02 .text dt {	background: url(../img/bg01.jpg) no-repeat right bottom/100%;}
	.sec03 .text dt {background: url(../img/bg02.jpg) no-repeat right bottom/100%;	}
	.sec04 .text dt {background: url(../img/bg03.jpg) no-repeat right bottom/100%;	}

	.sec dd {
		max-width: 580px;
		width: calc(100% - 6%);
		margin: 0 0 50px 0;
	}
	.sec .tx_r dd { float: right;}

	.sec dd p {	margin: 0 auto 40px;}

	.sec dd img {
		width: 100%;
		max-width: 510px;
	}

	.sec .pict {
		background-position: top center;
		background-repeat: no-repeat;
		width: 70%;
		height: 400px;
		position: absolute;
		top: 0;
	}

	.sec .pt {
		max-width: 700px;
		width: 50%;
		position: absolute;
		bottom: 0;
	}

	.sec .pt_l,.sec .pict_l {left: 0;}
	.sec .pt_r,.sec .pict_r {right: 0;}

	 .sec dd > img { width: 100%;}
	 .sec .inner02 img.pc02 {
		margin: 0 auto;
		display: block;
	}

	.sec .sp02 { display: none!important; }

}

@media screen and (max-width: 1000px) {

	.sec .inner {
		max-width: 700px;
		height: auto;
	}
	.sec .pt { margin-bottom: 30px;}

	.sec .text {
		max-width: 700px;
		margin: 0 auto 50px;
	}

	.sec04 .inner01 .text { margin-bottom: 120px;}

	.sec .text p { margin-bottom: 30px;}

	.sec h3.sp02 {
		display: block;
		font-size: 24.5px;
		line-height: 200%;
		text-align: right;
		letter-spacing: 0;
	}

	.sec02 h3.sp02 {	background: url(../img/sp/bg01.jpg) no-repeat right bottom/contain;}
	.sec03 h3.sp02 {background: url(../img/sp/bg02.jpg) no-repeat right bottom/contain;}
	.sec04 h3.sp02 {background: url(../img/sp/bg03.jpg) no-repeat right bottom/contain;}

	.sec .pict {
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 0;
		padding-top: 36%;
		margin: 0 auto 30px;
	}

	.sec .pc02 { display: none;	}

	.bx-wrapper ul.bxslider {
		height: 100%;
		max-height: 300px;
		max-width: 500px;
		margin: 0 auto;
	}

}

@media screen and (max-width: 750px) {

	.sec { margin: 60px auto 80px; }

	.sec .text {
		line-height:28px;
		text-align: left;
		margin-bottom: 40px;
	}
	.sec04 .inner01 .text { margin-bottom: 0;}

	.sec .text h3 {
		font-size: 25px;
		line-height: 140%;
		margin-bottom: 25px;
	}

	.sec .pict {
		height: auto;
		padding-top: 0;
		margin: 0 auto 20px;
	}

	.sec .text p {
		font-size: 15px;
		line-height: 26px;
	}

	.sec .text img {
		max-width: 350px;
		margin: 0 auto;
	}

}