@charset "UTF-8";
/*スマホ用
----------------------------------*/
/*@media only screen and (max-width: 1035px) {
  .FEATURE-box .text {width: 100%;}
.FEATURE-box .right {width: 100%;}
.FEATURE-box .left {width: 100%;}  
}*/
@media only screen and (max-width: 1000px) {
    .firstview {
        margin-top: 26%;}
}

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

    .topcontent .training__list-item a {
        line-height: 1.3em;
    }
    .topcontent .training__list-item h3 {
        font-size: 1.3rem;
    }
    .topcontent .training__list-item h3 span {
        font-size: 1.6rem;
    }
    .topcontent .training__list-item .flagicon {
        width: 11%;
    }
    .topcontent .training__list-item .flagicon.fig2 {
        left: 46px;
    }
    .topcontent .training__list-item .flagicon.fig3 {
        width: 100%;
        left: 37px;
    }
}

@media only screen and (max-width: 1380px) {
    .firstview {
        margin-top: 27%;
        height: 0;

}
}
@media only screen and (max-width: 1250px) {
    .topcontent .training__list-item .flagicon {
        width: 9%;
    }
    .topcontent .training__list-item .flagicon.fig2 {
        width: 9%;
        left: 37px;   
    }
    .topcontent .training__list-item .flagicon.fig3 {
        left: 30px;
    }
}


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


    .start-message .country-img {
        
        width: 25%;
    }

    .start-message .country-img2 {
        
        width: 25%;
    }

    .question-answer .qsn-content{
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        
    }

    .gll-select .border {
        
        width: 90%;
    }

    .training-menu{
        margin-left: auto;
        margin-right: auto;
        
    }

    .lang-content .cont-wrap2 {
        width: 80%;
       
        margin-left: auto;
        margin-right: auto;
    }

    .lang-content .cont-wrap {
        width: 85%;
       
        margin-left: auto;
        margin-right: auto;
    }

    .style-b .li-cont .li-texit{
        text-align: justify;
    }

    .style-b .li-cont .li-texit br{
        display: none;
    
    }

    .lheader-flex{
        min-width: 1000px;
    }

    .lheader-menuwrap{
        width: 60%;
    }

    .plan__iconarea-item .txt .sp-nonbr{
        display: none;
    }

    .topcontent .plan__iconarea-item {
        padding: 4%;
    }

    .topcontent .plan__iconarea-item .icon {
        margin-bottom: 15%;
    }

    .topcontent .plan__iconarea-item {
        height: 300px;
    }

    .topcontent .plan {
        background-size: 150%;
    }


    .plan-point-flex#pp1 .pp-texit {
        width: 70%;
        margin: auto 0px auto -10%;
    }

    .plan-point-flex#pp3-1 .pp-texit {
        width: 55%;
        font-size: 28px;
        margin: auto 0px auto -5%;
        padding-right: 0%;
    }

    .plan-point-flex.deflex#pp4-1 .pp-texit {
        margin: auto -10% auto 11%;
    }


    .plan-point-flex#pp5-1 .pp-texit {
        width: 60%;
        font-size: 28px;
        margin: auto 0px auto -13%;
        padding-right: 5%;
    }

    .start-message .msg-texit .msg-sub-texit {
        font-size: 20px;
        position: relative;
        line-height: 2em;
        z-index: 99999;
    }

    .firstview {
        margin-top: 27%;
    }
    


}

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

    .firstview {
        margin-top: 31%;
    }
}

