@charset "utf-8";

main section:not(.sec1) .inner  {
    max-width: 1280px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}
main section.sec2 .inner .sec2_item {
    display: flex;
}

main section.sec2 .inner .sec2_item .content {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

main section.sec2 .inner .sec2_item1 {
    justify-content: flex-start;
    background-image: url(/assets_work/work03/images/sec2_img1.webp);
    background-size: min(23.43%,300px) auto;
    background-repeat: no-repeat;
    background-position: left calc(600px + 6.64%) top;
}

main section.sec2 .inner .sec2_item1 .content   {
    max-width: 600px;
}

main section.sec2 .inner .sec2_item1 .titlearea {
    text-align: left;
}

main section.sec2 .inner .sec2_item2    {
    justify-content: flex-end;
    background-image: url(/assets_work/work03/images/sec2_img2.webp);
    background-size: min(23.43%,300px) auto;
    background-repeat: no-repeat;
    background-position: right calc(704px + 6.64%) top;
    min-height: 300px;
}

main section.sec2 .inner .sec2_item2 .content   {
    max-width: 704px;
}

main section.sec2 .inner .sec2_item2 .titlearea {
    align-items: flex-start;
}

main section.sec2 .inner .sec2_item2 .content > p   {
    max-width: 600px;
}
main section.sec3   {
    background-image: url(/assets_work/common/images/separator_bg.webp);
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: center top;
    aspect-ratio: 48/25;
    display: flex;
    justify-content: center;
    align-items: center;
}

main section.sec3 img   {
    width: 100%;
}

main section.sec4 .inner .content .scrollhint   {
    text-align: center;
}
main section.sec4 .inner .content .scrollhint img   {
    width: 1000px;
    overflow-x: scroll;
}

@media screen and (max-width: 834px)    {
    main section.sec2 .inner .sec2_item1    {
        background-size: 31.25vw auto;
        background-position: right top;
    }
    
    main section.sec2 .inner .sec2_item2    {
        background-size: 31.25vw auto;
        background-position: left top;
    }
    
    main section.sec2 .inner .sec2_item2 .content .titlearea  {
      line-height: 1.4;
      padding-left: 35vw;
    }
    
    main section.sec2 .inner .sec2_item2 .content .titlearea .fs14  {
        text-wrap: nowrap;
    }
    main section.sec2 .inner .sec2_item2 .content h2    {
        text-align: left;
    }

}