@charset "utf-8";

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

メイン

---------------------------------------*/
.column2R #main {
	float: none;
	width: auto;
}
#lp_page {
	width: 970px;
	background-color:#FFF;
	color: #333333;
	font-size: 14px;
	margin: 0 auto;
}

.switch {
    visibility: hidden;
}

 a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.br_sp {
	display: none;
}

.header {
	margin: 0 0 30px;
}
p.img {
	margin: 10px 0;
	text-align: center;
}

.register_unit {
	margin: 40px 0 70px;
	text-align: center;
}
.register_unit p {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #666;
}

.register_unit p.register_btn a {
	margin: 15px 0 0;
	padding: 20px 0 15px;
    color: #fff;
	font-size: 1.4em;
    background-color: #ffb820;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
	border-bottom: #aeaeae 3px solid;
	width: 800px;
}

.multi_unit {
	margin: 20px 0 50px;
}
.tit_bar {
	padding: 2px 0 2px 10px;
	border-bottom: #1dbaa1 3px solid;
	border-left: #1dbaa1 12px solid;
	font-size: 1.6em;
}
.item_unit {
	margin: 15px 0;
	overflow: hidden;
}
.item_unit ul li {
	margin: 10px 5px 0;
	padding: 5px;
	float: left;
	width: 184px;
	border: #ccc 1px solid;
	box-sizing: border-box;
	text-align: center;
}
.step_box {
	margin: 20px 0;
	padding: 0 10px 20px;
	border-bottom: #ccc 1px solid;
	position: relative;
}
.step_box:last-child {
	border: none;
}
.step_box p.index {
	font-size: 1.6em;
	color: #00b3a0;
}
.step {
	font-weight: bold;
}
.step_box p {
	margin: 10px 0 0;
}
.step1_img {
	position: absolute;
	right: 10px;
	bottom: 15px;
}
.red {
	color: #FF0000;
}
.flow_img {
	margin: 20px 0 15px !important;
	text-align: center;
}
.flow_img_tex {
	margin: 0 auto !important;
	padding: 0 15px 15px;
	width: 850px;
	font-size: 0.9em;
}
.step_tex_sp {
	display: none;
}
.step_tex_sp {
	display: none;
}
.flow_tex {
	margin: 0 0;
	text-align: center;
}

.footer_tex {
	margin: -30px auto 30px;
	padding: 3px;
	border: #fa9900 6px double;
	text-align: center;
	width: 880px;
}
.footer_tex p {
	padding: 20px 12px;
	background-color: #fa9900;
	color: #fff;
	font-size: 2.0em;
	line-height: 1.4em;
}

.pc_resize_ms {
	margin-top: -20px;
}

/*----　パーツ交換の手順　------*/
.flow_Box{
	margin: 20px 20px 10px;
	padding:19px 19px 39px 19px;
}
.flow_base{
	border:1px solid #BBB;
	padding:1px;
	background:#fff;	
}
.flow_base.btm{
	margin-bottom:10px;
}
.flow_base.ws{
	width: 435px;
	float:left	
}
.flow_base.hei{
	height:200px;
}
.flow_base.wss{
	width:145px;
	float:left	
}
.flow_base.wss2{
	width:196px;
	float:left;
	margin-right:10px;	
}
.flow_base.border_o{
	border:1px solid #F07726;	
}
.flow_base.wss2.last{
	margin-right:0;	
}
.flow_base div.st1{
	padding:30px 20px 10px 20px;
	text-align:center;
	font-size:88%;	
}
.flow_base div.st2{
	padding:30px 20px 30px 20px;
	text-align:center;
	font-size:100%;	
}
.flow_base div.st3{
	padding:30px 20px 30px 20px;
	text-align:left;
	/*font-size:88%;*/
	line-height:1.8;
}
.fontR{
	color:#BB0000;
	/*font-size:83%;*/
	margin-top:10px;
	line-height:1.5;
	text-align:left
}
.fontR.wide{
	width:350px;
	margin:20px auto 0 auto;
}
.fontRs{
	color:#BB0000;
	/*font-size:69%;*/
	margin-top:10px;
	line-height:1.5;
	text-align:left
}
.fontR_notes{
	color:#BB0000;
	margin:0;
	line-height:1.5;
	text-align: center;
}
.fontR_notes.text-c{
	text-align:center;
}
.fontR.text-c{
	text-align:center;
}
.fontR1{
	color:#BB0000;
	/*font-size:83%;*/
}
.flow_layout2{
	width:304px;
	float:right;	
}
.flow_base_wss.fr{
	float:right;	
}
.flow_base.fr{
	float:right	
}
.flow_base dl dt{
	background:#006D9C;
	color:#fff;
	text-align:center;
	padding:9px 9px 7px 9px;	
}
.flow_base dl dt.background-color_01{
	background:#D65D5D;
}
.flow_base dl dt.background-color_02{
	background:#F07726;
}
.flow_base dl dd{
	padding: 15px 18px 15px 18px;
	text-align:center;
}
.flow_base dl dd.text-l{
	text-align:left;
}
.flow_base dl dd a{
	line-height:2.0;
}
.flow_base dl dd.icn_file{
	background:url(../img/repair_pc/icn_file.gif) no-repeat 450px 25px;
}
dl.flow_txt{
	margin-bottom:10px;
	font-size:100%;
}
dl.flow_txt.short1{
	width: 470px;
	margin:0 auto;
	text-align: left;
}
dl.flow_txt dt{
	background:#FFF;
	color:#605b5a;
	text-align:left;
	padding:0;
	/*float:left;*/
	line-height:1.5;
	width:55px;
	font-size:100%;
}
dl.flow_txt dt.width2{
	width: 100px;
}
dl.flow_txt dd{
	background:#FFF;
	text-align: center;
	padding:0;
	line-height:1.5;
	font-size:100%;
}
dl.flow_txt dd.width3{
	width:320px;
}
dl.flow_txt.short2{
	width:500px;
	margin:0 auto;
}
dl.flow_txt dt.width3{
	width:180px;
}
dl.flow_txt dd.width4{
	width:320px;
}
.flow_arrow_layout1{
	position:relative;
	height:40px;	
	overflow: hidden;
}
.arrow01{
	position:absolute;
	right: 215px;
	top:10px;
}
.arrow02{
	position: absolute;
	left: 225px;
	top: 10px;
}
.arrow03{
	position:absolute;
	left: 435px;
	top:10px;
}

