/* @charset "utf-8";

::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;opacity:1;}
:-ms-input-placeholder{color:#ccc;}
input:focus::-webkit-input-placeholder{color:#ccc;}
input:focus:-moz-placeholder{color:#ccc;}
input:focus::-moz-placeholder{color:#ccc;}

.mode{ime-mode:disabled;}
.unmode{ime-mode:active !important;}

#header_wrap{
	position:static;
	padding:20px;
}
#logo{
	max-width:200px;
	margin:auto;
}
.copyright{
	padding:25px 20px 30px;
	text-align:center;
}
#content_wrap{margin:0;}
.page_title{
	font-size:3.2rem;
	letter-spacing:1.6px;
	line-height:4.6rem;
	margin-bottom:35px;
}

.content_area{
	padding-top:40px;
	padding-bottom:120px;
}
.form_step{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	margin:0 -20px 30px;
}
.step_item{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	list-style:none;
	width:75px;
	height:75px;
	margin:0 20px;
	border-radius:50%;
	color:#000;
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:1.2px;
	line-height:2.1rem;
}
.step_item.now{
	background:#094;
	color:#fff;
}
.step_item::after{
	content:'';
	position:absolute;
	top:1px;
	right:-28px;
	bottom:0;
	width:15px;
	height:1px;
	margin:auto;
	background:#333;
}
.step_item:last-child::after{display:none;}
.form_table{margin-bottom:25px;}
th, td{letter-spacing:1.28px;}
th{
	width:290px;
	vertical-align:middle;
}
th .required{
	float:right;
	color:#f00;
	font-size:1.3rem;
	letter-spacing:1.56px;
	line-height:1.9rem;
	margin-top:2px;
}
td ul{
	list-style:none;
	padding:0;
	margin:0;
}
td li{
	list-style:none;
	margin-bottom:5px;
}
td label{
	display:inline-block;
	position:relative;
	padding-left:20px;
	cursor:pointer;
}
td input[type="radio"]{
	position:absolute;
	top:6px;
	left:0;
	width:15px;
	height:15px;
	cursor:pointer;
}
td input[type="text"], td input[type="email"], td input[type="tel"]{
	width:100%;
	padding:11px 15px 13px;
	border:1px solid #ddd;
}
.company_box{
	display:none;
	align-items:center;
	justify-content:space-between;
	margin:10px 0 0 20px;
}
.company_box input{width:calc(100% - 110px) !important;}
.postcode_box{
	display:flex;
	align-items:center;
	margin:15px 0 10px;
}
#postcode{
	width:200px;
	margin-left:15px;
}
.email_check{
	letter-spacing:1.28px;
	line-height:2.4rem;
	margin:10px 0;
}
#email_confirm{
	font-size:2.4rem;
	font-weight:500;
	letter-spacing:1.92px;
	line-height:3rem;
	margin-bottom:10px !important;
}
textarea{
	display:block;
	width:100%;
	min-height:150px;
	padding:11px 15px 13px;
	border:1px solid #ccc;
	resize:vertical;
	overflow:auto;
}

.doi{
	margin:25px 0;
	background:#f5f5f5;
	font-size:1.5rem;
	letter-spacing:1.8px;
	line-height:2.1rem;
}
.doi label{
	position:relative;
	display:block;
	text-align:center;
	padding:39px 0 40px 25px;
	cursor:pointer;
}
.doi input{
	position:absolute;
	width:15px;
	height:15px;
	top:0;
	left:-255px;
	right:0;
	bottom:1px;
	margin:auto;
	cursor:pointer;
}

.form_check.active .company_box{
	display:flex !important;
	justify-content:flex-start;
	margin:5px 0 0;
}
.form_check.active .company_box_in{
	display:inline-block;
	margin-right:10px;
}
.form_check.active .company_box_in::before{content:'【';}
.form_check.active .company_box_in::after{content:'】';}
.form_check .postcode_box{margin:0;}

#form_btn{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:50px auto 0;
}
#form_btn1, #form_btn3{
	width:240px;
	padding:20px;
	background:#014099 !important;
	border-radius:30px !important;
	color:#fff !important;
	font-size:1.5rem;
	letter-spacing:1.2px;
	line-height:2rem;
	text-align:center;
	text-decoration:none !important;
	cursor:pointer;
	transition:background 0.3s;
}
#form_btn1:hover,
#form_btn3:hover{
	background:#03295E !important;
}
#form_btn2{
	width:140px;
	padding:20px;
	margin-right:20px;
	background:#666 !important;
	border-radius:30px !important;
	color:#fff !important;
	font-size:1.5rem;
	letter-spacing:1.2px;
	line-height:2rem;
	text-align:center;
	text-decoration:none !important;
	cursor:pointer;
	transition:background 0.3s;
}
#form_btn2:hover{background:#000 !important;}


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

#header_wrap{padding:14px 20px 15px;}
.page_title{
	font-size:2.8rem;
	letter-spacing:1.4px;
	line-height:4rem;
}
.content_area{padding-top:35px;}
.form_step{margin-bottom:25px;}

th{width:250px;}
#email_confirm{
	font-size:2.2rem;
	letter-spacing:1.76px;
}

.doi label{padding:29px 0 30px 25px;}
#form_btn{margin-top:40px;}

}


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

#header_wrap{padding:9px 20px;}
.page_title{
	font-size:2.4rem;
	letter-spacing:1.2px;
	line-height:3.5rem;
}
.content_area{
	padding-top:30px;
	padding-bottom:100px;
}
.form_step{margin-bottom:20px;}

th{width:100%;}
td input[type="radio"]{top:4px;}
.company_box{
	flex-wrap:wrap;
	margin-left:0;
}
.company_box_in{margin-bottom:5px;}
.company_box input{width:100% !important;}
#email_confirm{
	font-size:2rem;
	letter-spacing:1.6px;
	margin:0 !important;
}

.doi label{padding:19px 0 20px 25px;}
#form_btn{margin-top:30px;}

} */