main{
    background-color: white;
    width: calc(1800vw/19.2);
    margin: 0 auto 0 auto;
    padding: calc(145vw/19.2) 0 calc(200vw/19.2) 0;
}
.content-box{
    display: flex;
    margin: calc(100vw/19.2) calc(100vw/19.2) 0 calc(250vw/19.2);
}
.content-image{
    width: calc(520vw/19.2);
    height: fit-content;
}
.right-image{
    margin-left: calc(165vw/19.2);
}
.text-box{
    margin-right: calc(0vw/19.2);
}
.title-box{
    display: flex;
    margin-bottom: calc(37vw/19.2);
}
.en-tit{
    font-size: calc(17vw/19.2);
    font-weight: 600;
    letter-spacing: calc(1vw/19.2);
    margin-top: calc(5vw/19.2);
    margin-bottom: calc(30vw/19.2);
}
.jp-tit{
    font-size: calc(40vw/19.2);
    letter-spacing: calc(-1vw/19.2);
    font-weight: 600;
}
.yellow-box{
    width: calc(20vw/19.2);
    height: calc(100vw/19.2);
    background-color: #F5BA00;
    margin-right: calc(45vw/19.2);
}
.text-text-box{
    margin-left: calc(65vw/19.2);
    width: calc(500vw/19.2);
}
.text-text-box p{
    font-size: calc(19vw/19.2);
    width: calc(700vw/19.2);
    letter-spacing: calc(2.3vw/19.2);
    line-height: calc(35vw/19.2);
}
.content-text-wide-box{
    margin-left: calc(65vw/19.2);
}
.content-text-wide-box p{
    font-size: calc(19vw/19.2);
    letter-spacing: calc(2.3vw/19.2);
    line-height: calc(35vw/19.2);
}
.content-text-wide-box h4{
    line-height: calc(60vw/19.2);
}
.page-fixed-menu{
    z-index: 1;
    position: fixed;
    top: calc(220vw/19.2);
    left: calc(150vw/19.2);
}
.page-fixed-menu-cell{
    display: flex;
    margin-top: calc(12vw/19.2);
}
.page-fixed-menu-cell p{
    line-height: calc(35vw/19.2);
}
.page-fixed-menu-circle{
    border: 1px solid #F5BA00;
    padding: 0 calc(13vw/19.2);
    border-radius: 50%;
}
.page-fixed-menu-cell:hover .page-fixed-menu-circle{
    background-color: #F5BA00;
    border: 1px solid #F5BA00;
    transition: 500ms; 
}
.page-fixed-menu-cell:hover .page-fixed-menu-circle p{
    color: white;
}
.page-fixed-menu-circle p{
    color: #F5BA00;
    font-size: calc(18vw/19.2);
    margin-top: calc(2vw/19.2);
}
.wide-content{
    display: block;
}
.menu-ari{
    margin-left: calc(350vw/19.2);
}
.page-fixed-menu-txt{
    color: black;
    font-size: calc(15vw/19.2);
    margin-top: calc(5vw/19.2);
    margin-left: calc(15vw/19.2);
}
.image-box{
    margin-left: calc(100vw/19.2);
}
.search-carsensor{
    width: calc(400vw/19.2);
    margin-right: calc(20vw/19.2);
}
.search-goonet{
    width: calc(400vw/19.2);
}
.content-text-wide{
    margin-left: calc(90vw/19.2);
    margin-top: calc(40vw/19.2);
    line-height: calc(25vw/19.2);
    font-size: calc(19vw/19.2);
    letter-spacing: calc(2.3vw/19.2);
}
.box-top-space{
    margin-top: calc(160vw/19.2);
}
.anchor{
    display: block;
    padding-top: calc(60vw/19.2);
    margin-top: calc(-60vw/19.2);
}


