@charset "utf-8";

/* sub layout : sub visual */
.max-sub-visual.contact {background-image:url("../image/common/bg_sub_visual10.jpg"); background-position:70% 50%;}

.contact {}
.contact .f42 {margin:.952em 0 2.381em;}
.contact .f42 .nb {display:inline;}

.frm-wrap {width:100%; height:auto; padding:2.778em 2.778em 6em; background-color:#f5f5f5;}
.frm-wrap .frm-writ > li {margin-top:4.444em;}
.frm-wrap .frm-writ > li strong {display:block; font-size:1.556em;}
.frm-wrap .frm-writ > li strong span {display:inline-block; vertical-align:top; font-size:.857em; line-height:1.3;}

.frm-wrap .frm-it-box {margin:1.333em 0 0 0; overflow:hidden;}
.frm-wrap .frm-it-box li {border-bottom:1px solid #ccc; overflow:hidden; padding-top:1em;}
.frm-wrap .frm-it-box li:not(:nth-child(1)) {float:left; width:45.33%; margin:0 2.33%;}
.frm-wrap .frm-it-box li:nth-child(1) {width:45.33%; margin-left:2.33%;}
.frm-wrap .frm-it-box li label {float:left; width:4em; color:#aaa; padding:.722em 0 0 .444em;}
.frm-wrap .frm-it-box li input {float:left; width:calc(100% - 4.444em); color:#555; background:none;}
.frm-wrap .frm-it-box .active {border-bottom-color:#555;}
.frm-wrap .frm-it-box .active label {color:#555;}

.frm-wrap .frm-writ > li .max-select {width:45.33%; margin:1.333em 2.33% 0;}
.frm-wrap .frm-writ > li .frm-tta-box {width:95.33%; height:12.222em; margin:1.333em 2.33% 0;}
.frm-wrap .frm-writ > .bt-send {opacity:.4;}
.frm-wrap .frm-writ > .bt-send button {color:inherit; padding:0;}
.frm-wrap .frm-writ > .bt-send.active {opacity:1;}
.frm-wrap .frm-writ > .bt-send.active button:hover {color:#184c80;}

.frm-wrap .frm-writ .perinfo{margin-right:30px; padding-top:20px;}
.frm-wrap .frm-writ .perinfo span{line-height:1.5;}
.frm-wrap .frm-writ .perinfo .perinfo_left{float:left; display:inline-block; width:80%;}
.frm-wrap .frm-writ .perinfo .perinfo_right{float:right; display:inline-block; width:20%;text-align:right;}
.frm-wrap .frm-writ .perinfo .perinfo_all{display:inline-block; width:100%; padding-left:15px;}

@media screen and (max-width: 900px) {
	.contact .inner:nth-child(1) {padding:0 !important;}
	.contact .inner:nth-child(1) .f24 {padding:0 .85em;}
	.contact .f42 {padding:0 .75em; line-height:1.4;}
	.contact .f42 .nb {display:block;}

	.frm-wrap {padding:2.778em 1.2em;}
	.frm-wrap .col-gray2 {display:none;}
	.frm-wrap .frm-writ > li:nth-child(1) {margin-top:0;}
}
@media screen and (max-width: 568px) {
	.frm-wrap .frm-writ > li strong {font-size:1.333em;}
	.frm-wrap .frm-it-box {padding:0 1.3em;}
	.frm-wrap .frm-it-box li {float:none; width:100% !important; margin:0 !important;}
	.frm-wrap .frm-writ > li .max-select {width:85.33%; margin:1.333em auto 0;}
	.frm-wrap .frm-writ > li .frm-tta-box {height:17.733em; padding:0 1.3em;}
}

.loc-wrap {width:100%; height:auto; margin-top:1.333em; display:flex; flex-wrap:wrap; justify-content:space-between;}
.loc-wrap li {width:31.33%; margin-top:1.333em;}
.loc-wrap li h4 {}
.loc-wrap li p {line-height:1.5;}
.loc-wrap li p:nth-child(2) {padding-top:1.111em; min-height:3.778em; margin-top:1.111em; border-top:1px solid #ddd;}
.loc-wrap li p:nth-child(3) {padding-top:.778em; min-height:3.778em;}
.loc-wrap li p:nth-child(3) strong {font-weight:700;}
.loc-wrap li .max-lnk {padding:1em; padding-left:0;}
.loc-wrap li .max-lnk .max-ico {display:inline-block; vertical-align:middle; width:1.333em; height:2.056em;}
.loc-wrap li .max-lnk .max-ico svg {fill:#ee949d;}
.loc-wrap li .max-lnk span {display:inline-block !important; vertical-align:middle; color:#aaa; margin-left:.7em; font-size:1.111em;}
.loc-wrap li .max-lnk:hover span {color:#ee949d;}

@media screen and (max-width: 900px) {
	.loc-wrap li {width:48%; margin-top:4em;}
	.loc-wrap li .max-lnk {display:block; width:100%; height:auto; padding:.75em 0; margin-top:1em; background-color:#e76774; text-align:center;}
	.loc-wrap li .max-lnk .max-ico {width:1em; height:1.5em;}
	.loc-wrap li .max-lnk .max-ico svg {fill:#fff !important;}
	.loc-wrap li .max-lnk span {color:#fff;}
	.loc-wrap li .max-lnk span:after {display:none !important;}
}

@media screen and (max-width: 568px) {
	.loc-wrap {display:block;}
	.loc-wrap li {width:100%; margin-top:2.3em;}
	.loc-wrap li:not(:nth-child(1)) {margin-top:4em;}
	.loc-wrap li p:nth-child(3) {min-height:100%;}
}