@charset "UTF-8";
/*----------------------------------------

	index CSS

	- s_main
	- s_concept
	- s_corporate
	- s_vision

-----------------------------------------*/

/*----------------------------------------
	s_main
-----------------------------------------*/
#s_main {
	margin-bottom: 75px;
}
#s_main .txt {
	width: 100%;
	padding: 38px 0 30px;
	border-bottom: 1px solid #000;
	line-height: 2.2;
}
#s_main .txt>.logo {
	width: 147px;
	margin: 0 auto 26px;
}
#s_main .txt>p+p {
	margin-top: 18px;
}
/* tb  768 - # */
@media print, screen and (min-width:768px) {
	#s_main {
		margin-bottom: 120px;
	}
	#s_main .txt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		white-space: nowrap;
	}
	#s_main .txt>.logo {
		width: 294px;
		margin: 0 0 15px;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	#s_main .txt>:nth-child(2) {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	#s_main .txt>:nth-child(3) {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
}

/*----------------------------------------
	s_concept
-----------------------------------------*/
#s_concept {
	margin-bottom: 70px;
}
#s_concept .box01>.txt {
	padding: 14px 0 24px;
}
#s_concept .box01>.txt>.ttl>p:first-child {
	margin-bottom: 10px;
}
#s_concept .box01>.txt>.ttl>h2 {
	width: 267px;
	margin: 0 auto 10px;
}
#s_concept .box02>.txt {
	line-height: 2.15;
}
#s_concept .box02>.txt>p+p {
	margin-top: 20px;
}
/* tb  768 - # */
@media print, screen and (min-width:768px) {
	#s_concept {
		margin-bottom: 110px;
	}
	#s_concept .box01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
		margin-bottom: 40px;
	}
	#s_concept .box01>.pic {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}
	#s_concept .box01>.pic>figure>img {
		width: auto;
		height: 100%;
	}
	#s_concept .box01>.txt {
		position: relative;
		z-index: 1;
	}
	#s_concept .box01>.txt {
		width: 370px;
		margin: 0;
		padding: 0 0 0 60px;
	}
	#s_concept .box01>.txt>.ttl>p:first-child {
		margin-bottom: 220px;
	}
	#s_concept .box01>.txt>.ttl {
		margin-bottom: 40px;
		margin-right: -400px;
	}
	#s_concept .box01>.txt>.ttl>h2 {
		width: 420px;
		margin: 0 0 10px;
	}
	#s_concept .box02>.txt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		line-height: 2.3;
	}
	#s_concept .box02>.txt>p+p {
		margin-top: 0;
	}
}

/*----------------------------------------
	s_corporate
-----------------------------------------*/
#s_corporate {
	margin-bottom: 70px;
}
#s_corporate .box01>.txt {
	padding: 14px 0 24px;
}
#s_corporate .box01>.txt>.ttl>p:first-child {
	margin-bottom: 10px;
}
#s_corporate .box01>.txt>.ttl>h2 {
	width: 267px;
	margin: 0 auto 5px;
}
#s_corporate .box02>.txt>dl+dl {
	margin-top: 20px;
}
#s_corporate .box02>.txt>dl>dt {
	margin-bottom: 10px;
}
#s_corporate .box02>.txt>dl>dd {
	line-height: 2.15;
}
/* tb  768 - # */
@media print, screen and (min-width:768px) {
	#s_corporate {
		margin-bottom: 110px;
	}
	#s_corporate .box01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 45px;
	}
	#s_corporate .box01>.pic {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		position: relative;
		z-index: 0;
		overflow: hidden;
		direction: rtl;
	}
	#s_corporate .box01>.pic>figure>img {
		width: auto;
		height: 100%;
	}
	#s_corporate .box01>.txt {
		position: relative;
		z-index: 1;
	}
	#s_corporate .box01>.txt {
		width: 370px;
		margin: 0;
		padding: 0 60px 0 0;
		direction: rtl;
	}
	#s_corporate .box01>.txt>.ttl>p:first-child {
		margin-bottom: 220px;
	}
	#s_corporate .box01>.txt>.ttl {
		margin-bottom: 40px;
		margin-left: -400px;
	}
	#s_corporate .box01>.txt>.ttl>h2 {
		margin: 0 0 10px;
	}
	#s_corporate .box01>.txt>.ttl>h2,
	#s_corporate .box01>.txt>.ttl>h2+p {
		width: 418px;
	}
	#s_corporate .box02>.txt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
	}
	#s_corporate .box02>.txt>dl {
		width: 50%;
		padding: 0 60px;
	}
	#s_corporate .box02>.txt>dl+dl {
		margin-top: 0;
	}
	#s_corporate .box02>.txt>dl>dt {
		margin-bottom: 24px;
	}
	#s_corporate .box02>.txt>dl>dd {
		line-height: 2.3;
	}
}

/*----------------------------------------
	s_vision
-----------------------------------------*/
#s_vision {
	margin-bottom: 100px;
}
#s_vision h2 {
	margin-bottom: 28px;
}
#s_vision .box01 {
	margin-bottom: 30px;
}
#s_vision .box02 {
	margin-bottom: 70px;
}
#s_vision .box02>.txt>p {
	line-height: 2.15;
}
#s_vision .box02>.txt>p+p {
	margin-top: 20px;
}
/* tb  768 - # */
@media print, screen and (min-width:768px) {
	#s_vision {
		margin-bottom: 200px;
	}
	#s_vision .box01 {
		margin-bottom: 40px;
	}
	#s_vision .box02 {
		margin-bottom: 40px;
	}
	#s_vision .box02>.txt>p {
		line-height: 2.3;
	}
	#s_vision .box02>.txt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		line-height: 2.3;
	}
	#s_vision .box02>.txt>p {
		width: 50%;
		padding: 0 60px;
	}
	#s_vision .box02>.txt>p+p {
		margin-top: 0;
	}
}