@charset "utf-8";

/*---------------------------------------------------
km form
----------------------------------------------------*/
hr.line-thick{
	border-top: none;
	border-left: none;
	border-right: none;
/*	border-bottom: 2px solid #e6e7e8;*/
	border-bottom: 1px solid #000;
	margin: 0 46px 0 0;
}

hr.contact-inner{
	border:none;
/*	background-color:#e6e7e8;*/
	background-color:#000;
	height:1px;
	margin: 0 64px 0 0;
}

#mainContactArea h1,
#mainContactArea h2,
#mainContactArea h3,
#mainContactArea h4,
#mainContactArea h5,
#mainContactArea form .btn_contacts a,
#mainContactArea form .btn_contacts input,
#mainContactArea form .btn_contacts_02 a,
#mainContactArea form .btn_contacts_02 input,
#mainContactArea form .btn_contacts_03 a,
#mainContactArea form .btn_contacts_03 input,
#mainContactArea .step_br li,
#mainContactArea .step li {
    font-family: ClanWeb-Book;
    font-weight: normal;
}

#mainContactArea .red {
	color: #e60012;
}

/*#mainContactArea {
	background: #fff;
}*/

#mainContactArea {
	padding: 10px 20px 20px;
}

#mainContactArea h1,
#mainContactArea h2,
#mainContactArea h3,
#mainContactArea h4,
#mainContactArea h5 {
    color: #4D4D4F;
    line-height: 1em;
    margin: 0 0 10px;
    padding: 0;
}

#mainContactArea h1 {
    font-size: 40px;
}

#mainContactArea h1 {
	margin: 0 0 25px;
}

#mainContactArea h2 {
	font-size: 27px;
	font-weight:normal;
	display: block;
/*	padding:0 0 20px 10px;*/
}

#mainContactArea p {
	margin: 0 0 20px;
}

#mainContactArea strong {
	font-weight: bold;
}

#mainContactArea form div .marginB_0 {
	table-layout: fixed;
	word-wrap: break-word;
}


/*#mainContactArea input[placeholder], textarea { color: #000000!important; }*/

/* input */

#mainContactArea .step,
#mainContactArea .step_br {
	margin: 0 0 15px;
}

#mainContactArea .step li,
#mainContactArea .step_br li {
	font-size: 15px;
	color: #000;
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0px 21px 0px 0px;
	padding: 0;
	position: relative;
}
#mainContactArea .step_br li {
	width: 250px;
}
#mainContactArea .step li:after,
#mainContactArea .step_br li:after {
	content: url(/contact/images/input_arrow_01.png);
	position: absolute;
	right: -21px;
}
#mainContactArea .step li:last-child:after,
#mainContactArea .step_br li:last-child:after {
	content: "";
	display: none;
}

#mainContactArea .step li.current,
#mainContactArea .step_br li.current {
	color: #fff;
	font-weight: bold;
	background: #ed1c24;
	position: relative;
}

#mainContactArea .step li.current:before,
#mainContactArea .step_br li.current:before {
	content: url(/contact/images/input_arrow_03.png);
	position: absolute;
	left: -21px;
}
#mainContactArea .step li.current:after,
#mainContactArea .step_br li.current:after {
	content: url(/contact/images/input_arrow_02.png);
	position: absolute;
	right: -21px;
}
#mainContactArea .step li:first-child.current:before,
#mainContactArea .step_br li:first-child.current:before {
	content: "";
	display: none;
}

#mainContactArea form h2 {
  font-size: 27px;
	font-weight:normal;
	display: block;
	padding:0 0 20px 10px;
}

#mainContactArea form .floatR {
	float: right;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#mainContactArea form .required {
	color: #ed1c24;
}

#mainContactArea form table {
	font-size: 14px;
	clear: both;
	width: 100%;
	margin: 10px 0 40px;
	padding: 15px 0;
	border-top: 2px solid #e6e7e8;
}

/* input error */

#mainContactArea form .error input[type="text"],
#mainContactArea form .error select,
#mainContactArea form .error textarea  {
	background: #ffd6d8;
}

#mainContactArea form .error span.error.caption {
	display: block;
	color: #ed1c24;
	font-size: 11px;
	font-weight: normal;
	margin-top:9px;
}
#mainContactArea form table tr:first-child td.error span,
#mainContactArea form .error .selectInquiry span,
#mainContactArea form .error span.customSelect {
	font-size: 14px;
}

#mainContactArea form .error .customSelect {
    background: #ffd6d8 url(/contact/images/input_dropdown.png) no-repeat right center;
}
#mainContactArea form .error option {
	background: #fff;
}

