/* mainVisual */
.misc #mainVisual {position: relative;width: 100%; display: block; overflow: hidden;z-index: 0;margin-top: 100px;}
.misc #mainVisual h1 { text-align: center; width: 100%;font-size: 36px;line-height: 36px;margin: 50px 0px 50px; letter-spacing: 5px;}
.misc #mainVisual h2 { position: absolute; top: 140px; left: 0;text-align: center; width: 100%;font-size: 24px;line-height: 24px;letter-spacing: 1px;}
.misc #mainVisual .crumbs { width: 100%; line-height: 1.4em;}
.misc #mainVisual .crumbs ul { text-align: center; }
.misc #mainVisual .crumbs ul li { font-size: 11px; display: inline-block; margin: 0 5px; letter-spacing: 2px;}
.misc #mainVisual .crumbs ul li a {color: #000;}
.misc #mainVisual .crumbs ul li a:hover {}
.misc #mainVisual .crumbs ul li:last-child { font-size: 14px; letter-spacing: 1px;}
.misc #mainVisual .crumbs ul li .fa {color:#A1914D;}
@media screen and (max-width: 767px) {
    .misc #mainVisual {min-width:auto;margin-top: 60px;position: relative;width: 100%; display: block; overflow: hidden; padding: 0 50px;}
    .misc #mainVisual h1 {font-size: 30px;line-height: 30px;margin: 50px 0px 35px;}
    .misc #mainVisual h2 { position: absolute; top: 80px; left: 0;text-align: center; width: 100%;font-size: 18px;line-height: 18px;letter-spacing: 0.5px;}
    .misc #mainVisual .crumbs { width: 100%;position: relative;bottom:inherit; left: inherit; width: 100%; text-align: center;}
    .misc #mainVisual .crumbs ul li { font-size: 10px;}
    .misc #mainVisual .crumbs ul li:last-child { font-size: 13px;}
}

/* crumbs bottom */
.misc #contents > .crumbs { width: 100%; line-height: 1.4em;margin-top: 25px;margin-bottom: 50px;}
.misc #contents > .crumbs ul { text-align: center; }
.misc #contents > .crumbs ul li { font-size: 11px; display: inline-block; margin: 0 5px; letter-spacing: 2px;}
.misc #contents > .crumbs ul li a {color: #000;}
.misc #contents > .crumbs ul li a:hover {}
.misc #contents > .crumbs ul li:last-child { font-size: 14px; letter-spacing: 1px;}
.misc #contents > .crumbs ul li .fa {color:#A1914D;}

.misc #contents .title {font-size: 24px;letter-spacing: 4px;font-weight: 700;padding-bottom: 25px;margin-bottom: 50px; text-align: center; position: relative;}
.misc #contents .title:after {content:'';display:block;width:20px;height:2px;background:#A1914D;position:absolute;left:50%;margin-left:-10px;bottom:0;}
.misc #contents .btn { margin-top: 25px;}

/* sitemap */
.misc #contents {margin-top: 50px;}
.misc #contents .sm_title {margin-bottom: 50px;font-size: 30px;letter-spacing: 2px; text-align: center;font-weight: 400; }
.misc #contents .sm_title.color {color:#A1914D; font-weight: 700;}
.misc #contents ul.sitemap {margin-bottom: 25px;}
.misc #contents ul.sitemap > ul {margin-top: 10px;margin-left: 20px;}
.misc #contents ul.sitemap li {margin-top: 10px;display: block;}
.misc #contents ul.sitemap li:first-child {margin-top: 0px;}
.misc #contents ul.sitemap li a {position: relative;font-size:14px; color: #000;display: block;border: 1px solid #ccc; line-height: 1.8em;padding:15px 25px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.misc #contents ul.sitemap li a .fa { position: absolute; top: 50%; right: 15px; font-size: 21px;margin-top: -12px;}
.misc #contents ul.sitemap li a:hover {border: 1px solid #A1914D; background-color: #A1914D; text-decoration: none; color: #fff;}
@media screen and (max-width: 767px) {
    .misc #contents {margin-top: 25px;}
    .misc #contents ul.sitemap {margin-bottom: 0px;}
    .misc #contents ul.sitemap li a {font-size:12px;padding:10px 30px 10px 15px;}
}