/* main visual */
#mainVisual{
    background: url("../img/top/mainvisual_bg.jpg")no-repeat top center;
    height: 1000px;
    position: relative;
    margin: 0;
    }
#mainVisual .cntBox{
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 7.0rem;
    display: flex;
    }
#mainVisual .cntBox .cntDiv{width: 50%;}
#mainVisual .cntBox .cntDiv a{
    display: block;
    transition: 0.7s;
    padding-bottom: 80px;
    background:url("../img/cmn/btn01.png")no-repeat bottom center;
    }
#mainVisual .cntBox .cntDiv:nth-child(2) a{
    background:url("../img/cmn/btn02.png")no-repeat bottom center;
    }
#mainVisual .cntBox .cntDiv a:hover{opacity: 0.5}
#mainVisual .cntText{
    position: absolute;
    bottom:15%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 3.0rem;
    font-weight: bold;
    }

@media screen and (max-width: 1350px) {}
/* TAB */
@media screen and (max-width: 899px) {
#mainVisual{
    background: url("../img/top/mainvisual_bg.jpg")no-repeat top center;
    background-size: cover;
    height: 800px;
    }
#mainVisual .cntBox{
    top: 35%;
    font-size: 5.5rem;
    }
#mainVisual .cntBox .cntDiv a{
    padding-bottom: 60px;
    background:url("../img/cmn/btn01.png")no-repeat bottom center;
    background-size: 55px;
    line-height: 1.1;
    }
#mainVisual .cntBox .cntDiv:nth-child(2) a{
    background:url("../img/cmn/btn02.png")no-repeat bottom center;
    background-size: 55px;
    line-height: 1.1;
    }
}
/* SP */
@media screen and (max-width: 480px) {
#mainVisual{
    background: url("../img/top/mainvisual_bg.jpg")no-repeat top center;
    background-size: cover;
    height: 450px;
    }  
#mainVisual .cntBox{
    font-size: 3.0rem;
    }
#mainVisual .cntBox .cntDiv a{
    padding-bottom: 40px;
    background:url("../img/cmn/btn01.png")no-repeat bottom center;
    background-size: 40px;
    }
#mainVisual .cntBox .cntDiv:nth-child(2) a{
    background:url("../img/cmn/btn02.png")no-repeat bottom center;
    background-size: 40px;
    } 
#mainVisual .cntText{font-size: 1.7rem;}   
}

/* CONTACT */
#_contact{
    padding: 100px 0 0;
    background: url("../img/top/cta_bg.jpg")repeat-x top center , #f3f0ed;
    position: relative;
    }
#_contact::after{
    position: absolute;
    content: "";
    width: 96%;
    height: calc(100% - 100px);
    background: url("../img/top/cta_bg2.jpg")repeat;
    top: 100px;
    right: 0;
    border-radius: 6px 0 0 6px;
    }
#_contact .cntInner{
    padding: 100px 20px;
    margin: 0 auto;
    color: #fff;
    position: relative;
    z-index: 1;
    }
#_contact .cntDiv{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:         wrap;
    justify-content:flex-start;
    align-content: center;
    align-items: center;
    margin-bottom: 40px;
    }
#_contact .cntDiv figure{
    max-width: 160px;
    }
#_contact .cntDiv h3{
    width: calc(100% - 160px);
    max-width: 880px;
    padding-left: 40px;
    font-size: 4.0rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
    }
#_contact .cntDiv h3 span{
    font-size: 1.8rem;
    padding-top: 15px;
    display: block;
    }
#_contact  .cntList,
#sideNav .nav02 .modal .cntList{
    width: 100%;
    font-size: 2.0rem;
    letter-spacing: 0.05rem;
    }
#_contact .cntInner .cntList li:nth-child(1),
#sideNav .nav02 .modal .cntList li:nth-child(1){
    width: 30%;
    position: relative;
    }
#_contact .cntInner .cntList li:nth-child(1)::after,
#sideNav .nav02 .modal .cntList li:nth-child(1)::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #543a26;
    top: 0;
    right: 0;
    }    
#_contact .cntInner .cntList li:nth-child(1) span.--ff-en,
#sideNav .nav02 .modal .cntList li:nth-child(1) span.--ff-en{
    font-size: 4.3rem;
    background: url("../img/cmn/tel.png")no-repeat center left;
    padding: 2px 0 2px 38px;
    }
#sideNav .nav02 .modal .cntList li:nth-child(1) span.--ff-en{background: url("../img/cmn/tel2.png")no-repeat center left;}
#_contact .cntInner .cntList li:nth-child(2),
#sideNav .nav02 .modal .cntList li:nth-child(2){width: 65%;}
#_contact .cntInner .cntList li ul.cntList,
#sideNav .nav02 .modal .cntList li ul.cntList{margin-top: 8px;}
#_contact .cntInner .cntList li ul.cntList li,
#sideNav .nav02 .modal .cntList li ul.cntList li{width: 32%;}
#_contact .cntInner .cntList li ul.cntList li a,
#sideNav .nav02 .modal .cntList li ul.cntList li a{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 15px 5px;
    transition: 0.7s;
    }