/*about　のみ*/
.about-content-image{
    margin-left: calc(130vw/19.2);
    width: calc(520vw/19.2);
    height: fit-content;
    height: calc(449vw/19.2);
}
.ceo-image{
    width: calc(400vw/19.2);
    margin-left: calc(140vw/19.2);
}
.about-company-box{
    margin: calc(100vw/19.2) calc(150vw/19.2) 0 calc(250vw/19.2);
}
.about-company-content{
    margin-left: calc(45vw/19.2);
}
.about-company-content-cell{
    display: flex;
}
.about-company-content-cell p{
    font-size: calc(16vw/19.2);
    letter-spacing: calc(2vw/19.2);
    line-height: calc(40vw/19.2);
    margin-right: calc(50vw/19.2);
}
.about-map-box{
    position: relative;
    width: fit-content;
    text-align: center;
    margin: calc(50vw/19.2) auto 0 auto;
}
.about-map{
    width: calc(1350vw/19.2);
    height: calc(500vw/19.2);
    z-index: 1;
}
.about-map-more-btn{
    position: relative;
    display: block;
    border-radius: 100vh;
    border: 3px solid white;
    width: fit-content;
    padding: calc(20vw/19.2) calc(60vw/19.2);
    margin: calc(-80vw/19.2) auto 0 auto;
    z-index: 5;
}
.about-map-more-btn:hover{
    background-color: #F5BA00;
    border: 3px solid #F5BA00;
    transform: scale(1.05); 
    transition: 500ms; 
}
.about-map-more-btn p{
    color: white;
}
.about-text-text-box p{
    width: calc(600vw/19.2);
}

/*find　のみ*/
.find-concept-box{
    border: 3px solid #F5BA00;
    border-radius: calc(50vw/19.2);
    padding: calc(80vw/19.2) 0 0 calc(135vw/19.2);
    margin-left: calc(30vw/19.2);
    width: calc(1100vw/19.2);
    height: calc(650vw/19.2);
    overflow: scroll;
    font-size: calc(19vw/19.2);
    letter-spacing: calc(2.3vw/19.2);
}
.find-concept-box::-webkit-scrollbar{
    display: none;
}
.find-concept-content{
    display: flex;
    margin-top: calc(60vw/19.2);
    margin-bottom: calc(200vw/19.2);
}
.find-concept-content p{
    line-height: calc(35vw/19.2);
}
.find-concept-image{
    margin-top: calc(90vw/19.2);
    width: calc(150vw/19.2);
    height: fit-content;
}
.find-concept-text{
    margin-left: calc(50vw/19.2);
}
.find-concept-title{
    display: flex;
    margin-bottom: calc(50vw/19.2);
}
.find-content-number{
    color: #F5BA00;
    font-size: calc(50vw/19.2);
    font-style: italic;
    margin-right: calc(30vw/19.2);
}
.find-content-tit{
    line-height: calc(50vw/19.2);
    font-weight: 700;
    font-size: calc(25vw/19.2);
}
.find-dot-box{
    position: absolute;
    right: calc(340vw/19.2);
    top: calc(1130vw/19.2);
    background-color: #F5BA00;
    border-radius: 100vh;
    width: calc(50vw/19.2);
}
.find-dot{
    z-index: 1;
    display: block;
    margin: calc(20vw/19.2) auto;
    border-radius: 50%;
    width: calc(15vw/19.2);
    height: calc(15vw/19.2);
    border: 1px solid #F5BA00;
    background-color: white;
}
.find-dot-hover{
    border: 1px solid white;
    background-color: #F5BA00;
}
.find-content-more-btn{
    display: block;
    border-radius: 100vh;
    border: 1px solid #F5BA00;
    width: fit-content;
    padding: calc(10vw/19.2) calc(70vw/19.2);
    margin-top: calc(30vw/19.2);
}
.find-content-more-btn p{
    background-color: transparent;
    font-size: calc(15vw/19.2);
    letter-spacing: calc(2vw/19.2);
    color: #F5BA00;
}
.find-content-more-btn:hover{
    background-color: #F5BA00;
    transform: scale(1.05); 
    transition: 500ms; 
}
.find-content-more-btn:hover p{
    color: white;
}

