﻿#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/*
=================================== */
.mtitle_block {
	background-image: url('../images/contact/sp_contact_mimage.jpg');
}
	
.contact_area1 .block1 {
	padding:25px 15px 100px;
}
	
.contact_area1 .mex {
	margin:0 0 120px;
}

.contact_area1 .mex .message {
	margin:0 0 30px;
}

.contact_area1 .mex .links li {
	margin:0 auto 25px;
	width:290px;
	font-size:1.5rem;
}

.contact_area1 .mex .links li:last-child {
	margin-bottom:0;
}

.contact_area1 .mex .links li a {
	display: block;		
	background: url('../images/common/icon_outlink1.svg') no-repeat right 8px top 8px;
	background-size: 13px 11px;
	text-align: center;
	color:#FFF;
	line-height:46px;
	letter-spacing: 0.2px;
	background-color: #17338a;
}

.contact_area1 .stitle,
.contact_area2 .stitle {
	background: url('../images/contact/contact_area1mtitle.png') no-repeat center top;
	background-size: 45px 43px;
	margin:0 0 30px;
	padding:60px 0 0;
	text-align: center;
	font-size:3.0rem;
}

.contact_area2 .stitle {
	background-image: url('../images/contact/contact_area2mtitle.png');
	background-size:45px 45px;
}
	
.form_block1 {
	margin:0 0 60px;
}

.form_block1 .form_ex {
	margin:0 0 25px;
	font-size:1.7rem;
}

.form_block1 .form_ex2 {
	margin:0 0 45px;
	font-size:1.4rem;
}

.form_block1 table {
	width:100%;
}
	
.form_block1 th {
	display: block;
	padding:5px 0;
	text-align: left;
	vertical-align: top;
	font-size:1.6rem;
	font-weight: 500;
}

.form_block1 th span,
.form_block1 th b {
	display: inline-block;
	padding:0 70px 0 0;
	line-heigfht:23px;
	font-weight: 500;
}

.form_block1 th b {
	background: url('../images/contact/contact_icon.png') no-repeat right center;
	background-size: 50px 23px;
}

.form_block1 td {
	display: block;
	padding:0 0 20px;
}

.form_block1 td.input {
}

.form_block1 td .iline1,
.form_block1 td .iline2 {
	margin:0 0 10px;
}

.form_block1 td .iline2 {
	padding:0 130px 0 0;
	width:culc(100% - 130px);
	position: relative;
}

.form_block1 td .iline2 a {
	position: absolute;
	top:0;
	right:0;
	display: block;
	width:120px;
	line-height:45px;
	color:#FFF;
	text-align: center;
	font-size: 1.5rem;
	background-color: #17338a;
}

.form_block1 td .iline1:last-child,
.form_block1 td .iline2:last-child {
	margin-bottom:0;
}

.input100 {
	padding:0 15px;
	width:100%;
	line-height:45px;
	height:45px;
	font-size: 1.6rem;
	border:1px solid #cbcccc;
}

.area51 {
	padding:10px 15px;
	width:100%;
	height:200px;
	font-size: 1.6rem;
	border:1px solid #cbcccc;
}

.error,
.error2 {
	color:#F00;
}

.error2 {
	padding:10px 0 0;
	text-align: center;
}

.form_block2 {
	margin:0 0 80px;
	padding:25px 15px 30px;
	background-color: #f6f7f7;
}
	
.form_block2 .form_ex {
	margin:0 0 15px;
	font-size:1.8rem;
}

.form_block2 .checkbox {
	margin:0 auto;
	max-width:300px;
	font-size:1.8rem;
}

.form_block2.active .checkbox {
	display: none;
}

.form_block2 .checkbox a {
	display: block;
	line-height:45px;
	color:#FFF;
	text-align: center;
	font-weight: bold;
	background-color: #ffb401;
}

.form_block2 .ex_form {
	display: none;
}

.form_block2.active .ex_form {
	display: block;
}

.form_block2 table {
	margin:0 0 15px;
	width:100%;
}

.form_block2 th {
	display: block;
	padding:5px 0;
	text-align: left;
	vertical-align: top;
	font-size:1.6rem;
	font-weight: 500;
}