#sideNav .nav02 .modal .cntList li ul.cntList li a{height: auto;}
#_contact .cntInner .cntList li ul.cntList li span,
#sideNav .nav02 .modal .cntList li ul.cntList li span{font-size: 1.8rem;text-transform: uppercase;}
#_contact .cntInner .cntList li ul li:nth-child(1)::after,
#sideNav .nav02 .modal .cntList li ul li:nth-child(1)::after{display: none;}
#_contact .cntInner .cntList li .btn01,
#sideNav .nav02 .modal .cntList li ul li .btn01{background: #2fc055;}
#_contact .cntInner .cntList li .btn02,
#sideNav .nav02 .modal .cntList li ul li .btn02{background: #0e663a;}
#_contact .cntInner .cntList li .btn03,
#sideNav .nav02 .modal .cntList li ul li .btn03{background: #93814f;}
#_contact .cntInner .cntList li .btn01:hover,
#_contact .cntInner .cntList li .btn02:hover,
#_contact .cntInner .cntList li .btn03:hover,
#sideNav .nav02 .modal .cntList li ul li .btn01:hover,
#sideNav .nav02 .modal .cntList li ul li .btn02:hover,
#sideNav .nav02 .modal .cntList li ul li .btn03:hover{background: #111;}
#_contact .cntInner .cntList li .btn03 span,
#sideNav .nav02 .modal .cntList li ul li .btn03 span{
    background: url("../img/cmn/mail.png") no-repeat left center;
    background-size: 25px;
    padding-left: 35px;
    }

/* TAB */
@media screen and (max-width: 899px) {
#_contact .cntDiv h3{font-size: 3.0rem;}
#_contact .cntDiv h3 span{font-size: 1.6rem;}
#_contact .cntInner .cntList li:nth-child(1),
#sideNav .nav02 .modal .cntList li:nth-child(1){
    width: 100%;
    position: static;
    padding-bottom: 10px;
    border-bottom: 1px solid #543a26;
    }
#_contact .cntInner .cntList li:nth-child(1)::after,
#sideNav .nav02 .modal .cntList li:nth-child(1)::after{
    position: static;
    display: none;
    } 
#_contact .cntInner .cntList li:nth-child(2),
#sideNav .nav02 .modal .cntList li:nth-child(2){
    padding-top: 25px;
    width: 100%;
    }
    #_contact .cntInner .cntList li ul li:nth-child(1),
    #sideNav .nav02 .modal .cntList li ul li:nth-child(1){border: none;padding: 0;}
    #_contact .cntInner .cntList li ul li:nth-child(2),
    #sideNav .nav02 .modal .cntList li ul li:nth-child(2){padding: 0;}
}
/* SP */
@media screen and (max-width: 480px) {
#_contact{
    padding: 50px 0 0;
    }
#_contact::after{
    height: calc(100% - 50px);
    top: 50px;
    }
#_contact .cntInner{
    padding: 50px 20px;
    }
    #_contact .cntDiv{
        margin-bottom: 25px;
        border-bottom: 1px solid #543a26;
        padding-bottom: 25px;
    }
#_contact .cntDiv figure{
    max-width: 130px;
    margin: auto;
    }
#_contact .cntDiv h3{
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    font-size: 2.1rem;
    letter-spacing: 0.05rem;
    padding-top: 15px;
    }
#_contact .cntDiv h3 span{
    font-size: 1.4rem;
    padding-top: 5px;
    }
    #_contact .cntList,
    #sideNav .nav02 .modal .cntList{font-size: 1.7rem;}
#_contact .cntInner .cntList li ul.cntList li,
#sideNav .nav02 .modal .cntList li ul.cntList li{width: 100%;margin-top: 5px;}
}


/* TOPICS */
#_topics{background: #f3f0ed;padding: 100px 0 130px;color: #311303;}
#_topics .cntInner{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:         wrap;
    justify-content:space-between;
    }
#_topics .cntTitle{width: 25%;}
#_topics .cntTitle ._Title{margin-bottom: 20px;}
#_topics .cntList{width: 74%;}
#_topics .cntList li{
    width: 100%;
    margin:0 0 18px;
    padding:0 0 18px;
    font-size: 1.6rem;
    font-weight: 600;
    background: url("../img/cmn/line.png")repeat-x bottom;
    }
#_topics .cntList li a{
    display: block;
    width: 100%;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    padding: 8px 0;
    color: #1c1c1c;
    }
#_topics .cntList li p{display: inline;}
#_topics .cntList .date{padding-right: 20px;}

