@charset "UTF-8";
/* Form */

/*---------------------------------------------------- */
/* Contact */
/*---------------------------------------------------- */
.waku_contact {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

/*---------------------------------------------------- */
/* Form Button */
/*---------------------------------------------------- */
.waku_contact .waku_formbtn {
	margin: 0;
	width: 100%;
	height: auto;
}

.waku_formbtn .submit {
	margin: 0 auto;
	height: auto;
	border-top: 1px dashed #ccc;
	text-align: center;
}

/*---------------------------------------------------- */
/* Checkbox */
/*---------------------------------------------------- */
.waku_checkbox {
	padding: 0;
	height: auto;
	font-weight: normal;
	line-height: 1.4;
	overflow: hidden;
}

.waku_checkbox .checkbox_box1 {
	padding: 0;
	height: auto;
	display: inline;
	float: left;
}

.waku_checkbox .checkbox_box2 {
	padding: 0;
	height: auto;
	display: inline;
	float: left;
}

.waku_checkbox .checkbox_box3 {
	padding: 0;
	height: auto;
	width: 100%;
	display: block;
}

.waku_checkbox .checkbox_box4 {
	padding: 0;
	height: auto;
	display: inline;
	float: left;
}

.waku_checkbox .checkbox_box7 {
	padding: 0;
	height: auto;
}

/*---------------------------------------------------- */
/* 住所を入力 */
/*---------------------------------------------------- */
.waku_postal {
	padding: 0;
	height: auto;
	font-weight: normal;
	overflow: hidden;
}

.waku_postal .left_postal {
	padding: 0;
	margin: 0;
	height: auto;
	display: inline;
	float: left;
}

.waku_postal .right_postal {
	padding: 0;
	height: auto;
	display: inline;
	float: left;
}

.btn_address {
	padding: 0;
	margin: 0;
	width: 100%;
}

.btn_address input {
	margin: 0;
	vertical-align: middle;
	text-align: center;
}

/*---------------------------------------------------- */
/* Placeholder */
/*---------------------------------------------------- */
::-webkit-input-placeholder {
  color: #a5a5a5;
}
::-moz-placeholder {
  color: #a5a5a5; opacity: 1;
}
:-ms-input-placeholder {
  color: #a5a5a5;
}


/* PC */
@media print, screen and (min-width: 961px) {
/*---------------------------------------------------- */
/* Contact */
/*---------------------------------------------------- */
.waku_contact {
	padding: 10px 0 20px 0;
}

/*---------------------------------------------------- */
/* Table */
/*---------------------------------------------------- */
.waku_contact .haco_contact {
	padding: 0 0 30px 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	line-height: 1.4;
	color: #383a3b;
}

.waku_contact .haco_contact table {
	padding: 0;
	margin: 0;
	width: 100%;
	border-top: solid 1px #dce0e3;
}

.waku_contact .haco_contact table th {
	width: 25%;
	padding: 12px 0 12px 0;
	margin: 0;
	text-align: left;
	vertical-align: top;

	border-bottom: solid 1px #dce0e3;
	background-color: #fafbfd;
}

.waku_contact .haco_contact table td {
	width: 75%;
	padding: 12px 0 12px 0;
	margin: 0;
	text-align: left;
	vertical-align: top;

	border-bottom: solid 1px #dce0e3;
}

.waku_contact .haco_contact table th h5 {
	padding: 0;
	margin: 0 15px 0 15px;
	overflow: hidden;
	font-size: 14px;
	font-weight: 500;
	color: #324a78;
}

.waku_contact .haco_contact table td p {
	padding: 0;
	margin: 0 15px 0 15px;
	font-size: 14px;
	font-weight: 400;
	color: #383a3b;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.waku_contact .contact-title {
	padding: 12px 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #1c63a9;
}

.waku_contact .contact-title h4 {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
}

/*---------------------------------------------------- */
/* Required */
/*---------------------------------------------------- */
.haco_contact table th h5 {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.haco_contact table th h5 .icon-mark {
	padding: 0;
	margin: 0;
	width: 18%;
	height: auto;
	float: right;
}

.haco_contact table th h5 .icon-mark .icon-required {
	padding: 4px 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #e42631;
	border-radius: 2px;
	color: #ffffff;
	display: block;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* Checkbox */
/*---------------------------------------------------- */
.waku_checkbox {
	margin: 0 0 0 10px;
	width: 96%;
	font-size: 14px;
}

.waku_checkbox .checkbox_box1 {/******* 3つ ********/
	margin: 0 5px 5px 5px;
	width: 31%;
}

.waku_checkbox .checkbox_box2 {/******* 2つ ********/
	margin: 0 5px 5px 5px;
	width: 47%;
}

.waku_checkbox .checkbox_box3 {/******* 1つ ********/
	margin: 0 0 5px 0;
	display: block;
}

.waku_checkbox .checkbox_box4 {/******* 4つ ********/
	margin: 0 5px 5px 5px;
	width: 23.5%;
}

.waku_checkbox .checkbox_box7 {
	margin: 0 5px 5px 5px;
	width: 47%;
	display: inline;
	float: left;
}

/*---------------------------------------------------- */
/* 住所を入力 */
/*---------------------------------------------------- */
.waku_postal {
	margin: 0 0 4px 15px;
	width: 96%;
}

.waku_postal .left_postal {
	width: 35%;
	font-size: 14px;
}

.waku_postal .right_postal {
	margin: 0 0 0 2px;
	width: 20%;
}

 .right_postal.btn_address {
	width: 100%;
}

/*---------------------------------------------------- */
/* Address */
/*---------------------------------------------------- */
.moji_address {
	padding: 0;
	margin: 0 0 4px 15px;
	height: auto;
	width: 96%;
	font-size: 14px;
	font-weight: normal;
}

.moji_address2 {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 96%;
	font-size: 14px;
	font-weight: normal;
}

.waku_address {
	padding: 0;
	margin: 0 0 4px 15px;
	height: auto;
	width: 96%;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}

.waku_address2 {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 96%;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}

.left_address {
	padding: 0;
	margin: 6px 0 0 0;
	height: auto;
	width: 21%;
	display: inline;
	float: left;
	text-align: left;
}

.right_address {
	padding: 0;
	margin: 0;
	height: auto;
	width: 77%;
	display: inline;
	float: right;
	text-align: left;
}

/*---------------------------------------------------- */
/* Mail */
/*---------------------------------------------------- */
.moji_mail {
	padding: 0;
	margin: 0 0 4px 15px;
	height: auto;
	width: 96%;
	font-size: 14px;
	font-weight: normal;
}

.moji_mail2 {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 96%;
	font-size: 14px;
	font-weight: normal;
}

.waku_mail {
	padding: 0;
	margin: 0 0 4px 15px;
	height: auto;
	width: 96%;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}

.waku_mail2 {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 96%;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}

.left_mail {
	padding: 0;
	margin: 6px 0 0 0;
	height: auto;
	width: 21%;
	display: inline;
	float: left;
	text-align: left;
}

.right_mail {
	padding: 0;
	margin: 0;
	height: auto;
	width: 77%;
	display: inline;
	float: right;
	text-align: left;
}

/*---------------------------------------------------- */
/* Form */
/*---------------------------------------------------- */
input, button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

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

input[type="text"], input[type="number"], input[type="tel"], input[type="password"] {
	padding: 0;
	margin: 0;
	height: 40px;
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	font-size: 100%;
}

select {
	padding: 0;
	margin: 0 0 10px 0;
	height: 40px;
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	font-size: 100%;
}

textarea {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	font-size: 100%;
}

/*---------------------------------------------------- */
/* Required */
/*---------------------------------------------------- */
.haco_contact table th h5 {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.waku_contact .icon-mark {
	padding: 0;
	margin: 0 10px 0 0;
	width: 18%;
	height: auto;
	float: right;
}

.waku_contact .icon-mark .icon-required {
	padding: 4px 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #e42631;
	border-radius: 2px;
	color: #ffffff;
	display: block;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.waku_contact dl dd li {
	list-style: none;
}

/*---------------------------------------------------- */
/* 入力部品 */
/*---------------------------------------------------- */
/* IDメール */
#email {
	width: 70%;
}

#confirmation {
	width: 90%;
}

/* 会社名 */
#company {
	width: 80%;
}

#job {
	width: 60%;
}

/* 氏名 */
#name {
	width: 60%;
}

#kana {
	width: 60%;
}

