/*-----business------*/
.office-top{
    width:100%;
}
.office-top img{
    width:100%;
}
.site-footer{
    margin-top: 3600px;
}
.business-title{
    text-align: center;
    margin-top: 30px;
}
.business-title01{
    font-size: 25px;
    font-family: "HGP明朝B";
    color: #D1222D;
}
.business-title02{
    color: #8C0000;
    font-size: 40px;
    letter-spacing: 0.5rem;
    font-family: "HG明朝B";
    width:250px;
    margin:15px auto;
}
.business-title02 p{
    border-bottom: 5px solid;
}

.business-container01{
     margin-top: 50px;
     position:relative;
}

.business01{
    position: absolute;
}
.business01-01{
    background: #D1222D;
    width: 900px;
    color: white;
    height: 128px;
    font-size: 40px;
    font-family: "HG明朝B";
    position: absolute;
    left: 20px;
}
.business01-01 p{
    padding-left:50px;
    padding-top: 35px;
}
.business02{
    position: absolute;
    top: 60px;
    background: #EEE2D4;
    z-index: -1;
    height:1600px;
    width:100%;
}
.business02-01,.business04-01 {
    width: 100%;
    margin: 100px auto;
}
.flex-container01,.flex-container02{
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}
.flex-container02 p{
    color:white;
}

.flexbox{
    width:30%;
    text-align: center;
    margin-top:50px;
}
.flexbox img{
    width:100%;
}


.business-container02 {
    margin-top: 1800px;
    position: relative;
}

.business03{
    position: relative;
}
.business03-01{
    background: #D1222D;
    width: 900px;
    color: white;
    height: 128px;
    font-size: 40px;
    font-family: "HG明朝B";
    position: absolute;
    right: 20px;
}
.business03-01 p{
    padding-left:50px;
}

.business04{
    position: absolute;
    top: 60px;
    background: #A6A6AD;
    z-index: -1;
    height:1600px;
    width:100%;
}

/*レスポンシブに関する記述*/

@media screen and (max-width: 1600px) {

.business-container02 {
    margin-top: 1600px;
}

.business02{
    height:1400px;
}

.site-footer{
    margin-top: 3200px;
}
.business04{
    height:1450px;
}




}


@media screen and (max-width: 1070px) {

}


@media screen and (max-width: 896px) {



}

@media screen and (max-width: 810px) {


}


@media screen and (max-width: 712px) {


}

@media screen and (max-width: 630px) {

}

@media screen and (max-width: 522px) {

.business-title {
    margin-top: 150px;
}    
.business01 {
    width: 100%;
}
.business01-01{
    width: 90%;
    margin: 0 auto;
    font-size: 30px;
    height: 80px;
}
.business03-01 {
    width: 90%;
    margin: 0 auto;
    font-size: 20px;
    height: 80px;   
}
.business01-01 p {
    padding-left: 30px;
    padding-top: 15px;
}
.business02-01{
    margin-top: 30px;
}
.flexbox {
    width: 48%;  
}
.business02 {
    height:1150px;
    top: 40px;
}   
.business-container02 {
    margin-top:1300px;
}
.business03-01 p {
    padding-left: 30px;
    padding-top: 10px;
}
.business04 {
    top: 40px;
    height:1100px;
}
.business04-01{
    margin-top: 30px; 
}
.site-footer {
    margin-top: 2500px;
}
    
    
}


@media screen and (max-width: 398px) {
.business-title02 p {
    font-size: 30px;
}
.business01-01 p {
    padding-left: 10px;
    font-size: 25px;
}
.business02 {
    height: 1000px;
}
.business-container02 {
    margin-top: 1150px;
}
.business04 {
    height: 1000px;
}  
.site-footer {
    margin-top: 2300px;
}
    
}