@charset "utf-8";
/* MV */
.mv{position: relative;}
.mv h1{font-size: min(6vw,32px); font-weight: bold; letter-spacing: 0.3em; line-height: 1.3; text-align: center; color: #fff; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}


/* Visit */
#visit{padding: 70px 15px 140px; font-family: 'Noto Serif JP'; text-align: center;}
#visit h2{font-size: min(6vw,30px);letter-spacing: 0.2em; margin: 0 0 45px;}

.visit-flow{max-width: 670px; margin: 0 auto 140px; font-size: min(4.5vw,24px); line-height: 1.3;}
.visit-flow li{position: relative;}
.visit-flow li:not(:last-of-type){margin: 0 0 64px;}
.visit-flow li:not(:last-of-type):after{content: ''; width: 0; height: 0; border-left: 33px solid transparent; border-right: 33px solid transparent; border-top: 29px solid #bfad86; display: block; position: absolute; bottom: -50px; left: 50%; margin-left: -33px;}
.visit-flow li p{border: 3px solid #805b0d; border-radius: 10px; padding: 7px 0 8px;}
.visit-flow li span{font-size: min(2.7vw,12px); display: block; padding: 5px 0 0 0;}

.visit-btn{max-width: 670px; margin: 0 auto 200px;}
.visit-btn a{font-size: min(6vw,36px); line-height: 1.3; letter-spacing: 0.15em; display: block; background: #805b0d; color: #fff; border: 1px solid #000; padding: 12px 0 13px; text-decoration: none !important;}
.visit-btn a:hover{background: #000;}

.visit-close{font-size: 18px; line-height: 1; width: 235px; margin: 0 auto; padding: 17px 0; border-radius: 54px; border: 2px solid #000; text-align: center; display: block; text-decoration: none !important; color: #000;}
.visit-close:hover{background: #000; color: #fff;}

@media only screen and (max-width: 768px) {
    #visit{padding: 60px 15px 80px;}
    
    .visit-flow{margin: 0 auto 80px;}    
    .visit-flow li:not(:last-of-type){margin: 0 0 45px;}
    .visit-flow li:not(:last-of-type):after{border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #bfad86; bottom: -30px; margin-left: -15px;}
    .visit-flow li p{border: 2px solid #805b0d; border-radius: 2vw;}
    
    .visit-btn{margin: 0 auto 100px;}
    .visit-btn a{letter-spacing: 0.1em;}
}