#name1 {
	width: 30%;
}

#name2 {
	width: 30%;
}

#kana1 {
	width: 30%;
}

#kana2 {
	width: 30%;
}

/* 住所 */
#post {
	width: 120px;
}

#state {
	width: 40%;
}

#city {
	width: 70%
}

#apartment {
	width: 70%;
	
}

/* 電話 */
#tel {
	width: 50%;
}

/* PASSWORD */
#pw {
	width: 70%;
}

/* コメント */
#comment {
	width: 95%;
}

/* 生年月日 */
#birth_y {
	width: 20%;
}

#birth_m {
	width: 15%;
}

#birth_d {
	width: 15%;
}

/* 学校 */
#school {
	width: 40%;
}

/* 保有資格 */
#capa {
	width: 95%;
}

/*---------------------------------------------------- */
/* Form Button */
/*---------------------------------------------------- */
.waku_contact .waku_formbtn {
	padding: 0;
}

.waku_formbtn .submit {
	padding: 20px 0 0 0;
	width: 80%;
}

.waku_formbtn .submit .btnbox {
	padding: 0;
	margin: 0 2%;
	width: 40%;
	height: auto;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

/*---------------------------------------------------- */
/* Button */
/*---------------------------------------------------- */
#btn_display {
	padding: 15px 0 11px 0;
    margin: 0 auto 2px auto;
    width: 100px;
    height: auto;
	background-color: #0f2960;
	border-radius: 2px;
	box-shadow: 0 2px 0 rgba(5,30,65,1);
	color: #ffffff;
	display: block;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	float: right;
}

