@charset "utf-8";

/* visible pc and mo */
.visible_pc {display:block;}
.visible_mo {display:none;}
@media(max-width:1080px) {
    .visible_pc {display:none;}
    .visible_mo {display:block;}
}



/* [s] affiliates PAGE */

#wrap.affiliates .title_area {margin-top:20px;text-align: center;}
#wrap.affiliates .title_area p {font-family: 'LGSmHaB';font-size:24px;text-align:center;line-height:42px;margin-top:30px;margin-bottom: 54px;}

#wrap.affiliates .tab_menu li:nth-child(1) a {border-color:#d9336c;}
#wrap.affiliates .tab_menu li:nth-child(2) a {border-color:#fbae00;}
#wrap.affiliates .tab_menu li:nth-child(3) a {border-color:#c3d400;}
#wrap.affiliates .tab_menu li:nth-child(4) a {border-color:#b57ab5;}
#wrap.affiliates .tab_menu li:nth-child(5) a {border-color:#c00c3f;}

#wrap.affiliates .tab_menu li:nth-child(1) a.on {background-color:#d9336c;}
#wrap.affiliates .tab_menu li:nth-child(2) a.on {background-color:#fbae00;}
#wrap.affiliates .tab_menu li:nth-child(3) a.on {background-color:#c3d400;}
#wrap.affiliates .tab_menu li:nth-child(4) a.on {background-color:#b57ab5;}
#wrap.affiliates .tab_menu li:nth-child(5) a.on {background-color:#c00c3f;}

#wrap.affiliates .tab_cont {padding-top:0;}
#wrap.affiliates .tab_cont.tab1 {display:block} 

