@charset "utf-8";
/* ------------------------------------------------------------------------------
 about
------------------------------------------------------------------------------ */
.aboutCont li {
margin-bottom: 45px;
}
.aboutImg img {
width: 100%;
height: auto;
box-shadow: 0 0 8px rgba(0,0,0,.14);
}
.aboutTxtArea {
width: 96%;
margin: 0 auto;
padding: 5.5% 4.5%;
background-color: #f4f5f6;
box-shadow: 0 0 8px rgba(0,0,0,.14);
}
.aboutNumber {
text-align: center;
font-weight: bold;
font-size: 40px;
font-size: 4.0rem;
font-style: italic;
color: #e8691d;
}
.aboutMtit {
margin-bottom: 1em;
color: #313638;
line-height: 1.6;
font-weight: bold;
font-size: 20px;
font-size: 2.0rem;
}
.aboutTxtArea .txt {
text-align: left;
}


@media screen and (min-width: 751px) {
/* ---------- PC用 ---------- */
.aboutCont {
max-width: 1270px;
margin: 0 auto;
}
.aboutCont li {
position: relative;
margin-bottom: 60px;
}
.aboutImg {
max-width: 820px;
}
.aboutCont li:nth-child(odd) .aboutImg {
margin-right: auto;
}
.aboutCont li:nth-child(even) .aboutImg {
margin-left: auto;
}
.aboutImg img {
width: 100%;
height: auto;
}
.aboutTxtArea {
max-width: 580px;
position: absolute;
padding: 2% 3.5%;
box-sizing: border-box;
}
.aboutCont li:nth-child(odd) .aboutTxtArea {
top: 70px;
right: 0;
}
.aboutCont li:nth-child(even) .aboutTxtArea {
top: 70px;
left: 0;
}
}