@charset "utf-8";

/* ==================================================================
	iso.css
	
=================================================================== */


/* --------------------------------
   □ form
-------------------------------- */
input, select{

}

input.text{
	line-height:1.2;
}

select {
	box-sizing:border-box;
	border:1px solid #cfcfcf;
	padding:11px;
	border-radius:4px;
}

input.text,
textarea{
	box-sizing:border-box;
	border:0;
	background:#eeeeee;
	padding:11px;
	border-bottom:1px solid #d0d0d0;
}

input.text:hover,
textarea:hover {
	border-bottom:1px solid #cfcfcf;
}

input.text:focus,
textarea:focus {
	border-bottom: 1px solid #333333;
}

input.error,
textarea.error {
	borderr-bottom:1px solid #da3e42;
	background:#fff3f3;
}

input.error:hover,
textarea.error:hover {
	border:1px solid #C30;
}

input.submit{
	line-height:100%;
	padding-top:2px;
}

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}

/* --------------------------------
   □ 大枠
-------------------------------- */
.main-contents .content-width{
	width: 633px;
	margin:0 auto;
	
}

.content-width--sub{
}

/* --------------------------------
   □ MV
-------------------------------- */

/*
   □ sub-visual
-------------------------------- */
.contact_index{
	background-image: url("../../images/contact/accent.jpg");
}

/* ==================================
   □ 個別
================================== */

/* --------------------------------
   □ index
-------------------------------- */
.contact dl.note dt{
	font-size: 170%;
	font-weight: 700;
}

.contact dl.note dd{
	font-size: 170%;
}

.contact dl.note dd.button a{
	position: relative;
	padding-left: 16px;
}

.contact dl.note dd.button a:before{
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	background-image: url("../../images/icon/link_blueSpuare_min.png");
	left: 0;
	top: 4px;
}

.contact p.title{
	color: #0a3d9a;
	font-size: 160%;
	font-weight: 700;
}

.contact p.title span{
	display: inline-block;
	color: #FFF;
	background-color: #CA3B3B;
	border-radius: 3px;
	padding: 0 10px;
	margin-left: 16px;
	font-weight: 300;
	font-size: 90%;
}

.contact p.error{
	display:block;
	background:#F00;
	color:#fff;
	padding:8px;
	margin:8px 0;
	font-size:84%;
}


/* --------------------------------
   □ .tableStyle
-------------------------------- */ 
dl.form{
	font-size:16px;
	font-size: 1.6rem;
}

dl.form dt{
	font-weight:600;
	color:#0a3d9a;
	padding-bottom:13px;
}
dl.form dt span.em{
	display:inline-block;
	margin-left:8px;
	padding:3px 7px;
	line-height:1.1;
	color:#fff;
	background:#ca3b3b;
	font-size:13px;
	font-size:1.3rem;
	border-radius:4px;
	vertical-align:middle;
}
dl.form dd{
	padding-bottom:24px;
}

	form dl.form input.middle{
		width:99%;
	}	
	form dl.form input.long{
		width:99%;
	}
	
	form dl.form textarea{
		width:99%;
	}
	form dl.form .sample{
		display:block;
	}


/* --------------------------------
   □ .contact
-------------------------------- */ 

.checktext{
	margin-bottom:24px;
	padding-top:28px;
	border-top:1px dotted #aaabab;
	text-align:center;
}

ul.submitArea{
	text-align:center;
}

ul.submitArea li{
	display:inline-block;
	margin:0 8px;
	width:45%;
}


ul.submitArea li.buttonStyle button,
ul.submitArea li.buttonStyle a{
	width:100%;
	padding:24px 50px;
}

.complete h3{
	margin-bottom:24px;
}
.complete p.text{
	margin-bottom:24px;
}

@media only screen and
(max-width : 767px) {
/* --------------------------------
   □ 大枠
-------------------------------- */
.main-contents .content-width{
	width: auto;
	margin:0 auto;
}

	form dl.form input.middle{
		width:99%;
	}	
	form dl.form input.long{
		width:99%;
	}
	
	form dl.form textarea{
		width:99%;
	}

ul.submitArea li{
	display:block;
	margin:5% 10%;
	width:auto;
}

}