.form_block2 td {
	display: block;
	padding:0 0 20px;
}

.form_block2 td .iline1,
.form_block2 td .iline2 {
	margin:0 0 10px;
}

.form_block2 td .iline2 {
	width:210px;
}

.form_block2 td .iline1:last-child,
.form_block2 td .iline2:last-child {
	margin-bottom:0;
}

.form_block2 td .exline {
	font-size:1.4rem;
}

.form_exlist {
	font-size:1.4rem;
}

.form_exlist li {
	padding:0 0 0 16px;
	position: relative;
}

.form_exlist b {
	position: absolute;
	top:1px;
	left:0;
	font-size:1.3rem;
}

.privacy_block {
	margin:0 0 25px;
	padding:20px 10px 20px 20px;
	border:1px solid #cbcccb;
}

.privacy_body {
	overflow-y: scroll;
	position: relative;
	-webkit-overflow-scrolling: touch;
	padding:0 10px 0 0;
	height:350px;
	font-size:1.5rem;
}
	
.privacy_body h3 {
	margin:0 0 15px;
	text-align: center;
}

.privacy_body h4 {
	margin:0 0 5px;
}
	
.privacy_body .pbox {
	margin:0 0 15px;
}

.privacy_body .pbox:last-child {
	margin:0;
}

.privacy_body p {
	margin:0 0 10px;
}

.privacy_body p:last-child {
	margin-bottom:0;
}

.check_block {
	margin:0 0 45px;
	font-size:1.6rem;
}

.check_block .line1 {
	margin:0 0 10px;
}

.check_block .line2 {
	margin:0 0 10px;
	text-align: center;
}

.check_block .agree {
	text-align: center;
	font-size:1.5rem;
}

.check_block .agree label {
	padding:0 0 0 5px;
}

.btn_block p {
	margin:0 auto;
	max-width:335px;
}

.btn_block p.send {
	margin-bottom:15px;
}

.btn_block p a {
	display: block;
	line-height:45px;
	height:45px;
	text-align: center;
	color:#FFF;
	font-size:1.7rem;
	font-weight: bold;
	background-color: #1a338b;
}

.btn_block p.back a {
	color:#333;
	background-color: #eaeef4;
}

.contact_area2 .block1 {
	padding:20px 15px 100px;
}

.contact_area2 .exbox1 {
	margin:0 0 15px;
	line-height:1.8;
	font-size:1.5rem;
}

.contact_area2 .exbox1 b {
	display: block;
	font-size:1.6rem;
}

.contact_area2 .timeinfo {
	margin:0 0 30px;
	line-height:1.8;
}
	
.contact_area2 .dial_block {
	margin:0 0 30px;
	padding:20px;
	border:2px solid #19338b;
	text-align: center;
}

.contact_area2 .dial_block ul {
	display: inline-block;
}
	
.contact_area2 .dial_block li {
	padding:0 0 0 120px;
	font-size:1.8rem;
	font-weight: bold;
	position: relative;
	letter-spacing: 0.5px;
}

.contact_area2 .dial_block li b {
	position: absolute;
	top:1px;
	left:0;
	width:110px;
	text-align: right;
	font-size:1.6rem;
	letter-spacing: 0;
}

@media screen and (min-width: 350px) {

	.contact_area2 .dial_block li {
		padding:0 0 0 150px;
		font-size:2.1rem;
		letter-spacing: 1px;
	}
	
	.contact_area2 .dial_block li b {
		width:140px;
		font-size:2.0rem;
	}
}

.contact_area2 .exbox2 {
	line-height:1.8;
	font-size:1.5rem;
}
	