#mainContactArea form .error .selectInquiry span,
#mainContactArea form .error span.customSelect {
	color: #000;
}





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

/*Webkit*/
::-webkit-input-placeholder {
  color: #ddd!important;
}
/*Firefox bufor Ver.18*/
:-moz-placeholder {
  color: #ddd!important;
}
/*Firefox after Ver.19*/
::-moz-placeholder {
  color: #ddd!important;
  opacity: 1;
}
/*IE after Ver.10*/
:-ms-input-placeholder {
  color: #ddd!important;
}

#mainContactArea form .customSelect {
    background: #e6e7e8 url("/contact/images/input_dropdown.png") no-repeat right center;
    border-radius: 2px;
    padding: 0.7em 0.5em;
	font-size:14px;
}
#mainContactArea form select{
	font-size:14px;
	padding: 0.5em;
	width: 100%;
}

#mainContactArea form textarea {
    height: 12em;
    overflow: hidden;
	display:block;
	width:100%;
}

#mainContactArea form input[type="text"],
#mainContactArea form select,
#mainContactArea form textarea {
    font-size: 14px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding: 0.5em;
	border: 1px solid #e6e7e8;
	width:100%;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContactArea .input{
	width: 100%;
}
#mainContactArea form .col_1of2 input[type="text"],
#mainContactArea form .col_1of2 select,
#mainContactArea form .col_1of2 textarea {
}

#mainContactArea form .col_1of2 {
	width: 100%!important;
}

#mainContactArea p.formlabel{
	margin-bottom:5px;
}

#mainContactArea form .btn_contacts{
	display: inline-block;
	margin: 0 20px 0 20px;
	padding: 0px 0px;
}

#mainContactArea form .btn_contacts a,
#mainContactArea form .btn_contacts input {
	color: #fff;
	font-size: 20px;
	display: block;
	width: 225px;
	background: #949495 url(/contact/images/input_arrow_04.png) no-repeat 92% center;
	border: 1px solid #949495;
	padding: 7px 0;
	text-align: center;
	height: 50px;
}
#mainContactArea form .btn_contacts a:hover,
#mainContactArea form .btn_contacts input:hover {
	background: #cacaca url(/contact/images/input_arrow_04.png) no-repeat 92% center;
	border: 1px solid #cacaca;
	text-decoration: none;
}

#mainContactArea form .btn_contacts_02 {
    display: inline-block;
	width: 170px;
    margin: 0 20px;
	padding: 0px 0px;
}

#mainContactArea form .btn_contacts_02 a,
#mainContactArea form .btn_contacts_02 input {
    color: #535354;
    font-size: 20px;
    display: block;
    width: 170px;
    background: #fff url(/contact/images/input_arrow_05.png) no-repeat 8% center;
    border: 1px solid #bfbfbf;
    padding: 7px 0;
    text-align: center;
	height: 50px;
}
#mainContactArea form .btn_contacts_02 a:hover,
#mainContactArea form .btn_contacts_02 input:hover {
    background: #cacaca url(/contact/images/input_arrow_05.png) no-repeat 8% center;
    border: 1px solid #cacaca;
    text-decoration: none;
}

/* confirm */

#mainContactArea form table.confirm {
	border-bottom: 2px solid #e6e7e8;
}

#mainContactArea form table.confirm td {
	font-weight: bold;
}


#mainContactArea br.sp{
	display:none;
}

#mainContactArea .contact-tel-title,
#mainContactArea .contact-tel-title-tech{
	margin:0 0 3px 0;
}
#mainContactArea .contact-tel-title{
	font-size:25px;
	font-family:ClanWeb-Book;
	line-height: 32px;
}
#mainContactArea .contact-tel-title-tech{
	padding-left: 78px;
}
#mainContactArea .contact-tel-number{
	font-size:25px;
	font-weight:bold;
	line-height: 32px;
}
#mainContactArea .contact-tel-number-tech{
	display:table;
	font-size:25px;
	font-weight:bold;
	padding-left: 78px;
	background:url(/contact/images/icon_balloon.png) no-repeat top left;
	line-height: 32px;
	padding-top:26px;
	margin-top:-25px;
}
#mainContactArea .contact-tel-number-tech a{
	text-decoration:none!important;
	color: #4D4D4F;
}

#mainContactArea .btn_topLink{
	position:relative;
	height:38px;
	display:table;
	width:168px;
	background-color:#4c4c4c;
	text-align:center;
	padding:0 24px;
}
#mainContactArea .btn_topLink span{
	vertical-align:middle;
	display:table-cell;
	color:#fff;
	background:url(/contact/images/input_arrow_04.png) no-repeat 92% center;
}

