@charset "utf-8";
@media print, screen and (min-width: 721px) {

/* ============================================
	お問い合わせのテキスト
============================================ */
.block_contactinfo {
	width: 970px;
    margin: 40px auto;
    overflow: hidden;
}
.block_contactinfo p {
	margin:0 0 20px;
}
.block_contactinfo p a {
	text-decoration:underline;
}
/* ============================================
	お電話でのお問い合わせ
============================================ */
.block_contactinfo .tel {
	background:#EFEFEF;
	padding:10px;
	overflow:hidden;
}
.block_contactinfo .tel h3 {
	color: #003265;
    font-size: 137.5%;
    font-weight: bold;
    float: left;
    vertical-align: middle;
    line-height: 100%;
    margin: 10px 0 0 10px;
}
.block_contactinfo .tel p.icon_tel {
	color: #E50012;
    font-size: 250%;
    font-family: 'Work Sans', sans-serif;
    line-height: 100%;
    display: block;
    float: left;
    margin: 0 0 0 20px;
}
.block_contactinfo .tel p.icon_tel:before {
	display: inline-block;
    transform: scaleX(-1);
    font-family: "Font Awesome 5 Free";
    content: '\f095';
    font-weight: bold;
    color: #333;
    font-size: 70%;
    padding: 0 0 0 10px;
}
.block_contactinfo .tel p.text_time {
    background: #003265;
    color: #FFF;
    font-weight: bold;
    font-size: 112.5%;
    display: block;
    padding: 5px;
    margin: 4px 0;
    float: right;
    text-align: center;
}
/* ============================================
	フォーム
============================================ */
.block_contact {
	width:1160px;
	margin:40px auto 80px;
}
.block_contact form#mailformpro dl,
.block_contact .awasocontact dl {
	background-color: #EFEFEF;
    border: none;
    margin: 0 0 30px;
}
.block_contact form#mailformpro dl dt,
.block_contact .awasocontact dl dt {
	float: left;
    clear: both;
    width: 300px;
    border-width: 1px 0 0 0;
    border-style: dashed;
    border-color: #003265;
    font-weight: bold;
    padding: 15px;
    font-size: inherit;
    text-align: inherit;
}
.block_contact form#mailformpro dl dd,
.block_contact .awasocontact dl dd {
    margin-left: 330px;
    background-color: #FFF;
    border-width: 1px 0 0;
    border-color: #003265;
    border-style: dashed;
    padding: 15px 30px;
    line-height: 180%;
    font-size: inherit;
    clear: none;
}
.block_contact form#mailformpro dl dt span,
.block_contact .awasocontact dl dt span {
	background: #E81B2B;
    color: #fff;
    float: right;
    padding: 0 5px;
}
.block_contact form#mailformpro input,
.block_contact form#mailformpro textarea,
.block_contact form#mailformpro select,
.block_contact .awasocontact input,
.block_contact .awasocontact textarea,
.block_contact .awasocontact select{
	/*reset mailformpro*/
    border-radius: 0;
    box-shadow: none;
}
.block_contact .awasocontact input,
.block_contact .awasocontact textarea {
	border: 1px solid #CCC !important;
	padding: 3px 8px;
	width: 70%;
}
.block_contact .awasocontact .button {
	text-align: center;
}
.block_contact .awasocontact input[type=submit] {
	background: #E50012;
	width: 30%;
	padding: 5px;
}
.block_contact .awasocontact input[type=submit]:hover {
	background: #B2B2B2;
} 
.block_contact .awasocontact .wpcf7-not-valid-tip {
	display: block;
    color: #E81B2B;
    font-size: 14px;
}
.block_contact .awasocontact .screen-reader-response {
	display: none;
}
.wpcf7-form.invalid .wpcf7-response-output {
  display: none;
}
.wpcf7-form.sent .wpcf7-response-output {
	text-align: center;
	border: 1px solid #239035;
	padding: 10px;
	margin: 20px 0;
	color: #239035;
	font-weight: bold;
}
	
form#mailformpro input.name {width:40%;}
form#mailformpro input.email {width:50%;}
form#mailformpro input.company {width:50%;}
form#mailformpro input.product {width:50%;}
form#mailformpro textarea.message {width: 100%!important; height: 10em!important;}
form#mailformpro input.tel {width:50%;}
form#mailformpro input.zip {width:30%;}
form#mailformpro input.address {width:60%;}

.block_contact form#mailformpro .button {
	margin: 0 308px;
}
.block_contact form#mailformpro .button input,
.block_contact .awasocontact .button input {
	color: #fff;
    border: none;
    font-size: 112.5%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    cursor: pointer;
    margin:0 6px;
}
.block_contact form#mailformpro .button input[type="submit"]:hover,
.block_contact form#mailformpro .button input[type="reset"]:hover {
	background:#B2B2B2;
}
.block_contact form#mailformpro .button input[type=reset],
.block_contact form#mailformpro .button .mfp_element_reset {
	background: #666666;
	padding: 8px 29px;
	/*reset mailformpro*/
	text-shadow: none;
	border-radius: 0;
}
.block_contact form#mailformpro .button input[type=submit],
.block_contact form#mailformpro .button .mfp_element_submit {
	background:#E50012;
	padding: 8px 150px;
	/*reset mailformpro*/
	text-shadow: none;
	border-radius: 0;
}
}

