html {
         scroll-behavior: smooth;
         overflow: auto;
     }

     body {
         font-family: 'Noto Sans JP', sans-serif;
     }

     @media screen and (max-width: 750px) {
         body {
             min-width: initial;
         }
     }


     .wrapper {
         width: 100%;
         /* max-width: 1920px; */
         margin: 0 auto;

     }

     @media screen and (max-width: 750px) {
         .wrapper {
             max-width: none;
         }
     }

     .PC_header {
         background-image: url("./image/main.png");
         width: 100%;
         min-height: 900px;
         box-sizing: border-box;
         background-position: 100% 20%;
         background-size: cover;
         background-repeat: no-repeat;
         transition: ease all .5s;
     }

     @media screen and (max-width:1630px) {
         .PC_header {
             min-height: 890px;
             background-position: 100% 10%;
         }
     }

     @media screen and (max-width:1400px) {
         .PC_header {
             min-height: 670px;
             background-position: 70% 10%;
         }
     }

     @media screen and (max-width:1300px) {
         .PC_header {
             min-height: 650px;
         }
     }

     @media screen and (max-width:1200px) {
         .PC_header {
             min-height: 590px;
         }
     }

     @media screen and (max-width:1000px) {
         .PC_header {
             min-height: 500px;
         }
     }

     @media screen and (max-width:860px) {
         .PC_header {
             min-height: 460px;
         }
     }

     @media screen and (max-width:650px) {
         .PC_header {
             display: none;
         }
     }

     /* @media screen and (max-width:500px) {
         .PC_header {
             min-height: 380px;
         }
     }

     @media screen and (max-width:390px) {
         .PC_header {
             min-height: 320px;
         }
     } */

     .logo {
         width: 28%;
         max-width: 500px;
     }

     .logo img {
         width: 100%;
         height: auto;
         min-width: 250px;
     }

     .catch {
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         /* justify-content: space-evenly; */
         transition: ease all .5s;
         position: absolute;
         top: 350px;
         left: 2%;
         z-index: 10;
         min-width: 350px;
         max-width: 1200px;
         width: 100%;
     }

     @media screen and (max-width:1500px) {
         .catch {
             top: 300px;
             width: 75%;
         }
     }

     @media screen and (max-width:1400px) {
         .catch {
             top: 200px;
             width: 70%;
         }
     }

     @media screen and (max-width:1100px) {
         .catch {
             top: 200px;
         }
     }

     @media screen and (max-width:1000px) {
         .catch {
             top: 170px;
         }
     }

     @media screen and (max-width:900px) {
         .catch {
             top: 170px;
         }
     }

     @media screen and (max-width:860px) {
         .catch {
             width: 75%;
             top: 150px;
         }
     }

     /* @media screen and (max-width:650px) {
         .catch {
             width: 90%;
             top: 160px;
         }
     }

     @media screen and (max-width:500px) {
         .catch {
             width: 100%;
             top: 150px;
             left: 4%;
         }
     }

     @media screen and (max-width:390px) {
         .catch {
             width: 100%;
             top: 140px;
             left: 4%;
         }
     } */

     .phone {
         width: 20%;
         max-width: 200px;
         margin-left: 10px;
     }



     .phone img {
         width: 100%;
         max-width: 255px;
         height: auto;
     }

     .copy {
         width: 70%;
         max-width: 800px;
     }

     .catchcopy {
         margin-bottom: 3%;
         width: 100%;
     }

     .catchcopy img {
         width: 100%;
         height: auto;
     }

     @media screen and (max-width:375px) {
         .PC_header {
             display: none;
         }
     }

     .PC_header .download {

         width: 70%;
         margin: 0 auto;
     }

     .PC_header .download img {
         max-width: 100%;
         margin: 5% 0;
     }

     .PC_header .application {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         width: 70%;
         margin: 0 auto;
     }

     .PC_header .application p {
         width: 47%;
     }

     .PC_header .application p img {
         width: 100%;
         max-width: 325px;
     }

     .trademark {
         position: absolute;
         right: 10px;
         top: 875px;
         font-size: 14px;
         color: #030000;
         text-shadow: 1px 0px 4px #fff;
     }

     @media screen and (max-width:1630px) {
         .trademark {
             right: 10px;
             top: 865px;
         }
     }

     @media screen and (max-width:1400px) {
         .trademark {
             right: 10px;
             top: 645px;
         }
     }

     @media screen and (max-width:1300px) {
         .trademark {
             right: 10px;
             top: 625px;
         }
     }

     @media screen and (max-width:1200px) {
         .trademark {
             right: 10px;
             top: 565px;
         }
     }

     @media screen and (max-width:1000px) {
         .trademark {
             right: 10px;
             top: 475px;
         }
     }

     @media screen and (max-width:860px) {
         .trademark {
             right: 10px;
             top: 435px;
         }
     }

     @media screen and (max-width:650px) {
         .trademark {
             right: 10px;
             top: 400px;
             font-size: 13px;
         }
     }

     /* @media screen and (max-width:500px) {
         .trademark {
             right: 10px;
             top: 360px;
             font-size: 12px;
         }
     }

     @media screen and (max-width:467px) {
         .trademark {
             right: 8px;
             top: 360px;
             font-size: 10px;
         }
     }

     @media screen and (max-width:390px) {
         .trademark {
             top: 290px;
             font-size: 6px;
             right: 0;
             left: 10px;
         }
     } */



     .sp_br.tm {
         display: none;
     }

     @media screen and (max-width:390px) {
         .sp_br.tm {
             display: inline;
         }
     }


     .SP_header {
         display: none;
     }

     @media screen and (max-width:650px) {
         .SP_header {
             display: block;
         }

         .SP_header img {
             width: 100%;
         }
     }

     .square_orange h2,
     .square_navy h2 {

         width: 100%;
         position: relative;
         color: #fff;
         text-align: center;
         padding: 30px;
         margin-bottom: 50px;
     }

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

         .square_orange .pc_text,
         .square_navy .pc_text {

             display: none;
         }
     }

     .square_orange h2::after,
     .square_navy h2::after {
         content: '';
         width: 0;
         height: 0;
         position: absolute;
         top: 100%;
         left: 50%;
         margin: 0 0 0 -50px;
         border: 50px solid transparent;
     }

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

         .square_orange h2::after,
         .square_navy h2::after {

             margin: 0 0 0 -20px;
             border: 20px solid transparent;
         }
     }

     .square_orange .sp_text,
     .square_navy .sp_text {
         display: none;
     }

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

         .square_orange .sp_text,
         .square_navy .sp_text {
             display: block;
             padding: 20px 30px;
         }
     }

     .square_orange {
         position: relative;
         background-color: #fef2e5;
     }

     .square_orange h2 {
         background-color: #dd791f;
     }


     .square_orange h2::after {
         border-top-color: #dd791f;
     }

     .square_navy h2 {
         background-color: #132146;

     }


     .square_navy h2::after {
         border-top-color: #132146;
     }


     .square_orange h2 img,
     .square_navy h2 img {
         display: block;
         text-align: center;
         margin: 0 auto;
         width: 90%;
         max-width: 500px;
     }

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

         .square_orange h2 img {
             width: 90%;
         }

         .square_navy h2 img {
             width: 70%;
         }
     }

     .square_orange .triangle,
     .square_navy .triangle {
         width: 100%;
         text-align: center;
     }

     .square_orange .triangle img,
     .square_navy .triangle img {
         margin: 0 auto;
         text-align: center;
         width: 50px;
     }

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

         .square_orange .triangle img,
         .square_navy .triangle img {
             width: 25px;
         }

         .square_orange.worries .contents:last-child {
             padding-bottom: 8%;
         }
     }





     .contents {
         width: 82%;
         margin: 0 auto;
         padding: 20px 0 50px;
     }

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

         .contents {
             width: 100%;
             padding: 0;
             display: block;
             text-align: center;
         }
     }

     .contents .pc {
         display: block;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
     }

     .contents .sp {
         display: none;
     }

     @media screen and (max-width:650px) {
         .contents .pc {
             display: none;
         }

         .contents .sp {
             display: block;
         }
     }

     .contents img {

         width: calc(100%/3);
         /*←画像を横に3つ並べる場合*/
         max-width: 450px;
         padding: 0 10px;
         /*←画像の左右に5pxの余白を入れる場合*/
         box-sizing: border-box;
     }

     @media screen and (max-width:650px) {
         .contents img {
             width: 90%;
             padding: 10px 0;
         }
     }



     .triangle_orange {
         width: 100%;
     }


     .triangle_orange h2 {
         background-color: #dd791f;
         color: #fff;
         text-align: center;
         padding: 0;
         margin-bottom: 90px;
         position: relative;
         box-sizing: border-box;
     }

     .triangle_orange .sp_text {
         display: none;
     }

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


         .triangle_orange .pc_text {
             display: none;
         }

         .triangle_orange .sp_text {
             display: block;
         }
     }


     *,
     *:before,
     *:after {
         -webkit-box-sizing: border-box;
         /*webkit系*/
         -moz-box-sizing: border-box;
         /*Firefox*/
         box-sizing: border-box;
     }

     /*.triangle_orange h2:before {
         content: "";
         width: 0;
         height: 0;
         border-style: solid;
         border-width: 10vh 50vw 0 50vw;
         border-color: #fef2e5 transparent transparent transparent;
         position: absolute;
         left: 0;
         top: 0;
     }

     .triangle_orange h2:after {
         content: "";
         width: 0;
         height: 0;
         border-style: solid;
         border-width: 10vh 50vw 0 50vw;
         border-color: #dd791f transparent transparent transparent;

         position: absolute;
         left: 0;
         bottom: -85px;
     }
     */

     .triangle {
         z-index: 1;
         position: absolute;
         top: 0px;
         border: 600px solid transparent;
         border-top: 60px solid #fef2e5 !important;
         overflow: hidden;
         clip-path: inset(-1% 0 90% 0);
     }

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

         .triangle {

             clip-path: inset(-1% 0 80% 0);
         }

     }



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

         .triangle {
             border-top: 40px solid #fef2e5 !important;
         }

     }

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

         .triangle {
             clip-path: inset(-1% 0 70% 0);
         }

     }

     .triangle2 {
         z-index: 1;
         position: absolute;
         border: 600px solid transparent;
         border-top: 60px solid #dd791f !important;
         overflow: hidden;
         clip-path: inset(-1% 0 90% 0);
     }

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

         .triangle2 {

             clip-path: inset(-1% 0 80% 0);
         }

     }

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

         .triangle2 {
             border-top: 40px solid #dd791f !important;
         }
     }

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

         .triangle2 {
             clip-path: inset(-1% 0 70% 0);
         }

     }

     /*.triangle_orange h2 img {
         position: absolute;
         left: 0;
         right: 0;
         top: 120px;
         margin: auto;
         z-index: 10;
     }*/

     .triangle_orange h2 img {
         padding: 110px 0 0;
     }

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

         .triangle_orange h2 img {
             padding: 70px 0 0;
             max-width: 300px;
             width: 90%;
         }
     }

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

         .triangle_orange.solution .contents img {
             padding: 20px 0;
         }

         .triangle_orange.solution .contents img:first-child {

             padding: 0 0 20px;
         }
     }


     .triangle_orange.step h2 img {
         padding: 110px 0 10px;
     }

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

         .triangle_orange.step h2 img {
             padding: 70px 0 0;
             width: 50%;
         }
     }

     .app_dl {
         width: 100%;
         margin: 0 auto;
         text-align: center;
     }

     .app_dl.mv {
         display: none;

     }

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

         .app_dl.mv {
             display: block;
         }
     }

     .app_dl.solution {
         background: linear-gradient(#fff, #fef2e5);
         ;
     }

     .app_dl .download {
         width: 100%;
     }

     /* @media screen and (max-width:650px) {

         .app_dl .download {
             width: 70%;
             margin: 0 auto;
         }
     } */

     .app_dl .download img {

         text-align: center;
         margin: 30px auto;
         max-width: 610px;
     }

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

         .app_dl .download img {

             margin: 30px auto 20px;
             max-width: 350px;
             width: 90%;
         }
     }

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

         .app_dl .download img {

             margin: 30px auto 20px;
             max-width: 350px;
             width: 90%;
         }
     }



     .app_dl .application {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
     }

     @media screen and (max-width:650px) {
         .app_dl .application {
             width: 90%;
             margin: 0 auto;
         }
     }

     .app_dl .application p {
         padding: 0px 5px 40px;
     }

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

         .app_dl .application p {
             width: 49%;
             padding: 0px 5px 10px;
         }

         .app_dl .application p:last-child {
             padding: 0px 5px 30px;
         }
     }

     .app_dl .application img {
         max-width: 325px;
         padding: 0px 10px 50px;
         box-sizing: border-box;
     }

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

         .app_dl .application img {
             padding: 0px 5px 10px;
             max-width: 225px;
         }
     }

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

         .app_dl .application img {
             padding: 0px 5px 10px;
             max-width: 225px;
             width: 100%;
             height: auto;
         }
     }

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

         .app_dl .application img {
             padding: 0px 5px 10px;
             /* max-width: 173px; */
             max-width: 225px;
         }
     }



     .app_dl:last-child .application img {
         padding: 0px 15px 100px;
     }

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

         .app_dl:last-child .application img {
             padding: 0px 5px 30px;

         }

     }

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

         .app_dl:last-child .application img {
             padding: 0px 5px 10px;

         }

     }


     .cause {
         width: 100%;
         text-align: center;
         background-color: #fef2e5;


     }

     .cause h2 img {
         max-width: 500px;
         margin: 30px auto;
     }

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

         .cause h2 img {

             width: 90%;
         }
     }

     .cause .contents {
         padding: 50px 0 20px;
     }

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

         .cause .contents {
             padding: 0px 0 20px;
         }
     }

     .cause p {
         font-size: 12px;
         color: #16244e;
         padding-bottom: 50px;
         line-height: 1.25em;

     }

     @media screen and (max-width: 1000px) {
         .cause p {


             text-align: left;
             display: inline-block;
         }
     }

     @media screen and (max-width: 750px) {
         .cause p {
             width: 90%;
         }
     }

     .sp_br {
         display: none;
     }

     @media screen and (max-width: 1000px) {
         .sp_br {
             display: inline;
         }
     }

    .triangle_orange.step {
        background-image: repeating-linear-gradient(-45deg, #fef2e5 0, #fef2e5 5px, white 5px, white 10px);
        position: relative;
        padding-bottom:50px;
    }

    .triangle_orange.step:before{
        position: absolute;
        width: 50%;
        left: 0;
        bottom: 0;
        border-bottom: 50px solid #dd791f;
        border-right: 50px solid transparent;
        display: block;
        content:" ";
    }
    .triangle_orange.step:after{
        position: absolute;
        left: 50%;
        bottom: 0;
        right: 0;
        border-bottom: 50px solid #dd791f;
        border-left: 50px solid transparent;
        display: block;
        content:" ";
    }

    @media screen and (max-width: 650px) {
        .triangle_orange.step:before{
            border-bottom: 20px solid #dd791f;
            border-right: 20px solid transparent;
        }
        .triangle_orange.step:after{
            border-bottom: 20px solid #dd791f;
            border-left: 20px solid transparent;
        }

    }

     /* .triangle_orange.step .contents:last-child {
         padding-bottom: 8%;
     } */

     @media screen and (max-width: 650px) {
         .triangle_orange.step .contents:last-child {
             padding-bottom: 8%;
         }
     }

     .voice{
        background-color: #dd791f;
        height:500px;
     }

     .youtube {
         position: relative;
         padding-bottom: 56.25%;
         /*アスペクト比 16:9の場合の縦幅*/
         height: 0;
         overflow: hidden;
     }

     .youtube iframe {
         position: absolute;
         /* top: 0;
         left: 0; */
         width: 80%;
         height: 80%;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
     }

     @media screen and (max-width: 650px) {
         .youtube iframe {
             width: 90%;
             height: 90%;
         }
     }


     footer,
     .company,
     .item {

         display: flex;


     }

     footer {
         background-color: #dd791f;
         color: #fff;
         padding: 25px 50px;
         justify-content: space-between;
         align-items: center;
     }

     @media screen and (max-width: 1000px) {
         footer {
             display: block;
         }
     }

     @media screen and (max-width: 750px) {
         footer {
             padding: 10px 20px;
         }
     }



     footer a {
         color: #fff;
         text-decoration: none;
     }

     footer a:hover {
         color: #fef2e5;
     }

     .company {
         align-items: center;

     }

     @media screen and (max-width: 1000px) {
         .company {
             justify-content: space-between;
         }
     }


     .company img {

         padding-left: 20px;
     }

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

         .company img {
             width: 50%;

         }
     }

     @media screen and (max-width: 1000px) {
         .sp_br.ft {
             display: none;
         }
     }

     @media screen and (max-width: 500px) {
         .sp_br.ft {
             display: inline;
         }
     }

     .aki {
         margin-right: 10px;
     }

     @media screen and (max-width: 500px) {
         .aki {
             margin-right: 0;
         }
     }

     .item li {

         list-style: none;
         padding: 0 30px;
     }

     @media screen and (max-width: 1400px) {
         .item {
             display: block;

         }

         .item li {
             padding: 5px 0;

         }
     }

     @media screen and (max-width: 1000px) {
         .copyright {
             text-align: center;
             padding-top: 20px;
         }
     }

     @media screen and (max-width: 750px) {
         .copyright {

             padding-bottom: 20px;
         }
     }






    

    .voice .pc {
         display:block;
        }
    .voice .sp {
         display:none;
        }
    @media screen and (max-width: 650px) {
    .voice .pc {
         display:none;
        }
    .voice .sp {
         display:block;
        }
    }

    .voice {
        width:100%;
        height: auto;
        font-family: 'Noto Sans JP';
    }

    @media screen and (min-width: 1130px){
        .voice .voice_wrap{
            width: 1130px;
            margin: 0 auto;
        }
    }

    @media screen and (max-width: 650px){
        .voice .sp h2{
            padding:0 10px;
        }
    }

    .voice .pc h2 img{
        display: block;
        margin: 0 auto;
        padding: 50px 0;
        width: 100%;
        max-width: 732px;
        box-sizing: border-box;
    }

    @media screen and (max-width: 650px){
        .voice .sp h2 img{
            display: block;
            margin: 0 auto;
            padding: 25px 0;
            width: 100%;
            max-width: 355px;
            box-sizing: border-box;
        }
    }





    /*.voice .voice_box{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap:30px 10px;
        padding: 0 0 100px 0;
    }

    @media screen and (max-width: 650px){
        .voice .voice_box{
            padding: 0 0 20px 0;
        }
    }

    .voice .voice_box img{
        width: 100%;
        max-width: 552px;
        box-sizing: border-box;
    }

    @media screen and (max-width: 650px){
        .voice .voice_box img{
            width: 90%;
            max-width: 357px;
            box-sizing: border-box;
        }
    }*/






    .voice ul{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap:55px 35px;
        padding: 0 0 100px 0;
    }

    @media screen and (max-width: 650px){
        .voice ul{
            padding: 0 10px 20px;
            gap: 20px 0;
        }
    }

    .voice ul li{
        list-style: none;
        /*width: 48%;*/
        /*max-width: 552px;*/
        max-width: 540px;
        box-sizing: border-box;
        border-radius: 5px;
    }

    .voice .tit_box{
        display: flex;
        background: #fff3e6;
        position: relative;
        padding:17px 0 15px 0;
        border-radius:10px 10px 0 0;
    }

    @media screen and (max-width: 650px){
        .voice .tit_box{
            align-items: center;
            position: unset;
            padding: 15px 5px;
        }
    }

    .voice .tit_box .face{
        position: absolute;
        top: -23px;
        left: -15px;
    }

    @media screen and (max-width: 650px){
        .voice .tit_box .face{
            position: unset;
            width: 96px;
            height: 95px;
        }
    }

    .voice .tit_box:before{
        content:"";
        width:135px;
    }

    @media screen and (max-width: 650px){
        .voice .tit_box:before{
            content:"";
            width:auto;
        }
    }

    /*.voice .tit_box .tit{
        padding-right:20px;
    }*/

    @media screen and (max-width: 650px){
        .voice .tit_box .tit{
            padding:0 20px 0 10px;
        }
    }

    /*.voice .tit_box .tit p:nth-of-type(1){
        font-size: 22px;
        font-weight: bold;
        color:#dd791f;
        line-height: 1.1;
    }*/

    /*@media screen and (max-width: 650px){
        .voice .tit_box .tit p:nth-of-type(1){
            font-size: 20px;
        }
    }*/

    @media screen and (max-width: 650px){
        .voice .tit_box .tit img{
            width: 100%;
        }
    }

    .voice .tit_box .tit p:nth-of-type(2){
        font-size: 16px;
        font-weight: bold;
        color:#16244e;
        margin: 10px 0 0 0;
        line-height: 1.2;
    }

    @media screen and (max-width: 650px){
        .voice .tit_box .tit p:nth-of-type(2){
            margin: 5px 0 0 0;
        }
    }

    .voice .txt{
        background: #fff;
        padding:20px;
        line-height: 1.2;
        letter-spacing: 1px;
        border-radius:0 0 10px 10px;
        color:#16244e;
    }

    @media screen and (max-width: 650px){
        .voice .txt{
            padding:15px 20px;
            font-size: 16px;
        }
    }