@charset "UTF-8";
/* contact
----------------------------------------------- */
.contact .contact_box{ margin: 0 auto 10vw; }
.contact-tel{ width: 100%; margin: 0 auto 10vw; }
.contact-tel a{ margin: 0 auto 2.5vw; font-size: 9vw; font-family: var(--mincho); font-weight: 400; letter-spacing: 0.4vw; }
.contact-tel a:before { content: '\f095'; margin-right: 1.5vw; color: var(--brown01); font-size: 75%; font-family: 'icon';display: inline-block;}
.contact-tel .contact-tel-text{ font-size: 3.6vw; line-height: 1.6; }

.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;font-weight: 400;line-height: 1.4;text-align: center;letter-spacing: 0.4vw;background: url(../images/arrow02.png) no-repeat center right 4vw;background-size: 2vw;-moz-border-radius: 10vw;-webkit-border-radius: 10vw;border-radius: 10vw; }
.contact-hpb a .en,.contact-line a .en { font-family: "aw-conqueror-didot"; font-weight: 400; }
.contact-hpb p,.contact-line p { text-align: center; }

.contact-hpb a {background-color: #ab7187;}
.contact-line a {background-color: #71ab74;}
.contact-hpb a .icon {font-size: 4.5vw;margin-right: 1vw;}
.contact-line a .icon {font-size: 5vw;margin-right: 1vw;}

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

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

.contact .contact_box{margin: 0 auto 30px;}
.contact-tel{margin: 0;}
.contact-tel a{margin: 0 auto 10px;font-size: 34px;letter-spacing: 2px;}
.contact-tel a:before{  margin-right: 6px;}
.contact-tel .contact-tel-text{font-size: 14px;line-height: 1.6;}

.contact-hpb,.contact-line{width: 40%;margin: 0;}
.contact-hpb a,.contact-line a{width: 340px; margin: 0 auto 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 p,.contact-line p { text-align: left; }

.contact-hpb a .icon{font-size: 16px;margin-right: 10px;}
.contact-line a .icon{font-size: 18px;margin-right: 10px;}

.contact .midashi02{margin-bottom: 30px;display: block;}
.contact .contact_box .midashi02 .en { margin-bottom: 8px; font-size: 50px; }
}

@media screen and (min-width: 1050px) {
.contact-tel{width: 28%;margin: 0;}
.contact-hpb,.contact-line{width: 32%;margin: 0;}
.contact-hpb p,.contact-line p { text-align: center; }
.contact .contact_box{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
}

  /* 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");}

}