@charset "utf-8";

main .bglg{
background: rgb(236 240 226);

}

#hero-area-lower .aboutus.keyvisual-area {
    background-image: url(/new-hire/img/kv_bg02.jpg);
}
@media screen and (max-width:540px) {
    #hero-area-lower .aboutus.keyvisual-area {
background-position: right;}
}


#business-lead{
    margin: 0 auto;
    border-radius: 1vh;
}


#business-lead .lay-2col figure img{
    width: 80%;
}
#business-image .lay-2col p{
    padding-bottom: 6.4rem;
}

@media screen and (max-width: 1024px) {
#business-image .lay-2col .text-box {
        width: 100%;
        margin-right: 0;
    }
}

#aboutus h3 {
text-align: center;
font-size:clamp(1.8rem, 2vw, 2.4rem);
line-height: 1.5;
margin-bottom: 6.4rem;
}

#aboutus h4{
    font-size: clamp(1.6rem, 1.8vw, 2rem);
  text-align: center;
  padding: 3.2rem 0;
}

#aboutus .text-box:nth-child(n){
    margin-right: 0;
}

@media screen and (max-width:820px) {
#aboutus .text-box{
    padding-bottom: 2.4rem;}
}

#business-image{
    background: #d5dee0;
    padding:4rem 0;
    margin: 4rem auto 0;
    width: calc(100% - 4rem);
    border-radius: 1vh;
}

@media screen and (max-width:540px) {
#business-image {
    padding: 2.4rem 0;
    margin: 2rem auto 0;
    width: calc(100% - 2rem);}
}

#business-image .inner{
    width: 100%;
        padding: 3.2rem 0 0;}

@media screen and (min-width:1441px) {
#business-image .inner{
        max-width: 72%;}
}

@media screen and (max-width:1440px) {
#business-image .inner{
        max-width: 82%;}
}


@media screen and (max-width:540px) {
#business-image .inner{
        max-width: 90%;
}
}
@media screen and (min-width:768px) {
#business-image .lay-2col figure img {
    width: 80%;}
}

@media screen and (max-width:540px) {
#business-image .lay-2col figure img {
    width: 100%;}
}


#aboutus #fixedbg .fixedbg-img {
    height: 40vh;
    margin: 6.4rem 0 0;
}

#aboutus .photo-box.wide-img{
padding: 6.4rem;
}

@media screen and (max-width:820px) {
#aboutus .photo-box.wide-img{
padding: 0 0 3.2rem;}
}



#aboutus #group{
padding-bottom: 6.4rem;
}