@charset "UTF-8";
/* CSS Document */
/* ============================================

20220727 交正瓦扔奈申旦絁宒頗扦

============================================ */
/*目永母奈 ST*/
#headerOptions > #headerOptionsInner > ul.btn_LinkGlobal li.inquiryLink a {
    background: url(/jp/yss/shared/images/ico_header_contact.png) no-repeat 28px center;
    background-size: 20px;
    border-radius: 38px;
    border: 2px solid #fff;
    font-size: 120%;
}
#headerOptions > #headerOptionsInner > ul.btn_LinkGlobal li.globalLink a, #headerOptions > #headerOptionsInner > ul.btn_LinkGlobal li.salesLink a, #headerOptions > #headerOptionsInner > ul.btn_LinkGlobal li.inquiryLink a {
    padding: 11px 34px 11px 54px;
}
#globalNavi {
    width: 100%;
    background: #333f48;
    height: 50px;
    position: relative;
}
#globalNaviInner > ul {
    margin: 0;
    display: flex;
    justify-content: center;
}
#globalNaviInner > ul > li {
    border: none !important;
}
#globalNaviInner > ul > li > a {
    color: #fff;
}
/*目永母奈 ED*/
/*白永正奈 ST*/
#sitemapLink .sitemapBox2 {
    width: 580px;
    float: left;
}
#sitemapLink .sitemapBox {
    width: 268px;
    float: left;
    margin-left: 40px;
}
#sitemapLink .sitemapBox ul{
    min-height: auto;
}
/*白永正奈 ED*/
#contents #contentsInner {
    width: 900px;
    margin: 0px auto;
    padding: 0 0 48px;
}
#contents .fontRoboto {
    font-family: 'Roboto Condensed', sans-serif;
}
#contents .pageMv {
    margin-bottom: 72px;
    position: relative;
    height: 342px;
}
#contents .pageMv div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
#contents .pageMv h1 {
    font-size: 22px;
    color: #fff;
    line-height: 1.8em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: center;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#contents .menuList {
    display: flex;
    margin-bottom: 72px;
}
#contents .menuList li {
    width: 100%;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    position: relative;
}
#contents .menuList li a {
    color: #333f48;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#contents .menuList li.active {
    border-color: #333f48;
    font-weight: 600;
}
#contents p {
    line-height: 2em;

}

#contents .tableList dl {
    display: flex;
}
#contents .tableList dt {
    color: #00a7ae;
    width: 142px;
    min-width: 142px;
    font-weight: 600;
    line-height: 2em;
}
#contents .tableList dd {
    line-height: 2em;
}
#contents .anchorList {
    background: none;
    padding: 0;
}
#contents .anchorList .col2Block .col {
    width: calc(100% / 3 - 8px) !important;
}
#contents .anchorList .col a {
    height: 50px !important;
}
#contents .anchorList .col a > span {
    background: none;
    position: relative;
    padding-right: 18px !important;
}
#contents .anchorList .col a > span::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
}
#contents .anchorList .col2Block .col a span,
#contents .anchorList .col2Block .col a:hover span{
    background: none;
}

@media screen and (max-width: 767px) {
    /*目永母奈 ST*/
    #globalNaviInner > ul {
        float: none;
        padding: 14px 12px 0;
        margin: 0 0 15px;
        display: block;
    }
    #globalNavi {
        top: 0;
        height: 100%;
        background: none;
    }
    #globalNaviInner > ul > li > a:before, #globalNaviInner > ul > li > a.active:before {
        content: none;
    }
    /*目永母奈 ED*/
    #contents #contentsInner {
        width: 100%;
    }
    #contents .contentsBlock {
        margin: 0 10px 40px;
    }
    #contents .pageMv {
        margin-bottom: 0px;
        height: auto;
    }
    #contents .pageMv div {
        position: static;
        height: 60vw;
    }
    #contents .pageMv h1 {
        font-size: 16px;
        color: #333f48;
        padding: 50px 0;
        text-shadow: none;
        position: static;
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }
    #contents .menuList {
        display: block;
        padding: 0 12px;
        margin-bottom: 50px;
    }
    #contents .menuList li {
        width: 100%;
        text-align: center;
        line-height: 40px;
        margin-bottom: 15px;
    }
    #contents p {
        line-height: 1.6em;
    }
    #contents .tableList {
        font-size: 90%;
    }
    #contents .tableList dl {
        display: block;
    }
    #contents .tableList dt {
        color: #00a7ae;
        width: auto;
        line-height: 1.6em;
    }
    #contents .tableList dd {
        line-height: 1.6em;
    }
    #contents .anchorList {
        padding: 0 12px;
    }
    #contents .anchorList .col2Block .col:first-child {
        margin-bottom: 10px !important;
    }
    #contents .anchorList .col2Block .col {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }
}