/*after のみ*/
.after-table{
    border-collapse: collapse;
    border: 1px solid black;
    margin-left: calc(30vw/19.2);
}
.after-table-th,.after-table-td{
  border: 1px solid black;
  vertical-align: middle;
  font-size: calc(20vw/19.2);
  height: calc(90vw/19.2);
  padding-left: calc(40vw/19.2);
}
.after-table-th{
    background-color: #F5BA00;
    text-align: left;
    width: calc(350vw/19.2);
}
.after-table-td{
    width: calc(755vw/19.2);
}
.table-yellow{
    color: #F5BA00;
    font-size: calc(30vw/19.2);
    letter-spacing: calc(-1vw/19.2);
    font-weight: 700;
}
.right-text{
    text-align: right;
    font-size: calc(20vw/19.2);
    letter-spacing: calc(-0.5vw/19.2);
    margin-top: calc(30vw/19.2);
    margin-right: calc(235vw/19.2);
}

/*review　のみ*/
.review-content-box{
    display: flex;
    margin-left: calc(45vw/19.2);
    margin-bottom: calc(100vw/19.2);
}
.review-image{
    width: calc(150vw/19.2);
    height: fit-content;
}
h4{
    font-size: calc(28vw/19.2);
    font-weight: 600;
}
.review-text-box{
    margin-left: calc(40vw/19.2);
    margin-right: calc(200vw/19.2);
}
.review-yellow-line{
    display: block;
    content: "";
    height: calc(5vw/19.2);
    width: 100%;
    background-color: #F5BA00;
    margin: calc(15vw/19.2) 0;
}
.review-content-box p{
    font-size: calc(17vw/19.2);
    line-height: calc(25vw/19.2);
}

/*Q&A　のみ*/
.FAQ-table-midashi{
    background-color: #F5BA00;
    color: white;
    width: calc(872vw/19.2);
    margin-top: calc(30vw/19.2);
    margin-left: calc(100vw/19.2);
    padding-left: calc(25vw/19.2);
    height: calc(50vw/19.2);
    line-height: calc(50vw/19.2);
    font-size: calc(17vw/19.2);
}
.anser{
    display: none;
}
.FAQ-table{
    border-collapse: collapse;
    margin-left: calc(100vw/19.2);
    border: 1px solid #F5BA00;
}
.FAQ-table td{
    vertical-align: middle;
    border: 1px solid #F5BA00;
}
.FAQ-table-A{
    text-align: center;
    color: #F5BA00;
    width: calc(50vw/19.2);
    height: calc(50vw/19.2);
    font-size: calc(20vw/19.2);
    font-weight: 800;
    font-family: "Noto Sans JP", serif;
}
.FAQ-table-B{
    font-size: calc(20vw/19.2);
    line-height: calc(25vw/19.2);
    letter-spacing: calc(0.5vw/19.2);
    width: calc(820vw/19.2);
    padding: calc(10vw/19.2) calc(15vw/19.2);
}

/*access　のみ*/
.access-title{
    font-size: calc(25vw/19.2);
    line-height: calc(50vw/19.2);
    font-weight: 600;
    color: white;
    background-color: #F5BA00;
    border-radius: calc(10vw/19.2);
    text-align: center;
}
.access-contena{
    margin-left: calc(460vw/19.2);
    width: calc(880vw/19.2);
}
.access-content{
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(50vw/19.2);
}
.access-content-box{
    width: calc(265vw/19.2);
    margin-right: calc(42vw/19.2);
    margin-bottom: calc(40vw/19.2);
}
.right-none{
    margin-right: 0;
}
.access-image-box{
    position: relative;
}
.access-image-box img{
    width: calc(265vw/19.2);
}
.access-image-box p{
    position: absolute;
    top: 0;
    font-size: calc(15vw/19.2);
    padding: calc(10vw/19.2) calc(15vw/19.2);
    background-color: #F5BA00;
    color: white;
    border-radius: 0 0 calc(10vw/19.2) 0;
    width: fit-content;
}
.access-text-box{
    font-size: calc(14vw/19.2);
    letter-spacing: calc(-0.2vw/19.2);
    line-height: calc(19vw/19.2);
}