#btn_display:hover {
    opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	text-decoration: none;
}

#btn_next {
	padding: 12px 0;
    margin: 0 auto 3px auto;
    width: 100%;
    height: auto;
	background-color: #0f2960;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(5,30,65,1);
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}

#btn_next:hover {
    opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	text-decoration: none;
}

#btn_back {
	padding: 12px 0;
    margin: 0 auto 3px auto;
    width: 100%;
    height: auto;
	background-color: #a0a0a0;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(135,135,135,1);
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}

#btn_back:hover {
    opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.waku_contact .form-title {
	padding: 0 0 14px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_contact .form-title h4 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* Moji */
/*---------------------------------------------------- */
.waku_contact .moji_contact {
	padding: 0 0 20px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_contact .moji_contact p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* Color box */
/*---------------------------------------------------- */
.waku_contact .colorbox {
	padding: 15px 0;
	margin: 0 auto;
	width: 100%;
	background-color: #e9f3fc;
}

.waku_contact .colorbox p {
	padding: 0;
	margin: 0 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* moji Box */
/*---------------------------------------------------- */
.waku_contact .mojibox {
	padding: 0 0 20px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_contact .mojibox p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	text-decoration: none;
}

.waku_contact .mojibox h6 {
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
}


}


/* Tablet */
@media all and (max-width: 960px) and (min-width: 569px) {
/*---------------------------------------------------- */
/* Contact */
/*---------------------------------------------------- */
.waku_contact {
	padding: 10px 0 15px 0;
}

/*---------------------------------------------------- */
/* Table */
/*---------------------------------------------------- */
.waku_contact .haco_contact {
	padding: 0 0 25px 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	line-height: 1.4;
	color: #383a3b;
}

.waku_contact .haco_contact table {
	padding: 0;
	margin: 0;
	width: 100%;
	border-top: solid 1px #dce0e3;
}

.waku_contact .haco_contact table th {
	width: 32%;
	padding: 10px 0 10px 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	
	border-bottom: solid 1px #dce0e3;
	background-color: #fafbfd;
}

.waku_contact .haco_contact table td {
	width: 68%;
	padding: 10px 0 10px 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #dce0e3;
}

.waku_contact .haco_contact table th h5 {
	padding: 0;
	margin: 0 12px 0 12px;
	overflow: hidden;
	font-size: 13px;
	font-weight: normal;
}

.waku_contact .haco_contact table td p {
	padding: 0;
	margin: 0 12px 0 12px;
	font-size: 13px;
	font-weight: normal;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.waku_contact .contact-title {
	padding: 12px 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #1c63a9;
}

.waku_contact .contact-title h4 {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
}

/*---------------------------------------------------- */
/* Required */
/*---------------------------------------------------- */
.haco_contact table th h5 {
	padding: 0;
	margin: 0;
	font-size: 13px;
}

.haco_contact table th h5 .icon-mark {
	padding: 0;
	margin: 0;
	width: 18%;
	height: auto;
	float: right;
}

.haco_contact table th h5 .icon-mark .icon-required {
	padding: 4px 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #e42631;
	border-radius: 2px;
	color: #ffffff;
	display: block;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* Checkbox */
/*---------------------------------------------------- */
.waku_checkbox {
	margin: 0 0 0 10px;
	width: 96%;
	font-size: 13px;
}

.waku_checkbox .checkbox_box1 {
	margin: 0 5px 5px 5px;
	width: 47%;
}

.waku_checkbox .checkbox_box2 {
	margin: 0 5px 5px 5px;
	width: 47%;
}

.waku_checkbox .checkbox_box3 {
	margin: 0 0 5px 0;
	display: block;
}

.waku_checkbox .checkbox_box4 {
	margin: 0 5px 5px 5px;
	width: 47%;
}

.waku_checkbox .checkbox_box7 {
	margin: 0 0 5px 0;
	display: block;
}

/*---------------------------------------------------- */
/* 住所を入力 */
/*---------------------------------------------------- */
.waku_postal {
	margin: 0 0 4px 15px;
	width: 96%;
}

.waku_postal .left_postal {
	width: 45%;
	font-size: 13px;
}

.waku_postal .right_postal {
	margin: 0 0 0 10px;
	width: 20%;
}

 .right_postal.btn_address {
	width: 100%;
}

/*---------------------------------------------------- */
/* Address */
/*---------------------------------------------------- */
.moji_address {
	padding: 0;
	margin: 0 0 4px 15px;
	height: auto;
	width: 96%;
	font-size: 13px;
	font-weight: normal;
}

.moji_address2 {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 96%;
	font-size: 13px;
	font-weight: normal;
}

.waku_address {
	padding: 0;
	margin: 0 0 4px 15px;
	height: auto;
	width: 96%;
	font-size: 13px;
	font-weight: normal;
	overflow: hidden;
}

.waku_address2 {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 96%;
	font-size: 13px;
	font-weight: normal;
	overflow: hidden;
}

.left_address {
	padding: 0;
	margin: 6px 0 0 0;
	height: auto;
	width: 25%;
	display: inline;
	float: left;
	text-align: left;
}

.right_address {
	padding: 0;
	margin: 0;
	height: auto;
	width: 72%;
	display: inline;
	float: right;
	text-align: left;
}

/*---------------------------------------------------- */
/* Mail */
/*---------------------------------------------------- */
.moji_mail {
	padding: 0;
	margin: 0 0 4px 15px;
	height: auto;
	width: 96%;
	font-size: 13px;
	font-weight: normal;
}

.moji_mail2 {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 96%;
	font-size: 13px;
	font-weight: normal;
}

.waku_mail {
	padding: 0;
	margin: 0 0 4px 15px;
	height: auto;
	width: 96%;
	font-size: 13px;
	font-weight: normal;
	overflow: hidden;
}

.waku_mail2 {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 96%;
	font-size: 13px;
	font-weight: normal;
	overflow: hidden;
}

.left_mail {
	padding: 0;
	margin: 6px 0 0 0;
	height: auto;
	width: 25%;
	display: inline;
	float: left;
	text-align: left;
}

.right_mail {
	padding: 0;
	margin: 0;
	height: auto;
	width: 72%;
	display: inline;
	float: right;
	text-align: left;
}

/*---------------------------------------------------- */
/* Form */
/*---------------------------------------------------- */
input, button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

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

input[type="text"], input[type="number"], input[type="tel"], input[type="password"] {
	padding: 0;
	margin: 0;
	height: 40px;
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	font-size: 100%;
}

input .mag10 {
	padding: 0;
	margin: 0 0 10px 0;
	height: 40px;
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	font-size: 100%;
}

select {
	padding: 0;
	margin: 0;
	height: 40px;
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	font-size: 100%;
}

textarea {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	font-size: 100%;
}

/*---------------------------------------------------- */
/* 入力部品 */
/*---------------------------------------------------- */
/* IDメール */
#email {
	width: 95%;
}

#confirmation {
	width: 95%;
}

/* 会社名 */
#company {
	width: 95%;
}

#job {
	width: 70%;
}

/* 氏名 */
#name {
	width: 70%;
}

