@charset "UTF-8";
/* contact
----------------------------------------------- */
.contact .midashi01 { margin: 0 auto 8vw; text-align: center; }
.contact .contact_box{ margin: 0 auto 10vw; }
.contact-hpb,.contact-line { width: 100%; margin: 0 auto 10vw; }
.contact-hpb a,.contact-line a { margin: 0 auto 2.5vw;padding: 4vw 0 4vw;font-size: 4vw;color: #fff;line-height: 1.4;text-align: center;letter-spacing: 0.4vw;background: url(../images/arrow02.png) no-repeat center right 4vw;background-size: 2vw; }
.contact-hpb a .en,.contact-line a .en { font-size: 5vw; font-family: "Cormorant Garamond"; font-optical-sizing: auto; }
.contact-hpb a .en,.contact-line a .en { font-size: 5vw; font-family: "Cormorant Garamond"; font-optical-sizing: auto; }
.contact-hpb p,.contact-line p { text-align: center; }
.contact-hpb a {background-color: #854e63;}
.contact-line a {background-color: #467448;}
.contact-hpb a .icon { font-size: 4.5vw; margin-right: 1vw; }
.contact-line a .icon { font-size: 6vw; margin-right: 1vw; vertical-align: bottom; }
.contact .privacy-in{margin: 0 auto 2vw; border: 1px solid #ddd; }

/* =============================================
    pc
================================================*/
@media screen and (min-width: 736px) { 
.contact .midashi01 { margin: 0 0 40px; }
.contact .mail-area .midashi01 { margin: 0 0 60px; text-align: left; }
.contact .contact_box{margin-bottom: 60px; }
.contact .midashi02 { margin-bottom: 30px; display: block; text-align: center; }
.contact .contact_box .midashi02 .en { margin-bottom: 8px; font-size: 50px; }
.contact-hpb,.contact-line{width: 40%;margin: 0;}
.contact-hpb p,.contact-line p { text-align: center; }
.contact-hpb a,.contact-line a{width: 100%; margin: 0 0 10px;padding: 18px 0 18px;font-size: 16px;letter-spacing: 2px;line-height: 1.4;background-position: center right 20px;background-size: 8px;}
.contact-hpb a .en,.contact-line a .en {font-size: 20px;}
.contact-hpb a .icon{font-size: 24px;margin-right: 10px;}
.contact-line a .icon{font-size: 26px;margin-right: 10px;}
.contact .privacy-in { margin: 0 auto 10px; }
.contact .mail-area { margin-bottom: 40px; }
.contact .mail-area .midashi02 { text-align: left; }
}

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

}