@charset "UTF-8";
/* contact
----------------------------------------------- */
.contact{ padding:5vw 0 14vw;}

.contact .midashi {margin-bottom: 10.5vw;}
.contact .midashi .en {margin-bottom: 3vw;font-size: 9.87vw;font-family: "Cormorant Garamond";font-weight: 400;letter-spacing: 0.4vw;display: block;line-height: 1;}
.contact .midashi .jp {font-size: 4.2vw;font-family: var(--mincho);display: block;line-height: 1;}

.contact-tel{width: 100%;margin: 0 auto 16vw;}
.contact-tel a{margin: 0 0 2.5vw;line-height: 1;font-size: 9vw;font-weight: 400;letter-spacing: 0.8vw;display: table;font-family: var(--mincho);}
.contact-tel a:before{content: '\f095';margin-right: 0.5vw;color: var(--gray);font-size: 75%;font-family: 'icon';display: inline-block;}
.contact-tel .contact-tel-text{font-size: 3.6vw;line-height: 1.6;}


.contact .privacy-in{margin: 0 auto 10px; padding: 0;border: 1px solid #ddd;}


/* ============================================= 
pc
================================================*/
@media screen and (min-width:769px) { 
/* contact
----------------------------------------------- */
.contact{ padding: 20px 0 100px;}

.contact .midashi { margin-bottom: 40px; }
.contact .midashi .en { margin-bottom: 10px; font-size: 55px; letter-spacing: 4px; }
.contact .midashi .jp { font-size: 16px; }

.contact-tel{width: 100%;margin: 0 auto 100px;}
.contact-tel a{margin: 0 0 12px;font-size: 40px;letter-spacing: 2px;}
.contact-tel a:before{  margin-right: 10px;}
.contact-tel .contact-tel-text{font-size: 16px;line-height: 1.6;}


}

  /* retina用 ----------------------------------------------- */
@media screen and (min-width:769px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width:769px) and (min-resolution: 2dppx) {
.contact-hpb a,.contact-line a{background-image: url("../images/arrow01@2x.png");}

}