@charset "utf-8";
/* CSS Document */

.main .attr h2.title{ text-align:left;}

.contact1{ padding:70px 0 80px; position:relative;}
.contact1 .flex{ display:flex; justify-content:space-between;}
.contact1 dl{ display:block; flex:auto; font-size:16px; padding:1em 0 0;}
.contact1 dl dt{ display:block; line-height:2.25; color:#333; font-size:2.25em; font-weight:bold;}
.contact1 dl dd{ display:block; line-height:1.75; color:#434343; font-size/:1.125em; padding:1em 0 0;}
.contact1 dl dd b{ color:#d1292e; font-size:1.62em;}
.contact1 .map{ width:58%; background:#f2f2f2; overflow:hidden; flex-shrink:0; margin:6px 0 0 3%;}

.contact1 ul.sales{ display:flex; flex-wrap:wrap; justify-content:center; font-size:16px; margin:-8px; padding:60px 0 0;}
.contact1 ul.sales li{ display:block; width:16.666666666%; flex-shrink:0;}
.contact1 ul.sales li p{ display:block; line-height:1.5; color:#333; background:#eef1f6; padding:18px 18px 12px; margin:8px; border-radius:10px;}
.contact1 ul.sales li p em{ display:block; color:#054586; font-size:0.9375em; padding:0 0 0.75em;}
.contact1 ul.sales li p b{ color:#054586; font-size:1.45em; padding:0 0 0 0.25em;}
.contact1 ul.sales li p a{ display:block; line-height:2; font-size:1.125em; font-family:Arial; text-align:left; margin:0.0em 0 0;}
.contact1 ul.sales li p a:hover{ color:#054586;}

.contact2{ background:url(../images/icons/msg_bg.jpg) center no-repeat; background-size:cover; padding:0 0 80px; position:relative;}
.contact2 form.msg{ display:flex; flex-wrap:wrap; justify-content:space-between; font-size:16px; overflow:hidden;}
.contact2 form.msg p{ display:block; width:48.5%; color:#333; overflow:hidden; box-sizing:border-box; padding:0 0 1em; position:relative;}
.contact2 form.msg p label{ display:block; line-height:2.75; color:#555;}
.contact2 form.msg p label font{ color:#e80202; margin:0 0.25em;}
.contact2 form.msg p input.text{ display:block; width:100%; height:44px; line-height:22px; color:#333; background:#fff; padding:10px 14px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box;}
.contact2 form.msg p ::placeholder{ color:#999;}
.contact2 form.msg input.btn{ display:block; width:10em; height:2.5em; line-height:2.5; color:#fff; font-size:1.125em; background:#2f4d93; border:none; border-radius:3px; cursor:pointer; margin:1.5em 0 0; transition:all ease 0.4s;}
.contact2 form.msg input.btn:hover{ background:#d1292e;}



@media only screen and (max-width:1440px){


}

@media only screen and (max-width:768px){

.contact1{ padding:20px 0 40px;}
.contact1 .flex{ display:block;}
.contact1 dl{ font-size:14px; padding:0 0 20px;}
.contact1 dl dt{ font-size:1.5em;}
.contact1 dl dd{ font-size:inherit; padding:0; line-height:2;}
.contact1 .map{ width:auto; margin:0;}

.contact2{ padding:0 0 40px;}
.contact2 .attr h2.title em{ line-height:1.5; font-size:1.5em;}
.contact2 form.msg{ font-size:14px;}
.contact2 form.msg p{ width:100%; padding:0 0 0.5em;}
.contact2 form.msg p label{ line-height:2.5;}
.contact2 form.msg p input.text{ height:40px; padding:8px 14px;}
.contact2 form.msg input.btn{ width:100%; margin:1em 0 0; height:40px; line-height:40px;}

.contact1 ul.sales{ padding:20px 0 0; margin:-6px; font-size:14px;}
.contact1 ul.sales li{ width:50%;}
.contact1 ul.sales li p{ padding:15px 13px 9px; margin:6px; border-radius:6px;}
.contact1 ul.sales li p em{ padding:0 0 0.625em;}





}












/**/