@charset "utf-8";
main{
    background: #F5F3F1;
}
.about_wrap{
    padding: 0 15px;
    max-width: 1080px;
    margin: 0 auto;
}
.about_wrap p{
    line-height: 200%;
    color: #202020;
}
.large{
    margin: 2em auto;
    font-size: 2em;
    font-weight: 500;
    color: #000;
}
.about_wrap p.large{
    color: #000;
}
.two_column.img > .half:nth-of-type(2) {
    transition-delay: .3s;
    padding-top: 20%;
}
.about_top_inner{
    padding: 0 0 100px;
    position: relative;
}
.about_top_inner::after{
    content:"";
    display: block;
    width: 33%;
    max-width: 340px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50% , -50%);
    border-bottom: 1px solid #000;
}
.about_top_text{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    max-width: 1080px;
    padding: 0;
    text-align: left;
}
.about_top_text dt{
    margin: 0;
    padding: 15px 0;
    width: 35%;
    text-align: left;
}
.about_top_text dd{
    margin: 0;
    padding: 15px 0;
    width: 65%;
    text-align: left;
}
.about_top_inner p{
    text-align: left;
}
.about_top_inner p.large{
    text-align: center;
}
.about_img .img_wrap:nth-of-type(1){
    text-align: left;
    padding: 0 30% 50px 0;
}
.about_img .img_wrap:nth-of-type(2){
    text-align: left;
    padding: 0 0 50px 30%;
}
@media (max-width: 767px) {
.half {
  display: block;
  width: 100%;
  padding: 10px 0px!important;
}
}
/* 768px for table*/
@media (min-width: 768px) {
}

@media (min-width: 1200px) {  
    .about_wrap p{
        font-size: 20px;
    }  
    .about_wrap p.large{
        font-size: 30px;
    }
    .about_top_text dt{
        font-size: 70px;
    }
    .about_top_text dd{
        font-size: 20px;
    }
}

@media (min-width: 1620px) {
}