.sub-main-image {
    background-image: url(../imgs/about/head.jpg) !important;
    background-repeat: no-repeat;
    background-position: center top !important;
}


/*about=============== */

.box {
    max-width: 1200px;
    width: 90%;
    margin: 100px auto 0;
}

.box.a-p-box {
    margin: 150px auto 0;
}


.about .about-wrap figure {
    width: 100%;
    margin: 30px auto 0;
}

.about .about-wrap > .flex{
    align-items: flex-start;
    margin: 30px auto 0;
}


.about .about-wrap figcaption p{
    margin: 0 auto;
}

.about .about-wrap figcaption p span {
    margin: 20px auto 0;
    display: block;
}

.about .about-wrap figcaption {
    width: 100%;
    padding: 0;
    margin: 60px auto 0;
}


.about .about-wrap figure .about-f {
    margin: 0 2px 0 0;
    width: 33.3%;
}

.about .about-wrap figure .about-f:last-child {
    margin: 0;
}

/**/
section.about-fig {
    padding: 100px 0 100px;
    background: url(../imgs/about/about_bg.png) no-repeat top;
    background-size: cover;
    display: block;
    margin: 100px auto 0;
}

section.about-fig .box {
    margin: 0 auto;
}

.about-fig_box {
    margin: 60px auto 0;
}

/*ミッション*/
.mission-wrap {
    margin: 60px auto 0;
}

.mission-b {
    margin: 0 auto 100px;
    align-items: center;
}

.mission-b figure {
    width: 50%;
}

.mission-b figcaption {
    width: 50%;
    margin: 0 0 0 5%;
}

.mission-b figcaption p {
    margin: 20px auto 0;
}

.mission-b:nth-child(2n) {flex-direction: row-reverse;}

.mission-b:nth-child(2n) figcaption {
    margin: 0 5% 0 0;
}

/*フッター*/
footer {
    margin: 0 auto !important;
}

@media (max-width: 1920px) {


}
@media (max-width: 1449px) {

}
@media (max-width: 1399px) {

}

@media (max-width: 1200px) {

/*about=============== */
.box.a-p-box {
    margin: 100px auto 0;
}




}
@media (max-width: 1023px) {
/*about=============== */


.about .about-wrap > .flex {flex-wrap: wrap;display: block;}

.about .about-wrap figcaption {
    width: 100%;
    padding: 0;
}

}

@media (max-width: 991px) {


/*about=============== */



}

@media (max-width: 767px) {


/* about============== */
.box {
    margin: 30px auto 0;
}

.box.a-p-box {
    margin: 60px auto 0;
}

.about .about-wrap figcaption p span {
    margin: 10px auto 0;
}

.about .about-wrap figure {
    flex-wrap: wrap;
    max-width: 400px;
}


.about .about-wrap figcaption {
    width: 100%;
    padding: 0;
    margin: 20px auto 0;
    display: block;
}

.about .about-wrap figcaption p {
    margin: 10px auto 0;
}

.about .about-wrap figure .about-f:first-child {width: 100%;margin: 0 0 2px 0;}

.about .about-wrap figure .about-f {
    width: 49.7%;
}

/*仕組み*/
section.about-fig{
   margin:60px auto 0; 
   padding:30px 0 60px 0;
}

/*ミッション*/

.mission-wrap {
    margin: 30px auto 0;
}

.mission-b {flex-wrap: wrap;margin: 0 auto 50px;}

.mission-b figure {
    width: 100%;
}

.mission-b figcaption {
    width: 100%;
    margin: 20px auto 0;
}

.mission-b:nth-child(2n) figcaption {
    margin: 20px auto 0;
}

}

@media (max-width: 500px) {


}

@media (max-width: 350px) {


/* about============== */	
.about .about-wrap figure .about-f {
    width: 49.6%;
}

}