/* TAB */
@media screen and (max-width: 899px) {
#_topics .cntTitle{width:100%;}
#_topics .cntList{width: 100%;padding-top: 40px;}
}
/* SP */
@media screen and (max-width: 480px) {
#_topics{padding: 50px 0 50px;}
#_topics .cntList{padding-top: 20px;}
#_topics .cntTitle ._Title{margin-bottom: 10px;}
#_topics .cntList li{
    margin:0 0 10px;
    padding:0 0 10px;
    font-size: 1.4rem;
    }
#_topics .cntList .date{
    display: block;
    padding-right: 0;}
}


/* About */
#_about{
    background: url("../img/top/greetingbg.jpg")no-repeat top center;
    background-size: cover;
    padding: 120px 0;
    }
#_about h2{
    font-size: 4.0rem;
    color: #93814f;
    line-height: 1.6;
    margin-bottom: 10px;
    font-weight: bold;
    }
#_about h3{
    font-size: 2.2rem;
    line-height: 1.6;
    margin-bottom: 50px;
    font-weight: 600;
    }
#_about .cntList{max-width: 540px;margin-bottom: 50px;}
/* TAB */
@media screen and (max-width: 899px){
#_about h2{font-size: 3.0rem;}
#_about h3{font-size: 2.0rem;}
    #_about .cntList li{width: 48%;}
}
/* SP */
@media screen and (max-width: 480px) {
#_about{padding: 50px 0;font-size: 1.4rem;}
#_about h2{
    font-size: 2.4rem;
    line-height: 1.5;
    margin-bottom: 15px;
    }
#_about h3{
    font-size: 1.6rem;
    margin-bottom: 25px;
    }
#_about .cntList{margin-bottom: 25px;}
}



/* For Men */
#_formen,
#_forwomen{
    background: url("../img/top/men_bg.jpg")no-repeat top center;
    background-size: cover;
    padding: 220px 0 90px;
    position: relative;
    }
#_formen::before,
#_forwomen::before{
    position: absolute;
    content: "";
    width: 1px;
    height: 170px;
    background: #768fa7;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    }
#_formen::after,
#_forwomen::after{
    position: absolute;
    content: "";
    background: url("../img/top/men_bg02.jpg")repeat;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: calc(65% - 100px);
    border-radius: 6px;
    }
#_forwomen{
    background: url("../img/top/women_bg.jpg")no-repeat top center;
    background-size: cover;
    }
#_forwomen::before{
    background: #c6bb9a;
    }
#_forwomen::after{
    background: url("../img/top/women_bg02.jpg")repeat;
    width: 90%;
    height: calc(70% - 100px);
    }
#_formen h2,
#_forwomen h2{
    font-size: 4.0rem;
    line-height: 1.6;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    }
#_formen h2 span,
#_forwomen h2 span{
    display: block;
    text-transform: uppercase;
    font-size: 2.4rem;
    }
#_formen ul,
#_forwomen ul{
    margin: 80px auto;
    width: 96%;
    max-width: 1580px;
    position: relative;
    z-index: 1;
    }
#_formen li,
#_forwomen li{
    text-align: center;
    width: 24%;
    font-size: 2.4rem;
    color: #fff;
    }
#_forwomen li{
    width: 32%;
    margin: 10px 0;
    color: #333;
    }
#_formen li p.cntText,
#_forwomen li p.cntText{
    display: block;
    padding-top: 20px;
    }
#_forwomen li p {color: #5d564a;}
#_formen .cntBtn a,
#_forwomen .cntBtn a{border: none;}

/* TAB */
@media screen and (max-width: 899px) {
#_formen h2,
#_forwomen h2{font-size: 3.2rem;}
#_formen h2 span,
#_forwomen h2 span{font-size: 2.0rem;}
#_formen li,
#_forwomen li{
    width: 48%;
    font-size: 1.8rem;
    margin: 10px 0;
    }
#_forwomen li{ width: 48%;}
}
/* SP */
@media screen and (max-width: 480px) {
#_formen,
#_forwomen{padding: 80px 0 50px;}
#_formen::before,
#_forwomen::before{height: 60px;}
#_formen::after,
#_forwomen::after{
    top: 40px;
    height: calc(65% - 40px);
    }
#_forwomen::after{height: calc(70% - 40px);}
#_formen h2,
#_forwomen h2{
    font-size: 2.8rem;
    line-height: 1.6;
    margin-bottom: 10px;
    }
#_formen h2 span,
#_forwomen h2 span{font-size: 2.0rem;}
#_formen ul,
#_forwomen ul{
    margin: 20px auto;
    width: 70%;
    }
#_formen li,
#_forwomen li{
    width: 100%;
    font-size: 2.0rem;
    }
#_forwomen li{width: 100%;}
#_formen li p.cntText,
#_forwomen li p.cntText{padding-top: 10px;}

}


