.main-visual {
    background-image: url('../img/about/main.jpg');
}
.section-1{
    text-align: center;
}
.section-1 .intro_heading{
    font-size: 3rem;
    text-shadow:5px 5px 0px #efe8e7;
    margin-bottom: 30px;
}

.section-2 .container{
    display: flex;
}
.section-2 #container01,
.section-2 #container03
{
    flex-direction: row;
}
.section-2 #container02,
.section-2 #container04{
    flex-direction: row-reverse;
}
.section-2 .container .inner{
    width: 50%;
    display: flex;
    align-items: center;
}
.section-2 #container01 .inner,
.section-2 #container03 .inner{
    justify-content: flex-end;
}
.section-2 #container02 .inner,
.section-2 #container04 .inner{
    justify-content: flex-start;
}
.section-2 .text_box{
    width: 530px;
    padding: 60px;
    position: relative;
    box-shadow: 10px 10px 0px 3px #efe8e7;
    background-color: #fff;
}
.section-2 #container01 .inner .text_box,
.section-2 #container03 .inner .text_box{
    margin-right: -30px;
}
.section-2 #container02 .inner .text_box,
.section-2 #container04 .inner .text_box{
    margin-left: -30px;
}
.section-2 .text_box .numb{
    display: inline-block;
    color: #53b300;
    font-size: 7.5rem;
    text-shadow: 5px 5px 0px #efe8e7;
    position: absolute;
    top:-60px;
    left:0;
}
.section-2 .text_box h3{
    font-size: 2.4rem;
    margin-bottom: 20px;
}
.section-2 .text_box .desc{
    min-height: 13.5em;
}
.section-2 .container figure{
    width: 50%;
    margin:0;
    overflow: hidden;
    height: 530px;
}
.section-2 .container figure img{
    height: 100%;
}

.section-3{
    padding-top: 100px;
    background-color: #231815;
    color: #efe8e7;
}
.section-3 h2{
    font-size: 5rem;
}
.section-3 p{
    text-align: center;
}
.section-3 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.section-3 ul li{
    font-size: 2rem;
    width: 49%;
    padding: 15px;
    color: #231815;
    background-color: #efe8e7;
    box-shadow: 5px 5px 0px 3px #513e39;
    margin-bottom: 20px;
}

.contact_area{
    background-color: #53b300;
    color:#efe8e7;
}
.contact_area .section-inner{
    padding:35px 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.contact_area h2{
    text-shadow: 5px 5px 0px #231815;
    font-size: 6rem;
}
.contact_area .contact_btn{
    color: #efe8e7;
    border: 2px solid #efe8e7;
    width: 20%;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.contact_area .contact_btn:hover{
    text-decoration: none;
}
@media screen and (max-width: 960px) {
    .main-visual {
        background-image: url('../img/about/sp/main.jpg');
    }
    .section-1 .intro_heading{
        font-size: 2.5rem;
    }
    .section-2 .container{
        display: block;
    }
    .section-2 .container:not(:last-child){
        margin-bottom:60px;
    }
    .section-2 #container01 .inner .text_box,
    .section-2 #container03 .inner .text_box{
        margin-right: 0px;
    }
    .section-2 #container02 .inner .text_box,
    .section-2 #container04 .inner .text_box{
        margin-left: 0px;
    }
    .section-2 .container .inner,
    .section-2 .container .inner .text_box{
        width: 100%;
    }
        .section-2 .container .inner .text_box{
        width: 100%;
        padding:60px 20px;
    }
    .section-2 .text_box h3{
        font-size: 2.2rem;
    }
    .section-2 .container figure{
        width: 100%;
        height: auto;
    }
    .section-2 .container figure img{
        width: 100%;
    }
    .section-3{
        padding-top: 60px;
    }
    .section-3 h2{
        font-size: 3.5rem;
    }
    .section-3 p{
        letter-spacing: -0.15em;
    }
    .section-3 ul{
        display: block;
    }
    .section-3 ul li{
        width: 100%;
        font-size: 1.6rem;
    }
    .contact_area .section-inner{
        display: block;
        text-align: center;
    }
    .contact_area .contact_btn{
        width: 80%;
    }
}