/*--------------------------------------------
イントロ
--------------------------------------------*/
.about-intro__wrap {
	background: url(/about/images/about_intro_bg.png) no-repeat;
	background-position: center bottom;
	background-size: cover;
	position: relative;
	height: 642px;
	overflow: hidden;
	margin-top: 180px;
	width: 94%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.about-intro__wrap {
	background: url(/about/images/about_intro_bg_sp.png) no-repeat;
	background-position: center top;
	background-size: cover;
 height: 298px;
	margin-top: 132px;
	width: 100%;
 }
}

.about-intro--ttl {
	position: absolute;
	top: 95px;
	left: 130px;
	max-width: 364px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.about-intro--ttl {
	position: absolute;
	top: 35px;
	left: 6.6%;
	width: 61.7%;
 }
}


/*--------------------------------------------
コンテンツ
--------------------------------------------*/
.about-content__wrap {
	width: 94%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.about-content__wrap {
	width: 100%;
 }
}

.about-content__wrap--inner {
	background: #ecf8f8;
	padding-bottom: 90px;
	width: 100%;
}

.about-content {
	background: url(/about/images/about_bg_01.png) no-repeat;
	background-size: cover;
	margin: 0 auto;
	padding: 32px 9% 70px 9%;
	position: relative;
	top: -43px;
	width: 93.44%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.about-content {
	padding: 32px 6% 70px 6%;
	position: static;
	width:100%;
 }
}

/* リスト */
.about-content--list li {
	padding-left: 1em;
	position: relative;
	margin-top: 0.6em;
}

.about-content--list li::before {
	content: "";
	background: #fff;
	border-radius: 50px;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 0.75em;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.about-content--list li::before {
	content: "";
	background: #fff;
	border-radius: 50px;
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 0.75em;
 }
}

.about-content--img {
	width: 100%;
	position: relative;
	top: -43px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.about-content--img {
	position: static;
 }
}

.about-content--img--bg {
	margin: 0 auto;
	width: 93.44%;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.about-content--img--bg {
	width: 100%;
 }
}