@charset "utf-8";
.mainv{
	background-image: url(../img/about/mainv.jpg);
}

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

.about{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.about_mes{
    text-align: center;
    line-height: 2;
    margin: 0 0 49px;
}
.about_data{
    width: 50%;
}
.about_ttl01{
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    position: relative;
    z-index: 1;
    top: -35px;
    padding: 51px 0 37px;
    margin: 0 0 6px;
    background: url(../img/about/ttl.png) 50% 50% no-repeat;
}
.about_ttl02{
    font-size: 28px;
    margin: 0 0 25px;
}
.about_mes2{
    line-height: 1.8;
}
.about_mes2 + .about_mes2{
    margin-top: 10px;
}

.about_img{
    width: 42.02%;
    margin: 120px 4.5% 0 0;
    position: relative;
    z-index: 1;
}
.about_img:before{
    content: "";
    z-index: -1;
    position: absolute;
    background: url(../img/common/bg01.png) 0 100% repeat;
    top: 29px;
    left: 43px;
    height: 100%;
    width: 100%;
}


/*----------------------------------*/
.planning{
    top: 0;
    background: #fcf8e7;
    margin: 0;
}
.planning_inner{
    background: #fcf8e7;
    padding-top: 66px;
}

.planning .about{
    flex-direction:row-reverse;
    margin: 0 0 67px;
}
.planning .about_img{
    margin-top: 42px;
}

.planning_btn{
    max-width: 300px;
    margin: 0 auto;
}

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

@media screen and (min-width: 681px) and (orientation: portrait) ,screen and (min-width: 738px) and (orientation: landscape) {
}

/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 680px) and (orientation: portrait) ,screen and (max-width: 737px) and (orientation: landscape) {

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

    .about{
    display: block;
    padding: 0 0 40px;
}
    .about_mes{
    text-align: left;
}
    .about_data{
    width: auto;
    margin: 0 0 16px;
}
    .about_ttl01{
    font-size: 20px;
    background-size: auto 100%;
    padding: 24px 0 20px;
    top: -12px;
    margin: 15px 0 14px;
}
    .about_ttl02{
    font-size: 22px;
    margin: 0 0 17px;
}
    .about_mes2{
    font-size: 12px;
}

    .about_img{
    margin: 0;
    width: auto;
}
    .about_img:before{
    top: 29px;
    left: 0;
    background-size:  10px auto;
}


    /*----------------------------------*/
    .planning{}
    .planning_inner{
    padding-bottom: 52px;
}

    .planning .about{
    margin: 0 0 24px;
}
    .planning .about_img{}

    .planning_btn{}


    /*----------------------------------*/
    /*----------------------------------*/
    /*----------------------------------*/
    /*----------------------------------*/
}