@media (min-width: 1781px){
    /* main#main-top section#top-mission{
        padding-bottom:clamp(120px,13vw,440px);
    }

    main#main-top section#top-mission div.contents-area div.txt-area{
        width:clamp(600px,28.5vw,800px);
    }

    main#main-top section#top-mission div.contents-area div.img-area{
        width:clamp(810px,35vw,1200px);
    } */


    main#main-top section#top-mission div.contents-area div.img-area{
        position:static;
        margin-left:40px;
        height:fit-content;
        border-radius: 30px;
        border:solid 10px #fff;
        max-width:620px;
    }
}

@media (max-width: 1100px){

    main#main-top div.news-wrapper section div.main-ttl-area{
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    main#main-top section#top-ir-info div.inner div.left-area{
        width:100%;
    }
}

@media (max-width: 840px){
    main#main-top section#top-catch div.top-area div.img-area{
        margin-right:-80px;
    }
}

@media (max-width: 640px){


    main#main-top section#top-catch svg.catch-circle {
        top: -120px;
        transform: scale(0.75);
        left: -96px;
    }

    main#main-top section#top-catch svg.catch-curve {
        top: -90px;
        transform: scale(0.5);
        left: -700px;   
    }

    
    main#main-top section#top-catch{
        padding-top:160px;
    }

    main#main-top section#top-catch div.top-area h1{
        font-size:clamp(2.5rem,12.5vw,5rem);
        margin-bottom: 8px;
        text-align:center;
    }

    main#main-top section#top-catch div.top-area h1 span.bottom{
        transform: translateX(0);
    }
    
    main#main-top section#top-catch div.top-area h1 span.txt-grad{
        margin-left:12px;
    }

    main#main-top section#top-catch div.top-area p#copy-sub{
        font-size:1.125rem;
        margin-right: auto;
        margin-left: auto;
        padding-right: 8px;
    }

    main#main-top section#top-catch div.middle-area{
        margin:45px 0 70px;
    }

    main#main-top section#top-catch div.middle-area p.scroll{
        font-size: 1rem;
        margin-right:10px;
    }

    main#main-top section#top-catch div.document-area{
        max-width:270px;
        padding:20px;
    }

    main#main-top section#top-catch div.document-area p{
        font-size: 1rem;
    }

    main#main-top section#top-catch div.document-area a{
        padding:12px 22px;
        font-size: 0.75rem;
        margin-top:12px;
    }

    main#main-top section#top-catch div.slide-area ul.top-catch_list{
        margin-top:40px;
    }


    main#main-top section#top-catch div.slide-area ul.top-catch_list li a p.cat{
        padding:4px 15px;
        font-size: 0.75rem;
    }

    main#main-top section#top-catch div.slide-area ul.top-catch_list li a p.ttl{
        font-size: 1.0625rem;
        margin:8px 0;
    }

    main#main-top section#top-catch div.slide-area ul.top-catch_list li a p.sub{
        font-size: 0.5rem;
    }

    main#main-top section{
        padding-top:80px;
        padding-bottom:80px;
    }

    main#main-top section#top-mission div.contents-area{
        display:block;
    }
    
    main#main-top section#top-mission div.contents-area div.txt-area{
        width:100%;
    }

    main#main-top section#top-mission div.contents-area div.txt-area p.txt-large{
        font-size: 1.75rem;
    }

    main#main-top section#top-mission div.contents-area div.img-area{
        width:100%;
        border-radius: 16px;
        border:solid 6px #fff;
        position:static;
        margin-top:50px;
        box-sizing: border-box;
    }

    main#main-top section#top-development{
        padding-bottom:202px;
    }

    main#main-top section#top-development div.inner{
        position:relative;
    }

    main#main-top section#top-development a.btn-basic{
        position:absolute;
        bottom:-92px;
    }

    main#main-top section#top-development div.txt-area{
        flex-direction: column;
    }

    main#main-top section#top-development div.txt-area p.txt-large{
        font-size: 1.75rem;
        white-space: wrap;
        margin-right:0;
        margin-bottom:50px;
    }

    main#main-top section#top-development div.txt-area p.txt-normal{
        max-width:100%;
    }

    main#main-top section#top-development ul.development-list{
        margin-top:40px;
        grid-template-columns: 1fr;
    }

    main#main-top section#top-product div.inner{
        position:relative;
    }

    main#main-top section#top-product a.btn-basic{
        position:absolute;
        bottom:-92px;
    }

    main#main-top section#top-product div.txt-area{
        flex-direction: column;
        margin-bottom:10px;
    }

    main#main-top section#top-product div.txt-area p.txt-large{
        font-size: 1.75rem;
        white-space: wrap;
        margin-right:0;
        margin-bottom:50px;
    }

    main#main-top section#top-product div.txt-area p.txt-normal{
        max-width:100%;
    }

    main#main-top section#top-product div.slide-area ul.top-product_list li a img.img-logo{
        height:calc((36/360) * 100vw);
        margin-bottom:20px;
    }

    main#main-top section#top-case{
        padding-top:80px;
    }

    main#main-top section#top-case div.inner{
        position:relative;
    }

    main#main-top section#top-case a.btn-basic{
        position:absolute;
        bottom:-92px;
    }

    main#main-top section#top-case ul.case-list{
        grid-template-columns: 1fr;
    }

    main#main-top section#top-case ul.case-list li.case-list-li a.case-link{
        display: block;
    }

    main#main-top section#top-case ul.case-list li.case-list-li a div.case-img-area{
        max-width:100%;
        margin-right:0;
        margin-bottom:20px;
    }

    main#main-top div.news-wrapper{
        margin-top:80px;
        flex-direction: column;
        gap:20px;
    }

    main#main-top div.news-wrapper section{
        padding:38px 30px 80px; 
    }

    main#main-top div.news-wrapper section div.news-inner{
        position:relative;
    }

    main#main-top div.news-wrapper section a.btn-basic-small{
        position:absolute;
        bottom:-60px;
    }

    main#main-top section#top-ir-info{
        padding-bottom:202px;
        background: #F9FBFD repeat-x center 20px / 193px url("../../images/top/logo-white-large.svg");
    }

    main#main-top section#top-ir-info div.inner{
        display:block;
    }

    main#main-top section#top-ir-info div.inner ul.ir-info-list{
        grid-template-columns:1fr;
        margin-top:40px;
    }

    main#main-top section#top-ir-info div.inner ul.ir-info-list li{
        width:100%;
    }

    main#main-top section#top-ir-info div.inner{
        position:relative;
    }

    main#main-top section#top-ir-info div.inner div.left-area{
        max-width:100%;
        margin-right:0;
    }

    main#main-top section#top-ir-info div.inner div.left-area a.btn-basic{
        position:absolute;
        bottom:-92px;
    }



    
}