@media only screen and (max-width: 1000px) {
    /*トップページ*/
    body {
        min-width: 768px;
    }

    body {
        width: 100%;
    }


    main#topcontent{
        font-size: 2vw;
    }
    
    .firstview-videowrap-logo p{
        font-size: 2vw;
    }
    
    
    .firstview-videowrap p {
        font-size: 2vw;
        bottom: 60px;
    }

    .topcontent__section h1 span{
        font-size: 2.5vw;
    }

    topcontent .lang__list-readbox h3{
        font-size: 2.5vw;
    }
    

    .topcontent .lang__list-readbox-flex-txt {
        font-size: 2vw;
        max-width: 100%;
    }

    .topcontent .lang__list-readbox a.sectionlink {
        font-size: 2vw;
    }

    .topcontent .lang__list-readbox .newslist__element-item a {
        font-size: 2vw;
    }

    .topcontent .lang__list-readbox .newslist__element-item a {
        font-size: 2vw;
    }

    .topcontent .lang__list-readbox .newslist__element-item a {
        font-size: 2vw;
    }

    .topcontent .plan__iconarea-item a .link {
        font-size: 2vw;
    }

    .topcontent .works__flex-item h3 {
        
        font-size: 2.5vw;
        line-height: 1.5em;
    }

    .topcontent .lang__list-readbox h3 {
        font-size: 2vw;
        text-align: center;
    }

    .topcontent .plan__iconarea-item a h3 {
        font-size: 2vw;
    }


    main#topcontent h3 span {
        font-size: 2vw;
    }

    main#topcontent h3 .sp-2 {
        font-size: 3vw;
    }

    .topcontent .works__flex-item p {
        font-size: 2vw;
        line-height: 1.5em;
    }

    .topcontent .plan__iconarea-item a .txt {
        font-size: 2vw;
    }

    .topcontent .works .link a {
        font-size: 2vw;
    }

    .sp-nonbr{
        display: none;
        
    }
    
    /*下層ページ*//*言語ページ*/
    .start-message .country-img {
        
        width: 25%;
    }

    .start-message .country-img2 {
        
        width: 25%;
    }

    .question-answer .qsn-content{
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        max-width: 1100px;
    }

    .gll-select .border {
        max-width: 800px;
        width: 90%;
    }

    .training-menu{
        margin-left: auto;
        margin-right: auto;
    
        max-width: 1100px;
    }

    .lang-content .cont-wrap2 {
        width: 90%;
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }

    .lang-content .cont-wrap {
        width: 90%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    

    

    .course-toptxit p {
        font-size: 2vw;
    }

    .course-toptxit h1 {
        font-size: 3.5vw;
    }

    .start-message .msg-texit .msg-title {
        font-size: 2.5vw;
    }

    .start-message .msg-texit .msg-sub-texit {
        font-size: 2vw;
    }

    .select-title {
        font-size: 2.5vw;
    }

    .slc-title-texit {
        font-size: 2.5vw;
    }

    .select-cont .slc-sub-texit{
        font-size: 2vw;
    }

    .select-cont .mini{
        font-size: 2vw;
    }
    
    .big-texit{
        font-size: 2vw;
    }

   .min-texit {
        font-size: 2vw;
    }

    .big-texit .cd{
        font-size: 2vw;
    }

    .trn-title-area .trn-title{
        font-size: 2.5vw;
    }

    trn-menu .flex-area .li-zone .li-cont { 
        font-size: 2vw;
    }

    .trn-menu .flex-area .li-zone .li-cont .top-zone {
        font-size: 2.5vw;
    }

    .trn-menu .flex-area .li-zone .li-cont .li-texit {
        font-size: 2vw;
    }



    .training-cont .cont-menu .li-cont .inner .big{
        font-size: 2.5vw;
    }

    .training-cont .cont-menu .li-cont .inner .min {
        font-size: 2vw;
    }

    .training-cont .cont-menu .li-cont a{
        font-size:2vw;
    }

    .qsn-inner .top-imgs .left-img p {
        font-size: 2vw;
    }

    .qsn-inner .qsn-li-cont ul li .qsn-title {
        font-size: 2.5vw;
        line-height: 1.5em;
    }

    .qsn-inner .qsn-li-cont ul li .qsn-texit {
        font-size: 2vw;
    }

    .qsn-inner .qsn-li-cont ul li .q{
        font-size: 3.5vw;
    }

    .qsn-inner .qsn-li-cont ul li .q span{
        font-size: 7.5vw;
    }

    .lang-contact-zone .cnt-content .cnt-title {
        font-size: 2.5vw;
    }

    .lang-contact-zone .cnt-content .cnt-zone .right-texit{
        font-size: 3vw;
    }

    .action-title {
        font-size: 2vw;
    }

    .trn-menu .flex-area .li-zone .li-cont .menu-img-zone p {
        font-size: 2vw;
    }

    .trn-menu .flex-area .li-zone .li-cont a {
        font-size: 2vw;
        width: 100px;
    }

    /*多言語ページ*/
    .slc-cont-b .b-left {
        font-size: 2vw;
    }

    .slc-cont-b .b-left .b-slc-titl {
        font-size: 2.5vw;
    }

    .select-cont .select-img#slc-01 {
        width: 27%;
    }

    .select-cont .select-img#slc-02 {
        width: 29%;
    }

    .select-cont .select-img#slc-03 {
        width: 30%;
    }

    #chinese .trn-menu .flex-area .li-zone .li-cont .li-texit {
        margin-bottom: 20% ;
    }

    

    .gll-select .select-title{
        width: 70%;
        margin: auto;
      }

    .slc-cont-b{
        justify-content: space-around/*!important*/;
    }

    .slc-cont-b#b-slc-1 img {
        width: 30%;
        max-width: 234.15px;
        max-height: 294.1px;
        margin-right: 0px;
        margin-top: 0px;
        height: 100%;
    }

    .slc-cont-b#b-slc-2 img {
        width: 27%;
        height: 100%;
    }

    .slc-cont-b#b-slc-3 img {
        width: 35%;
        height: 100%;
    }

    .style-b .trn-menu .flex-area .li-zone .li-cont {
        padding-bottom: 0;
    }

    .slc-cont-b#b-slc-1 {
        display: flex;
        justify-content: space-around;
    }

    .slc-cont-b#b-slc-2 {
        display: flex;
        justify-content: space-around;
    }


    .slc-cont-b#b-slc-3 {
        display: flex;
        justify-content: space-around;
    }

    .trn-menu .flex-area .li-zone .li-cont .menu-img-zone p {
        
        left: 0;
        right: 0;
        top: 35%;
        bottom: 35%;
        width: 80%;

        font-size: 3vw;
        line-height: 1.5em;
    }

    /* チャイナチャイナ */

    #chinese .select-cont .select-img#slc-01 {
        width: 33%;
    }

    #chinese .select-cont .select-img#slc-01 {
    top: -84px;
    right: 82px;
    }

    #chinese .select-cont .select-img#slc-02 {
        width: 39%;
    }
    
    #chinese .select-cont .select-img#slc-02 {
        top: 0px;
        right: 30px;
    }

    #chinese .select-cont .select-img#slc-03 {
        top: -20px;
        right: 0px;
    }

    .topcontent .plan__iconarea {
        display: block;
        justify-content: center;
        max-width: 800px;
    }

    .topcontent .plan__iconarea-item {
        width: 90%;
        margin: auto;
        padding: 5% 5%;
        max-width: 700px;
        margin-bottom: 5%;
        
    }

    .topcontent .plan__iconarea-item .icon {
        text-align: right;
        margin-bottom: -5%;
    }

    topcontent .plan__iconarea-item h3 {
        margin-bottom: 3%;
    }

    .topcontent .plan__iconarea-item .txt {
        margin-bottom: 5%;
        width: 90%;
    }

    .topcontent .works__flex{
        display: block;
        justify-content: center;
    }

    .topcontent .works__flex-item {
        width: 100%;
    }

    .topcontent .works__flex-item:nth-child(even) .nom {
        text-align: left;
    }

    .topcontent .lang__list-readbox-flex {
        display: block;
    }

    .lang__list-readbox-flex-txt br{
        display: none;
    }

    .topcontent .lang__list-readbox-flex-photo {
        max-width: 100%;
    }

    .lang__list-readbox-flex-photo img{
        display: block;
        margin: auto;
    }

    .topcontent .plan {
        background-size: 285%;
        
    }

    .slc-cont-b .b-left .b-slc-mein br{
        display: none;
    }


    .trn-menu .flex-area {
        display: block;
    }

    .trn-menu .flex-area .li-zone {
        width: 100%;
        max-width: 700px;
        margin: auto;
    }

    .trn-menu .flex-area .li-zone .li-cont {
        max-width: 500px;
        width: 90%;
    }

    .trn-menu .flex-area .li-zone .li-cont a {
        width: 40%;
    }

    .trn-menu .flex-area .li-zone .li-cont .menu-img-zone img {
        width: 100%;
    }

    .trn-menu .flex-area .li-zone {
        margin-bottom: 10%;
    }

    .training-cont .cont-menu .li-cont .left .abs2 {
        top: -40px;
        left: 47px;
    }

    .training-cont .cont-menu .li-cont .center {
        width: 400px;
    }

    .lheader-flex {
        min-width: 10px;
    }

    .lheader-menuwrap {
        display: none;
    }


    .lheader-tel {
        display: flex;
        width: 100%;
        max-width: 550px;
        justify-content: right;
    }

    .lheader-tel a{
        display: block;
        width: 45%;

        
    }

    .lheader-tel p{
        width: 40%;
    }

    .lheader{
        position: relative;
        padding: 35px 0;
    }


    .footer__box {
        display: block;
    }


    .footer__box-item02 {
        width: 100%;
        margin: auto;
    }

    .footer__box-logo {
        margin: auto;
        margin-bottom: 5%;
    }

    .footer__box-adress.texit{
        text-align: center;
    }

    

    .footer .menu-list a {
        display: block;
        line-height: 1.2em;
        padding-left: 20%;
    }


    .footer__box-item02 ul {
        display: flex;
        justify-content: left;
        margin-bottom: 20px;
        flex-wrap: wrap;

    
    }

    .footer .menu-list {
        margin-bottom: 15px;
        width: 25%;
        font-size: 2vw;
    }

    .sp-br-ft{
        display: block;
    }

    .topcontent .training__list-item {
        width: 49%;
    }

    .topcontent .training__list-item:nth-child(1){
        width: 49%;
    }

    .topcontent .training__list-item .flagicon.fig2 {
        width: 9%;
        left: 12%;
    }
 
    .topcontent .training__list-item .flagicon.fig3 {
        left: 105%;
    }

    main#topcontent.topcontent .training__list-item h3 span {
        font-size: 2.5vw;
    }

    .topcontent .training__list-item h3 {
        font-size: 2vw;
    }

    .topcontent .lang__list-readbox .newslist__element-item a span {
        margin: auto 5% auto 0;
    }

    

    .newslist__element-item p {
        width: 70%;
    }

    .topcontent .lang__slidearea__wrap__item a .info h3 {
        font-size: 2vw;}

    .topcontent .lang__slidearea__wrap__item a .info h3 .txt {
        font-size: 1.8vw;
    }

    .topcontent .plan__iconarea-item .txt {
        font-size: 2vw;
    
    }

    .topcontent .plan__iconarea-item {
        height: auto;
    }

    .case-study-main .cont-wrap2 .study-item {
        flex-wrap: wrap;
    }


    .study-item .center-img{
        margin: auto;
        width: 45%;
        max-width: 100%;
    }

    .study-item .left-texit {

        width: 100%;
        margin: 2% 0%;
    }

    .study-item .right-texit {
        width: 45%;

    }
    
    .topcontent .lang__list-readbox-flex-txt {
        line-height: 1.8em;
    }

    .topcontent .plan__iconarea-item .txt {
        line-height: 1.8em;
    }


    .plan-point-flex#pp1 .pp-texit {
        width: 50%;
        margin: auto 0;
        padding: 0;
    }

    .plan-point-flex#pp2 .pp-texit {
        width: 50%;
        margin: auto 0;
        padding: 0;
    }

    .plan-point-flex#pp3 .pp-texit {
        width: 50%;
        margin: auto 0;
        padding: 0;
    }

    .plan-point-flex#pp4 .pp-texit {
        width: 50%;
        margin: auto 0;
        padding: 0;
    }

    .plan-point-flex#pp5 .pp-texit {
        width: 50%;
        margin: auto 0;
        padding: 0;
    }

    .plan-point-flex#pp1-1 .pp-texit {
        width: 50%;
        margin: auto 0;
        padding: 0;
    }

    .plan-point-flex#pp2-1 .pp-texit {
        width: 50%;
        margin: auto 0;
        padding: 0;
    }

    .plan-point-flex#pp3-2 .pp-texit {
        width: 50%;
        margin: auto 0;
        padding: 0;
    }

    .plan-point-flex#pp4-2 .pp-texit {
        width: 50%;
        margin: auto 0;
        padding: 0;
    }

    .plan-point-flex#pp5-2 .pp-texit {
        width: 50%;
        margin: auto 0;
        padding: 0;
    }


    .corp-plan .training-cont .cont-menu .li-cont .center {
        width: 100%;
    }

    .corp-plan.plan-content {
        margin-top: 0px;
    }

    .plan-point-flex {
        display: block;
    }

    .plan-point-flex img {
        width: 100%;
    }

    .plan-point-flex .pp-texit {
        width: max-content!important;
        margin: auto!important;
    }

    .plan-content .plan-point-title h2.kodawari {
        margin-top: 5%;
    }

    .sp-br-pl{
        display: block;
    }

    .plan-content .cont-menu .li-cont .center {
        margin-top: 12%;
    }

    .plan-content .start-message .msg-texit {
        text-align: center;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .plan-point-flex .pp-texit br{
        display: none;
    }

    .shanghai-cont .shanghai-item .shang-flex {
        display: block;
    }

    .plan-point-flex .pp-service-texit {
        width: 90%;
        margin: auto;
        padding: 5% 0;
        border: none;
    }

    

    .plan-point-flex .right-img {
        width: 60%;
        margin: auto;
        display: block;
        margin-top: 0%;
        margin-bottom: 10%;
    }

    .shanghai-cont .shanghai-item .shang-flex .map {
        width: 100%;
        margin: auto;
    }

    .shanghai-cont .shanghai-item .shang-flex .map iframe{
        width: 100%;
    }

    .left-shan-texit{
        text-align: center;
        margin-bottom: 5%;
        width: 90%;
    }

    .sp-header{
        display: block;
        width: 100%;
        margin: 10px auto 0 auto;
        position: fixed;
        bottom: -2px;
        z-index: 9999;

    }

    .sp-header ul li{

    width: 15%;
    text-align: center;
    padding: 20px 0;
    font-size: 2vw;
    font-family: "Noto Sans JP", sans-serif;

    }


    .sp-footer__box{
        display: block;
        padding-bottom: 10%;
    }

    .footer__box-item02 ul{
        display: none;
    }

    .sp-footer__box .menu{
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        
    }

    .sp-footer__box .menu-list.main{
        width: 100%;
    }

    .sp-footer__box .menu-list.secund{
        width: 66.4%;
    }

    .sp-footer__box .menu-list{
        width: 33.2%;
        border:0.5px solid #fff;
        border-left:1px solid #fff ;
        border-right:none;
        margin-bottom: 0;
        font-size: 2.2vw;
       

    }



    .sp-footer__box .menu-list a {
        display: block;
        line-height: 1.2em;
        padding-left: 0%;
        text-align: center;
        margin: auto;
        height: 60px;
        line-height: 60px;
    }

    .footer {
        padding: 0 ;
        font-size: 1.4rem;
    }

    .footer__box {
        width: 100%;
    }

    .lang-contact-zone .cnt-content .cnt-zone .right-texit {
        font-size: 4vw;
    }

    .lang-contact-zone .cnt-content .cnt-zone .right-texit .fon22 {
        font-size: 4vw;
    }

    .lang-contact-zone .cnt-content .cnt-zone .gll-lg {
        width: 20%;
    }

    .archive-content h2{
        font-size: 3vw;
    }

    .news-zone .news-cont .days {
        font-size: 2vw;

    }

    .news-zone .news-cont .newstitle {
        font-size: 2vw;
    }
    .news-zone .news-cont .days {
       
        padding: 10px 65px 10px 10px;
    }

    .footer__box-item02 ul.plan-menu{
        display: none;
    }

    .footer__copy {
        text-align: center;
        margin-top: 5%;
        padding-bottom: 15%;
    }

    .sp-footer__box .menu {
        border-top: 0.5px solid #fff;
        border-bottom: 0.5px solid #fff;
    }

    .style-b .trn-menu .flex-area .li-zone .li-cont {
        padding-bottom: 5%;
    }

    .footer__box .sp-footer__box .menu .sp-none{
        display: none;
    }


    .circle-foot-sp{
        position: relative;
        z-index: 9999;
        display: block;
        width: 150px;
        height: 150px;
        font-size: 2vw;
        background-color: #656565;
        
        font-family: "Noto Sans JP", sans-serif;
        border-radius: 100px;
        margin: 0px 1% 2% auto;
    }

    .circle-foot-sp a{
        display: block;
        text-align: center;
        margin: auto;
        padding-top: 35px;
        color: #fff;
    }

    .cont-mail-img{
        width: 35%;
    }

    .circle-foot-sp a p{
        padding-top: 15px;
        
    }

    .sp-header .lheader-menuwrap-menu{
        flex-wrap: nowrap;
        justify-content: left;
        background-color: #DBDBDB;
        border-radius: 0;
    }

    .firstview {
        margin-top: 20%;
    }

    .circle-foot-sp:hover{
        opacity: 0.7;
        transition: 0.7s;
    }




}
@media only screen and (max-width: 768px) {
    .course-toptxit p {
        font-size: 3vw;
    }

    .course-toptxit h1 {
        font-size: 5vw;
    }

    .start-message .msg-texit .msg-title {
        font-size: 4vw;
    }

    .start-message .msg-texit .msg-sub-texit {
        font-size: 2.5vw;
    }

    .select-title {
        font-size: 4vw;
    }

    .slc-title-texit {
        font-size: 5vw;
    }

    .select-cont .slc-sub-texit{
        font-size: 3vw;
    }

    .select-cont .mini{
        font-size: 4vw;
    }
    
    .big-texit{
        font-size: 4vw;
    }

   .min-texit {
        font-size: 3vw;
    }

    .big-texit .cd{
        font-size: 3vw;
    }

    .trn-title-area .trn-title{
        font-size: 4vw;
    }

    trn-menu .flex-area .li-zone .li-cont { 
        font-size: 3vw;
    }

    .trn-menu .flex-area .li-zone .li-cont .top-zone {
        font-size: 3vw;
    }

    .trn-menu .flex-area .li-zone .li-cont .li-texit {
        font-size: 3vw;
    }



    .training-cont .cont-menu .li-cont .inner .big{
        font-size: 4vw;
    }

    .training-cont .cont-menu .li-cont .inner .min {
        font-size: 3vw;
    }

    .training-cont .cont-menu .li-cont a{
        font-size: 3vw;
    }

    .qsn-inner .top-imgs .left-img p {
        font-size: 4vw;
    }

    .qsn-inner .qsn-li-cont ul li .qsn-title {
        font-size: 3vw;
    }

    .qsn-inner .qsn-li-cont ul li .qsn-texit {
        font-size: 3vw;
    }

    .qsn-inner .qsn-li-cont ul li .q{
        font-size: 5vw;
    }

    .qsn-inner .qsn-li-cont ul li .q span{
        font-size: 7.5vw;
    }

    .lang-contact-zone .cnt-content .cnt-title {
        font-size: 4vw;
    }

    .lang-contact-zone .cnt-content .cnt-zone .right-texit{
        font-size: 3vw;
    }

    .action-title {
        font-size: 3vw;
    }

    .trn-menu .flex-area .li-zone .li-cont .menu-img-zone p {
        font-size: 4vw;
    }

    .trn-menu .flex-area .li-zone .li-cont a {
        font-size: 3vw;
       
    }

    /*多言語ページ*/
    .slc-cont-b .b-left {
        font-size: 3vw;
    }

    .slc-cont-b .b-left .b-slc-titl {
        font-size: 4vw;
    }

    .gll-select .select-title {
        width: 90%;
    }

    .trn-menu .flex-area {
        display: block;
    }

    .trn-menu .flex-area .li-zone {
        width: 100%;
        max-width: 700px;
        margin: auto;
    }

    .trn-menu .flex-area .li-zone .li-cont {
        max-width: 500px;
        width: 90%;
        padding-bottom: 10%;
    }

    .trn-menu .flex-area .li-zone .li-cont a {
        width: 40%;
    }

    .trn-menu .flex-area .li-zone .li-cont .menu-img-zone img {
        width: 100%;
    }

    .trn-menu .flex-area .li-zone {
        margin-bottom: 10%;
    }

    .training-cont .cont-menu .li-cont {
        display: block!important;
    }

    .slc-cont-b#b-slc-1 {
        display: block;
    }

    .slc-cont-b#b-slc-2 {
        display: block;
    }


    .slc-cont-b#b-slc-3 {
        display: block;
    }

    .slc-cont-b .b-left {
        max-width: 768px;
        width: 90%;
        margin: auto;
    }
    .slc-cont-b .b-left p{
       text-align: center;
       margin: auto;
    }

    .slc-cont-b .b-left .b-slc-mein{
        width: 90%;
        text-align: left;
        margin: auto;
    }

    .slc-cont-b .b-left p br{
        display: none;
    }

    .slc-cont-b#b-slc-1 img{
       margin: auto;
       display: block;
       margin-bottom:  20px;
    }

    .slc-cont-b#b-slc-2 img{
        margin: auto;
        display: block;
        margin-bottom:  20px;
     }

     
     .slc-cont-b#b-slc-3 img{
        margin: auto;
        display: block;
        margin-bottom:  20px;
     }

     .slc-cont-b .b-left {
        padding-bottom: 20px;
     }

     .trn-menu .flex-area .li-zone .li-cont .menu-img-zone p {
        width: 70%;
        left: 0;
        top: 40%;
        bottom: 40%;
        right: 0;
    }
    /* チャイナチャイナ */
    #chinese .select-cont .select-img{
        display: none;
    }

    #chinese .sp-select-img{
        display: block;
        margin: auto;
        text-align: center;
        margin-top: 5%;
    }

    #chinese .select-cont .mini{
        width: 100%;
    }

    .select-cont .slc-main-texit .action-cont .slc-min-cont .cd {
        font-size: 3.5vw;
        color: #656565;
        display: block;
        line-height: 2em;
    }

    #chinese .select-cont .mid {
        width: 100%;
    }

    .action-cont .min-texit {
       line-height: 2em;
    }

    .select-cont .slc-main-texit .action-cont.slc-flex {
        display: block;
        padding: 20px 0px;
    }

    .select-cont .slc-main-texit .action-cont.slc-flex img{
        margin: 2%;
    }


    .select-cont .slc-main-texit .action-cont.slc-flex img {
        width: 70%;
        margin: 3% auto;
        text-align: center;
        display: block;
    }

    .select-cont .slc-main-texit .action-cont .slc-min-cont {
        margin: auto 0px;
        line-height: 1.8em;
        width: 100%;
        display: block;
        margin: auto;
    }

    #chinese .cont-menu .li-cont{
        border-radius: 150px;
    }

    #chinese .cont-menu .li-cont .left{
        width: 100%;
        padding-top: 5%;
    }

    #chinese .cont-menu .li-cont .left .tit br{
        display: none;
    }

    #chinese .cont-menu .li-cont .center{
        width: 100%;
        margin-top: 15%;
        padding-bottom: 8%;
    }

    #chinese .cont-menu .li-cont .right{
        width: 100%;
        justify-content: center;
        margin-top: -6%;
    }

    .training-cont .cont-menu .li-cont {
        height: auto;
    }

    .training-cont .cont-menu .li-cont .left .abs{
        top: 125px;
        left: 0;
        right: 0;
        bottom: 0px;
        width: 20%;
    }

    #chinese .trn-menu .flex-area .li-zone .li-cont .li-texit {
        margin-bottom: 5%;
        height: auto;
    }

    #chinese .trn-menu .flex-area .li-zone .li-cont .top-zone .li-img{
        width: 13%;
    }

    .style-b .trn-menu .flex-area .li-zone .li-cont {
        padding-bottom: 30%;
    }

    .footer .menu-list {
        margin-bottom: 15px;
        width: 25%;
        font-size: 2.5vw;
    }

    main#topcontent.topcontent .training__list-item h3 span {
        font-size: 3vw;
    }

    .topcontent .training__list-item h3 {
        font-size: 2.5vw;
    }

    .topcontent__section h1 span {
        font-size: 4vw;
        margin-bottom: 5%;
    }


    .topcontent .lang__list-readbox h3 {
        font-size: 3vw;
        margin-bottom: 5%;
    }
    .topcontent .lang__list-readbox-flex-txt {
        font-size: 3vw;
    }

    .topcontent .lang__list-readbox .newslist {
        margin-top: 15%;
    }

    .topcontent .lang__list-readbox .newslist__element-item a {
        font-size: 3vw;
    }

    .topcontent .lang__list-readbox .newslist__element-item a span {
        margin-right: 5%;
    }

    .newslist__element-item p {
        width: 65%;
    }

    .topcontent .lang__list-readbox a.sectionlink {
        font-size: 2.5vw;
    }

    .topcontent .lang__slidearea__wrap__item a .info h3 {
        font-size: 3vw;
    }

    .topcontent .lang__slidearea__wrap__item a .info h3 .txt  {
        font-size: 2.5vw;
    }

    .topcontent .plan__iconarea-item h3 {
        font-size: 3.5vw;
    }

    .topcontent .plan__iconarea-item .txt {
        font-size: 3vw;

    }

    main#topcontent h3 .sp-2 {
        font-size: 3.5vw;
    }

    .topcontent .works__flex-item h3 {
        font-size: 3vw;
    }

    .topcontent .works__flex-item p {
        font-size: 3vw;
    }

    .topcontent .works .link a {
        font-size: 3vw;
    }


    .firstview-videowrap-sp{
        display: block;
    }

    .firstview-videowrap{
        display: none;
    }

    .firstview {
        margin-top: 0%;
    }

    .firstview-videowrap-logo-sp {
        width: 25%;
    }
    .firstview-videowrap-logo-sp {
        position: absolute;
        top: 350px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        width: 50%;
        max-width: 350px;
    }

    .firstview-videowrap-sp p {
        text-align: center;
        width: 100%;
        margin: auto;
        position: absolute;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 4vw;
        /* margin-top: 110px; */
        color: #fff;
        bottom: 143px;
        text-shadow: 0px 0px 5px #333333;
        top: 520px;
        line-height: 1.5em;
    }



    

    .topcontent .front {
        margin-top: 74%;
    }

    #lang-pagezone .lang-flex{
        justify-content: space-around;
    }

    #lang-pagezone .lang-flex .lang__slidearea__wrap__item {
        width: 45%;
    }

    #lang-pagezone .topcontent .lang__slidearea__wrap__item a {
        margin: auto;
        width: 90%;
        max-width: 300px;
    }

    #lang-page h2{
        font-size: 3VW;
    }

    .company__table {
        display: block;
        border-bottom: none;
    }

    .company__table-tilte {
        margin: auto;
        max-width: 100%;
    }

    .company__table-item {
        text-align: center;
        padding-left: 0%;
        padding: 3% 0;
    }

    .page-content h2 {
        font-size: 4vw;
    }

    .company__table-tilte {
        font-size: 3vw;
    }

    .company__table-item {
        font-size: 3vw;
    }

    .company__flex {
        display: block;
    }

    .company__flex-photo {
     
        width: 90%;
        max-width: 600px;
        margin: auto;
    }

    .company__flex-text {
        width: 90%;
        margin: auto;
        font-size: 3vw;
        text-align: justify;
    }

    .company__flex-text span {
        font-size: 3.5vw;
        text-align: center;
    }

    .recruit-table {
        display: block;
    }

    .recruit-table .rec_item_title {
        width: 100%;
        max-width: 1000px;
        font-size: 3vw;
    }

    .recruit-table .rec_item {
        font-size: 3vw;
    }

    .trn-menu .flex-area .li-zone .li-cont .li-texit {
        height: 0px;
    }

    .company__table-tilte{
        padding: 10px 0px;
    }

    .company__flex-text br{
        display: none;
    }

    .contact_mail .contactarea dl {
        display: block;
        margin: auto;
    }

    .contact_mail .contactarea dl dt{
        width: 87%;
        padding: 2% 0;
        text-align: center;
        max-width: 100%;
        display: block;
        margin: auto;
        border: none;
    }

    .contact_mail .contactarea dl dd{
        width: 90%;
        margin: auto;
        border: none;
    }

    .contact_mail .contactarea dl dd p span {
        padding: 2% 0;
    }

    .contact_mail .contactarea dl dd p span input {
        padding: 2%;
        max-width: 100%;
        width: 96%;
    
    }

    .contact_mail .contactarea dl dd p span textarea {
        width: 96%;
        max-width: 100%;
    }




    .sp-footer__box .menu-list.main{
        width: 100%;
    }

    .sp-footer__box .menu-list.secund{
        width: 49.8%;
    }

    .sp-footer__box .menu-list{
        width: 49.8%;
        border:0.5px solid #fff;
        border-left:1px solid #fff ;
        border-right:none;
        margin-bottom: 0;
        font-size: 3.5vw;
       

    }

    .lang-contact-zone .cnt-content .cnt-zone .right-texit {
        font-size: 5vw;
    }

    .lang-contact-zone .cnt-content .cnt-zone .right-texit .fon22 {
        font-size: 5vw;
    }

    .lang-contact-zone .cnt-content .cnt-zone .gll-lg {
        width: 25%;
    }


    .archive-content h2{
        font-size: 4vw;
    }

    .news-zone .news-cont .days {
        font-size: 3vw;

    }

    .news-zone .news-cont .newstitle {
        font-size: 3vw;
    }

    .single-zone .mein-texit {
        font-size: 3vw;
    }

    .single-content.cont-wrap h2 {
        font-size: 4vw;
    }

    .single-content.cont-wrap .days {
        font-size: 2.5vw;
    }

    .shanghai-cont .shanghai-item .shang-flex .map {
        width: 100%;
        margin: auto;
    }

    .firstview-videowrap-sp .firstview-videowrap-logo-sp img{
        opacity: 0;
    
    }

    .firstview-videowrap-sp .sp-title-p{
        opacity: 0;
    }

    .circle-foot-sp{
        font-size: 3vw;
    }

    .lheader-flex{
        display: none;
    }

    .header-sp-mode{
        display: block;
    }

    .header-sp-mode .sp-header-flex{
        display: flex;
        width: 90%;
        margin: auto;
        justify-content: space-around;
        align-items: center;
        
    }

    .header-sp-mode .sp-header-flex .head-logo{
        width: 28%;
        max-width: 300px;
    }

    .header-sp-mode .sp-header-flex .head-texit{
        width: 45%;
        max-width: 400px;
    }

    .sp-header ul li {
        font-size: 3vw;
    }

    #chinese .cont-menu .li-cont {
        position: relative;
    }
    .training-cont .cont-menu .li-cont .left .abs {
        right: auto;
        bottom: auto;
        width: 20%;
        top: 160%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .topcontent .front {
        background: none
    }

    

}
@media only screen and (max-width: 480px) {
    .course-toptxit p {
        font-size: 3.5vw;
    }

    .course-toptxit h1 {
        font-size: 7.5vw;
    }

    .start-message .msg-texit .msg-title {
        font-size: 7vw;
    }

    .start-message .msg-texit .msg-sub-texit {
        font-size: 5.3vw;
        position: relative;
        z-index: 9999;
    }

    .select-title {
        font-size: 6.5vw;
    }

    .slc-title-texit {
        font-size: 7.5vw;
    }

    .select-cont .slc-sub-texit{
        font-size: 5.5vw;
    }

    .select-cont .mini{
        font-size: 6.5vw;
    }
    
    .big-texit{
        font-size: 6.5vw;
    }

   .min-texit {
        font-size: 6vw;
    }

    .big-texit .cd{
        font-size: 6vw;
    }

    .trn-title-area .trn-title{
        font-size: 6.5vw;
    }

    trn-menu .flex-area .li-zone .li-cont { 
        font-size: 6vw;
    }

    .trn-menu .flex-area .li-zone .li-cont .top-zone {
        font-size: 6vw;
    }

    .trn-menu .flex-area .li-zone .li-cont .li-texit {
        font-size: 6vw;
    }



    .training-cont .cont-menu .li-cont .inner .big{
        font-size: 6.5vw;
    }

    .training-cont .cont-menu .li-cont .inner .min {
        font-size: 6vw;
    }

    .training-cont .cont-menu .li-cont a{
        font-size: 6vw;
    }

    .qsn-inner .top-imgs .left-img p {
        font-size: 6.5vw;
    }

    .qsn-inner .qsn-li-cont ul li .qsn-title {
        font-size: 6vw;
        line-height: 1.5em;
        padding-top: 2%;
    }

    .qsn-inner .qsn-li-cont ul li .qsn-texit {
        font-size: 6vw;
    }

    .qsn-inner .qsn-li-cont ul li .q{
        font-size: 7.5vw;
    }

    .qsn-inner .qsn-li-cont ul li .q span{
        font-size: 10vw;
        padding-left: 20%;

    }

    .trn-menu .flex-area .li-zone .li-cont .li-texit {
        height: 10%;
    }

    .lang-contact-zone .cnt-content .cnt-title {
        font-size: 4.5vw;
    }

    .lang-contact-zone .cnt-content .cnt-zone .right-texit{
        font-size: 6vw;
    }

    .action-title {
        font-size: 6vw;
    }

    .trn-menu .flex-area .li-zone .li-cont .menu-img-zone p {
        font-size: 6.5vw;
    }

    .trn-menu .flex-area .li-zone .li-cont a {
        font-size: 6vw;
       
    }

    .select-cont .slc-main-texit .action-title .min {
        font-size: 4.5vw;
        display: block;
        margin-top: 1.5%;
    }

    .select-cont .slc-main-texit .action-cont .slc-min-cont .cd {
        font-size: 6vw;
    }



    /*多言語ページ*/
    .slc-cont-b .b-left {
        font-size: 6vw;
    }

    .slc-cont-b .b-left .b-slc-titl {
        font-size: 6.5vw;
    }

    .course-toptxit p {
        font-size: 5.5vw;
    }

    .course-toptxit h1 {
        font-size: 10.2vw;
    }

    .sp-br-lang{
        display: block;
    }

    .start-message .msg-texit .msg-sub-texit {
        margin: 0;
        line-height: 2em;
    }

    .lheader-tel {
        display: flex;
        width: 100%;
        max-width: 600px;
    }

    .footer .menu-list {
        margin-bottom: 5%;
        width: 33.3%;
        font-size: 5vw;
    }

    .footer .menu-list a {
        padding-left: 0;
    }

    .footer__box-item02 {
        width: 90%;
        margin: 0px 0px 0px auto;
    }

    .footer__box-adress.texit {
        text-align: left;
        margin-left: -5%;
        font-size: 5vw;
        text-align: center;
    
    }

    main#topcontent.topcontent .training__list-item h3 span {
        font-size: 5.1vw;
    }

    .topcontent .training__list-item h3 {
        font-size: 4vw;
        line-height: 1.3em;
    }



    .topcontent__section h1 span {
        font-size: 7vw;
    }

    .topcontent .lang__list-readbox h3 {
        font-size: 6vw;
    }

    .topcontent .lang__list-readbox-flex-txt {
        font-size: 5.5vw;
    }

    .topcontent .lang__list-readbox .newslist__element-item a {
        font-size: 5.5vw;
    }

    .topcontent .lang__list-readbox a.sectionlink {
        font-size: 5.5vw;
    }

    .topcontent .lang__slidearea__wrap__item a .info h3 {
        font-size: 4vw;
        line-height: 1.2em;
    }

    .topcontent .lang__slidearea__wrap__item a .info .txt {
        font-size: 3vw;
    }

    .topcontent .plan__iconarea-item h3 {
        font-size: 6.5vw;
    }

    .topcontent .plan__iconarea-item .txt {
        font-size: 5.5vw;
    }

    main#topcontent h3 .sp-2 {
        font-size: 6.5vw;
    }

    .topcontent .works__flex-item h3 {
        font-size: 6vw;
    }

    .topcontent .works__flex-item p {
        font-size: 5.5vw;
    }

    .topcontent .works .link a {
        font-size: 5.5vw;
    }

    .topcontent .plan {
        background-size: 315%;
    }

    
    .firstview-videowrap-sp p{
        font-size: 6vw;
    }

    .case-study-main .cont-wrap2 .study-item {
        display: block;
    }

    

    #lang-pagezone .topcontent .lang__slidearea__wrap__item a .info h3 {
        font-size: 5vw;
        line-height: 1.2em;
    }

    #lang-pagezone .topcontent .lang__slidearea__wrap__item a .info .txt {
        font-size: 4vw;
    }

    #lang-page h2{
        font-size: 6.5VW;
    }

    .study-item .left-texit {
        font-size: 6.5vw;
    }

    .study-item .left-texit span {
        font-size: 6vw;
    }


    .study-item .center-img img{
        width: 100%;
        max-width: 100%;
    }

    .study-item .center-img {
        width: 90%;
    }

    .study-item .right-texit {
        width: 90%;
        margin: 2% auto;
        font-size: 5.5vw;
    }

    .case-study-main h2{
        font-size: 6.5vw;
    }

    .study-item .right-texit span {
        font-size: 6vw;
    }

    .page-content h2 {
        font-size: 6.5vw;
    }

    .company__table-tilte {
        font-size: 5.5vw;
        padding: 5px 0;
        width: 100%;
    }

    .company__table-item {
        font-size: 5.5vw;
    }


    .company__flex-text {
        width: 90%;
        margin: auto;
        font-size: 5.5vw;
    }

    .company__flex-text span {
        font-size: 6vw;
        width: 100%;
        text-align: center;
        margin-bottom: 2%;
    }
    .company__flex-photo {
        width: 90%;
        max-width: 90%;
    }
    
    .sp-br-comp{
        display: block;
      }

      .recruit-table .rec_item_title {
        width: 100%;
        max-width: 1000px;
        font-size: 5.5vw;
    }

    .recruit-table .rec_item {
        font-size: 5.5vw;
    }

    .plan-content .plan-point-title h2 {
        font-size: 6vw;
    }

    .plan-content .plan-point-title p {
        font-size: 5.5vw;
        line-height: 1.5em;
    }

    .plan-content .training-cont .cont-menu .li-cont .inner .big {
        font-size: 5vw;
    }

    .corp-plan .training-cont .cont-menu .li-cont .center {
        font-size: 5.5vw;
    }

    .price-item .price-flex .left p span {
        font-size: 6vw;
    }

    .price-item .price-flex .left {
    
        font-size: 4.5vw;
    }

    .price-item .price-flex .right {
        display: block;
        font-size: 6vw;
        margin: auto 0 auto auto;
        
    }

    .plan-point-flex .pp-texit {
        font-size: 6vw!important;
    }

    .plan-point-flex .pp-service-texit .ppst-tit {
        font-size: 6vw;
    }

    .plan-point-flex .pp-service-texit .ppst-reg {
        font-size: 5vw;
        width: 90%;
        margin: auto;
        text-align: left;
    }

    .plan-point-flex .pp-service-texit .ppst-reg br{
        display: none;
    }
    
    .plan-point-flex .pp-service-texit .ppst-reg.cent{
        text-align: center;
    }

    .left-shan-texit .tit{
        font-size: 6vw;
    }

    .left-shan-texit .subs {
        font-size: 5vw;
    }

    .contact_mail .contactarea dl dt{
        font-size: 5vw;
        width: 100%;
    }
    .contact_mail .contactarea dl dd .wpcf7-select{
        font-size: 5vw;
    }

    .contact_mail .contactarea dl dd p span input{
        font-size: 5vw;
        
    }

    .contact_mail .wpcf7-submit {
        font-size: 6vw;
        padding: 3%;
        color: #000;
    }

    .contact_mail .contactarea dl dd {
        width: 100%;
        max-width: 100%;
        
    }

    .contact_mail .contactarea dl dd p {
        width: 100%;
    }

    .contact_mail .contactarea dl dd p span{
        width: 100%;
        max-width: 100%;
    }

    .sp-header .lheader-menuwrap-menu{
        flex-wrap: nowrap;
        justify-content: left;
        background-color: #DBDBDB;
        border-top: 2px solid #fff;
    }

    .sp-header ul li{

        width: 25%;
        line-height: 1.5em;
        text-align: center;
        font-size: 5vw;
        margin: 1% 0;
        font-family: "Noto Sans JP", sans-serif;
        border-left: 1px solid #fff;
        
    
    }

    .sp-header ul li.none{
        border-left:none ;
    }

    .sp-header ul li.right{
        border-right:  1px solid #fff;
    }

    



    



    .sp-fixed-br{
        display: block;
      }

    .sp-footer__box .menu-list.main{
        width: 100%;
    }

    .sp-footer__box .menu-list.secund{
        width: 49.8%;
    }

    .sp-footer__box .menu-list{
        width: 49.8%;
        border:0.5px solid #fff;
        border-left:1px solid #fff ;
        border-right:none;
        margin-bottom: 0;
        font-size: 5.5vw;
       

    }

    .sp-footer__box .menu-list a {
        
        height: 100px;
        line-height: 100px;
    }

    .lang-contact-zone .cnt-content .cnt-zone {
        display: block;
    }

    .lang-contact-zone .cnt-content .cnt-zone .gll-lg {
        width: 45%;
        margin: auto;
        display: block;
        max-width: 300px;
    }

    .lang-contact-zone .cnt-content .cnt-zone .right-texit {
        font-size: 11vw;
        text-align: center;
        margin-top: 5%;
    }

    .lang-contact-zone .cnt-content .cnt-zone .right-texit .fon22 {
        font-size: 11vw;
    }

    .lang-contact-zone .cnt-content .cnt-title {
        font-size: 7vw;
    }

    .archive-content h2{
        font-size: 6.5vw;
    }

    .news-zone .news-cont .days {
        font-size: 4.5vw;

    }

    .news-zone .news-cont .newstitle {
        font-size: 5vw;
    }

    .single-zone .mein-texit {
        font-size: 5vw;
    }

    .single-content.cont-wrap h2 {
        font-size: 6.5vw;
    }

    .single-content.cont-wrap .days {
        font-size: 4.5vw;
    }

    .lheader-tel p {
        font-size: 8vw;
    }

    .lheader-tel a {
        display: block;
        width: 50%;
    }

    .style-b .trn-menu .flex-area .li-zone .li-cont {
        padding-bottom: 10%;
    }

    .lang-contact-zone .cnt-content .cnt-zone .gll-lg {
        padding: 0px;
    }

    .circle-foot-sp{
        font-size: 4vw;
    }

    .footer__copy {
        
        padding-bottom: 30%;
    }

    .cont-mail-img {
        width: 30%;
    }

    .circle-foot-sp a {
        display: block;
        text-align: center;
        margin: auto;
        padding-top: 42px;
        color: #fff;
    }

    .circle-foot-sp a p {
        padding-top: 10px;
    }

    .lheader{
        position: relative;
        padding: 45px 0;
    }





}
@media only screen and (max-width: 320px) {
    
}