/*@font-face {*/
/*    font-family: 'Pretendard-Regular';*/
/*    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'Pretendard-Regular';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}

*{
    /*font-family: Pretendard-Regular, -apple-system, BlinkMacSystemFont,"Helvetica Neue","Apple SD Gothic Neo", Arial, sans-serif !important;*/
    /*font-family: -apple-system, Pretendard-Regular, BlinkMacSystemFont,"Helvetica Neue","Apple SD Gothic Neo", Arial, sans-serif !important;*/
    font-family: -apple-system, BlinkMacSystemFont,"Helvetica Neue","Apple SD Gothic Neo", Arial, sans-serif !important;
}

i{
    font-family: "Font Awesome 6 Free" !important;
}

#header{
    width: 100%;
    height: 95px;
}

#header .section{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

#header .logo{
    flex: 1;
    text-align: center;
}

#header .navi{
    flex: 4;
}

#header .navi ul{
    display: flex;
}

#header .navi ul li{
    padding: 0 25px;
}

#header .navi a, #header .logo a{
    height: 100%;
    display: block;
    text-align: center;
    line-height: 95px;
    font-weight: 600;
    font-size: 1.7rem;
}

#header .m_navi{
    display: none;
    font-size: 1.7rem;
}

#header .logo a {
    display: flex;
    align-items: center;
}

.contact-section{
    text-align: center;
    padding: 120px 0;
    margin-top: 200px;
}

.contact-section .detail h6{
    margin-bottom: 10px;
}

.contact-section .section-wrap2 .detail h4{
    margin-bottom: 10px;
}

.contact-section .detail .addr{
    color: #171717;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1.3;
    margin-bottom: 30px;
}

.footer{
    background-color: #171717;
    color: #D1D6DB;
    padding: 110px 0;
}

.footer .footer-wrap{
    width: 1200px;
    margin: 0 auto;
    display: flex;
}

.footer .footer-wrap .info1{
    flex: 1;
}

.footer .footer-wrap .info1 .addr{
    font-size: 1.8rem;
}

.footer .footer-wrap .info1 .logo-wrap{
    display: flex;
    margin-bottom: 50px;
}

.footer .footer-wrap .info1 .logo-wrap .logo{
    flex: 1;
}

.footer .footer-wrap .info1 .logo-wrap .sns{
    flex: 1;
    display: flex;
    align-items: center;
    margin-left: 65px;
}

.footer .footer-wrap .info1 .logo-wrap .sns a{
    display: inline-block;
}

.footer .footer-wrap .info1 .logo-wrap .sns a:first-child{
    margin-right: 20px;
}

.footer .footer-wrap .info1 .logo-wrap .sns a img{
    display: inline-block;
    vertical-align: middle;
}

.footer .footer-wrap .info1 .addr p span{
    font-weight: 600;
    display: inline-block;
    padding-right: 6px;
}

.footer .footer-wrap .info1 .addr p{
    color: #D1D6DB;
    margin-bottom: 13px;
}

.footer .footer-wrap .info2{
    display: block;
    flex: 1;
    padding-left: 15%;
}

.footer .footer-wrap .info3.m{
    display: none;
}

.footer .footer-wrap .info2 h4{
    font-weight: 600;
    font-size: 4rem;
    line-height: 1.3;
    margin-bottom: 10px;
}

.footer .footer-wrap .info2 p{
    font-weight: 600;
    font-size: 4rem;
}

.footer .footer-wrap .info2 p a {
    color: #D1D6DB;
}

.section-wrap2{
    width: 1200px;
    /*margin: 60px auto;*/
    margin: 0 auto;
    display: flex;
}

.section-wrap2 .detail{
    flex-grow: 1;
    padding: 10px 0;
}

.section-wrap2 .detail h6{
    color: #f95700;
    font-weight: 600;
    font-size: 2.4rem;
    margin-bottom: 10px;
}

.section-wrap2 .detail h4{
    color: #171717;
    font-weight: 600;
    font-size: 4rem;
    line-height: 1.3;
    margin-bottom: 23px;
}

.section-wrap2 .detail p{
    font-size: 2.4rem;
    line-height: 1.5em;
    margin-bottom: 30px;
}

.section-wrap2 .detail .tel{
    color: #171717;
    font-weight: 600;
    font-size: 4rem;
    line-height: 1.3;
}