/*contact のみ*/
@font-face {
    font-family: 'Myfont';
    font-style: normal;
    font-weight: 900;
    src: url(../font/century-gothic-pro-bold.otf) format('otf');
    font-display: swap;
  }
form{
    margin-left: calc(60vw/19.2);
}
form ul li{
    margin: calc(32vw/19.2) 0;
}
.con-label{
    font-weight: 700;
    font-size: calc(20vw/19.2);
}
.form-box{
    border: 1px solid #F5BA00;
    border-radius: calc(10vw/19.2);
    height: calc(40vw/19.2);
    width: calc(600vw/19.2);
}
textarea{
    border: 1px solid #F5BA00;
    border-radius: calc(10vw/19.2);
    height: calc(110vw/19.2);
    width: calc(600vw/19.2);
}
.contact-btn{
    color: #F5BA00;
    background-color: white;
    border: 1px solid #F5BA00;
    font-weight: 900;
    border-radius: 100vh;
    font-size: calc(30vw/19.2);
    padding: calc(10vw/19.2) calc(40vw/19.2) calc(10vw/19.2) calc(40vw/19.2);
    margin-left: calc(200vw/19.2);
}
.contact-allbox{
    background-color: #F5BA00;
    border-radius: calc(20vw/19.2);
    height: fit-content;
    padding: calc(65vw/19.2) calc(55vw/19.2) calc(40vw/19.2) calc(55vw/19.2);
    margin: calc(150vw/19.2) 0 0 calc(100vw/19.2);
}
.phone-icon{
    width: calc(35vw/19.2);
    margin-right: calc(10vw/19.2);
}
.contact-box-number{
    display: flex;
    width: fit-content;
    margin: 0 auto;
}
.contact-box-ii{
    display: flex;
    width: fit-content;
    margin: calc(25vw/19.2) auto calc(20vw/19.2) auto;
}
.box-phone-number{
    font-family: 'Myfont';
    color: white;
    font-size: calc(45vw/19.2);
    font-weight: 900;
    letter-spacing: calc(8vw/19.2);
}
.contact-box-time,.contact-box-day{
    background-color: white;
    color: #F5BA00;
    border-radius: 100vh;
    font-size: calc(13vw/19.2);
    letter-spacing: calc(1vw/19.2);
    padding: calc(10vw/19.2) calc(5vw/19.2);
}
.contact-box-time{
    margin-right: calc(10vw/19.2);
}