.thanks {
	padding:50px 0;
	text-align: center;
}

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

	/*
	=================================== */
	.mtitle_block {
		background-image: url('../images/contact/contact_mimage.jpg');
	}
	
	.contact_area1 .block1 {
		padding:60px 10px 110px;
	}
	
	.contact_area1 .mex .message {
		text-align: center;
	}
	
	.contact_area1 .mex .links {
		text-align: center;
	}
	
	.contact_area1 .mex .links li {
		display: inline-block;
		margin:0 5px;
		font-size:1.6rem;
	}
	
	.contact_area1 .mex .links li a {
		line-height:65px;
	}
	
	.contact_area1 .stitle,
	.contact_area2 .stitle {
		font-size:3.2rem;
	}
	
	.form_block1 {
		margin:0 auto 70px;
		width:900px;
	}
	
	.form_block1 .form_ex {
		margin:0 0 30px;
		text-align: center;
	}
	
	.form_block1 .form_ex2 {
		margin:0 0 70px;
		font-size:1.6rem;
	}
	
	.form_block1 th {
		display: table-cell;
		padding:20px 0 10px;
		width:280px;
		text-align: right;
	}
	
	.form_block1 td {
		display: table-cell;
		padding:20px 20px;
	}
	
	.form_block1 td.input {
		padding:10px 20px;
	}
	
	.form_block1 td .iline1,
	.form_block1 td .iline2 {
		width:470px;
	}
	
	.form_block1 td .iline2 {
		width:370px;
	}
	
	.form_block1 td .iline2 a {
		line-height:50px;
		font-size: 1.4rem;
	}
	
	.input100 {
		line-height:50px;
		height:50px;
		font-size: 1.4rem;
	}
	
	.area51 {
		font-size: 1.4rem;
	}
	
	.form_block2 {
		margin:0 auto 85px;
		padding:50px 130px;
		width:900px;
	}
	
	.form_block2 .form_ex {
		text-align: center;
	}
	
	.form_block2 .checkbox {
		width:300px;
	}
	
	.form_block2 .checkbox a {
		line-height:55px;
	}
	
	.form_block2 table {
		margin:0 0 20px;
	}
	
	.form_block2 th {
		display: table-cell;
		padding:20px 0 10px;
		width:155px;
		text-align: right;
	}
	
	.form_block2 td {
		display: table-cell;
		padding:20px 20px 20px 15px;
	}
	
	.form_block2 td.input {
		padding:10px 20px 10px 15px;
	}
	
	.form_block2 td .iline1,
	.form_block2 td .iline2 {
		width:440px;
	}
	
	.form_block2 td .iline2 {
		padding:0 130px 0 0;
		width:370px;
	}
	
	.privacy_block {
		margin:0 0 35px;
		padding:40px 15px 40px 25px;
	}
	
	.privacy_body {
		padding:0 20px 0 0;
		height:250px;
		font-size:1.4rem;
	}
	
	.privacy_body h3 {
		margin:0 0 20px;
		font-size:1.5rem;
	}
	
	.privacy_body h4 {
		margin:0 0 10px;
	}
	
	.privacy_body .pbox {
		margin:0 0 20px;
	}
	
	.privacy_body .pbox p {
		line-height:1.8;
	}
	
	.check_block {
		margin:0 auto 35px;
		width:730px;
	}
	
	.check_block .line1 {
		margin:0 0 15px;
		text-align: center;
	}
	
	.check_block .line2 {
		margin:0 0 15px;
	}
	
	.check_block .line2 a {
		color:#18308d;
	}
	
	.check_block .agree {
		font-size:1.4rem;
	}
	
	.btn_block {
		margin:0 auto;
		text-align: center;
		width:700px;
	}
	
	.btn_block p {
		display: inline-block;
		width:335px;
	}
	
	.btn_block p.send {
		margin-bottom:0;
		float:right;
	}
	
	.btn_block p.back {
		float:left;
	}
	
	.btn_block p a {
		line-height:60px;
		height:60px;
	}
	
	.contact_area2 .block1 {
		padding:60px 10px 200px;
		text-align: center;
	}
	
	.contact_area2 .exbox1 {
		font-size:1.4rem;
	}
	
	.contact_area2 .exbox1 b {
		font-size:1.6rem;
	}
	
	.contact_area2 .timeinfo {
		margin:0 0 40px;
	}
	
	.contact_area2 .dial_block {
		margin:0 auto 40px;
		padding:30px 0;
		width:490px;
	}
	
	.contact_area2 .dial_block ul {
	}
	
	.contact_area2 .dial_block li {
		padding:0 0 0 180px;
	}
	
	.contact_area2 .dial_block li b {
		width:160px;
	}
	
	.thanks {
		padding:80px 50px 100px;
	}
}