/* 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;margin-bottom: -25px;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: 50px;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;}
@media screen and (max-width: 767px) {
    .misc #contents > .crumbs { margin-top: 10px;margin-bottom: 50px;}
}
.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;}

/* faq */

.misc #contents h2 {font-size:32px; color: #000; font-weight: 700;margin-left: 20px;margin-top: 75px;}
.misc #contents .faq {margin-top:30px;}
.misc #contents .faq dt {position: relative; border-bottom:1px solid #ddd; color:#000; font-weight: normal; cursor:pointer;font-size:21px;padding:15px 20px 15px 50px;display:block; line-height:1.6em;}
.misc #contents .faq dt:first-child {border-top:1px solid #ddd;}
.misc #contents .faq dt span{display: block;position: absolute; top: 15px; left: 20px;color: #A1914D;}
.misc #contents .faq dt:hover{color: #666; background-color: #fafafa;}
.misc #contents .faq dt.open {color: #FFF;background-color: #A1914D;}
.misc #contents .faq dt.open span{color: #FFF;}

.misc #contents .faq dd { background-color:#FFFAEB;display: none; position: relative; box-sizing: border-box; border: 1px solid #ddd; border-top: none; margin-left: 0;font-size: 18px; line-height:1.6; padding:18px 25px 25px 50px;}
.misc #contents .faq dd span{display: block;position: absolute; top: 15px; left: 20px;color: #A1914D; font-size: 21px;}
.misc #contents .faq dd a { position: relative;display: block;color: #FFF;background-color:#40391E;line-height: 50px; text-align: center;margin: 20px 0px 0px 0; width: 240px; float:right; font-size: 16px; letter-spacing: 1px;}
.misc #contents .faq dd a .fa { position: absolute; top: 16px; right: 15px;}
.misc #contents .faq dd a:hover {color: #40391E; background-color: #fff;}
.misc #contents .faq dd:before,
.misc #contents .faq dd:after {content:"";display:table;}
.misc #contents .faq dd:after {clear:both;}

@media screen and (max-width: 767px) {
    .misc #contents {margin: 0px -25px;}
    .misc #contents h2 {font-size:21px; text-align: center;margin-left: 0px;margin-top: 50px;}
    .misc #contents .faq { width:100%;}
    .misc #contents .faq dt {font-size:18px;line-height: 1.6em;padding-left: 60px;padding:15px 15px 15px 50px;}
    .misc #contents .faq dt span{font-size: 18px;left: 20px;top: 15px;}
    .misc #contents .faq dt.open {border: none;}
    .misc #contents .faq dd span{left: 20px;font-size: 18px; top: 17px;}
    .misc #contents .faq dd {zoom:1; position: relative; padding:15px 15px 15px 50px;font-size:16px; border-top:none;line-height:1.6; }
.misc #contents .faq dd a {line-height: 40px;margin: 20px; width: 100%; float:right;}
}