#kana {
	width: 70%;
}

#name1 {
	width: 38%;
}

#name2 {
	width: 38%;
}

#kana1 {
	width: 38%;
}

#kana2 {
	width: 38%;
}

/* 住所 */
#post {
	width: 84%;
}

#state {
	width: 50%;
}

#city {
	width: 95%;
}

#apartment {
	width: 95%;
}

/* 電話 */
#tel {
	width: 60%;
}

/* PASSWORD */
#pw {
	width: 82%;
}

/* コメント */
#comment {
	width: 95%;
}

/* 生年月日 */
#birth_y {
	width: 20%;
}

#birth_m {
	width: 15%;
}

#birth_d {
	width: 15%;
}

/* 保有資格 */
#capa {
	width: 95%;
}

/*---------------------------------------------------- */
/* Form Button */
/*---------------------------------------------------- */
.waku_contact .waku_formbtn {
	padding: 0;
}

.waku_formbtn .submit {
	padding: 20px 0 0 0;
	width: 80%;
}

.waku_formbtn .submit .btnbox {
	padding: 0;
	margin: 0 2%;
	width: 40%;
	height: auto;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

/*---------------------------------------------------- */
/* Button */
/*---------------------------------------------------- */
#btn_display {
	padding: 9px 0;
    margin: 0 auto 2px auto;
    width: 100%;
    height: auto;
	background-color: #0f2960;
	border-radius: 2px;
	box-shadow: 0 2px 0 rgba(5,30,65,1);
	color: #ffffff;
	display: block;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}

