/* Mobile up S */
@media (min-width: 768px) {

  }
/* Mobile up E */

/* Mobile S */
@media (max-width: 767px) {

    .wrap{
        min-width: 0px;
    }
    
    .ceo,
    .chair>div,
    .manage>div>ul,
    .sum>div>div:nth-of-type(3),
    .mi_vi>div,
    .award>div,
    .organ>img
    {
        width: 100%;
    }

    .mb{
        height: 265px;
    }

    .ceo{
        padding: 0px 20px;
    }
    .mb_title>h2{
        font-size: 24px;
    }
    .mb_title>h3{
        font-size: 18px;
    }
    .ceo>div>div{
        display: block;
    }
    .ceo>div>div:first-of-type{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 35px;
    }
    .ceo>div>div:first-of-type>div{
        width: 170px;
    }
    .ceo>div>div>div>h2{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ceo>div>div>div>h2::after{
        content: none;
    }
    .ceo>div>div:first-of-type>div>p{
        width: 100%;
        line-height: 16px;
        font-size: 9px;
    }
    .ceo>div>div>img{
        width: 100px;
        height: auto;
    }

    .ceo>div>div:nth-of-type(2)>div>p{
        width: 100%;
        line-height: 23px;
        font-size: 12px;
        margin-bottom: 30px;
    }
    .ceo>div>div:last-of-type>p{
        width: fit-content;
        font-size: 12px;
    }
    .ceo>div>div:last-of-type>p>strong{
        font-size: 16px;
    }

    .chair{
        height: 140px;
        padding: 0px 20px;
        margin-bottom: 35px;
    }
    .chair img{
        display: none;
    }
    .chair>div>div>div:first-of-type>p,
    .chair>div>div>div:first-of-type>h2,
    .chair>div>div>div:first-of-type>h3{
        font-size: 14px;
    }
    .chair>div>div>div:first-of-type>p{
        margin-bottom: 5px;
    }
    .chair>div>div>div:nth-of-type(2){
        margin-top: 22px;
    }
    .chair>div>div>div:nth-of-type(2)>p{
        line-height: 21px;
        font-size: 12px;
        font-weight: 500;
    }
    .manage>div>div>ul{
        flex-wrap: nowrap;
        width: fit-content;
    }
    .manage>div>div>ul>li{
        width: 200px;
        height: 220px;
        padding: 30px 12px 30px 12px;
        margin-right: 15px;
    }
    .manage>div>div>ul>li>p:first-of-type{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .manage>div>div>ul>li>h3{
        margin-bottom: 25px;
    }
    .manage>div>div>ul>li>h3>strong{
        font-size: 16px;
        padding-right: 25px;
    }
    .manage>div>div>ul>li>h3{
        font-size: 14px;
    }
    .manage>div>div>ul>li>p:last-of-type{
        line-height: 18px;
        font-size: 12px;
        font-weight: 500;
    }

    .ul_wrap2{
        overflow-x: scroll;
        width: 100%;
        padding: 0px 20px;
    }

    .sum>div{
        position: relative;
    }
    .sum>div>div:first-of-type{
        width: 100%;
        height: auto;
        padding: 0px 18px;
    }
    .sum>div>div:first-of-type.on{
        position: absolute;
        top: 27px;
        left: 50%;
        transform: translateX(-50%);
    }
    .sum.on{
        margin-top: 60px;
    }
    .sin_text_wrap{
        position: absolute;
        top: 27px;
        left: 50%;
        transform: translateX(-50%);
    }
    .sum>div>div:first-of-type>h2{
        font-size: 16px;
        color: #fff;
    }
    .sum>div>div:first-of-type>p{
        font-size: 12px;
        color: #fff;
    }
    .cum_bg{
        height: 240px;
        margin-top: 90px;
        background-attachment: initial;
    }
    .sum>div>div:last-of-type>div>a{
        width: 220px;
        height: 52px;
        line-height: 52px;
        font-size: 14px;
        border-radius: 10px;
    }
    .sum>div>div:nth-of-type(3)>ul>li{
        width: 50%;
    }
    .sum>div>div:nth-of-type(3)>ul>li>img{
        height: 60px;
        vertical-align: center;
    }
    .sum>div>div:nth-of-type(3)>ul>li>h3{
        font-size: 16px;
        margin: 20px 0px 5px 0px;
    }
    .sum>div>div:nth-of-type(3)>ul>li>p{
        width: 120px;
        font-size: 12px;
        line-height: 21px;
        margin-left: auto;
        margin-right: auto;
    }
    .m_history {
        display: none;
    }
    .history-list{
        padding: 0px 20px;
    }
    .history-list .line{
        left: 68px;
        height: 3386px;
    }
    .history-list dt{
        font-size: 18px;
    }
    .history-list dd em,
    .history-list dd span{
        font-size: 14px;
    }
    .history-list dd em{
        font-weight: bold;
    }
    .wrap .img_dd{
        border: 0px none;
        background-color: transparent;
    }
    .img_dd img{
        display: block;
        width: 245px;
        height: auto;
        margin-left: auto;
    }

    .mi_vi{
        padding: 0px 20px;
    }
    .mi_vi>div>h2{
        font-size: 16px;
        margin-bottom: 30px;
    }
    .mi_vi>div>h3{
        font-size: 14px;
    }

    .mi_vi_item1{
        padding: 15px;
        margin-top: 35px;
    }
    .mi_vi_item1>div{
        width: 77px;
        height: 77px;
    }
    .mi_vi_item1>div:nth-of-type(1) img{
        width: 26px;
    }
    .mi_vi_item1>div:nth-of-type(2) img{
        width: 29px;
    }
    .mi_vi_item1>div:nth-of-type(3) img{
        width: 33px;
        margin-bottom: 6px;
    }
    .wrap .mi_vi_item1>div img{
        margin-top: 15px;
    }
    .mi_vi_item1>div img+p{
        font-size: 9px;
    }
    .mi_vi_item1>img{
        width: 15px;
        height: 15px;
        margin: 0px 10px;
    }

    .mis_ul_wrap{
        width: 100%;
        overflow-x: scroll;
    }
    .mission_ul{
        width: fit-content;
        flex-wrap: nowrap;
    }
    .mission_ul>li{
        width: 240px;
        height: 220px;
        text-align: center;
        padding: 20px 10px;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13);
        margin-right: 15px;
    }
    .mission_ul>li:nth-of-type(3), .mission_ul>li:last-of-type{
        padding-right: 10px;

    }
    .mission_ul>li>p{
        line-height: 18px;
        font-size: 12px;
    }

    .award>div h2{
        font-size: 16px;
        margin-bottom: 35px;
    }
    .award>div img{
        width: 100%;
    }
    .award>div>div{
        margin-bottom: 60px;
    }
    .award>div>div>ul{
        justify-content: space-between;
    }
    .wrap .item2_ul{
        justify-content: space-around;
    }
    .award>div>div>ul>li{
        width: 31%;
        margin-right: 0px;
    }
    .award>div>div:nth-of-type(2) .item2_ul>li:first-of-type,
    .award>div>div:nth-of-type(3) .item2_ul>li:first-of-type{
        margin-right: 0px;
    }
    .award>div>div>ul>li>div>h3{
        top: 50px;
        font-size: 12px;
        padding: 0px 15px;
    }
    .award>div>div>ul>li>div>p{
        bottom: 30px;
        font-size: 9px;
        padding: 0px 10px;
    }
    .award>div>div>ul>li>div>p>span{
        font-size: 9px;
    }


    .con_wrap{
        width: 100%;
        border: 0px none;
        padding: 60px 20px;
        margin-bottom: 30px;
    }
    .con_wrap>h3{
        margin-bottom: 60px;
    }
    .con_wrap>ul>li{
        line-height: 23px;
        font-size: 14px;
        border-bottom: 1px solid var(--primary);
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .con_wrap>ul>li>span{
        display: block;
    }
    .con_wrap>p{
        line-height: 23px;
        font-size: 14px;
    }
    .tab_btn{
        padding: 0px 20px;
        margin: 0px auto;
    }
    .tab_btn>button{
        width: 130px;
        height: 40px;
        font-size: 14px;
    }
    .tab_btn>button:first-of-type{
        margin-right: 10px;
    }
    .guide{
        display: none;
    }
    .guide>div{
        width: 100%;
        border: 0px none;
        border-radius: 0px;
        padding: 0px 20px;
    }
    .guide h3{
        font-size: 18px;
        font-weight: 400;
    }
    .guide>div>ul>li{
        width: 100%;
        padding: 10px 0px;
    }
    .guide>div>ul>li:first-of-type{
        text-align: center;
        padding: 0px;
        border-bottom: 0px none;
        color: var(--secondary-gray);
        background-color: transparent;
    }
    .guide>div>ul>li:first-of-type>h3{
        margin-top: 60px;
    }
    .guide>div>ul>li:first-of-type>p{
        width: 100%;
        font-size: 12px;
        margin-top: 25px;
        margin-bottom: 60px;
    }
    .guide>div>ul>li h4{
        font-size: 14px;
    }
    .guide>div>ul>li>div>p{
        font-size: 14px;
    }
    .guide>div>ul>li>div>ul{
        display: block;
    }
    .guide>div>ul>li>div>ul>li{
        width: 100%;
        height: 15px;
        line-height: 15px;
        text-align: left;
        font-size: 12px;
        border: 0px none;
        padding: 0px;
        margin-top: 10px;
    }
    .guide>div>a{
        font-size: 16px;
        margin: 60px 0px 0px auto;
    }

    .wrap .organ .pc_view{
        display: none;
    }
    .wrap .organ .mobile_view.ac{
        display: block;
    }
    .organ {
        overflow: scroll;
    }
    .organ>h2{
        font-size: 16px;
    }
    .organ>img{
        width: 375px;
        padding: 0px 20px;
    }
    

    .im_pc_view{
        display: none !important;
    }
    /* .im_mobile_view{
        display: block !important;
    } */

    
}