@charset "UTF-8";

/* contact
----------------------------------------------- */
.tel{margin-bottom: 22vw;text-align: center;}
.top-salon-tel {margin-bottom: 3.5vw;color: var(--brown);font-size: 8.5vw;letter-spacing: 0.5vw;font-family: "Lato";font-weight: 400;}
.top-salon-tel::before{content: "\f095";font-family: 'icon';margin-right: 2vw;}
.top-salon-open {font-size: 4.4vw; font-weight: 300; letter-spacing: 0.2vw;font-family: var(--gothic);}

.formintor{margin: 0 auto 5vw;}
.formintor p{text-align: justify;}
.privacy-in{padding: 0;border: 1px solid #ddd;margin:0px auto 10px;}
.privacy-in iframe { width:100%;}
.contact-btn{background-color:var(--green02);color: #fff;position: relative; width: 60vw;padding: 3.5vw 0; margin: auto;font-size: 3.6vw;background-size: 2vw;display: table;-moz-border-radius: 20vw;-webkit-border-radius: 20vw;border-radius: 20vw;border: 1px solid;cursor: pointer;font-weight: 600;}
.formbox .contact-btn:after {content: '\f105';font-family: 'icon'; position: absolute;top: 50%;right: 5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.cap{padding: 6%;background:var(--green01);}
.cap p:last-of-type{margin-bottom: 0;}
.cap li{margin-bottom: 3vw;padding-bottom: 3vw;line-height: 1.4;border-bottom: 1px dotted #ccc;}
.cap li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}

/* thanks
----------------------------------------------- */
.thanks-in p {line-height: 1.8;margin-bottom: 10vw;}
.thanks-btn{margin: 12vw 0 0;}

.tbl-box table{width:100%;border: 1px solid #e8e8e8;}
.tbl-box tr{border-bottom:1px solid #e8e8e8;}
.tbl-box tr:nth-child(1){border-top:1px solid #e8e8e8;}
.tbl-box th,.tbl-box td{padding:3% 5%;line-height: 1.4;vertical-align: middle;display:block;}
.tbl-box th{background:#e8e8e8;width:100%;border-bottom:1px solid #ffffff;}
.tbl-box tr:nth-last-child(1) th{border-bottom:none;}
.tbl-box td{width:100%;text-align: justify;}
.tbl-box td .tel{font-weight: 600;font-size: 140%;color: var(--green02);display: inline-block;}

.tbl-box td dl{margin-bottom: 3vw}
.tbl-box td dl:last-of-type{margin-bottom: 0;}
.tbl-box td dt{font-weight: 600;}

.flow li{width: 100%;padding: 6%;border: 1px solid #ccc;position: relative;margin-bottom:6vw;}
.flow li::before{content: ""; position: absolute;top: 100%;left: 50%;margin-left: -20px;border: 20px solid transparent;border-top: 10px solid #c7e7e0;}
.flow li:last-child::before{content:none;}
.flow li p{text-align: justify;}
.flow li p.lead{text-align: center;font-weight: 600;margin-bottom:2vw;padding-bottom: 2vw;border-bottom: 1px solid #ccc;font-size: 130%;}
.flow li p:last-of-type{margin-bottom: 0;}


form#mailformpro .birthdaylist select{width: 32%;margin-right: 1%;}







/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) { 

/* contact
----------------------------------------------- */
.tel{margin-bottom: 80px;}
.top-salon-tel { margin-bottom:20px; font-size: 45px; letter-spacing: 2px; }
.top-salon-tel::before{margin-right: 5px;}
.top-salon-open { margin-bottom: 15px; font-size: 18px; letter-spacing: 1px; }
.mail-text p{text-align: center;}
.mail-text p.cap{padding: 25px;text-align: center;}
	
.cap{padding: 30px;}
.cap li{margin-bottom: 10px;padding-bottom: 10px;}
	
.formintor{margin: 0px auto 40px;}
.formintor p{margin: 0 auto 20px;}
.contact-btn{ width: 360px;font-size: 16px;padding: 14px;}
.formbox .contact-btn:after {right: 25px;}
	
.flow{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;flex-flow: wrap}
.flow li{width: 49%;padding: 20px;margin-bottom: 30px;}
.flow li::before{transform:rotate(-90deg);top: 50%;left: inherit;right: -21px;border: 10px solid transparent; border-top: 10px solid #c7e7e0;}
.flow li p.lead{margin-bottom: 10px;padding-bottom: 10px;}
	
	
	
	
/* thanks
----------------------------------------------- */
.thanks-in p {margin-bottom: 30px;}
.thanks-btn{margin: 80px 0 0;}
	
.tbl-box th{width:25%;}
.tbl-box th, .tbl-box td{padding: 15px 20px;display:table-cell}
.tbl-box td{font-size: 100%;line-height: 1.8;}
.tbl-box td dl{margin-bottom: 15px;}
}