#btn_display:hover {
    opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	text-decoration: none;
}

#btn_next {
	padding: 12px 0;
    margin: 0 auto 3px auto;
    width: 100%;
    height: auto;
	background-color: #0f2960;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(5,30,65,1);
	color: #ffffff;
	display: block;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}

#btn_next:hover {
    opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	text-decoration: none;
}

#btn_back {
	padding: 12px 0;
    margin: 0 auto 3px auto;
    width: 100%;
    height: auto;
	background-color: #a0a0a0;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(135,135,135,1);
	color: #ffffff;
	display: block;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

#btn_back:hover {
    opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.waku_contact .form-title {
	padding: 0 0 12px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_contact .form-title h4 {
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* Moji */
/*---------------------------------------------------- */
.waku_contact .moji_contact {
	padding: 0 0 15px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_contact .moji_contact p {
	padding: 0;
	margin: 0;
	font-size: 108%;
	font-weight: normal;
	line-height: 1.6;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* Color box */
/*---------------------------------------------------- */
.waku_contact .colorbox {
	padding: 12px 0;
	margin: 0 auto 10px auto;
	width: 100%;
	background-color: #e9f3fc;
}

.waku_contact .colorbox p {
	padding: 0;
	margin: 0 18px 0 18px;
	font-size: 108%;
	font-weight: normal;
	line-height: 1.6;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* moji Box */
/*---------------------------------------------------- */
.waku_contact .mojibox {
	padding: 0 0 15px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_contact .mojibox p {
	padding: 0;
	margin: 0;
	font-size: 108%;
	font-weight: 400;
	line-height: 1.6;
	text-decoration: none;
}

.waku_contact .mojibox h6 {
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
}


}


/* SP */
@media all and (max-width: 568px) {
/*---------------------------------------------------- */
/* Contact */
/*---------------------------------------------------- */
.waku_contact {
	padding: 5px 0 7px 0;
	margin: 0;
	
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.waku_contact .contact-title {
	padding: 12px 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #1c63a9;
}

.waku_contact .contact-title h4 {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
}

/*---------------------------------------------------- */
/* Table */
/*---------------------------------------------------- */
.waku_contact .haco_contact {
	padding: 14px 0 20px 0;
	margin: 0;
	width: 100%;
	height: auto;
	line-height: 1.4;
	color: #383a3b;
}

.waku_contact .haco_contact table {
	padding: 0;
	margin: 0;
	width: 100%;;
	table-layout: fixed;
    border-collapse: collapse;
}

table tr {
	display: block;
	margin-bottom: 10px;
}

table th, table td {
	width: 100%;
	display: block;
}

.waku_contact .haco_contact table th {
	padding: 3px 0;
	margin: 0;
	height: auto;
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
}

.waku_contact .haco_contact table td {
	padding: 10px 10px;
	margin: 0;
	height: auto;
	text-align: left;
	vertical-align: top;
	border-top: dotted 2px #dce0e3;
	border-right: solid 1px #dce0e3;
	border-bottom: solid 1px #dce0e3;
	border-left: solid 1px #dce0e3;
	background-color: #fafbfd;
	box-sizing: border-box;
}

.waku_contact .haco_contact table th h5 {
	padding: 15px 0 3px 0;
	margin: 0;
	width: 100%;
	height: auto;
	font-size: 15px;
	font-weight: 600;
	/* position: relative; */
	overflow: hidden;
}

.waku_contact .haco_contact table th h5:before {
	content: "\f0c8";
	font: normal normal 14px/1 "FontAwesome";
	color: #3498db;
	/* position: absolute; */
	top: 3px;
	left: 0;
	margin-right: 8px;
}

.waku_contact .haco_contact table td p {
	padding: 0;
	margin: 0;
	width: auto;
	font-size: 14px;
	font-weight: normal;
	color: #383a3b;
	overflow: hidden;
}

.waku_contact .haco_contact table td .size100 {
	width: 100%;
	

}

/*---------------------------------------------------- */
/* Required */
/*---------------------------------------------------- */
.waku_contact .haco_contact table th h5 .icon-mark {
	padding: 0;
	margin: 0;
	width: 18%;
	height: auto;
	float: right;
}

.waku_contact .haco_contact table th h5 .icon-mark .icon-required {
	padding: 4px 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #e42631;
	border-radius: 2px;
	color: #ffffff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* Checkbox */
/*---------------------------------------------------- */
.waku_checkbox {
	margin: 0;
	width: 100%;
	font-size: 14px;
}

.waku_checkbox .checkbox_box1 {
	margin: 0 1% 5px 1%;
	width: 48%;
}

.waku_checkbox .checkbox_box2 {
	margin: 0 1% 5px 1%;
	width: 48%;
}

.waku_checkbox .checkbox_box3 {
	margin: 0 0 5px 0;
	display: block;
}

.waku_checkbox .checkbox_box4 {
	margin: 0 1% 5px 1%;
	width: 48%;
}

.waku_checkbox .checkbox_box7 {
	margin: 0 0 5px 0;
	width: 100%;
}

/*---------------------------------------------------- */
/* 住所を入力 */
/*---------------------------------------------------- */
.waku_postal {
	margin: 0;
	width: 100%;
}

.waku_postal .left_postal {
	width: 65%;
	font-size: 14px;
}

.waku_postal .right_postal {
	margin: 4px 0 0 10px;
	width: 25%;
}

 .right_postal.btn_address {
	width: 100%;
}

/*---------------------------------------------------- */
/* Address */
/*---------------------------------------------------- */
.moji_address {
	padding: 0 0 4px 0;
	margin: 0 auto;
	height: auto;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
}

.moji_address2 {
	padding: 0 0 0 0;
	margin: 0 auto;
	height: auto;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
}

.waku_address {
	padding: 0 0 4px 0;
	margin: 0 auto;
	height: auto;
	width: 94%;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}

.waku_address2 {
	padding: 0 0 4px 0;
	margin: 0 auto;
	height: auto;
	width: 94%;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}

.left_address {
	padding: 0;
	margin: 3px 0 0 0;
	height: auto;
	width: 100%;
	display: inline;
	text-align: left;
}

.right_address {
	padding: 0;
	margin: 0 0 3px 0;
	height: auto;
	width: 100%;
	display: inline;
	text-align: left;
}

/*---------------------------------------------------- */
/* Mail */
/*---------------------------------------------------- */
.moji_mail {
	padding: 0 0 4px 0;
	margin: 0 auto;
	height: auto;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
}

.moji_mail2 {
	padding: 0 0 0 0;
	margin: 0 auto;
	height: auto;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
}

.waku_mail {
	padding: 0 0 4px 0;
	margin: 0 auto;
	height: auto;
	width: 94%;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}

.waku_mail2 {
	padding: 0 0 4px 0;
	margin: 0 auto;
	height: auto;
	width: 94%;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}

.left_mail {
	padding: 0;
	margin: 3px 0 0 0;
	height: auto;
	width: 100%;
	display: inline;
	text-align: left;
}

.right_mail {
	padding: 0;
	margin: 0 0 3px 0;
	height: auto;
	width: 100%;
	display: inline;
	text-align: left;
}

/*---------------------------------------------------- */
/* Form */
/*---------------------------------------------------- */
input, button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

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

input[type="text"], input[type="number"], input[type="tel"], input[type="password"] {
	padding: 0;
	margin: 0;
	height: 46px;
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	font-size: 100%;
}

select {
	padding: 0;
	margin: 0;
	height: 46px;
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	font-size: 100%;
}

textarea {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	border: solid 1px #8d8d8d;
	font-size: 100%;
}

/*---------------------------------------------------- */
/* 入力部品 */
/*---------------------------------------------------- */
/* IDメール */
#email {
	width: 70%;
}

#confirmation {
	width: 98%;
}

/* 会社名 */
#company {
	width: 98%;
}

#job {
	width: 74%;
}

/* 氏名 */
#name {
	width: 80%;
}

#kana {
	width: 80%;
}

#name1 {
	width: 74%;
	margin: 0 0 4px 0;
}

#name2 {
	width: 74%;
	margin: 4px 0 0 0;
}