#mainContactArea .btn_topLink:after{
	position:absolute;
	content:"";
	right:0;
    border-bottom: 38px solid #fff;
    border-left: 24px solid #4c4c4c;
}
#mainContactArea .btn_topLink:before{
	position:absolute;
	content:"";
	left:0;
    border-top: 38px solid #fff;
    border-right: 24px solid #4c4c4c;
}

#mainContactArea input[type='checkbox'].checkbox{
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position: absolute;
}
#mainContactArea .checkboxlabel{
	background:url(/contact/images/checkbox_off.jpg) no-repeat left top;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    padding: 0 0 0 37px;
    cursor: pointer;
	
}
#mainContactArea .checkboxlabel a{
	text-decoration:underline;
}
#mainContactArea .checkboxlabel.c_on{
	background:url(/contact/images/checkbox_on.jpg) no-repeat left top;
}


/* ============================================
	grid
============================================ */

#mainContactArea .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    clear: both;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px 20px;
}
#mainContactArea .row.overflowV {
	overflow:visible;
}

#mainContactArea .firefox .row,
#mainContactArea .msie11 .row {
	height: auto;
}

#mainContactArea .row .row {
	padding: 0;
}

#mainContactArea .row.block {
	display: block;
}

.msie8 #mainContactArea .row,
.msie9 #mainContactArea .row {
    padding: 14px 20px;
}

#mainContactArea .row .col_1of2{
	width:448px;
	margin-left:44px;
}
.msie8 #mainContactArea .row .col_1of2{
	width:448px;
}
.msie9 #mainContactArea .row .col_1of2{
	width:446px;
}

#mainContactArea .row.contact-inner{
	padding: 14px 64px;
}
#mainContactArea .row.contact-inner .col_1of2,
.msie9 #mainContactArea .row.contact-inner .col_1of2{
	width:404px;
	margin-left:44px;
}
#mainContactArea .msie8 .row.contact-inner .col_1of2{
	width:404px;
}
#mainContactArea .row .col_1of2:first-child,
#mainContactArea .row.contact-inner .col_1of2:first-child{
	margin-left: 0;
}


.msie8 #mainContactArea .row.contact-inner,
.msie9 #mainContactArea .row.contact-inner {
}

.msie8 #mainContactArea .row.contact-inner.noPaddingB,
.msie9 #mainContactArea .row.contact-inner.noPaddingB {
}
.msie8 #mainContactArea .row.contact-inner.noPaddingB,
.msie9 #mainContactArea .row.contact-inner.noPaddingB {
}


/* Break Point */

@media screen and (min-width: 641px){
#mainContactArea{
	padding-left: 50px;
	margin-left: auto;
	margin-right: auto;
	width:1050px;
}
#mainContactArea #btn_pos{
	left:-370px;
	position:relative;
	padding-top:50px;
	margin-bottom:30px;
}

/* ---------------------------- */

#mainContactArea #btn_pos_eea_agree{
	position:relative;
	overflow:visible;
	top:0px;
	left:-370px;
	height:40px;
	margin-bottom:30px;
}

#mainContactArea #btn_pos_eea_agree .btn_contacts_03 a,
#mainContactArea #btn_pos_eea_agree .btn_contacts_03 input{
	position:relative;
    color: #535354;
    display: block;
    background: #fff url(/contact/images/input_arrow_05.png) no-repeat 8% center;
    border: 1px solid #bfbfbf;
    padding: 7px 0;
    text-align: center;

	margin-left:200px;
	margin-right:-100px;
	margin-top:6px;
	height:40px;
	width:170px;
	left:850px;
}

#mainContactArea #btn_pos_eea_agree .btn_contacts_03 a:hover,
#mainContactArea #btn_pos_eea_agree .btn_contacts_03 input:hover{
    background: #cacaca url(/contact/images/input_arrow_05.png) no-repeat 8% center;
    border: 1px solid #cacaca;
    text-decoration: none;
}

/* ---------------------------- */

#mainContactArea #btn_pos_confirm .btn_contacts_02{
	top:13px;
	left:550px;
	position:relative;
}
#mainContactArea #btn_pos_confirm{
	position:relative;
	left:-300px;
	padding-top:50px;
	margin-bottom:30px;
}

/* ---------------------------- */

}

@media only screen and (max-width: 640px){
hr.line-thick{
	margin: 0 0 0 0;
}

#ContactArea{
	margin-bottom:45px;
}

#mainContactArea{
	margin-top:-35px;
}