.section-wrap2 .detail span{
    color: #f95700;
    font-size: 2.4rem;
}

.section-wrap2 .thumb-img{
    flex-grow: 1;
    padding-top: 26px;
}

.table1{
    border-collapse: collapse;
    border: 0;
    margin: 0 auto;
    font-size: 1.6rem;
    width: 88%;
}

.table1 th{
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background-color: #f95700;
    border-left: 1px solid #f95700;
    padding: 16px 20px;
    border-right: 1px solid #ffffff;
    vertical-align: middle;
    font-size: 2rem;
}

.table1 th span{
    font-size: 1.5rem;
    font-weight: normal;
}

.table1 td{
    color: #151515;
    text-align: center;
    border: 1px solid #f95700;
    background-color: #ffffff;
    padding: 16px 17px;
    vertical-align: middle;
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: -1px;
}

.table1.pc td{
    padding: 16px 24px;
}

.table1 td.head{
    font-weight: bold;
}

.btn1{
    color: #FFFFFF;
    background-color: #f95700;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 18px;
}

.no-border-left{
    border-left: 0 !important;
}

.no-border-right{
    border-right: 0 !important;
}

.no-border-top{
    border-top: 0 !important;
}

.no-border-bottom{
    border-bottom: 0 !important;
}

.border-bottom-white{
    border-bottom: 1px solid #ffffff !important;
}

.f-bold {
    font-weight: bold !important;
}

.t-left{
    text-align: left !important;
}

.t-center{
    text-align: center !important;
}

.t-right{
    text-align: right !important;
}

.f-weight-normal{
    font-weight: normal !important;
}

/* color */
.white{
    background-color: #fff !important;
}

.bg-white2{
    background-color: #F8FAFE !important;;
}

.bg-orange{
    background-color: #f95700 !important;
}

.f-white{
    color: #ffffff !important;
}

.f-black{
    color: #151515 !important;
}

.f-orange{
    color: #f95700 !important;
}

.popup{
    width: 33%;
    margin: 50px auto;
    border-radius: 25px;
}

.popup .pc{
    display: block;
}

.popup table.pc{
    display: table;
}

.popup .m{
    display: none;
}

.popup .popup-head{
    text-align: center;
    padding-top: 50px;
}

.popup .popup-head span{
    display: inline-block;
    text-align: center;
    color: #f95700;
    font-size: 2rem;
    margin-bottom: 17px;
    font-weight: 600;
}

.popup .popup-head p{
    color: #151515;
    font-weight: 600;
    font-size: 4rem;
    line-height: 1.3;
    margin-bottom: 30px;
}

.popup .popup-body .info{
    margin: 20px 0;
    text-align: center;
    line-height: 1.4;
    font-size: 2rem;
}

.popup .popup-foot{
    text-align: center;
    background: #ffffff;
    border-top: 1px solid #D1D6DB;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    height: 60px;
    line-height: 60px;
    margin-top: 50px;
}

.popup .popup-foot .popup-dismiss{
    color: #f95700;
    display: block;
    width: 100%;
    font-size: 2rem;
}

.pb0{
    padding-bottom: 0 !important;
}

.pd60{
    padding: 60px 0 !important;
}

.mb0{
    margin-bottom: 0 !important;
}

.mb15{
    margin-bottom: 15px !important;
}

.mb20{
    margin-bottom: 20px !important;
}

.mb30{
    margin-bottom: 30px !important;
}

.mt150{
    margin-top: 150px !important;
}

.mt50{
    margin-top: 50px !important;
}

.w60p{
    width: 60% !important;
}

.w70p{
    width: 70% !important;
}

.w80p{
    width: 80% !important;
}

#main_popup {
    width: 100%;
    height: auto;
    max-width: 500px;
    min-width: 310px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    letter-spacing: 2px;
    z-index: 99;
    background-color: #fff;
}

#main_popup .main_popup_inner {
    width: 100%;
    height: auto;
}

#main_popup .main_popup_inner>img {
    width: 100%;
    height: 100%;
}

#main_popup .main_popup_inner a {
    display: block;
    position: absolute;
    z-index: 100;
    top: 89%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 40px;
    background-color: #64b2ff;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -2px;
    line-height: 40px;
}