#kana1 {
	width: 74%;
	margin: 0 0 4px 0;
}

#kana2 {
	width: 74%;
	margin: 4px 0 0 0;
}

/* 住所 */
#post {
	width: 84%;
}

#state {
	width: 70%;
}

#city {
	width: 98%;
}

#apartment {
	width: 98%;
}

/* 電話 */
#tel {
	width: 85%;
}

/* PASSWORD */
#pw {
	width: 98%;
}

/* コメント */
#comment {
	width: 98%;
}

/* 生年月日 */
#birth_y {
	width: 25%;
}

#birth_m {
	width: 20%;
}

#birth_d {
	width: 20%;
}

/* 保有資格 */
#capa {
	width: 98%;
}

/*---------------------------------------------------- */
/* Form Button */
/*---------------------------------------------------- */
.waku_contact .waku_formbtn {
	padding: 0;
}

.waku_formbtn .submit {
	padding: 15px 0 0 0;
	width: 90%;
}

.waku_formbtn .submit .btnbox {
	padding: 0;
	margin: 0 2%;
	width: 44%;
	height: auto;
	display:inline-block;
    /display:inline;
    /zoom:1;
	vertical-align: top;
}

/*---------------------------------------------------- */
/* Button */
/*---------------------------------------------------- */
#btn_display {
	padding: 9px 0;
    margin: 0 auto 2px auto;
    width: 100%;
    height: auto;
	background-color: #0f2960;
	border-radius: 2px;
	box-shadow: 0 2px 0 rgba(5,30,65,1);
	color: #ffffff;
	display: block;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

