@charset "utf-8";
html, body { font-size: 15px; }




/*--------------------------------------1300----------------------------------*/
@media screen and (max-width:1300px) {
/*--------------------------------------header----------------------------------*/
#header nav #gnb li {width: 110px;height: 74px;}
#header .depth_toggle {
    top: 70px;
}
#header nav .depth_toggle .sub_nav li a {font-size: 1rem; word-break: inherit;}
#header nav .depth_toggle .sub_nav {width: 110px;}
#header .logo a {margin-left: 20px;}


/*--------------------------------------visual----------------------------------*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 3rem !important;
    left: 3rem !important;
}
#fp-nav.fp-right {
    left: 1vw;
}
.sec1::before {
    display: none;
}
    
/*---------------------------------------main-----------------------------------*/
.main_copy_top img { width: 100px;}
.main_copy_top h3 {font-size: 1.25rem;line-height: 1.25rem;}
.main_copy_top h2 {font-size: 2.25rem;line-height: 2.5rem;}

.section .inner {
    padding: 12vh 2.75rem 2vh;
    width: 100%;
}
.section.sec_board .inner {
    margin: 1rem auto 0;
}
.section.sec_admission .inner {
    margin: 0rem auto 0;
}
.section.sec_factsheet .inner {
    margin: 0rem auto 0;
}
.section.sec_factsheet .factsheet {
    margin: 3rem auto 2rem;
}
.sec3 .inner>.tit h4::before {
display: none;
}
.sec3 .inner>.tit h4 {
font-size: 2.5rem;
margin-top: 2rem;
}
.sec3 .inner>.tit h5 {
font-size: 2.25rem;
}

.sec_culture .culture .box .con {
    padding: 2.5rem;
}


.section .inner .tit { margin-bottom: 1.25rem;}
.section .inner .tit h3 {
    font-size: 1rem;
    /* line-height: 1.75rem; */
}
.section .inner .tit h3::before {
    width: 30px;
    height: 30px;
}
.section .inner .tit h4 {
    font-size: 1.25rem;
}
.section .inner .tit h3.eng {
    font-size: 1.125rem;
    line-height: 1.25rem;
}
.sec_business .business {
    gap: 2rem;
}
.sec_business .business .box {
    width: 100%;
    height: 130px;
}
.sec_business .business .box .txt .box_tit {
    font-size: 1.75rem;
}
.sec_business .business .box .txt {
    padding: 2.5rem;
}
.sec_business .business .box .txt p {
    font-size: 1rem;
}

.sec_company .company {
    flex-wrap: wrap;
    gap: 2rem;
    padding-top: 2rem;
}

.sec_company .company .box {
    width: 100%;
}

.sec_company .tit {
    height: 200px;
    background-size: 460px;
}
.sec_company .company .box .md {
    font-size: 18px;
    margin-bottom: 0px;
}
.sec_company .company strong {
    font-size: 36px;
}
.sec_company .company .txt {
    font-size: 16px;
    margin-top: 10px;
}
.sec_company .company .txt br {
    display: none;
}

.sec_messaging .tit {
    background: url(../images/main/messaging.png) bottom right no-repeat;
    background-size: 360px;
    padding: 2rem 0;
    
}
.sec_messaging .messaging {
    flex-wrap: wrap;
    height: auto;
    margin-top: 1rem;
}
.sec_messaging .messaging .box {
    width: 100%;
    padding: 2.5rem;
    border-bottom: 1px #ffffff50 solid;
}
.sec_messaging .messaging .box .box_tit {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
}

.sec_messaging .messaging .box:first-child {
    border-radius: 2.5rem 0 0 0;
}
.sec_messaging .messaging .box:nth-child(2) {
    border-radius: 0 0 0 0;
}
.sec_messaging .messaging .box:nth-child(3) {
    border-radius: 0 0 2.5rem 0;
}
.sec_messaging .messaging .box.on {
    border-radius: 2.5rem 0 0 0;
}
.sec_messaging .messaging .box:nth-child(2).on  {
    border-radius: 0 0 0 0;
}
.sec_messaging .messaging .box:nth-child(3).on {
    border-radius: 0 0 2.5rem 0;
}
.sec_messaging .messaging .box:hover {
    border-radius: 2.5rem 0 0 0;
}
.sec_messaging .messaging .box:nth-child(2):hover  {
    border-radius: 0 0 0 0;
}
.sec_messaging .messaging .box:nth-child(3):hover {
    border-radius: 0 0 2.5rem 0;
}