@media only screen and (max-width:720px) {
/* ============================================
	お問い合わせのテキスト
============================================ */
.block_contactinfo {
	margin: 25px;
    overflow: hidden;
}
.block_contactinfo p {
	margin:0 0 20px;
}
.block_contactinfo p a {
	text-decoration:underline;
}
/* ============================================
	お電話でのお問い合わせ
============================================ */
.block_contactinfo .tel {
	background:#fff;
	padding:10px;
	overflow:hidden;
}
.block_contactinfo .tel h3 {
	color: #003265;
    font-size: 117.5%;
    font-weight: bold;
    vertical-align: middle;
    line-height: 100%;
    margin: 0px auto 10px;
    text-align: center;
}
.block_contactinfo .tel p.icon_tel {
	color: #E50012;
    font-size: 250%;
    font-family: 'Work Sans', sans-serif;
    line-height: 100%;
    display: block;
    margin: 0 auto 5px;
    text-align: center;
}
.block_contactinfo .tel p.icon_tel:before {
	display: inline-block;
    transform: scaleX(-1);
    font-family: "Font Awesome 5 Free";
    content: '\f095';
    font-weight: bold;
    color: #333;
    font-size: 70%;
    padding: 0 0 0 10px;
}
.block_contactinfo .tel p.text_time {
    background: #003265;
    color: #FFF;
    font-weight: bold;
    font-size: 112.5%;
    display: block;
    padding: 5px;
    margin: 4px 0 0;
    text-align: center;
}
/* ============================================
	フォーム
============================================ */
.block_contact {
	margin: 25px;
}
.block_contact form#mailformpro dl,
.block_contact .awasocontact dl {
	background-color: #EFEFEF;
    border: none;
    margin: 0 0 30px;
}
.block_contact form#mailformpro dl dt,
.block_contact .awasocontact dl dt {
	font-weight: bold;
    padding: 10px;
}
.block_contact form#mailformpro dl dd,
.block_contact .awasocontact dl dd {
    background-color: #FFF;
    border-width: 1px 0 0;
    border-color: #003265;
    border-style: dashed;
    padding: 10px 10px 25px;
    line-height: 180%;
    font-size: 16px;
}
.block_contact form#mailformpro dl dt span,
.block_contact .awasocontact dl dt span {
	background: #E81B2B;
    color: #fff;
    float: right;
    padding: 0 5px;
}
.block_contact form#mailformpro input,
.block_contact form#mailformpro textarea,
.block_contact form#mailformpro select,
.block_contact .awasocontact inout,
.block_contact .awasocontact textarea,
.block_contact .awasocontact select {
    font-size: 16px;
	/*reset mailformpro*/
    border-radius: 0;
    box-shadow: none;
}
	
.block_contact .awasocontact .button {
	text-align: center;
}
.block_contact .awasocontact input[type=submit] {
	background: #E50012;
	width: 30%;
	padding: 5px;
}
.block_contact .awasocontact .wpcf7-not-valid-tip {
	display: block;
    color: #E81B2B;
    font-size: 14px;
}
.block_contact .awasocontact .screen-reader-response {
	display: none;
}
.wpcf7-form.invalid .wpcf7-response-output {
  display: none;
}
.wpcf7-form.sent .wpcf7-response-output {
	text-align: center;
	border: 1px solid #239035;
	padding: 10px;
	margin: 20px 0;
	color: #239035;
	font-weight: bold;
}
	
form#mailformpro input.name {width:100%;}
form#mailformpro input.email {width:100%;}
form#mailformpro input.company {width:100%;}
form#mailformpro input.product {width:100%;}
form#mailformpro textarea.message {width: 100%!important; height: 10em!important;}
form#mailformpro input.tel {width:100%;}
form#mailformpro input.zip {width:100%;}
form#mailformpro input.address {width:100%;}
form#mailformpro select.mfp {width:100%; font-size:16px;}

.block_contact form#mailformpro .button {
	margin: 0 auto;
}
.block_contact form#mailformpro .button input,
.block_contact .awasocontact .button input {
	color: #fff;
    border: none;
    font-size: 112.5%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    cursor: pointer;
    margin:0 6px;
}
.block_contact form#mailformpro .button input[type="submit"]:hover,
.block_contact form#mailformpro .button input[type="reset"]:hover {
	background:#B2B2B2;
}
.block_contact form#mailformpro .button input[type=reset],
.block_contact form#mailformpro .button .mfp_element_reset {
	background: #666666;
    padding: 8px;
    width: 90px;
	/*reset mailformpro*/
	text-shadow: none;
	border-radius: 0;
}
.block_contact form#mailformpro .button input[type=submit],
.block_contact form#mailformpro .button .mfp_element_submit {
	background: #E50012;
    padding: 8px;
    width: calc(100% - 120px);
	/*reset mailformpro*/
	text-shadow: none;
	border-radius: 0;
}
/* ============================================
	iOSでのデフォルトスタイルをリセット
============================================ */
input[type="submit"],
input[type="button"],
input[type="reset"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus {
  outline-offset: -2px;
}
}