#btn_display:hover {
    opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	text-decoration: none;
}

#btn_next {
	padding: 12px 0;
    margin: 0 auto 3px auto;
    width: 100%;
    height: auto;
	background-color: #0f2960;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(5,30,65,1);
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

#btn_next:hover {
    opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	text-decoration: none;
}

#btn_back {
	padding: 12px 0;
    margin: 0 auto 3px auto;
    width: 100%;
    height: auto;
	background-color: #a0a0a0;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(135,135,135,1);
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

#btn_back:hover {
    opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.waku_contact .form-title {
	padding: 0 0 10px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_contact .form-title h4 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* Moji */
/*---------------------------------------------------- */
.waku_contact .moji_contact {
	padding: 0 0 12px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_contact .moji_contact p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* Color box */
/*---------------------------------------------------- */
.waku_contact .colorbox {
	padding: 12px 0;
	margin: 0 auto;
	width: 100%;
	background-color: #e9f3fc;
}

.waku_contact .colorbox p {
	padding: 0;
	margin: 0 auto;
	width: 90%;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* moji Box */
/*---------------------------------------------------- */
.waku_contact .mojibox {
	padding: 0 0 12px 0;
	margin: 0 auto;
	width: 100%;
}

.waku_contact .mojibox p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	text-decoration: none;
}

.waku_contact .mojibox h6 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
}


}