#mainContactArea #btn_pos{
	padding:6px 0;
	height:30px;
	margin-bottom:30px;
}
#mainContactArea #btn_pos input{
	margin-top:-10px;
}

/* ---------------------------- */

#mainContactArea #btn_pos_eea_agree input{
	margin-top:0px;
	margin-left:0px;
	height:40px;
}

#mainContactArea #btn_pos_eea_agree{
	top:15px;
	left:-25%;
	position:relative;
	overflow:visible;
	height:40px;
	width:100%;
	padding:6px 0;
	margin-bottom:100px;
}

#mainContactArea #btn_pos_eea_agree .btn_contacts_03 a,
#mainContactArea #btn_pos_eea_agree .btn_contacts_03 input{
	position:relative;
    color: #535354;
    display: block;
    background: #fff url(/contact/images/input_arrow_05.png) no-repeat 8% center;
    border: 1px solid #bfbfbf;
    padding: 7px 0;
    text-align: center;

	top:25px;
	left:53%;
	width:45%;
}

#mainContactArea #btn_pos_eea_agree .btn_contacts_03 a:hover,
#mainContactArea #btn_pos_eea_agree .btn_contacts_03 input:hover{
    background: #cacaca url(/contact/images/input_arrow_05.png) no-repeat 8% center;
    border: 1px solid #cacaca;
    text-decoration: none;
}

#mainContactArea #btn_pos_eea_agree .btn_contacts{
	width:60%;
	margin-left:45%;
}

/* ---------------------------- */

#mainContactArea #btn_pos_confirm input{
	margin-top:0px;
	margin-left:0px;
	height:40px;
}

#mainContactArea #btn_pos_confirm{
	top:5px;
	left:0px;
	position:relative;
	height:40px;
	width:100%;
	padding:6px 0;
	margin-bottom:50px;
}

#mainContactArea #btn_pos_confirm .btn_contacts_02{
	top:7px;
	left:10px;
	width:30%;
}

#mainContactArea #btn_pos_confirm .btn_contacts{
	width:40%;
	margin-left:56%;
}

/* ---------------------------- */

#mainContactArea #agree_err{
	text-align:left;
	margin-left:5px;
}

#mainContactArea ul.step,
#mainContactArea ul.step_br {
	margin-top:20px;
}

#mainContactArea br.sp{
	display:block;
}

#mainContactArea hr.contact-inner{
	border:none;
	margin: 0 20px;
}

#mainContactArea form h2{
	padding-left:0;
}

#mainContactArea .confirm{
	padding-top:25px;
}

#mainContactArea .min_noPaddingB{
	padding-bottom:0px;
	margin-bottom:-30px;
}

#mainContactArea #wrapper {
    min-width: 100%;
    overflow: visible;
    padding: 50px 0 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}

#mainContactArea .contactRobot #wrapper{
    padding: 50px 0 0;
}

#mainContactArea #pc_header {
	display:none;
}
#mainContactArea #sp_header {
	display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
#mainContactArea #sp_header_wrap {
    display: block;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    background-color: #282423;
}
#mainContactArea #sp_header_wrap .logoarea img {
    width: 170px;
    height: 40px;
}

#mainContactArea .contactRobot #sp_header_wrap .logoarea img {
    width: 152px;
    height: 50px;
}


#mainContactArea {
	padding: 0;
}
#mainContactArea h1{
	margin-top:36px;
	margin-bottom:0px;
}
#mainContactArea h1,
#mainContactArea h2 {
	font-size:23px;
}
#mainContactArea #headerArea #header {
    width: 100%;
    height: 40px;
    padding: 0;
}
#contentsArea,
#mainContactArea #contents {
    width: 100%;
    min-width: 320px;
}
#mainContactArea .step,
#mainContactArea .step_br {
    margin: 0 0 28px;
}

#mainContactArea form .btn_contacts,
#mainContactArea form .btn_contacts input {
	margin: 0 0 0 0;
	width: 45%;
	float: none;
}

#mainContactArea form .btn_contacts a,
#mainContactArea form .btn_contacts input {
	color: #fff;
	font-size: 15px;
	display: block;
	width: 100%;
/*	background: #949495 url(/contact/images/input_arrow_04.png) no-repeat 92% center;
	border: 1px solid #949495;*/
	padding: 6px 0;
	text-align: center;
}
#mainContactArea form .btn_contacts_slide input {
	margin-top:-50px;
	margin-left:118%;
}
#mainContactArea form .btn_contacts a:hover,
#mainContactArea form .btn_contacts input:hover {
/*	background: #cacaca url(/contact/images/input_arrow_04.png) no-repeat 92% center;
	border: 1px solid #cacaca;
	text-decoration: none;*/
}

