@charset "UTF-8";


/* contact_common
------------------------------------------------------------------- */

@media screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: none; /* mobile */
	}
}

 /* sub-tit
----------------------- */
div.sub-tit{
	margin:50px 0 0 0;
}
	/*copy*/
	div.sub-tit p.copy {
		line-height:1.5em;
		margin:30px 0 0;		
	}
	div.sub-tit p.copy a{
		text-decoration:underline;	
	}

 /* btn_box
----------------------- */	
ul.contact_btn_box {
	width:900px;
	height:60px;
	border:1px solid #dedede;
	padding:19px 19px;
	
}
	ul.contact_btn_box li {
		float:left;
		width:180px;
		margin:0 7px 0 0;	
	}


 /* conbiz_box
----------------------- */
#conbiz_box{
	width:862px;
	font-size:0;
	margin:0 auto 30px;
}
#conbiz_box li{
	width:431px;
	height:44px;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
}
#conbiz_box li.active {
	cursor: default;
}

 /* step_btn_box
----------------------- */	
div#step_btn_box {
	margin:45px 0 0 0;		
}

	/*step_btn*/
	div#step_btn_box ul#step_btn {
		float:left;	
		width:556px;
		height:33px;
	}
		div#step_btn_box ul#step_btn li{
			float:left;	
	}
	
	/*step_btn_box*/
	div#step_btn_box div#step_note {
		float:right;				
	}	
		/*step_note*/
		div#step_btn_box div#step_note p {
		float:right;
		margin:8px 0 0 0;
		}
		div#step_btn_box div#step_note p.txt {
			padding:2px 0 0 3px;
		}
		

 /* form
----------------------- */

div#form {
	margin:30px 0 0 0;
	padding:0 0 30px;
	border-bottom:1px solid #ccc;
}
	/*common*/
	div#form table {
		width:100%;
		border-collapse:collapse;
		background:#efefef;
	}
		div#form table th, div#form table td  {
			padding:10px;
			border-top:3px solid #fff;
		}	
		div#form th {
			font-weight:bold;
			color:#1e3f56;
			border-right:3px solid #fff;
			width:30%;
		}
			/*position*/	
			div#form th.top {
				vertical-align:top;
			}

/*icon*/
div#form th.clearfix p.txt {
	float:left;
	padding:3px 0 0 0;
}
div#form th.clearfix p.icon {
				float:right;
			}
			/*line*/
			div#form hr {
				color:#ccc;
				height:1px;
			}
div#form .txtRed{color:red;}
/*form_btn*/
div#form_btn {
	margin:20px auto 0;
	width:263px;
	height:30px;
}	
	/*reset*/
	div#form_btn p.reset {
		float:left;
		width:86px;
	}
	div#form_btn p.check {
		float:right;
		width:170px;
	}
		
	/*second*/
	div#form table.second {
		margin:25px 0 0;
	}

	#form_btnback{
		text-align: center;
		margin-top: 20px;
	}

div#form .bukken_category_box div div{
	display: inline-block;
	vertical-align: top;
	width:130px;
}


div#form .formFlexbox{
	display:flex;
}

div#form input[type="radio"]{
	margin: 0 2px 0 0;
	vertical-align: middle;
}

 /* spiral_note
----------------------- */
p#spiral_note {
	padding:5px;
	margin:60px 0 0 0;
	border:1px solid #CCC;
	text-align:right;			
}



/* contact_top
------------------------------------------------------------------- */


 /* consumer
----------------------- */
div#consumer{
	font-size:0.8em;
	color:black;
}
@media screen and (max-device-width: 480px) {
	div#consumer{
		font-size:1.5em;
	}
}
div#consumer .indentback{

	padding-left: 1em;
	text-indent: -1em;
}
	/*sub-tit*/
div#consumer .sub-tit {
	width:800px;
	padding:30px;
	background-color: #FFF9EF;
	margin:30px auto 40px;
}
div#consumer .cons_capt {
	font-size:1.6em;
	margin-bottom: 10px;
}

div#consumer .cons_link{
	display: inline-block;
	vertical-align:bottom;
	margin-left:30px;
}

div#consumer  a{
	color: #005EA2;
}
div#consumer .cons_link a{
	font-size:1.2em;
}
div#consumer  .cons_link a div{
	text-decoration: underline;
}
div#consumer .cons_link div{
	display: inline-block;
	vertical-align:bottom;
	line-height: 15px;
}
div#consumer .cons_link div:first-child{
	width: 14px;
	margin:0 4px 0 0;
}
div#consumer .cons_link span{
	font-size:0.9em;
}
div#consumer #tab-box .cons_link a{
	font-size:1em;
}

@media screen and (max-device-width: 480px) {
	div#consumer .cons_capt {
		font-size:1.2em;
	}

	div#consumer  .cons_link {
		display: block;
		width:100%;
		margin:0 0 20px;
	}

	div#consumer #tab-box  .cons_link {
		margin:0 0 20px 30px;
	}
	div#consumer .cons_link span{
		font-size:1em;
	}
	div#consumer .cons_link a{
		font-size:1em;
	}
}

div#consumer #tab-box{
	width:860px;
	margin:0 auto;
}