/* Blog */
#_blog{
    padding: 135px 0 120px;
    color: #311303;
    }
#_blog .cntInner{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:         wrap;
    justify-content:space-between;
    }
#_blog .cntTitle{width:25%;}
#_blog .cntTitle ._Title{margin-bottom: 20px;}
#_blog .cntList{width:74%}
#_blog .cntList li{
    background: #f8f6f2;
    width: 30%;
    padding: 34px;
    border-radius: 6px;
    }
#_blog .cntList li .date{
    display: block;
    border-bottom: 1px solid #e1ded8;
    padding-bottom: 20px;
    margin-bottom: 30px;
    color: #93814f;
    }
/* TAB */
@media screen and (max-width: 899px) {
#_blog .cntTitle{width:100%;}
#_blog .cntList{width:100%;padding-top: 40px;} 
#_blog .cntList li{
    width: 32%;
    padding: 24px;
    }
}
/* SP */
@media screen and (max-width: 480px) {
#_blog{
    padding: 50px 0;
    }
#_blog .cntTitle ._Title{margin-bottom: 10px;}
#_blog .cntList{}
#_blog .cntList li{
    width: 100%;
    padding: 24px;
    margin-bottom: 10px;
    font-size: 1.4rem;
    }
#_blog .cntList li .date{
    padding-bottom: 10px;
    margin-bottom: 10px;
    }
}


/* Link*/
#_link{
    padding: 100px 0;
    background: url("../img/top/link_bg.jpg")repeat-x top left , #f3f0ed;
    }
#_link ul li{width: 50%;text-align: left;}
#_link ul li:last-child{text-align: right;}
/* TAB */
@media screen and (max-width: 899px) {}
/* SP */
@media screen and (max-width: 480px) {
#_link{
    padding: 40px 0;
    }
#_link ul li{width: 100%;text-align: center;}
#_link ul li:last-child{text-align: center;margin-top: 10px;}
}



/* Company */
#_company{
    padding: 70px 0 180px;
    background: #f3f0ed;
    color: #311303;
    }
#_company .cntBox{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:         wrap;
    justify-content:space-between;
    margin-bottom: 70px;
    }

#_company .cntBox .cntDiv{width: 36%;}
#_company .cntBox .gmap{width: 60%;}

#_company .cntBox dl{margin-top: 50px;color: #1c1c1c;letter-spacing: 0}
#_company .cntBox dt{margin-top: 25px;margin-bottom: 8px;}
#_company .cntBox dt span{padding-left: 6px;font-weight: bold;}
#_company .cntBox .gmap iframe{
    width: 100%;
    height: 450px;
    }

#_company .timeTbl,
#sideNav .modal .timeTbl{
    width:100%;
    margin: 0 auto;
    border: 1px solid #a89774;
    border-collapse: collapse;
    }
#_company .timeTbl th,
#sideNav .modal .timeTbl th{
    background: #a89774;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #dad5cb;
    padding: 15px 5px;
    font-weight: 600;
    }
#_company .timeTbl tr:last-child th,
#sideNav .modal .timeTbl tr:last-child th{
    border-bottom: 1px solid #a89774;
    }
#_company .timeTbl td,
#sideNav .modal .timeTbl td{
    color: #93814f;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #dad5cb;
    border-right: 1px solid #dad5cb;
    padding: 15px 5px;
    font-weight: 600;
    }
#_company .timeTbl td:last-child,
#sideNav .modal .timeTbl td:last-child{
    border-right: 1px solid #a89774;
    }
#_company .timeTbl tr:last-child td,
#sideNav .modal .timeTbl tr:last-child td{
    border-bottom: 1px solid #a89774;
    }

/* TAB */
@media screen and (max-width: 899px) {
.scroll{overflow: auto;white-space: nowrap;}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #fff;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
    
#_company .cntBox .cntDiv{width: 100%;}
#_company .cntBox .gmap{width: 100%;padding-top: 40px}
#_company .timeTbl,
#sideNav .modal .timeTbl{width:1000px;}
}
/* SP */
@media screen and (max-width: 480px) {
#_company{padding: 30px 0 50px;}
#_company .cntBox{margin-bottom: 40px;}

#_company .cntBox dl{margin-top: 30px;font-size: 1.5rem;}
#_company .cntBox dt{margin-top: 15px;margin-bottom: 8px;}
#_company .cntBox .gmap iframe{height: 250px;}

#_company .timeTbl,
#sideNav .modal .timeTbl{width:780px;}
#_company .timeTbl th,
#sideNav .modal .timeTbl th{
    padding: 10px 10px;
    font-size: 1.5rem;
    }
#_company .timeTbl td,
#sideNav .modal .timeTbl td{
    padding: 10px 10px;
    font-size: 1.4rem;
    }
}