.flow_base_sp1{
	float:left;
	width:309px;	
}
.flow_base_sp1 dt{
	border-right:1px solid #A6CCDC;	
}
.flow_base_sp2{
	float:right;
	width:307px;	
}




/*-------------------------------------
　SP （0〜479pxの場合に適用するCSS）
---------------------------------------*/
@media screen and (max-width:479px){
	
	#lp_page {
		width: 97%;
		margin: 20px auto;
		color: #333333;
		line-height: 1.5em;
		font-size: 100%;
		position: relative;
	}
	#main img {
		max-width:100%;
		height:auto;
	}

	.br_sp {
		display: block;
	}	
	.img_arrow {
		margin: 10px auto !important;
		width: 70%;
		
	}
	.register_unit {
		margin: 40px 30px;
	}
	.register_unit p.register_btn a {
		padding: 10px 0 5px;
		font-size: 1.2em;
		line-height: 1.4em;
		width: 100%;
	}
	.multi_unit {
		margin: 20px 0 30px;
	}
	.tit_bar {
		margin: 0;
		padding: 6px 0 6px 5px;
		border-bottom: #1dbaa1 3px solid;
		border-left: #1dbaa1 10px solid;
		font-size: 1.4em;
	}
	.item_unit ul li {
		margin: 5px 8px 0;
		padding: 0 5px;
		float: none;
		width: 95%;
		border: #ccc 1px solid;
		box-sizing: border-box;
		text-align: center;
		overflow: hidden;
	}
	.item_unit ul li p {
		padding: 30px 0 0 5px;
		float: left;
		font-size: 1.4em;
	}
	.item_unit ul li img {
		float: right;
		width: 90px !important;
	}
	.step_box p.index {
		font-size: 1.4em;
		line-height: 1.2em;
	}
	.step_tex_pc, .step1_img, .flow_img_tex {
		display: none;
	}
	.step_tex_sp {
		display: block;
	}
	
	
	/*----　パーツ交換の手順　------*/
	.flow_Box{
		margin: 0;
		padding: 15px 5px 15px;
	}
	.tex_left {
		text-align: left !important;
	}
	dl.flow_txt.short1 {
		width: auto;
	}
	
	dl.flow_txt dt,
	dl.flow_txt dd {
		float: none;
		width: auto;
	}
	dl.flow_txt dt.width2 {
		width: auto;
	}
	dl.flow_txt dd.width3 {
		width: auto;
	}
	.arrow01 {
		left: 25%;
	}
	.arrow02 {
		left: auto;
		right: 25%;
	}
	.flow_base.ws {
		width: 48%;
		height: auto !important;
	}
	.arrow03 {
		left: 48%;
	}
	.flow_base dl dd {
		padding-left: 1%;
		padding-right: 1%;
		word-wrap: break-word;
	}
	.fontR.wide {
		width: auto;
	}
	.parts_inq_ddh,
	.parts_shuri_ddh,
	.parts_inq_ddh2 {
		height: auto !important;
	}
	dl.flow_txt dd.width4 {
		width: auto;
	}
	dl.flow_txt.short2 {
		width: auto;
	}

	.footer_tex {
		margin: -10px auto 30px;
		padding: 3px;
		border: #fa9900 4px double;
		width: 97%;
		box-sizing: border-box;
	}
	.footer_tex p {
		padding: 12px 2px;
		font-size: 1.3em;
		line-height: 1.4em;
		font-weight: bold;
	}
	
	.sp_resize_ms {
		margin-top: -20px;
	}
	.sp_resize_ps {
		margin-top: 40px;
	}
	
	
}