@charset "UTF-8";
/* CSS Document */

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

#main {
	width:100%;
	margin:0 auto;
	padding-bottom:10px;
}

h2.contact {
	height:40px;
	width:100%;
	box-sizing:border-box;
	background:#969696;
	margin-top:20px;
	margin-bottom:35px;
	padding-left:10px;
}

h3 {
	font-size:3.0em;
	margin-bottom:30px;
	color:#333;
}

h3 span.h3_sub {
	font-size:0.7em;
}

#privacy p {
	width:92%;
	font-size:2.2em;
	margin:0 auto 25px;
}

#button {
	width:100%;
	text-align:center;
	margin:40px auto;
}

#button img.first_btn {
	width:90%;
	margin-bottom:20px;
}

#button img {
	width:90%;
	margin-bottom:20px;
}


.infomation{
	width:96%;
	padding:15px;
	color:#F00;
	font-weight:bold;
	background-color:#ecf0f1;
}


/*--------------------- Step01 -------------------------*/


#contact_step {
	width:100%;
	margin-bottom:50px;
}

#contact_step img {
	width:100%;
	display:block;
	margin:0 auto 30px;
}

#contact_step p {
	width:92%;
	font-size:2.2em;
	margin:0 auto 15px;
}

#contact_step p.notice {
	font-size:1.9em;
	margin-bottom:10px;
}

#inquiry {
	margin-bottom:30px;
}

#inquiry h4,
#personal_information h4 {
	font-size:2.8em;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:20px;
	background-color:#CCC;
}

p.h4_message {
	width:92%;
	margin:0 auto 20px;
	font-size:2.2em;
}

.inquiry_box {
	width:92%;
	margin:0 auto 20px;
	padding:20px 10px;
	background:#ecf0f1;
}

.inquiry_box p {
	font-size:2.4em;
}

.inquiry_box p.inquiry_label {
	display:block;
	font-size:2.6em;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.2em;
}

.inquiry_box p.inquiry_label label {
	padding-left:30px;
	display:block;
}

.inquiry_box p.inquiry_notice {
	font-size:2.0em;
}

.attention {
	color:#F00;
}

#personal_information {
	border-top:#999 solid 1px;
	padding-top:40px;
}

#personal_information table {
	width:100%;
}

#personal_information table th {
	width:100%;
	display:list-item;
	list-style:none;
	text-align:left;
	font-size:2.4em;
	padding:5px 15px;
	margin-top:20px;
	background-color:#ecf0f1;
}

span.reqd {
	font-size:0.9em;
	font-weight:normal;
	color:#F00;
	margin-left:10px;
}

#personal_information table td {
	width:100%;
	display:list-item;
	list-style:none;
	font-size:2.4em;
	padding:20px 10px 0 20px;
	line-height:3.0em;
}

input[type="checkbox"] {
	font-size:1.2em;
	line-height:0.6em;
	vertical-align:0.1em;
	float:left;
}


input[type="text"] {
	font-size:1.2em;
	height:20px;
    border:#ccc 1px solid;
    padding:6px;
	margin-right:5px;
    color:#333;
    background: #fff;
	vertical-align:middle;
	
	/* box-shadow */
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

textarea {
	width:96%;
    border:#ccc 1px solid;
    padding:6px;
	margin-right:5px;
    color:#333;
    background: #fff;
	
	/* box-shadow */
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

select {
	width:93%;
	font-size:1.2em;
    padding:6px;
	margin-right:15px;
    color:#333;
	vertical-align:middle;
}


.name01,
.name02 {
	width:200px;
	margin-left:10px;
}

.stop_mail01,
.stop_mail02,
.address,
.mail01,
.mail02,
.university {
	width:93%;
}

.telnumber01,
.telnumber02,
.telnumber03,
.mobilenumber01,
.mobilenumber02,
.mobilenumber03,
.age {
	width:20%;
}

.zipcode01,
.zipcode02 {
	width:25%;
}

/*--------------------- Step02 -------------------------*/

p.inquiry_confirm {
	width:96%;
	margin:0 auto 20px;
	font-size:2.2em;
}

	#button img { width: 250px; margin-top: 20px; }

	/* ---------- Step01 ------------ */
	ul.notice-text { list-style: '※'; font-size: 1.9em; margin: 0 27px; }
	ul.notice-text.lg-font { font-size: 2.0em; margin: 0 13px; }
	ul.notice-text > li { padding-left: 2px; }

	#errors { margin: 20px 0; font-size: 12pt; background-color: #ffd1d1; padding-left: 25px; }

	input[type="text"] { height: 25px; }
}