/*
Last Updated: 2023.07.21
Author: ゴーリエム
*/


/* Default---------------------------------------------- */

@media (min-width: 737px) {
}
@media (max-width: 737px) {
    .swiper-wrapper {
        height: 123vw;
    }
    .is-pc{
        display: none;
    }
    .contact-wrapper .container{
        padding: 0 7vw;
    }
    .contact-wrapper .big-title{
        font-size: 7vw!important;
    }
    .contact-wrapper .small-title{
        font-size: 3vw!important;
        line-height: 1.7;
    }
    .contact-wrapper .small-title span{
        font-size: 2.5vw!important;
    }
    .contact-wrapper .section-title{
        padding: 20px 0!important;
    }
    .contact-wrapper .form .form-group input{
        padding: 1rem 0.75rem!important;
    }
    .contact-wrapper .form .form-group label{
        font-size: 3vw!important;
        margin: 15px 0 15px 0px;
    }
    .wrap-form .form-group{
        margin-bottom: 5px;
    }
    .contact-wrapper .big-title{
        padding-top: 105px!important;
        margin-top: 0!important;
    }
    .contact-wrapper .wrap-check .wrap-check-input{
        flex-direction: column;
    }
    .contact-wrapper .confirm-form{
        margin: 30px 0 60px 0px!important;
    }
    .contact-wrapper .wrap-check .form-check{
        margin-bottom: 20px;
        margin-right: 0;
    }
    .contact-wrapper .wrap-check .form-check:last-child{
        margin-bottom: 0;
    }
    .contact-footer{
        padding-top: 30px;
        margin-top: 65px;
    }
    .contact-footer .copyright{
        font-size: 12px;
        margin: 150px 0 15px;
    }
    .contact-wrapper .form .form-group label{
        margin: 15px 0!important;
    }
    .contact-wrapper .wrap-check .check-title {
        margin-left: 0!important;
    }
    .contact-wrapper .wrap-check-input {
        margin-left: 0!important;
    }
    .contact-wrapper .confirm-form .confirm-text {
        line-height: 1.5;
    }
    .contact-wrapper .wrap-check .check-title{
        font-size: 15pt!important;
    }
    .contact-wrapper textarea{
        font-size: 14pt!important;
    }
    /*.contact-wrapper .confirm-form .confirm-text{
        font-size: 12pt!important;
    }*/
    /*.contact-wrapper .confirm-form .form-check{
        font-size: 15pt!important;
    }*/
    .contact-wrapper .form-submit{
        padding: 20px 0!important;
    }
    .contact-wrapper .form{
        padding-bottom: 0!important;
    }
    .contact-wrapper .wrap-check .check-title{
        font-size: 18px!important;
    }

    .page-contact form table td select{
        width: 100%;
    }
    .gyosei_img img{
        width: 90%;
    }
}
@media (min-width: 992px) {
    .is-sp{
        display: none;
    }
    .navbar{
        width: 13%;
        float: left;
    }
    #primary{
        width: 87%;
        float: right;
    }

    .navbar ul{
        width: 100%;
    }
    .sidenav {
        top: 0;
        left: 0;
        text-align: center;
        height: calc(100vh);
        background: #ffffff;
        box-sizing: border-box;
        /*border-top: 1px solid rgba(0, 0, 0, 0.3);*/
        position: relative;
    }
    /*.nav-pills li:nth-last-child(1) .nav-link:hover{
        background: unset;
        color: black !important;
    }*/
    .sidenav .box-mxh{
        position: absolute;
        bottom: 30px;
        width: 100%;
    }
    .navbar-dark .navbar-nav .nav-item:nth-child(2) .nav-link:hover{
        background: #FFEAE5;
        color: #EA4521;
    }
    .navbar-dark .navbar-nav .nav-item:nth-child(3) .nav-link:hover{
        background: #FFFBD9;
        color: #FFB52F;
    }
    .navbar-dark .navbar-nav .nav-item:nth-child(4) .nav-link:hover{
        background: #FFEAE5;
        color: #EA4521;
    }
    .navbar-dark .navbar-nav .nav-item:nth-child(5) .nav-link:hover{
        background: #D9F0ED;
        color: #3FB5E0;
    }
    .navbar-dark .navbar-nav .nav-item .nav-link:hover img{
        transition: transform 1s; /* Animation */
        transform: scale(1.2);
    }
    .navbar-expand-lg .sidenav {
        flex-direction: column;
    }

    .ct-cp-2 table .tr6 td,
    .ct-cp-2 table .tr6 th{
        border: unset;
    }
    .ct-cp-2 table .tr7 td,
    .ct-cp-2 table .tr7 th{
        border: unset;
    }

    .page-contact form table tr:first-child th{
        border-top-left-radius: 18px;
    }
    .page-contact form table tr:first-child td{
        border-top-right-radius: 18px;
    }
    .page-contact form table tr:last-child th{
        border-bottom-left-radius: 18px;
    }
    .page-contact form table tr:last-child td{
        border-bottom-right-radius: 18px;
    }
    .ct-cp-4 table tr:last-child th{
        border: unset;
    }

}
@media (max-width: 992px) {

    body{
        font-size: 3.5vw;
    }
    .is-pc{
        display: none;
    }
    /*.animated {
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }*/
    .inner{
        width: 92%;
    }

    /*edit nav btn*/
    .navbar-toggler-icon {
        background-image: none!important;
        background-color: var(--bs-gray-800);
        height: 3px;
        width: 25px;
        margin: 10px 0;
        position: relative;
        transition: all 0.35s ease-out;
        transform-origin: center;
    }

    .navbar-toggler-icon::before {
        display: block;
        background-color: var(--bs-gray-800);
        height: 3px;
        content: "";
        position: relative;
        top: -7px;
        transition: all 0.15s ease-out;/*taken down to hide quicker*/
        transform-origin: center;
    }

    .navbar-toggler-icon::after {
        display: block;
        background-color: var(--bs-gray-800);
        height: 3.5px;
        content: "";
        position: relative;
        top: 4px;
        transition: all 0.35s ease-out;
        transform-origin: center;
    }

    .navbar-dark .navbar-toggler-icon,
    .navbar-dark .navbar-toggler-icon::before,
    .navbar-dark .navbar-toggler-icon::after {
        background-color: #ffffff;
    }

    .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
        transform: rotate(45deg);
    }

    .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
        opacity: 0;
    }

    .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
        transform: rotate(-90deg) translateX(7px) ;
    }
    /*end edit nav btn*/

    #primary{
        padding-top: 15.6vw;
    }
    .navbar{
        background: #ffffff;
    }
    .navbar-expand-lg .nav-item .nav-link {
        padding: 5vw 3vw;
    }
    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        background: #ff3e3e75;
        color: #f33030;
    }
    .dropdown-menu{
        border: 1px solid #ff3e3e75;
        margin-bottom: 3vw;
    }
    .mv{
        padding-top: 5vw;
    }
    .menu-recruit {
        width: 80%;
        margin-top: 7vw;
        margin-bottom: 7vw;
        font-size: 4vw;
        padding: 3vw;
    }
    .menu-contact {
        width: 80%;
        margin-bottom: 7vw;
        font-size: 4vw;
        padding: 3vw 0;
    }
    .swiper-button-next {
        width: 5.5vw;
        height: 16vw;
        border-radius: 0;
        right: 0;
    }
    .swiper-button-prev {
        width: 5.5vw;
        height: 16vw;
        border-radius: 0;
        left: 0;
    }
    .logo-sp{
        width: 100%;
        height: 15.6vw;
        display: flex;
        align-items: center;
    }
    .logo-sp a{
        padding-left: 4vw;
    }
    .mv-icon{
        position: absolute;
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }
    .menu-banner {
        padding-bottom: 10vw;
    }
    .menu-box1 a{
        padding: 1vw 0;
        margin-bottom: 5vw;
    }
    .menu-banner a {
        margin-bottom: 3vw;
    }
    .menu-banner a img {
        width: 100%;
    }
    .menu-box1 {
        margin-left: 0;
        padding: 5vw 0 10vw 0;
    }
    .menu-box1 a p {
        font-size: 4vw;
    }

    ul.navbar-nav{
        height: 92vh;
        text-align: center;
        padding: 8vw 0 25vw 0;
        width: 90%;
        margin: auto;
        overflow: auto;
    }
    ul.navbar-nav .nav-item{
        border-bottom: 1px solid;
        font-size: 4vw;
    }
    ul.navbar-nav .contact,
    ul.navbar-nav .i-menu-icon,
    ul.navbar-nav .f-menu-icon{
        border-bottom: none;
    }
    .navbar-dark .navbar-toggler{
        border: none;
        height: 15.6vw;
        width: 15.6vw;
        background: #EA4521;
        border-radius: 0;
        padding: 0;
    }
    .box-mxh a {
        width: 10%;
    }

    .ct1 img{
        width: 100%;
        padding-bottom: 2vw;
    }
    .ct1 p{
        text-align: left;
        font-size: 3.7vw;
    }
    .ct-title h2 {
        font-size: 8vw;
    }
    .ct-title p {
        font-size: 3.5vw;
    }
    .ct2-box {
        flex-wrap: wrap;
    }
    .ct2 {
        padding-bottom: 5vw;
    }
    .ct2-box a {
        width: 48.5%;
        padding: 3vw 2vw;
        margin-bottom: 5vw;
    }
    .ct2-box a .ct2-box-title {
        height: 13vw;
    }
    .ct2-box a h3 {
        font-size: 3.8vw;
    }
    .ct2-box a .ct2-logo {
        height: 19vw;
    }
    .ct2-box a .ct2-text {
        font-size: 3.2vw;
        height: 16vw;
    }
    .ct2-box .ct2-box-title p {
        font-size: 2.1vw;
        padding-top: 3px;
    }
    .ct2-box a .ct2-seemore span{
        display: none;
    }
    .ct-title {
        text-align: center;
        padding-top: 13vw;
        padding-bottom: 6vw;
    }
    .ct3 {
        padding-bottom: 10vw;
    }
    .ct3-box {
        justify-content: space-between;
    }
    .ct3-box a {
        width: 48.5%;
        padding: 2vw;
        margin-bottom: 5vw;
        margin-left: 0;
    }
    .ct3-box a h3.ct3-title {
        font-size: 3.5vw;
        height: 15vw;
    }
    .ct3-box a .ct3-date {
        font-size: 3vw;
        width: 60%;
        float: left;
    }
    .ct3-box a .ct3-avatar img{
        height: 25vw;
    }
    .ct3-btn-seemore a {
        width: 70%;
        padding: 3vw 0;
        font-size: 4vw;
    }
    .ct3-btn-seemore {
        padding-top: 5vw;
    }
    .ct3-icon1 {
        top: -8%;
        left: 1%;
        width: 9%;
    }
    .ct3-icon2 {
        top: -5%;
        left: 90%;
        width: 10%;
    }
    .ct3-icon3 {
        top: 30%;
        right: 47%;
        width: 6%;
    }
    .ct3-icon4 {
        top: -4%;
        right: 46%;
        width: 6%;
    }
    .ct3-icon5 {
        top: 64%;
        right: 47%;
        width: 5%;
    }
    .ct3-icon6 {
        top: 99%;
        left: 0;
        width: 10%;
    }
    .ct3-icon7 {
        top: 99%;
        right: 1%;
        width: 9%;
    }
    .ct4 {
        padding-bottom: 0;
    }
    .ct41 div {
        display: none;
    }
    .ct41 h3 {
        font-size: 4.2vw;
        width: 100%;
        border-bottom: 1px solid #000000;
        padding-bottom: 1vw;
    }

    .ct41{
        padding-bottom: 8vw;
    }
    .ct41a div {
        display: none;
    }
    .ct41a h3 {
        font-size: 4.2vw;
        width: 100%;
        padding-bottom: 1vw;
    }

    .ct41a{
        padding-bottom: 5vw;
    }
    .ct41-list a {
        width: 48.5%;
        margin-bottom: 5vw;
        margin-left: 0;
    }
    .ct41-list a h3 {
        font-size: 3.5vw;
        padding-bottom: 3vw;
    }
    .ct41-list a .ct41-box{
        padding: 3vw 2.5vw;
    }
    .ct41-list a .ct41-avatar img{
        height: 25vw;
    }
    .ct41-adress {
        font-size: 3vw;
    }
    .ct41-p1{
        width: 100%;
        margin-bottom: 3vw;
    }
    .ct41-p3 {
        padding: 1.5vw 0;
        font-size: 3.5vw;
    }
    .ct41-list{
        justify-content: space-between;
        padding-bottom: 10vw;
    }
    /*.ct-ol-mv {
        height: 25vw;
    }*/
    .ct5 {
        padding-bottom: 5vw;
    }
    .ct6 {
        padding-bottom: 10vw;
    }
    .ct7 .ct7-content {
        flex-direction: column;
        padding: 3vw;
        margin-bottom: 15vw;
        border: none;
        background: #ffffff;
    }
    .ct7-content iframe {
        width: 100%;
        height: 62vw;
    }
    .ct7-content .ct7-info {
        width: 100%;
        padding-bottom: 7vw;
        padding-left: 0;
        padding-right: 0;
    }
    .ct7-p1 {
        font-size: 5vw;
        padding-bottom: 3vw;
        padding-top: 5vw;
    }
    .ct7-p2, .ct7-p3{
        font-size: 3.5vw;
    }
    .ct7-p4 {
        font-size: 3vw;
    }
    .ct7-info a {
        float: unset;
        font-size: 4vw;
        padding: 3vw 25vw;
        background: #EA4521;
        color: #ffffff;
        border-radius: 15px;
        margin-left: 9vw;
    }
    .ct7 {
        padding-bottom: 10vw;
    }
    .ft-image {
        text-align: center;
        padding-bottom: 20vw;
    }


    .footer-fixed{
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    .footer-fixed-box{
        width: 95%;
        margin: auto;
        background: #ffffff;
        border: 2px solid #ffffff;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        transition: bottom 0.3s;
    }
    .footer-fixed-link{
        display: flex;
        align-items: flex-end;
        justify-content: center;
        flex-wrap: nowrap;
    }
    a.footer-fixed-link-l{
        width: 50%;
        height: 50px;
        background: #ffffff;
        display: flex;
        align-items: center;
        color: #3C3C3C;
        border-top-left-radius: 14px;
        font-size: 24px;
    }
    a.footer-fixed-link-r{
        width: 50%;
        height: 50px;
        background: #EA4521;
        display: flex;
        align-items: center;
        color: #ffffff;
        border-top-right-radius: 14px;
        font-size: 15px;
        line-height: 1.2;
    }
    .footer-fixed-link a img{
        margin-left: 18px;
        margin-right: 10px;
    }
    .footer-fixed p{
        text-align: center;
        background: #3C3C3C;
        color: #ffffff;
        font-size: 9px;
        padding: 3px 0 3px 10px;
    }

    /*one life*/
    .page-info{
        font-size: 4vw;
        height: 30vw;
        padding: 0;
        justify-content: center;
        flex-direction: column;
    }
    .page-info img {
        width: 50%;
        margin-top: 4vw;
    }
    .breadcrumbs {
        font-size: 2.2vw;
        padding: 2vw 2vw 8vw 2vw;
    }
    .ct-ol {
        background: #ffffff;
        padding: 3vw 3vw 10vw 3vw;
    }
    .ct-ol-box {
        width: 100%;
    }
    .ct-ol-1 {
        padding-top: 3vw;
        padding-bottom: 10vw;
        width: 100%;
    }
    .ct-ol-1 h2 {
        font-size: 6vw;
        padding-bottom: 5vw;
    }
    .ct-ol-1 .ct-ol-1p1 {
        font-size: 4.5vw;
        padding-bottom: 5vw;
    }
    .ct-ol-1 .ct-ol-1p2 {
        font-size: 3.5vw;
    }
    .ct-ol-box h2 {
        width: 80%;
        font-size: 4.5vw;
        padding-top: 3vw;
        padding-bottom: 2vw;
    }
    .ct-ol-box1 {
        padding: 3vw;
    }
    .ct-ol-box1 p:nth-child(1) {
        font-size: 4.5vw;
        padding-bottom: 3vw;
    }
    .ct-ol-box1 p:nth-child(2) {
        font-size: 3.5vw;
    }
    .ct-ol-box2 p:nth-child(1) {
        font-size: 3.5vw;
    }
    .ct-ol-box2 p:nth-child(2) {
        font-size: 4.5vw;
        padding: 3vw 0;
    }
    .ct-ol-boxa {
        margin-top: 10vw;
    }
    .ol-p-office{
        width: 70%;
        padding: 3vw 0;
        font-size: 4vw;
    }
    .ol-p-last {
        font-size: 3vw;
        padding-top: 2vw;
    }
    /*end one life*/

    /*job life*/
    .ct-ol-12{
        margin-top: 5vw;
    }
    .ct-ol-12 div {
        width: 15%;
    }
    .ct-ol-12 p {
        width: 70%;
        font-size: 3vw;
        margin: 2vw 0;
        padding: 2vw 0 2vw 2vw;
    }
    .ct-ol-12 h3 {
        font-size: 7vw;
    }
    .ct-ol-12 div img{
        width: 75%;
    }
    .ct-ol-1 .ct-ol-1p3 {
        padding-top: 5vw;
        padding-bottom: 5vw;
        font-size: 3vw;
    }
    .page-joblife .ct-ol-box2 ul {
        padding: 3vw 3vw 2vw 5vw;
        font-size: 3vw;
    }
    .page-joblife .ct-ol-box2 li {
        padding-bottom: 1vw;
    }
    /*end job life*/

    /*page-dsupport*/
    .ct-ds1 {
        padding-top: 5vw;
        width: 75%;
    }
    .ct-ds-1 {
        padding-top: 5vw;
        text-align: center;
    }
    .ct-ds-box {
        padding-top: 10vw;
        flex-direction: column;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
    }
    .ct-ds-box .ct-ds-box1 {
        border-radius: 10px;
        width: 90%;
        margin: auto;
        height: auto;
        margin-bottom: 15vw;
    }
    .ct-ds-box .ct-ds-box1 img {
        width: 15%;
        margin-bottom: 0;
        margin-top: -10vw;
    }
    .ct-ds-box .ct-ds-box1 p {
        font-size: 3.5vw;
        padding: 2.5vw 5vw;
        text-align: left;
        line-height: 1.7;
    }
    .ct-ds-1 a {
        font-size: 3.5vw;
        padding: 5vw 21vw;
        margin-top: 5vw;
    }
    .ct-ds-1 a img {
        width: 6%;
        bottom: 6vw;
    }
    /*end page-dsupport*/

    /*page-footballclub*/
    .ct-ftb-1 {
        width: 100%;
        margin: auto;
        padding-bottom: 15vw;
    }
    .ct-ftb-title {
        font-size: 4.5vw;
        margin-bottom: 5vw;
    }
    .ct-ftb-1box {
        flex-wrap: wrap;
        flex-direction: column;
        padding: 3vw;
    }
    .ct-ftb-1box1 {
        width: 100%;
        padding-bottom: 2vw;
    }
    .ct-ftb-1box2 {
        width: 100%;
        padding-left: 0;
        padding-bottom: 5vw;
    }
    .ct-ftb-1box2 p:nth-child(1) {
        font-size: 4vw;
    }
    .ct-ftb-1box2 p:nth-child(2) {
        font-size: 3vw;
        padding-bottom: 2vw;
    }
    .ct-ftb-1box2 p:nth-child(3) {
        font-size: 3vw;
    }
    .ct-ftb-1box2 p:nth-child(3) img {
        width: 5%;
    }
    .ct-ftb-1box3 {
        width: 100%;
        text-align: center;
        font-size: 4.5vw;
        background: #74C924;
        color: #ffffff;
        padding: 1vw 0;
        border-radius: 3vw;
    }
    .ct-ftb-title img {
        margin-right: 2vw;
        width: 6%;
    }
    .ct-ftb-1 table th, .ct-ftb-1 table td{
        font-size: 3.5vw;
    }
    .ct-ftb-1 table td:nth-child(1){
        font-size: 4vw;
    }
    .ct-ftb-1 table td:nth-child(2) {
        padding: 2vw 0;
    }
    .ct-ftb-1c{
        justify-content: space-between;
    }
    .ftb-1c-box {
        width: 48%;
        padding-bottom: 5vw;
        margin-left: 0;
    }
    .ftb-1c-avatar p {
        width: 85%;
        font-size: 3vw;
    }
    .ftb-1c-p1 {
        font-size: 4.5vw;
        padding-top: 1vw;
    }
    .ftb-1c-p2 {
        font-size: 3.5vw;
    }
    .ftb-1c-p3 {
        font-size: 3.5vw;
    }
    .ct-ftb-1d{
        padding-bottom: 5vw;
        flex-direction: column;
    }
    .ftb-1d-info {
        padding-left: 0;
        text-align: center;
    }
    .ftb-1d-info p:nth-child(1) {
        font-size: 4.5vw;
        padding-top: 1vw;
        padding-bottom: 5vw;
    }
    .ftb-1d-info p:nth-child(2) {
        font-size: 3.5vw;
    }
    .ftb-1d-info p:nth-child(3) {
        font-size: 6vw;
        padding-bottom: 5vw;
    }
    .ftb-1d-info a {
        padding: 2vw 0;
        font-size: 4vw;
    }
    .ct-ftb-p {
        font-size: 2.3vw;
    }
    .ftb-1d-info a img {
        width: 12%;
    }
    /*end page-footballclub*/

    #searchform input {
        width: 100%;
        padding: 1vw 2vw;
    }
    .search-news {
        font-size: 3.5vw;
        height: 15vw;
        padding: 0 12vw;
    }
    #searchform{
        width: 100%;
    }
    .navbar-news {
        padding-bottom: 10vw;
    }
    .navbar-news a {
        font-size: 3.5vw;
        padding: 2vw 0;
        /*width: 23%;*/
    }
    /*.navbar-news a:nth-child(3){
        width: 29%;
    }*/
    .navbar-news .dropdown{
        /*width: 25%;*/
    }
    .navbar-news .dropdown .dropbtn {
        font-size: 3.5vw;
        padding: 2vw 0;
    }
    .navbar-news .dropdown .dropbtn i {
        position: absolute;
        right: 2vw;
        font-size: 4.5vw;
    }
    .navbar-news a.active::after{
        left: 40%;
        bottom: -3vw;
    }
    .navbar-news .dropdown-content {
        min-width: auto;
        width: auto;
        /*right: 8vw;*/
        right: 4.5vw;
    }
    .navbar-news .dropdown-content a {
        padding: 2vw 1vw;
    }
    .news-content {
        padding: 5vw 2vw;
        margin-bottom: 15vw;
    }
    .news-content .productlist {
        padding-bottom: 10vw;
    }
    .news-content .grid_box {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10vw;
        padding: 3vw;
    }
    .news-content .grid_box a img {
        height: 55vw;
    }
    .news-content .grid_box a .product-about {
        font-size: 3.5vw;
    }
    .news-content .grid_box a .product-date {
        font-size: 3vw;
    }

    .news-icon1{
        top: 86vw;
        width: 7.5%;
    }
    .news-icon2{
        top: 175vw;
        width: 8%;
    }
    .news-icon3{
        top: 264vw;
        width: 10%;
    }
    .news-icon4{
        top: 353vw;
        width: 10.5%;
    }
    .news-icon5{
        top: 440vw;
        width: 13%;
    }
    .news-icon6 {
        top: 532vw;
        width: 13%;
    }
    .news-icon7{
        top: 618vw;
        width: 14%;
    }
    .news-icon8{
        top: 710vw;
        width: 10%;
    }
    .news-icon9{
        top: 888vw;
        width: 11%;
    }
    .news-icon10{
        top: 978vw;
        width: 8.5%;
    }
    .news-icon11{
        top: 1069vw;
        width: 11%;
    }
    .news-icon12{
        top: 1159vw;
        right: 8%;
        width: 6%;
    }
    .pagination-news li span,
    .pagination-news a{
        width: 8vw;
        height: 8vw;
        margin: 0 1.5vw;
        font-size: 3.5vw;
    }
    .search-title{
        font-size: 4vw;
        padding-bottom: 4vw;
    }
    .search-title span{
        font-size: 3vw;
    }
    .single-content .entry-header h1.entry-title {
        font-size: 4.5vw;
        padding-bottom: 5vw;
    }
    .single-page {
        margin-bottom: 15vw;
        padding: 5vw 2vw;
    }
    .single-content {
        width: 100%;
    }
    .date-category {
        font-size: 3vw;
        padding-bottom: 5vw;
    }
    .single-content .entry-header .entry-date {
        padding-right: 2vw;
    }
    .single-content .entry-header a.post_category {
        padding: 0.5vw 2vw;
        margin-right: 2vw;
    }
    .entry-footer {
        margin-top: 10vw;
        padding-top: 2vw;
        padding-bottom: 10vw;
    }
    .entry-footer a.news-list {
        font-size: 3.5vw;
    }
    .entry-footer a.news-list img {
        padding-left: 1vw;
        height: 5vw;
    }
    .mxh-box a {
        margin-right: 2vw;
        width: 23%;
        height: auto;
    }

    .banner-voice {
        font-size: 5vw;
        height: 30vw;
        justify-content: center;
    }
    .voice-content {
        padding: 3vw;
    }
    .voice-list .voice-box {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-bottom: 5vw;
        padding: 3vw 1vw 3vw 2vw;
        border: 1px solid #707070;
    }
    .voice-list .voice-box div:nth-child(1) p {
        text-align: left;
        font-size: 3.5vw;
        line-height: 2;
        padding-bottom: 10vw;
    }
    .voice-list .voice-box div:nth-child(2) h3 {
        font-size: 3.5vw;
    }
    .voice-list .voice-box div:nth-child(2) p {
        font-size: 3vw;
    }
    .page-charecter .page-info img {
        width: 70%;
        margin-top: 2vw;
    }
    .ct-charecter-box {
        flex-wrap: nowrap;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 7vw;
    }
    .charecter-box-image {
        width: 80%;
        height: 50vw;
        margin: auto;
        margin-bottom: 3vw;
    }
    .charecter-box-text {
        width: 95%;
        margin: auto;
        padding-left: 0;
    }
    .charecter-box-image .icon-sound {
        width: 15%;
        height: auto;
        bottom: 3vw;
        right: 3vw;
    }
    .charecter-box-image img{
        height: 75%;
        width: auto;
    }
    .charecter-box-text h2 {
        font-size: 5vw;
        padding-bottom: 3vw;
        text-align: center;
    }
    .charecter-box-text p {
        font-size: 3.5vw;
        height: 15vw;
    }
    .ct-charecter-ft {
        text-align: center;
        padding-top: 10vw;
    }
    .ct-charecter-ft img {
        width: 90%;
    }
    .ct-ol.page-charecter {
        margin-bottom: 15vw;
    }
    .banner-company {
        height: 30vw;
    }
    p.ct-cp-title {
        font-size: 4.5vw;
        padding-bottom: 2vw;
    }

    .ct-cp-1 {
        padding-bottom: 15vw;
    }
    .ct-cp-1box {
        flex-wrap: wrap;
    }
    .ct-cp-1a {
        width: 50%;
        padding-right: 3vw;
        padding-top: 3vw;
    }
    .ct-cp-1b {
        width: 50%;
    }
    .ct-cp-1c {
        width: 100%;
        font-size: 3.5vw;
        padding-top: 5vw;
    }
    .ct-cp-1b p:nth-child(1) {
        font-size: 3.5vw;
        padding-left: 3vw;
        padding-top: 3vw;
    }
    .ct-cp-1b p:nth-child(2) {
        font-size: 3vw;
        padding-left: 3vw;
    }
    .ct-cp-1b p:nth-child(3) {
        font-size: 3.5vw;
        color: #EA4521;
        border-left: 1px solid #EA4521;
        padding: 3vw;
    }
    .ct-cp-1b p:nth-child(4) {
        font-size: 8vw;
        padding-left: 3vw;
    }
    .ct-cp-2 {
        margin-bottom: 10vw;
    }
    .ct-cp-2 table {
        padding-left: 0;
    }
    .ct-cp-2 table tr{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .ct-cp-2 table th {
        font-size: 3vw;
        vertical-align: middle;
        text-align: center;
        padding: 5vw 0 1vw 0;
        width: 90%;
        margin: auto;
        border-style: dashed;
    }
    .ct-cp-2 table td {
        width: 100%;
        font-size: 3.5vw;
        padding: 1vw 3vw 10vw 3vw;
    }
    .ct-cp-2 table .tr6 td div {
        margin-top: 5vw;
        display: block;
        padding: 2vw;
    }
    .ct-cp-2 table .tr6 td div img{
        float: left;
        margin-right: 2vw;
    }
    .ct-cp-2 table .tr6 td div p {
        font-size: 3.5vw;
        padding-left: 0;
    }
    .ct-cp-2 table .tr7 td div{
        flex-direction: column;
        border: unset;
        padding-bottom: 0;
        margin-bottom: 5vw;
    }
    .ct-cp-2 table .tr7 td {
        padding-right: 3vw;
        border: 0;
    }
    .ct-cp-2 table .tr7 td iframe {
        height: 40vw;
    }
    .ct-cp-3 {
        padding-bottom: 10vw;
    }
    .ct-cp-3 img {
        padding-top: 3vw;
        padding-bottom: 10vw;
    }
    .ct-cp-3a1 p {
        padding: 1vw 0px;
        font-size: 3.5vw;
        width: 34%;
    }
    .ct-cp-3a1 {
        margin-bottom: 7vw;
    }
    .ct-cp-3a2 h3 {
        font-size: 5vw;
        padding-bottom: 7vw;
    }
    .ct-cp-3a2 p {
        font-size: 3.5vw;
    }
    .ct-cp-4box {
        margin-top: 0;
    }
    .ct-cp-4 table {
        padding-left: 0;
        max-height: 65vw;
    }
    .ct-cp-4 table tr{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .ct-cp-4 table th {
        font-size: 3vw;
        vertical-align: middle;
        text-align: center;
        padding: 5vw 0 1vw 0;
        width: 90%;
        margin: auto;
        border-style: dashed;
    }
    .ct-cp-4 table td {
        width: 100%;
        font-size: 3.5vw;
        padding: 1vw 3vw 10vw 3vw !important;
    }
    .page-contact .page-info img {
        width: 20%;
        margin-top: 1vw;
    }
    .form-title p:nth-child(1) {
        font-size: 3.5vw;
    }
    .form-title p:nth-child(2) {
        font-size: 2.5vw;
    }
    .form-title p:nth-child(3) span {
        font-size: 3vw;
    }
    .page-contact form {
        padding-bottom: 5vw;
    }
    .page-contact form table {
        margin-bottom: 3vw;
    }
    .page-contact form table th,
    .page-contact form table td {
        width: 100%;
    }
    .page-contact form table tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .page-contact form table tr:first-child th{
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
    }
    .page-contact form table tr:last-child td{
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px;
    }
    .page-contact form table th {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 3.5vw !important;
        padding: 1vw 5vw !important;
        background: #ffebeb;
    }
    .page-contact form table td {
        font-size: 3.5vw !important;
        padding: 5vw 3vw !important;
    }
    .page-contact form table td span.mwform-radio-field {
        padding-right: 0;
        margin-bottom: 3vw;
        margin-left: 0 !important;
        width: 100%;
        display: block;
    }
    .page-contact form table td span.mwform-radio-field:nth-child(4){
        margin-bottom: 0;
    }
    .page-contact form table.table2 td span.mwform-radio-field:first-child {
        padding-bottom: 0;
    }
    .page-contact form table.table2 td span.mwform-radio-field:nth-child(4){
        margin-bottom: 3vw;
    }
    .page-contact form table.table2 td span.mwform-radio-field:nth-child(5){
        margin-bottom: 0;
    }
    .form-policy .contact_note {
        font-size: 3vw;
    }
    .form-policy #policy_check {
        font-size: 3.5vw;
        padding-top: 10vw;
    }
    .form-btn{
        padding-top: 15vw;
    }
    .form-btn p.btn input {
        width: 55vw;
        height: 15vw;
        font-size: 5vw;
    }
    .of-1 {
        flex-direction: column;
    }
    .of-title {
        font-size: 4.5vw;
        padding: 5vw 0;
    }
    .of-1 iframe {
        width: 100%;
        height: 39vw;
        margin-bottom: 5vw;
    }
    .of-1 table {
        width: 100%;
        height: auto;
    }
    .of-1 table th {
        width: 20%;
        font-size: 3vw;
    }
    .of-1 table td {
        width: 80%;
        padding: 2vw;
        font-size: 3vw;
    }
    .of-1 table tr:nth-child(3) td p {
        width: 49%;
        font-size: 3vw;
    }
    .of-2-title {
        font-size: 4vw;
        padding-top: 8vw;
        padding-bottom: 2vw;
    }
    .of-2-box {
        padding: 2vw;
    }
    .of-2-box p {
        font-size: 3vw;
    }
    .of-2-box .of-2-a {
        font-size: 3.5vw;
        padding: 2vw;
    }
    .of-2-box .of-2-b {
        font-size: 3.5vw;
        padding-top: 5vw;
        padding-bottom: 2vw;
    }
    .of-2 .ct3-box a {
        width: 48.5%;
        padding: 2vw;
        margin-bottom: 5vw;
        margin-left: 0;
    }
    .of-3-box table tr th:first-child {
        width: 25%;
    }
    .of-3-box table tr th:last-child {
        width: 75%;
    }
    .of-3-box table th{
        font-size: 3.5vw;
    }
    .of-3-box table td{
        font-size: 3.5vw;
        padding: 0 2vw;
    }
    .ct-sps {
        padding: 3vw 3vw 10vw 3vw;
    }
    .ct-sps-title p {
        font-size: 4.5vw;
        width: 32%;
    }
    .ct-sps-title{
        margin-bottom: 5vw;
    }
    .ct-sps-1 {
        padding-bottom: 10vw;
    }
    .ct-sps-box {
        width: 42%;
        margin: 0px 4% 10% 4%;
    }
    .ct-sps-box p {
        font-size: 3vw;
        margin-bottom: 3vw;
    }
    .ct-sps-box img {
        padding-bottom: 3vw;
    }
    .ct-sps-box a {
        font-size: 3vw;
        padding: 2vw;
    }
    .ct-sps-box a img {
        width: 4vw;
        margin-left: 2vw;
    }
    .ct-dcm {
        padding: 3vw 3vw 10vw 3vw;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .ct-dcm-box {
        width: 80%;
        margin: 5vw 0;
    }
    .ct-dcm-box .ct-dcm-title {
        padding: 2vw;
        font-size: 4vw;
    }
    .ct-dcm-list {
        padding-top: 3vw;
        padding-bottom: 0;
        width: 85%;
        height: auto;
    }
    .ct-dcm-list a {
        font-size: 3.5vw;
        padding: 2vw;
        margin-bottom: 3vw;
    }
    p.ct-cp-title span {
        font-size: 3.5vw;
    }
    .collapsible {
        width: 8vw;
        height: 8vw;
        font-size: 10vw;
        top: 2vw;
        left: 2vw;
    }
    .page-paprika .ct-ol-box2 p:nth-child(2) {
        font-size: 3.5vw;
        padding: 3vw;
    }

    .ct-ol.page-office{
        margin-bottom: 15vw;
    }
}
@media (min-width: 1900px) {
    body{
        font-size: 18px;
    }
    .inner{
        width: 1180px;
    }
    .contact{
        margin-top: 100px;
    }
    .nav-item{
        font-size: 16px;
    }
    .navbar-expand-lg .nav-item .dropdown-menu p{
        font-size: 16px;
    }
    .menu-box1 a p{
        font-size: 15px;
    }
    .menu-contact{
        font-size: 17px;
        padding: 17px 0;
    }
    .menu-recruit{
        font-size: 17px;
        padding: 17px;
    }
    .ct1{
        font-size: 18px;
    }
    .ct2-box a h3{
        font-size: 22px;
    }
    .ct2-box a .ct2-text {
        font-size: 16px;
    }
    .ct41 h3 {
        font-size: 22px;
    }
    .ct41-adress{
        font-size: 16px;
    }
    .ct41-p1 {
        font-size: 15px;
    }
    .ct41-list a h3{
        font-size: 22px;
    }
    .ct42 div{
        width: 25%;
    }
    .ct42 h3{
        width: 50%;
    }
    .ct6{
        padding-bottom: 200px;
    }
    .ct7-p2,
    .ct7-p3,
    .ct7-p4{
        font-size: 18px;
    }
    .ct-sps-box a {
        font-size: 16px;
    }
    .of-1 table tr:nth-child(3) td p{
        font-size: 16px;
    }
    .voice-list .voice-box div:nth-child(1) p{
        font-size: 16px;
    }
    .ct-cp-4 table th{
        font-size: 15px;
    }
    .ct-cp-4 table td{
        font-size: 15px;
    }
    .ct-cp-2 table th{
        font-size: 15px;
        width: 25%;
    }
    .ct-cp-2 table td{
        width: 75%;
        font-size: 18px;
        padding-right: 37px;
    }
    .ct-cp-2 table td .fs-14{
        font-size: 14px;
    }
    .ct-cp-2 table .tr6 td div p {
        font-size: 18px;
        padding-left: 10px;
    }
    .news-content .grid_box a .product-about{
        font-size: 17px;
    }
    .news-content .grid_box a .product-date{
        font-size: 13px;
    }
    .news-content .grid_box a img{
        height: 197px;
    }
    .news-content .grid_box{
        margin-bottom: 95px;
    }
    .news-icon1{
        top: 375px;
    }
    .news-icon2{
        top: 385px;
    }
    .news-icon3{
        top: 385px;
    }
    .news-icon4{
        top: 790px;
    }
    .news-icon5{
        top: 790px;
    }
    .news-icon6 {
        top: 790px;
    }
    .news-icon7{
        top: 1185px;
    }
    .news-icon8{
        top: 1195px;
    }
    .news-icon9{
        top: 1200px;
    }
    .news-icon10{
        top: 1600px;
    }
    .news-icon11{
        top: 1610px;
    }
    .news-icon12{
        top: 1610px;
    }
    .ct-dcm-box .ct-dcm-title{
        font-size: 18px;
    }
    .ct-dcm-list{
        width: 72%;
    }
}
@media (max-width: 425px) {
    .contact-wrapper .big-title{
        font-size: 6vw!important;
    }
    .contact-wrapper .small-title{
        font-size: 3.7vw!important;
    }
    .contact-wrapper .small-title span{
        font-size: 3.3vw!important;
    }
    .contact-wrapper .form .form-group label,
    .contact-wrapper .wrap-check .form-check-label{
        font-size: 15px!important;
    }
    .contact-wrapper .form-group{
        margin-bottom: 5px;
    }
    .contact-footer{
        margin-top: 20px!important;
    }
    .contact-confirm-wraper .contact-wrapper .form .form-group label{
        font-size: 18px!important;
    }
}

/*height*/
@media (min-height: 900px) and (max-height: 1000px) {
    .sidenav .box-mxh{
        position: absolute;
        bottom: 50px;
        width: 100%;
    }
    .logo a.nav-link {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .menu-banner a {
        margin-bottom: 2vh;
    }
    .menu-box1 {
        padding: 2vh 0;
    }
    .menu-box1 a {
        margin-bottom: 2vh;
    }
    .navbar-expand-lg .nav-item .nav-link {
        padding: 1.5vh 2vh 1.5vh 3vh;
    }
}
@media (min-height: 1000px){
    .logo a.nav-link {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .menu-banner a {
        margin-bottom: 2vh;
    }
    .navbar-expand-lg .nav-item .nav-link{
        padding: 15px 25px 15px 47px;
    }
    .nav-pills .logo .nav-link img{
        height: 140px;
    }
    .menu-contact{
        margin-bottom: 30px;
        font-size: 17px;
        border-radius: 10px;
        padding: 17px 0;
    }
    .menu-recruit{
        margin-top: 20px;
        margin-bottom: 38px;
        font-size: 17px;
        border-radius: 10px;
        padding: 17px;
    }
    .menu-box1{
        margin-left: 46px;
        padding: 25px 0;
    }
    .menu-banner{
        padding-bottom: 45px;
        width: 100%;
    }
    .box-mxh a{
        width: 27px;
    }
}