.sec_research .tit {
    background: url(../images/main/research.png) bottom right no-repeat;
    background-size: 300px;
    padding: 2rem 0;
    height: 200px;
}
.sec_research .research {
    flex-wrap: wrap;
    height: auto;
    margin-top: 1rem;
}
.sec_research .research .box {
    width: 100%;
    padding: 2.5rem;
    border-bottom: 1px #ffffff50 solid;
}
.sec_research .research .box:first-child {
    border-left: none;
    border-radius: 2.5rem 0 0 0;
}
.sec_research .research .box:nth-child(2) {
    border-radius: 0 0 2.5rem 0;
}
.sec_research .research .box.on {
    border-radius: 2.5rem 0 0 0;
}
.sec_research .research .box:nth-child(2).on {
    border-radius: 0 0 2.5rem 0;
}
.sec_research .research .box:hover {
    border-radius: 2.5rem 0 0 0;
}
.sec_research .research .box:nth-child(2):hover {
    border-radius: 0 0 2.5rem 0;
}
.sec_research .research .box .box_tit {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
}
.sec_culture .culture_wrap {
    gap: 1rem;
}
.sec_culture .culture.left {
    width: 100%;
    gap: 1rem;
}

.sec_culture .culture.right {
    width: 100%;
}
.sec_culture .culture.right .box .img {
    background: url(../images/main/culture_bg04.png) center no-repeat;
    background-size: cover;
    height: 185px;
}
.sec_culture .culture.left .box {
    height: 185px;
}
.sec_culture .culture.right .box {
    height: 185px;
    border-radius: 0 0 2.5rem 0;
}
.sec_culture .culture.left .tit {
    width: 100%;
    height: auto;
    background-size: 40px;
    padding-top: 2rem;
}
.sec_culture .culture.left .box:nth-child(2) {
    width: 100%;
    border-radius: 2.5rem 0 0 0;
}
.sec_culture .culture.left .box:nth-child(3) {
    width: 100%;
    border-radius: 2.5rem 0 0 0;
}
.sec_culture .culture.left .box:nth-child(4) {
    width: 100%;
}
.sec_culture .culture.left .box:nth-child(4) .con .btn_more {
    float: inherit;
}
.sec_culture .culture .box .box_tit {
    font-size: 1.25rem;
}
.sec_culture .culture .box p {
    width: 100%;
    font-size: 1rem;
    margin: 1rem 0 1rem;
}
.sec_culture .culture .box .con br {
    display: none;
}
.sec_company .company .box .sm {
    font-size: 16px;
    
}

.sec_culture .culture .btn_more {
    margin-top: 10px;
}


}
/*--------------------------------------1024----------------------------------*/
@media screen and (max-width:1024px) {
    
/********************************* main *******************************/
.main_copy_top {
    /* width: 90%; */
    left: 5%;
    transform: translate(0);
    margin-left: 0;
}
.section .inner {
    padding: 9vh 2rem 2rem;
}

.section.sec_business .inner {
    margin: 0rem auto 0;
}



}


/*--------------------------------------640----------------------------------*/
@media screen and (max-width:640px) {
    .sec_company .tit {
        background-size: 260px;
        height: 130px;
    }
    .sec_messaging .tit {
        padding: 0;
        height: 130px;
        background-size: 220px;
    }
    .sec_research .tit {
        background-size: 200px;
        padding: 0;
        height: 130px;
    }
    .section .inner .tit h3 br {
        display: none;
    }
    .sec_business .business .box .txt p br {
        /* display: none; */
    }
    .section .inner .tit h3.eng{
        display: none;
    }
}

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

    .sec_board .banner {
        /* padding: 1rem; */
        /* justify-content: center; */
        width: 100%;
        padding: 1rem 1rem 1rem 1.5rem;
    }
    .sec_board .banner .material-icons-outlined {
        /* display: none; */
    }

    .sec_company .company {
        gap: 1.5rem;
        padding-top: 1.5rem;
    }
    .sec_company .company .txt {
        font-size: 14px;
        margin-top: 5px;
    }
    .sec_company .company strong {
        font-size: 30px;
    }
    .sec_business .business .box .txt{
        padding: 1.5rem;
    }
    .sec_business .business .box .txt .box_tit{
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }

    .sec_messaging .messaging .box {
        padding: 1.5rem;
    }
    .sec_research .research .box {
        padding: 1.5rem;
    }
    .sec_culture .culture .box .con {
        padding: 1.5rem 2rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .sec_culture .culture.left .box {
        height: 95px;
    }
    .btn_more {
        padding: 4px 8px 4px 10px;
        font-size: 12px;
    }
  
    .sec_culture .culture.right .box {
        height: 95px;
    }
    .sec_culture .culture.right .box .con {
        width: calc(100% - 4.25rem);
    }
    .sec_culture .culture .box p {
        display: none;
    }
    .sec_culture .culture .btn_more {
        margin-top: 0;
    }
}