#main_popup .gray {
    position: fixed;
    top: 98%;
    left:0px;
    background-color:#dfdfdf;
    width: 100%;
    text-align: right;
    font-size: 13px;
    letter-spacing: 2px;
    height: 30px;
    line-height: 15px;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
}


#main_popup .gray input,
label {
    float: left;
    color: #333;
    letter-spacing: -1px;
}

#main_popup .gray input {
    margin-left: 8px;
}

#main_popup .gray label {
    line-height: 12px;
    margin-left: 5px;
}

#main_popup button {
    border: none;
    padding: 0 10px;
    color: #333;
    font-size: 13px;
    line-height: 12px;
    background-color: #dfdfdf;
    letter-spacing: -1px;
}

/******************************************/

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

    #header .section {
        position: relative;
        width: 100%;
        max-width: 430px;
        margin: 0 auto;
        padding: 0 35px;
        box-sizing: border-box;
    }

    #header .navi {
        display: none;
    }

    #header .m_navi{
        display: block;
    }

    #header .m_navi .menu-bar{
        width: 100px;
        height: 100%;
        flex: 1;
        display: flex;
        justify-content: right;
        align-items: center;
    }

    #header .m_navi .menu-bar i{
        display: block;
        cursor: pointer;
    }

    #header .m_navi .menu{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #171717;
        z-index: 1;
        display: none;
    }

    #header .m_navi .menu ul{
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    #header .m_navi .menu ul li {
        height: 70px;
        display: flex;
        align-items: center;
        padding: 0 35px;
    }

    #header .m_navi .menu ul li a{
        color: #ffffff;
    }

    #header .m_navi .menu ul li.btn-close{
        height: 95px;
        display: flex;
        justify-content: right;
        align-items: center;
    }

    #header .m_navi .menu ul li:last-child{
        margin-bottom: 95px;
    }

    .section-wrap2{
        width: 100%;
        max-width: 430px;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .section-wrap2 .detail h6, .section-wrap2 .detail span, .section-wrap2 .detail p{
        font-size: 1.8rem;
        word-break: auto-phrase;
    }

    .section-wrap2 .detail h4{
        font-size: 2.4rem;
    }

    .section-wrap2 .detail .tel{
        font-size: 2.5rem;
    }

    .section-wrap2 .thumb-img img{
        width: 45%;
    }

    .contact-section{
        padding: 50px 1.5rem;
        margin-top: 90px;
    }

    .footer{
        padding: 60px 0;
    }

    .footer .footer-wrap{
        display: block;
        max-width: 430px;
        padding: 0 35px;
        box-sizing: border-box;
        width: 100%;
    }

    .footer .footer-wrap .info1 .logo-wrap{
        display: block;
        margin-bottom: 0;
    }

    .footer .footer-wrap .info1 .logo-wrap .logo img{
        width: 65%;
    }

    .footer .footer-wrap .info1 .logo-wrap .sns{
        display: block;
        margin: 20px 0;
    }

    .footer .footer-wrap .info1 .addr{
        font-size: 2.4rem;
    }

    .footer .footer-wrap .info1 .addr p{
        font-size: 1.4rem;
    }

    .footer .footer-wrap .info2{
        display: none;
    }

    .footer .footer-wrap .info3.m{
        display: block;
        margin: 30px 0 60px;
    }

    .footer .footer-wrap .info3 h4{
        font-weight: 600;
        font-size: 2.4rem;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .footer .footer-wrap .info3 p{
        font-weight: 600;
        font-size: 2.4rem;
    }

    .footer .footer-wrap .info3 p a {
        color: #D1D6DB;
    }

    .table1 th{
        font-size: 1.5rem;
        padding: 1rem 1rem;
    }

    .table1 th:first-child{
        width: 21%;
    }

    .table1 td{
        letter-spacing: -1px;
        font-size: 1.5rem;
        padding: 1rem 1rem;
    }

    .slick-vertical .slick-slide{
        width: 100% !important;
    }

    .popup{
        width: 83%;
    }

    .popup .pc, .popup table.pc{
        display: none;
    }

    .popup .m{
        display: block;
    }

    .popup .popup-head p{
        font-size: 2.5rem;
    }

    .popup .table1.m{
        width: 86% !important;
    }

    .popup .table1.m th:first-child{
        width: 57%;
    }

    .popup .table1.m td{
        padding: 16px 13px;
    }

    .popup .popup-body .info{
        font-size: 1.7rem;
    }
}