.content_header {width:100%; height:894px; margin:0 auto; padding:55px 0 0 0;background-repeat:no-repeat; background-size:cover; background-position:center;}
.content_header .title {width:90%; max-width:920px; margin:0 auto; font-size:24px;line-height:36px;font-family: 'LGSmHaTB';}
.content_header .title::before {content: '*';color:#d9336c;}
.content_header .desc {font-size:18px; line-height:36px;width:90%; max-width:920px; margin:0 auto;}

.content_body .img_box {width:100%; height:726px; background-repeat:no-repeat; background-size:cover; background-position:center;}
.content_body {width:90%; max-width:1200px; margin:0 auto 245px; position:relative;}
.content_body .title_addr {font-size:24px;width:100%;font-family:'LGSmHaTB';padding-bottom:20px;}
.content_body .list_addr { margin-left:-20px}
.content_body .list_addr ul {display:flex; flex-wrap: wrap; width:100%;}
.content_body .list_addr li {width:50%; margin-top:20px;}
.content_body .list_addr li .inner_box {position:relative; display:flex; border-radius:5px; padding: 25px 60px 25px 30px; margin-left:20px; background:#f4f4f7}
.content_body .list_addr li .inner_box .tit {width:140px; font-family: 'LGSmHaB'; font-size:18px; padding-top:5px}
.content_body .list_addr li .inner_box .info {font-family: 'LGSmHaTR'; font-size:16px; line-height:31px}
.content_body .list_addr li .inner_box .btn_link {position:absolute; right:24px; top:24px; width:32px; height:32px; font-size:0; border-radius:100%; background:#e7e7e7 url('/design/static/img/culture/icon_home.png') center no-repeat;}

/*
.content_body table {border-bottom:2px solid #232323; border-top:2px solid #232323;} 
.content_body table tr {border-top:1px solid #eee}
.content_body table tr.bt_2 {border-top: 1px solid #000;}
.content_body table tr th {text-align:left;font-weight:normal;font-family:'LGSmHaTB';width: 600px;vertical-align: top;padding: 36px 0 0 56px;}
.content_body table tr th span {display:flex; align-items:center;}
.content_body table tr th span::before {content:'';width:40px;height:40px;display:block;margin-right: 18px;background-repeat:no-repeat;background-size: contain;}
.content_body table tr th span.electronics::before {background-image:url('/design/static/img/culture/affiliates_ico_electronics.png');}
.content_body table tr th span.chemical::before {background-image:url('/design/static/img/culture/affiliates_ico_chemical.png');}
.content_body table tr th span.communication::before {background-image:url('/design/static/img/culture/affiliates_ico_communication.png');}
.content_body table tr td {text-align:left;padding: 24px 0;line-height: 26px;}
.content_body table tr td.name {font-family:'LGSmHaTB';color:#d9336c;width: 145px;vertical-align: top;}
.content_body table tr td.tel {display: block;position: relative;padding: 24px 60px 24px 45px;}
.content_body table tr td.tel .bold {font-family:'LGSmHaTB'; display:block;}
.content_body table tr td.tel a {display:block;width: 18px;height: 18px;margin-top: 2px;background-image:url('/design/static/img/culture/affiliates_ico_link.png');background-repeat:no-repeat;background-size: contain;position: absolute;top: 24px;right: 60px;}
*/


@media(max-width:1080px) {
    .content_header {width:calc(100% + 50px);height: calc(130px + 95vw);padding: 12px 0 0 0;margin-left:-25px;background-size: 215%;background-position: center bottom;}
    .content_header .title {font-size:21px;line-height:27px;margin-left: 30px;}
    .content_header .desc {font-size:13px;line-height:22px;margin-left: 48px;width: calc(100% - 75px);}
    #wrap.affiliates .tab_cont.tab5 .content_header {height: calc(130px + 105vw);}

    #wrap.affiliates .tab_wrap {width:calc(100% + 50px); margin-left:-25px; overflow:scroll; padding:0 0 0 25px;}
    #wrap.affiliates .tab_wrap::-webkit-scrollbar {display: none;}
    #wrap.affiliates .tab_menu {width: 725px;flex-grow: unset;/* overflow: hidden; */}
    #wrap.affiliates .tab_menu li {width: 137px;height: 50px;overflow: visible;display: block;}
    #wrap.affiliates .tab_menu li:nth-child(1) {width:132px;}
    #wrap.affiliates .tab_menu li a {width: 132px;}
    #wrap.affiliates .tab_menu li a.on {color:#fff}

    #wrap.affiliates .title_area {margin-top: 38px;width: 100%;}
    #wrap.affiliates .title_area img {width: 87.0769%;margin:0 auto;}
    #wrap.affiliates .title_area p {font-size:16px;line-height:28px;margin-top: 7px;margin-bottom: 40px;}

    .content_body {width:100%;margin-bottom: 90px;}
    .content_body .title_addr {font-size:18px; padding-bottom:5px}
    .content_body .list_addr ul {display:block; width:100%}
    .content_body .list_addr li {width:100%; margin-top:10px}
    .content_body .list_addr li:first-child {margin-top:10px}
    .content_body .list_addr li .inner_box {padding: 21px 60px 21px 20px;}
    .content_body .list_addr li .inner_box .tit {width:83px; font-size:12px; padding-top:2px}
    .content_body .list_addr li .inner_box .info {font-size:11px; line-height:19px}
    .content_body .list_addr li .inner_box .btn_link {top:15px}
    /*
    .content_body .tbl_title {font-size:21px; line-height:1; padding-bottom:6px;}
    .content_body table tr th {width: 120px;padding: 20px 0 0 2px;}
    .content_body table tr th span {font-size: 11px;line-height: 22px;}
    .content_body table tr th span::before {width: 20px;height: 20px;margin-right: 5px;}
    .content_body table tr td {text-align:left;padding: 16px 0;line-height: 20px;font-size: 10px;padding: 14px 0;}
    .content_body table tr td.name {width: 70px;font-size: 11px;line-height: 20px;}
    .content_body table tr td.tel {padding: 14px 6px 14px 6px;}
    .content_body table tr td.tel .bold {font-family:'LGSmHaTB'; display:block;}
    .content_body table tr td.tel a {top: 16px;right: 8px;width: 12px;height: 12px;margin-top: 2px;background-image:url('/design/static/img/culture/affiliates_ico_link.png');}
    */

    /* Dark mode */
    html.dark .content_body .list_addr li .inner_box {background:#2e2e2e}
    html.dark .content_body .list_addr li .inner_box .btn_link {background:#3b3b3b url('/design/static/img/culture/icon_home.png') center no-repeat;}
}