@charset "UTF-8";

/* contact
-----------------------------------------------------*/ 
#topicpath {
	padding:20px 0;
}

#topicpath ul {
	letter-spacing:-.40em;
}

#topicpath ul li {
	display:inline-block;
	font-size:1.3rem;
	letter-spacing:normal;
	line-height:1.4;
}

#contents {
	margin:0 auto;
	width:1080px;
}

#contents h1 {
	font-size:2.2rem;
	margin-bottom:3em;
	text-align:center;
}

#contents h1 span {
	color:#164e97;
	display:block;
	font-family:"Noto Sans Japanese";
	font-size:5.2rem;
	line-height:1.1;
	margin-bottom:.2em;
}

#contents table.table01 {
	width:100%;
}

#contents table.table01 th {
	background:#164e97;
	border-bottom:4px solid #fff;
	border-right:4px solid #fff;
	color:#fff;
	font-size:1.5rem;
	line-height:1.4;
	padding:15px;
	text-align:left;
	vertical-align:top;
}

#contents table.table01 td {
	background:#f0f2f2;
	border-bottom:4px solid #fff;
	font-size:1.5rem;
	line-height:1.4;
	padding:15px;
	vertical-align:top;
}

#contents table.table01 th span {
	background:#fff;
	border-radius:3px;
	color:#dc143c;
	display:inline-block;
	font-size:1.2rem;
	font-weight:bold;
	line-height:1;
	margin-left:10px;
	padding:5px 8px;
	vertical-align:middle;
}

#mailformpro .memo {
	color:#666;
	font-size:1.4rem;
	padding-top:10px;
}

/* form */
#mailformpro input, #mailformpro button, #mailformpro textarea, #mailformpro select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:transparent;
	border:none;
	cursor:pointer;
	outline:none;
	padding:0;
}

#mailformpro input,
#mailformpro textarea {
	background:#FFF;
	border-radius:6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:1.6rem;
	line-height:1.4;
	padding:10px;
	width:100%;
}

#mailformpro .imeoff {	ime-mode:inactive;}
#mailformpro .imeon {	ime-mode:active;}

#mailformpro .btn {
	padding:25px 0 80px;
	text-align:center;
}

#mailformpro button {
	background:#164e97;
	border:2px solid #164e97;
	border-radius:6px;
	color:#FFFFFF;
	font-size:2.2rem;
	padding:15px 20px;
	-webkit-transition:all .3s;
	transition:all .3s;
}

#mailformpro button:hover {
	background:#0f3566;
	border:2px solid #FFF;
}

#mailformpro input *::-webkit-input-placeholder {	color:#999;transform:scale(0.8);}
#mailformpro input *:-ms-input-placeholder {	color:#999;transform:scale(0.8);}
#mailformpro input *:-moz-placeholder {	color:#999;transform:scale(0.8);}
input:focus:placeholder-shown {color:transparent;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}
input:focus::-ms-input-placeholder {color:transparent;}
textarea:focus:placeholder-shown {color:transparent;}
textarea:focus::-webkit-input-placeholder {color:transparent;}
textarea:focus::-moz-placeholder {color:transparent;}
textarea:focus:-ms-input-placeholder {color:transparent;}
textarea:focus::-ms-input-placeholder {color:transparent;}

:placeholder-shown {	color:#999;}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder { color:#999;}
/* Firefox 18- */
:-moz-placeholder { color:#999; opacity:1;}
/* Firefox 19+ */
::-moz-placeholder { color:#999; opacity:1;}
/* IE 10+ */
:-ms-input-placeholder { color:#999;}
/* IE 9- */
.placeholder { color:#999;}

#mailformpro input {
	box-shadow:0;
}

#mailformpro input[type=text],
#mailformpro input[type=password],
#mailformpro input[type=email],
#mailformpro input[type=tel],
#mailformpro input[type=number] {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:10px;
	background:#fff;
	font-size:1.6rem;
}

/* complete */
#complete {
	padding:30px 10px 80px;
}

#complete p {
	font-size:1.4rem;
	line-height:1.5;
}

#complete .contactbox {
	background:#f0f2f2;
	margin-top:40px;
	padding:15px 20px;
}

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

#topicpath {
	background:#EFEFEF;
	border-top:1px solid #ccc;
	box-sizing:border-box;
	margin-bottom:30px;
	padding:10px 15px;
}

#topicpath ul li {
	font-size:1.2rem;
}

#contents {
	margin:0;
	width:auto;
}

#contents h1 {
	font-size:1.5rem;
	margin-bottom:1.5em;
}

#contents h1 span {
	font-size:3rem;
	margin-bottom:.2em;
}

#contents table.table01 th,
#contents table.table01 td {
	display:block;
	width:100%;
}

#contents table.table01 th {
	background:#999;
	border-right:none;
	border-bottom:none;
	font-weight:bold;
}

#contents table.table01 td {
	border-bottom:none;
}

#mailformpro .btn {
	padding:20px 10px 40px;
}

#mailformpro button {
	border-radius:4px;
	box-sizing:border-box;
	font-size:1.8rem;
	font-weight:bold;
	padding:10px;
	width:100%;
}

/* complete */
#complete {
	padding:20px 10px 40px;
}

#complete p {
	font-size:1.3rem;
	line-height:1.4;
}

#complete p.phone {
	line-height:1.1;
	padding:15px 0;
}

#complete .contactbox {
	margin-top:30px;
	padding:15px 20px;
}

#complete .contactbox a {
	background:#164e97;
	border-radius:6px;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-family:'Rounded Mplus 1c';
	font-size:1.8rem;
	font-weight:400;
	padding:10px 12px 10px 37px;
	position:relative;
	text-decoration:none;
}

#complete .contactbox a:before {
	background:url(/cmn/img/icon_phone.gif) no-repeat;
	content:"";
	height:22px;
	left:16px;
	margin-top:-11px;
	position:absolute;
	top:50%;
	width:14px;
}

}