/* 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;}

.misc #contents h3 { text-align: center; font-size: 21px; margin-top: 50px; line-height: 1.8em;}

/* voice */
.misc #instafeed {list-style: none!important;margin: 50px 0;padding: 0 40px; width: 100%;display: flex;flex-wrap: wrap;}
.misc #instafeed li {list-style: none!important; display:flex; width: 25%; height: auto; padding: 10px;}
.misc #instafeed li a {}
.misc #instafeed li a:hover img {opacity: 0.7;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.misc #instafeed li img {display: block;width: 100%; height: auto;}
@media screen and (max-width: 767px) {
    .misc #contents h3 { text-align: center; font-size: 16px; margin: 50px 25px 25px; text-align: left; line-height: 1.4em;}
    .misc #instafeed {padding:10px;margin: 0;}
    .misc #instafeed li {list-style: none!important; display:flex; width: 50%; height: auto; padding: 10px;}
}