/*Jplan*/
.Jplan-content-text-wide-box{
    width: calc(1200vw/19.2);
}
.Jplan-youtube{
    width: calc(1200vw/19.2);
    margin: calc(30vw/19.2) 0 calc(30vw/19.2) calc(60vw/19.2);
}
.Jplan-content-more-btn{
    display: block;
    border-radius: 100vh;
    border: 1px solid #F5BA00;
    width: fit-content;
    padding: calc(20vw/19.2) calc(70vw/19.2);
    margin: 0 auto 0 auto;
}
.Jplan-content-more-btn p{
    background-color: transparent;
    font-size: calc(15vw/19.2);
    letter-spacing: calc(2vw/19.2);
    line-height: calc(20vw/19.2);
    color: #F5BA00;
}
@media screen and (max-width: 1000px) {
    main{
        background-color: #FAFAFA;
        width: 100%;
        margin: 0 auto 0 auto;
        padding: calc(90vw/3.9) 0 calc(50vw/3.9) 0;
    }
    td,
    th{
        font-family: "Noto Sans JP", sans-serif;
    }

    .page-fixed-menu{
        display: none;
    }
    .title-box-SP{
        display: block;
        z-index: 2;
    }
    .title-text-box-SP{
        display: flex;
        position: relative;
        background-color: white;
        width: fit-content;
        overflow: hidden;
        margin-top: calc(5vw/3.9);
        z-index: 2;
    }
    .yellow-box{
        position: relative;
        width: calc(8vw/3.9);
        margin-right: 0;
    }
    .yellow-box-en{
        height: calc(33vw/3.9);
    }
    .yellow-box-jp{
        height: calc(40vw/3.9);
    }
    .en-tit{
        margin: calc(10vw/3.9) calc(10vw/3.9);
        font-size: calc(13vw/3.9);
        z-index: 2;
    }
    .jp-tit{
        margin: calc(10vw/3.9) calc(10vw/3.9);
        font-size: calc(18vw/3.9);
        z-index: 2;
    }
    .content-box{
        display: block;
        margin: 0 calc(30vw/3.9) calc(30vw/3.9) calc(30vw/3.9);
    }
    .text-text-box{
        width: calc(300vw/3.9);
        margin-top: calc(15vw/3.9);
        margin-left: calc(18vw/3.9);
        margin-right: calc(18vw/3.9);
    }
    .text-text-box p{
        width: fit-content;
        font-size: calc(13vw/3.9);
        line-height: calc(18vw/3.9);
    }
    .text-text-box h4{
        font-size: calc(15vw/3.9);
    }
    .content-text-wide{
        margin-top: 0;
        margin-left: 0;
        font-size: calc(13vw/3.9);
        line-height: calc(18vw/3.9);
    }
    .content-text-wide-box{
        margin-top: calc(15vw/3.9);
        margin-left: calc(15vw/3.9);
    }
    .content-text-wide-box p{
        font-size: calc(13vw/3.9);
        line-height: calc(18vw/3.9);
    }
    .top-space{
        margin-top: calc(18vw/3.9);
    }
    .box-top-space{
        margin-top: calc(50vw/3.9);
    }
    .content-image{
        width: calc(300vw/3.9);
        height: auto;
        margin-left: calc(15vw/3.9);
        margin-top: calc(-20vw/3.9);
    }

    /*about*/
    .about-content-image{
        width: calc(300vw/3.9);
        height: auto;
        margin-left: calc(15vw/3.9);
        margin-top: calc(-20vw/3.9);
    }
    .ceo-image{
        margin-top: calc(-80vw/3.9);
        margin-left: calc(150vw/3.9);
        width: calc(200vw/3.9);
    }
    .about-company-content-cell{
        display: block;
    }
    .about-company-content-cell p{
        font-size: calc(13vw/3.9);
        line-height: calc(18vw/3.9);
        margin-right: 0;
    }
    .about-company-box{
        margin: 0 calc(30vw/3.9);
    }
    .about-company-content-cell{
        margin: calc(20vw/3.9) 0;
    }
    .ppptttddd{
        margin-top: calc(-20vw/3.9);
    }
    /*about*/

    /*find*/
    .image-box{
        display: block;
        margin-top: calc(15vw/3.9);
        margin-left: calc(10vw/3.9);
    }
    .search-carsensor,.search-goonet{
        width: calc(300vw/3.9);
        margin: calc(15vw/3.9) 0;
    }
    .find-concept-box{
        width: auto;
        margin-top: calc(30vw/3.9);
        height: calc(200vw/3.9);
        padding: calc(10vw/3.9);
    }
    .find-concept-image{
        display: none;
    }
    .find-content-tit{
        font-size: calc(15vw/3.9);
    }
    .find-concept-content p{
        font-size: calc(10vw/3.9);
        line-height: calc(15vw/3.9);
    }
    .find-concept-content .find-concept-text .find-concept-title .find-content-number{
        font-size: calc(25vw/3.9);
        line-height: calc(25vw/3.9);
    }
    .find-concept-content .find-concept-text .find-concept-title .find-content-tit{
        font-size: calc(15vw/3.9);
        line-height: calc(25vw/3.9);
    }
    .find-dot-box{
        top: calc(750vw/3.9);
        right: calc(25vw/3.9);
        width: calc(20vw/3.9);
        height: calc(120vw/3.9);
    }
    .find-dot{
        width: calc(10vw/3.9);
        height: calc(10vw/3.9);
        margin: calc(9vw/3.9) auto;
    }
    /*find*/

    /*after*/
    .after-table{
        margin-left: calc(15vw/3.9);
        margin-top: calc(15vw/3.9);
    }
    .after-table-th{
        font-size: calc(6vw/3.9);
        padding: calc(10vw/3.9) calc(10vw/3.9);
        width: fit-content;
    }
    .after-table-td{
        font-size: calc(6vw/3.9);
        padding: calc(10vw/3.9) calc(20vw/3.9) calc(10vw/3.9) calc(10vw/3.9);
        width: fit-content;
    }
    .table-yellow{
        font-size: calc(10vw/3.9);
    }
    /*after*/

    /*access*/
    .access-contena{
        width: calc(300vw/3.9);
    }
    .access-title{
        border-radius: calc(10vw/3.9);
        margin-top: calc(30vw/3.9);
        margin-left: calc(20vw/3.9);
        font-size: calc(15vw/3.9);
        line-height: calc(30vw/3.9);
    }
    .access-content{
        margin-left: calc(20vw/3.9);
    }
    .access-content-box{
        width: calc(130vw/3.9);
        margin-right: calc(20vw/3.9);
    }
    .access-content-box img{
        width: calc(130vw/3.9);
    }
    .right-none-SP{
        margin-right: 0;
    }
    .access-text-box p{
        font-size: calc(13vw/3.9);
        line-height: calc(15vw/3.9);
    }
    .access-image-box p{
        font-size: calc(15vw/3.9);
        padding: calc(7vw/3.9) calc(10vw/3.9);
    }
    /*access*/

    /*Q&A*/
    .FAQ-table-midashi{
        font-size: calc(17vw/3.9);
        line-height: calc(20vw/3.9);
        width: calc(280vw/3.9);
        height: calc(20vw/3.9);
        margin-top: calc(30vw/3.9);
    }
    .FAQ-table-A{
        width: calc(20vw/3.9);
        min-height: calc(20vw/3.9);
        font-size: calc(12vw/3.9);
    }
    .FAQ-table-B{
        min-height: calc(20vw/3.9);
        width: calc(259vw/3.9);
        font-size: calc(12vw/3.9);
        line-height: calc(14vw/3.9);
    }
    /*Q&A*/

    /*contact*/
    .contact-allbox{
        padding: calc(20vw/3.9);
        border-radius: calc(30vw/3.9);
        margin: calc(30vw/3.9) auto;
    }
    .phone-icon{
        width: calc(20vw/3.9);
    }
    .box-phone-number{
        font-size: calc(25vw/3.9);
    }
    .box-phone-number a {
        color: white;
    }
    .contact-box-time{
        font-size: calc(8vw/3.9);
        margin-right: calc(10vw/3.9);
    }
    .contact-box-day{
        font-size: calc(8vw/3.9);
    }
    .con-label{
        color: #F5BA00;
        font-size: calc(15vw/3.9);
        margin-bottom: calc(15vw/3.9);
        font-weight: 600;
    }
    .form-box{
        margin-top: calc(10vw/3.9);
        height: calc(20vw/3.9);
        width: calc(300vw/3.9);
    }
    form ul li{
        margin: calc(20vw/3.9) 0;
    }
    form{
        margin-top: calc(50vw/3.9);
    }
    textarea{
        height: calc(40vw/3.9);
        width: calc(300vw/3.9);
    }
    .contact-btn{
        font-size: calc(15vw/3.9);
        margin-left: calc(100vw/3.9);
    }
    .form-box-hon{
        margin-top: calc(10vw/3.9);
    }
    /*contact*/

    /*review*/
    .review-image{
        width: calc(80vw/3.9);
        height: calc(80vw/3.9);
        margin-left: 50%;
        transform: translate(-50%,0);
        margin-bottom: calc(30vw/3.9);
    }
    .review-content-box{
        margin-top: calc(50vw/3.9);
        display: block;
    }
    .review-text-box{
        margin: 0 calc(10vw/3.9);
    }
    .review-text-box h4{
        font-size: calc(20vw/3.9);
    }
    .review-text-box p{
        font-size: calc(13vw/3.9);
        line-height: calc(18vw/3.9);
    }
    .review-yellow-line{
        height: calc(5vw/3.9);
        margin: calc(10vw/3.9) 0;
    }
}