#mainContactArea form .btn_contacts_02,
#mainContactArea form .btn_contacts_02 input {
    display: inline-block;
    margin: 0 0;
    width: 45%;
}



#mainContactArea form .btn_contacts_02 a,
#mainContactArea form .btn_contacts_02 input {
    color: #535354;
    font-size: 15px;
    display: block;
	width: 100%;
/*    background: #fff url(/contact/images/input_arrow_05.png) no-repeat 8% center;
    border: 1px solid #bfbfbf;*/
	padding: 6px 0;
    text-align: center;
}
#mainContactArea form .btn_contacts_02 a:hover,
#mainContactArea form .btn_contacts_02 input:hover {
    background: #cacaca url(/contact/images/input_arrow_05.png) no-repeat 8% center;
    border: 1px solid #cacaca;
    text-decoration: none;
}

#mainContactArea .row.sp-justify{
	text-align: justify;
	text-justify: distribute-all-lines;
	height:38px;

	padding-bottom:100px;
	width: 100%;

}

#mainContactArea .row.sp-justify .btn_contacts_02,
#mainContactArea .row.sp-justify .btn_contacts_02 input {
	margin-right: 20%;
}
#mainContactArea .row.sp-justify:after{
	padding-bottom:40px
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
}
#mainContactArea .row{
	padding: 15px 13px;
}

#mainContactArea .row.contact-inner{
	padding: 14px 20px;
}

#mainContactArea .row{
	display:block;
}

#mainContactArea .row.sp-break.contact-inner{
	padding:15px 20px;
}

.msie9 #mainContactArea .row.sp-break.contact-inner .col_1of2,
.msie8 #mainContactArea .row.sp-break.contact-inner .col_1of2,
#mainContactArea .row.sp-break .col_1of2{
	width:100%;
	margin:0;
	float:none;
}

.msie9 #mainContactArea .row.sp-break.contact-inner .col_1of2:last-child,
.msie8 #mainContactArea .row.sp-break.contact-inner .col_1of2:last-child,
#mainContactArea .row.sp-break .col_1of2:last-child{
	margin:30px 0 0 0;
}


#mainContactArea .step li,
#mainContactArea .step_br li {
	font-size:12px;
	display:inline-table;
	line-height:14px;
	text-align:left;
	max-height:40px;
	vertical-align:top;
	position:relative;
}

#mainContactArea .step .step-1,
#mainContactArea .step_br .step-1 {
	width:30%;
}
#mainContactArea .step .step-1 span,
#mainContactArea .step_br .step-1 span {
	padding-top:2px;
}
#mainContactArea .step .step-2,
#mainContactArea .step_br .step-2 {
	width:26%;
}
#mainContactArea .step .step-3,
#mainContactArea .step_br .step-3 {
	width:28%;
}

#mainContactArea .step li span,
#mainContactArea .step_br li span {
	display:table-cell;
	vertical-align:middle;
	padding-left:7px;
}

#mainContactArea .step li:last-child,
#mainContactArea .step_br li:last-child {
	margin-right:0;
}
#mainContactArea .step li:after,
#mainContactArea .step_br li:after {
	top:0;
}

#mainContactArea .step li.current:after,
#mainContactArea .step_br li.current:after {
	background:none;
}


#mainContactArea .step li.current.step-1:after,
#mainContactArea .step_br li.current.step-1:after {
	width:23px;
	height:100%;
	position:absolute;
	right:-23px;

	background:url(/contact/images/input_arrow_02.png) no-repeat left center;
	background-size:auto 100%;
	content:"";
}


#mainContactArea .contact-tel-title-tech{
	padding-left: 0;
}

#mainContactArea .contact-tel-title,
#mainContactArea .contact-tel-title-tech{
}
#mainContactArea .contact-tel-title{
	font-size:20px;
	line-height: 28px;
}
#mainContactArea .contact-tel-title-tech{
	padding-left: 0;
}
#mainContactArea .contact-tel-number{
	font-size:20px;
	font-weight:bold;
	line-height: 28px;
}
#mainContactArea .contact-tel-number-tech{
	font-size:20px;
	font-weight:bold;
	padding-top: 0px;
	padding-left: 48px;
	background:url(/contact/images/icon_balloon.png) no-repeat top left;
	line-height: 28px;
	min-height:59px;
	height:90px;
	margin-top:0px;
	padding-bottom: 5px;
	-moz-background-size:40px auto;
	background-size:40px auto;
}
#mainContactArea .contact-tel-number-tech span{
		font-size:14px;
}

}