div#consumer #tab-box h3 {
	font-size:1.6em;
	padding:0 0 0 10px;
	margin:0 0 40px;
	border-left:5px solid black;
	font-weight: bold;
}
div#consumer #tab-box > div,
div#consumer #tab-box > div{
	display: none;
}
div#consumer #tab-box > div.active{
	display: block;
}
div#consumer #tab-box .cons_capt_title {
	font-weight: bold;
}
div#consumer #tab-box .infobox{
	width:780px;
	padding:20px;
	background-color: #E6E6E6;
	margin:0 auto 30px;
}

div#consumer #tab-box a.cons_btn{
	display: block;
	width:270px;
	height:38px;
	margin:0 auto;
	color:white;
	background-color: #1E3F56;
	line-height: 38px;
	font-size:1.5em;
	text-align: center;
	text-decoration: none;
}

div#consumer #tab-box  a.cons_btn:hover{
	text-decoration: none;
	opacity: 0.8;
}


div#consumer #tab-box .infobox_sub{
	width:740px;
	padding:20px;
	background-color: #EBF4F7;
	margin:0 auto 10px;
}


div#consumer #tab-box .infobox_sub .cons_capt {
	font-size:1.4em;
}

div#consumer p.cap{
	margin:20px 0 30px 60px;
}

div#consumer #tab-box #tab_con p a{
	margin-left:40px;
}

div#consumer form > div{
	margin-left:150px;
}
div#consumer form  input[type="text"],
div#consumer form  input[type="password"]{
	width:440px;
	height:40px;
	font-size:1.5em;
	padding:0 6px;
}

div#consumer form span{
	font-size:0.9em;
}
div#consumer form p.passloss{
	width: 458px;
	text-align: right;
	margin:10px 0 20px;
}
@media screen and (max-device-width: 480px) {

	div#consumer #tab-box .infobox_sub .cons_capt {
		font-size:1.2em;
	}
	div#consumer form p.passloss{
		width: 458px;
		text-align: right;
		margin:10px 0 20px;
	}
}

div#consumer form  input[type="submit"]{
	display: block;
	border:none;
	width:200px;
	height:38px;
	margin-left:125px;
	color:white;
	background-color: #1E3F56;
	line-height: 38px;
	font-size:1.5em;
	text-align: center;
	cursor:pointer;
}
div#consumer form  input[type="submit"]:hover {
	text-decoration: none;
	opacity: 0.8;
}

@media screen and (max-device-width: 480px) {
	div#consumer #tab-box a.cons_btn{
		font-size:0.9em;
	}
	div#consumer form  input[type="submit"]{
		font-size:0.9em;
		-webkit-appearance: none;
		border-radius: 0;
	}
}
















/*btn_box*/
div#consumer ul.contact_btn_box {
	width:554px;
	margin:22px 0 0 0;	
}
	div#consumer ul.contact_btn_box li.last {
		margin:0 0 0 0;
	}
	div#consumer ul.contact_btn_box li.small {
		width:316px;
		margin:0;	
	}
	div#consumer ul.contact_btn_box li.small a {
		color:#1b8aca;
		text-decoration:underline;	
	}


 /* bussiness
----------------------- */

/*sub-tit*/
div#bussiness .sub-tit {	
	background:url(../contact/images_common/contact_midbar2.jpg) no-repeat 0 33px;
}

/*contact_btn_cox*/	
div#bussiness div#contact_btn_area {
	margin:22px 0 0 0;	
}
	/*left*/	
	div#bussiness div#contact_btn_area .left{
		float:left;	
	}
		/*btn_box*/	
		div#bussiness ul.contact_btn_box {
			width:554px;
		}
		/*btn_box*/	
		div#bussiness ul.contact_btn_box li.last {
			margin:0;
		}

	/*right*/	
	div#bussiness div#contact_btn_area .right{
		float:right;	
	}
		/*contact_member_area*/
		div#contact_member_area {
			width:296px;
			height:146px;
			background-color:#D9E3E3;
			padding:15px 20px;
			position:relative;
		}
			div#contact_member_area p.copy_box {
				margin:17px 0 0;	
			}
			div#contact_member_area p.member_btn {
				position:absolute;
				bottom:15px;
				left:95px;
			}

		/*contact_form_box*/
		ul#contact_form_box {
			width:554px;
			height:48px;
			background-color:#EFEFEF;
			padding:10px 20px;
			margin:6px 0 0;
		}
			/*common*/
			ul#contact_form_box li {
				float:left;
				margin:0 10px 0 0;
			}
			/*h4*/
			ul#contact_form_box li.txt {
				width:51px;
				margin:17px 26px 0 0;
			}
			/*form_txt*/
			ul#contact_form_box li.form_txt {
				width:125px;
				margin:3px 10px 0 0;
				position:relative;
			}
			/*form_txt input*/
			ul#contact_form_box li.form_txt div {
				position:absolute;
				top:16px;
				left:0;
			}
				/*second*/				
				ul#contact_form_box li.second {
					margin:3px 15px 0 0;
				}
			/*contact_login*/
			ul#contact_form_box li.contact_login {
				width:52px;
				margin:0 20px 0 0;
			}
			/*form_cap*/
			ul#contact_form_box li.form_cp {
				width:130px;
				margin:17px 0 0 0;
			}
			/*form_cap*/
			ul#contact_form_box li.form_cp a {
				text-decoration:underline;
			}





/* contact_consumer_step1
------------------------------------------------------------------- */