#about-sec01 {
    text-align: center;
}
#about-sec01 h2{
    font-size:150%;
}
#about-sec01 h3{
    font-size:120%;
}
#about-sec01 p,
#about-sec02 p,
#about-sec03 p,
#about-sec04 p{
    font-size:100%;
}
#about-sec02 p,
#about-sec03 p,
#about-sec04 p{
    margin-bottom:30px;
}
#about-sec04 p{
    text-align:center;
}
#about-sec02{
    background-image: url(../images/map_jpn_sp.png);
    background-repeat: no-repeat;
    background-position: top 0 right 120px;
    background-size: 38%;
}
#about-sec02 h2 {
  font-family: "EB Garamond", serif;
  font-weight: lighter;
  font-size: 260%;
  text-align: left;
  color: #FFF;
  letter-spacing: 0.1em;
}
#about-sec02 .flexbox{
    display:flex;
    justify-content: space-between;
}
#about-sec02 .flexbox img:first-child{
    width:50%;
    margin-left:-40px;
    height:auto;
}
#about-sec02 .flexbox img:last-child{
    width:45%;
    height:auto;
}
#about-sec03{
    padding:10% 0;
    background-image: url(../images/about/about04.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50%;
}
#about-sec03 div{
    padding-left:55%;
}
#about-sec04{
    padding-bottom:10%;
}
#about-sec04 img{
    width:100%;
    height:auto;
}
#about-sec04 a{
	display: inline-block;
    text-align:center;
	padding: 10px 0 13px 0;
	border: 1px solid #666;
	width: 300px;
	border-radius: 30px;
    margin:0 20px;
}
@media only screen and (max-width: 1200px) {
    #about-sec02{
        background-position: top 10% right 50px;
        background-size: 38%;
    }
}
@media only screen and (max-width: 995px) {
    #about-sec02{
        background-position: top 25% right 30px;
        background-size: 35%;
    }
}

@media only screen and (max-width: 768px) {
    #about-sec01 {
        text-align: left;
    }
    #about-sec01 p,
    #about-sec02 p,
    #about-sec03 p,
    #about-sec04 p{
        font-size:90%;
    }
    #about-sec02{
        background-image:none;
    }
    #about-sec02 h2{
        padding-top:10%;
        font-size:200% !important;
    }
    #about-sec02 .flexbox{
        display:inherit;
        justify-content: inherit;
    }
    #about-sec02 img,
    #about-sec02 .flexbox img:first-child,
    #about-sec02 .flexbox img:last-child{
        width:100%;
        height:auto;
        margin-left:0;
    }
    #about-sec02 .flexbox img:first-child{
        margin-bottom:30px;
    }
    #about-sec03{
        padding:10% 5% 5% 5%;
        background-image:none;
    }
    #about-sec03 div{
        padding-left:0;
    }
    #about-sec04 img{
        margin-bottom:5%;
    }
    #about-sec04 p {
        text-align: left;
    }
    #about-sec04 .mgt50{
        margin-top:0 !important;
    }
    #about-sec04 .mgb100{
        margin-bottom:0 !important;
    }
    #about-sec04 a{
        margin-bottom:10px;
        font-size:90%;
    }
}