@charset "UTF-8";
/* CSS Document */


th{font-weight: bold;}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;}
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";}

.center{text-align:center;}

/*padding margin*/
.p_b_5{padding-bottom:5px;}
.p_b_10{padding-bottom:10px;}
.p_b_15{padding-bottom:15px;}
.p_b_20{padding-bottom:20px;}
.p_b_30{padding-bottom:30px;}
.p_b_35{padding-bottom:35px;}
.p_b_40{padding-bottom:40px;}
.p_b_50{padding-bottom:50px;}
.p_b_65{padding-bottom:65px;}

.m_b_10{margin-bottom:10px;}
.m_b_15{margin-bottom:15px;}
.m_b_25{margin-bottom:25px;}
.m_b_30{margin-bottom:30px;}
.m_b_50{margin-bottom:50px;}


.f_left{
	float:left;}
.f_right{
	float:right;}
	
.sp_hidden{display: block;}
.pc_hidden{display: none;}
	
	@media screen and (max-width:640px) {
		.sp_hidden{display: none;}
		.pc_hidden{display: block;}
	}
	@media screen and (min-width:641px) {
	.fit{min-height: 550px; max-height: 650px;}	
	}
	
/*Header*/
#Header{
	width:950px;
	margin:0px auto;
	height:75px;
	
	padding-top:5px;}
	
#Header p#Logo{
	float:left;
	width:190px;}
	
	
#Header h1{
	float:right;
	width:355px;}
#Header_new{
width:950px;
margin:0px auto;
height:90px;

position: relative;
}
	
#Header_new #Logo{
position: absolute;
width:190px;
height: auto;
top: 5px;
left:0;	
}
	

#Header_new h1{
position: absolute;
top: 5px;
right:0;
width:400px;
height:60px;
}
#Header_new .gnavi00{
position: absolute;
width:190px;
height: 60px;
top: 20px;
left: 230px;
background:url(../images/g_navi01_bg.png) no-repeat top center;
}
#Header_new .gnavi00 p{
font-size: 14px;
line-height: 20px;
padding: 10px 0 0 0px;
color: #333;
}
#Header_new .gnavi00 a{
text-decoration: none;
}
#Header_new .gnavi00 a:hover{
text-decoration: none;
}
.clear_both {
	clear : both;
}
#Header_wrapper {
width: 100%;
height:150px;	

text-align: center;
	position: fixed;
	background: #fff;
	z-index: 100;
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
	top: 0;
	left: 0;
/*	border-bottom: 1px solid #CCC;*/
	
}
#Header_wrapper02 {
width: 100%;
height:90px;	
margin:-90px auto 0;
text-align: center;
	position: fixed;
	background: #fff;
	z-index: 100;
}

#Header_box {
	width:950px;
	height:90px;
	margin:0px auto;
}

.mt150 {
margin-top: 151px;
}


#pan_wrapper {
width: 950px;
height:40px;	
margin:0px auto;
text-align: center;	
}
.pan_navi {
	text-align: left;
	width: 950px;
	height: 20px;
	margin:10px auto;

}
.pan_navi ul {
  font-size: 0;
  margin: 0;
  padding:0;

}
.pan_navi ul li {
  margin: 10px 0 10px 0;
  padding: 0;
  display: inline-block;
  font-size: 11px;
  line-height: 20px;
  height: 20px;
  color: #333;
}  
.pan_navi ul li a{
text-decoration:none;
}  	
.pan_navi ul li a:hover{
text-decoration:none;
color: #333;
}  
	
/*Navi*/

#Navi_new{
	
}
	
#Navi_new ul{
	border-top: 1px solid #DDD;
	padding-top: 16px;
	display:block;
	width:950px;
	margin:0px auto;
	}
	
#Navi_new ul li{
	width: 33.3333%;
	float:left;
	font-size: 20px;
	display:block;
	box-sizing: border-box;
	padding-right: 15px;
	background: url(../images/navi_line.gif) no-repeat right;
	}
	

#Navi_new ul li:last-child{background: none;}
#Navi_new ul li a{color: #20537E; border-bottom: 2px solid #FFF; padding: 3px 0; display: inline-block;}
#Navi_new ul li a:hover{color: #20537E; border-bottom: 2px solid #20537E; transition: 0.3s;}





#Honki_Contents{
	width:950px;
	margin:0px auto;
	padding-bottom:60px;
	font-size:12px;}
	
.Contents{
	width:950px;
	margin:0px auto;
	font-size:12px;}
	

.ttl_line{
			font-size: 24px;
			line-height: 1.5;
			background: url(../images/ttl_line.gif) no-repeat bottom center;
			text-align: center;
			background-size: 50px 3px;
			padding-left: 0;
			padding-bottom: 10px;
			margin-bottom: 30px;}	
		
	
/*toppage////////////////////////*/
#Wrap_top{padding-bottom: 60px;}
.top_bg{
	background:url(../images/bg_1.jpg) no-repeat bottom center;
	min-width:950px;
	
	position: relative;
	}
#Top_message{
	padding-top:100px;
	
	}

	
#icon_scroll{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 20px;
}	
	
#Top_message p{text-align:center;}	
	
#Top_message p#Btn_about{padding-top:80px;}

/*Service*/	
#Top_Service{
	background:#F0F0E1;
	padding:20px 0px;
	padding-top: 170px;
	margin-top: -150px;
	margin-bottom:40px;}
	
#Top_Service .Contents{
	position:relative;}
	
p#Lavel{
	position:absolute;
	top:50px;
	right:100px;}	
	
#Top_Service_inner{
	padding:10px 0 20px 100px;}
#Top_Service_inner ul{padding:0px 0px 5px 0px;}	
#Top_Service_inner ul li{display:block; margin: 10px 0;}
	
#Top_Service_inner p{
	font-size:92%;
	line-height: 17px;	
	}
	
.service_flow{
			padding:10px 28px;
			background: #FFF;
			border-radius: 4px;
		}	
	
/*Box_about*/
#Box_about{padding-bottom:30px;}
#Box_about ul{
	width:260px;
	margin:0px auto;}
	
#Box_about ul li{
	padding-bottom:10px;
	display:block;}	

#Box_about h4{
	text-align:center;
	padding:5px 0px;}
	
#Box_about h4 img.sp_hidden{display: inline;}	

#Btn_about1,
#Btn_about2,
#Btn_about3{
	width:300px;
	float:left;
	padding-bottom:10px;}
	
#Btn_about1{
	background:#F4CE5D;
	margin-right:25px;}
	
#Btn_about2{
	background:#D0D3F0;
	margin-right:25px;}
	
#Btn_about3{
	background:#F4C1AC;}	

#Box_staging{
	background:#C8E4F1;
	position:relative;
	padding-left:130px;
	width:820px;
	margin-bottom:30px;}
	
#Logo_staging{
	position:absolute;
	top:-11px;
	left:20px;}	
	
#Box_staging h4{
	padding:5px 0px;
	text-align:center;}

#Box_staging ul{padding-bottom:20px;}	
#Box_staging ul li{
	float:left;
	padding-right:10px;
	display:block;}		
	
/*Top_Topics Top_Person*/
#Top_Topics{
	background:#EEEEEE;
	padding:35px 0;
	width: 950px;
	margin: 0 auto;}
#Top_Topics h3{margin-left: 35px; margin-bottom: 35px;}	

#Top_Topics ul li{
	display:block;
	margin-left: 35px;
	float:left;
	width:270px;}
	


/*Sell*/
#Sell{
	width:950px;
	margin:40px auto;}
	
#Sell h4,
#Sell2 h4{padding-bottom:20px; text-align:center; font-size: 22px;}	

#Box_sell{}
#Box_sell p{float:left;}	
p#btn_sell1{padding-right:16px;}
p#btn_sell2{padding-right:16px; border-right:1px dotted #BBB; margin-right:16px;}

#Sell2{
	width:100%;
	box-sizing: border-box;
	background:#EEE;
	padding:20px;}
	
#Sell2_wrapper{
	width:800px;
	background:#EEE;
	margin: 0 auto;
	padding-left: 150px;
	text-align: center;
	}
#Sell201_wrapper{
	width:800px;
background:#004066;
	margin: 0 auto;
	padding-left: 150px;
	text-align: center;
	}
.ml150 {
	margin-left:150px;
}

/*staging banar*/
p.Btn_link{
	text-align:center;
	margin-bottom:20px;}

#Side_staging{
	padding-bottom:20px;}	


/*----- 2016---------- */

/*朝日新聞 */
#newspaper{
       background:#F0F0E1;
       position:relative;
      margin: 0 0 40px;
}
#newspaper p.txt{
      position:absolute; 
      top:180px;
      right:30px;
    font-weight: bold;
    font-size: 14px;
       text-align: center;
}
#newspaper p.pdf{
      position:absolute; 
      top:250px;
      right:30px;
}
#newspaper p.pdf a{
         background: #004066 url("../images/arrow02.png") no-repeat scroll 90% 47%;
        padding: 10px 19px 10px 10px;
       border-radius: 3px;
        color:#fff;
       text-decoration: none;
}
#newspaper p.pdf a:hover{
    filter: alpha(opacity=70);
     -moz-opacity:0.7; opacity:0.7;
} 
#newspaper img{
      padding:20px;
}
/*  .共通指定 */

.container,
.contents{ position:relative;}

.txt,.txt01,.txt02,.txt03,.txt04,.txt05,.txt07,.txt08,
.btn a{ position:absolute; }

.btn a,
.logo a{ display:block; overflow: hidden; text-indent: -10000px;}
.size15{ font-size:15px;}
.size14{ font-size:14px;}
.size22{ font-size:22px;}

#container{ width:100%; padding-top:120px;}

@media screen and (max-width : 961px){	#container{ width:960px;} }

.container{ width:950px; margin:auto; }
	
/* .contents.wrp05【ステージングサービス】*/
.contents.wrp04{ height:450px;
 background: #FFF url("../images/staging/img4.jpg") no-repeat scroll center 0; 
 }
 .contents.wrp0402{
 width :950px;
 height:405px;
 margin-bottom: 50px;
 background: #FFF url("../images/staging/staging_info_bg.png") no-repeat center top; 
 }
.contents.wrp05{ height:280px; background: #FFF url("../images/staging/img5.jpg") no-repeat scroll center 0; }

/*.txt【テキスト】*/

.contents.wrp05 .txt.wrp02{ top: 40px; top:120px\9; left: 200px; width: 460px; height: 61px;background:url("../images/staging/btn07.gif")  no-repeat}
.contents.wrp05 .txt.wrp03{ top: 130px; top:201px\9;left: 200px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn08.gif")  no-repeat}

.contents.wrp05 .txt.wrp02 span,
.contents.wrp05 .txt.wrp03 span{ display: block; top: 5px; left: 173px; width: 290px; position: absolute; letter-spacing: -0.071em; line-height: 1.65em;}
.contents.wrp05 .txt.wrp02 span{ letter-spacing: -0.09em\9;}
.contents.wrp05 .txt.wrp03 span{ letter-spacing: 0.016em; letter-spacing: -0.01em\9;}

.contents.wrp05 .txt{ color: #000}
.contents.wrp05 a .txt.wrp02:hover,
.contents.wrp05 a .txt.wrp03:hover{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; color: #000}

.contents.wrp05 .txt.wrp02:hover{background:url("../images/staging/btn07on.gif")  no-repeat}
.contents.wrp05 .txt.wrp03:hover{background:url("../images/staging/btn08on.gif")  no-repeat}

/* .contents.wrp04【ホンキの補修保証】 */

p.hosyutxt{ text-align: center; background:#eee; font-size: 20px;  padding: 11px 0; font-weight: bold;  margin: 0 0 15px;}
/*.txt【テキスト】*/
.contents.wrp04 .txt.wrp01{ top:20px; top:72px\9; left:90px; line-height:1.4em; letter-spacing:-0.037em;     font-size: 18px;}
.contents.wrp04 .txt.wrp02{ top: 65px; top:119px\9; left: 200px; width: 460px; height: 61px;background:url("../images/staging/btn03.gif")  no-repeat}
.contents.wrp04 .txt.wrp03{ top: 145px; top:202px\9; left: 200px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn04.gif")  no-repeat}
.contents.wrp04 .txt.wrp04{ top: 230px; top:282px\9; left: 200px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn05.gif")  no-repeat}
.contents.wrp04 .txt.wrp05{ top: 315px; top:363px\9; left: 200px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn06.gif")  no-repeat}

.contents.wrp04 .txt.wrp02 span,
.contents.wrp04 .txt.wrp03 span,
.contents.wrp04 .txt.wrp04 span,
.contents.wrp04 .txt.wrp05 span{ display: block; top:-3px; left: 173px; width: 290px; position: absolute; letter-spacing: -0.02em; line-height: 1.65em;}
.contents.wrp04 .txt.wrp03 span{letter-spacing:-0.04em;}

.contents.wrp04 .txt{ color: #000}

.contents.wrp04 .txt.wrp02:hover,
.contents.wrp04 .txt.wrp03:hover,
.contents.wrp04 .txt.wrp04:hover,
.contents.wrp04 .txt.wrp05:hover{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.contents.wrp04 .txt.wrp02:hover{background:url("../images/staging/btn03on.gif")  no-repeat}
.contents.wrp04 .txt.wrp03:hover{background:url("../images/staging/btn04on.gif")  no-repeat}
.contents.wrp04 .txt.wrp04:hover{background:url("../images/staging/btn05on.gif")  no-repeat}
.contents.wrp04 .txt.wrp05:hover{background:url("../images/staging/btn06on.gif")  no-repeat}

/* .contents.wrp0402【ホンキの補修保証】 */

p.hosyutxt{ text-align: center; background:#eee; font-size: 20px;  padding: 11px 0; font-weight: bold;  margin: 0 0 15px;}
/*.txt【テキスト】*/
.contents.wrp0402 .txt.wrp01{ top:20px; top:72px\9; left:245px; line-height:1.4em; letter-spacing:-0.037em;     font-size: 18px;}
.contents.wrp0402 .txt.wrp02{ top: 65px; top:119px\9; left: 245px; width: 460px; height: 61px;background:url("../images/staging/btn03.gif")  no-repeat}
.contents.wrp0402 .txt.wrp03{ top: 145px; top:202px\9; left: 245px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn04.gif")  no-repeat}
.contents.wrp0402 .txt.wrp04{ top: 230px; top:282px\9; left: 245px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn05.gif")  no-repeat}
.contents.wrp0402 .txt.wrp05{ top: 315px; top:363px\9; left: 245px; width: 460px; height: 61px; position:absolute;background:url("../images/staging/btn06.gif")  no-repeat}

.contents.wrp0402 .txt.wrp02 span,
.contents.wrp0402 .txt.wrp03 span,
.contents.wrp0402 .txt.wrp04 span,
.contents.wrp0402 .txt.wrp05 span{ display: block; top:7px; left: 173px; width: 480px; position: absolute; letter-spacing: -0.02em; line-height: 1.65em;}
.contents.wrp0402 .txt.wrp03 span{letter-spacing:-0.04em;}

.contents.wrp0402 .txt{ color: #000}

.contents.wrp0402 .txt.wrp02:hover,
.contents.wrp0402 .txt.wrp03:hover,
.contents.wrp0402 .txt.wrp04:hover,
.contents.wrp0402 .txt.wrp05:hover{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.contents.wrp0402 .txt.wrp02:hover{background:url("../images/staging/btn03on.gif")  no-repeat}
.contents.wrp0402 .txt.wrp03:hover{background:url("../images/staging/btn04on.gif")  no-repeat}
.contents.wrp0402 .txt.wrp04:hover{background:url("../images/staging/btn05on.gif")  no-repeat}
.contents.wrp0402 .txt.wrp05:hover{background:url("../images/staging/btn06on.gif")  no-repeat}


/* #Sell2.stagingpage 野村の売却サポートサービス*/
#Sell2.stagingpage{  background:#004066;}
#Sell2.stagingpage h4{ font-size: 16px; color: #fff;}
#Sell2.stagingpage p#btn_sell2{border:none;  padding-right:0; }
#Sell2.stagingpage p#btn_sell1{padding:0 16px 0 20px;}


/* ****************************************************
  .btn 【ボタン】.btn.wrp01...wrp10のようにして連番で増やして使用
***************************************************** */
/* #Sell2.stagingpage 野村の売却サポートサービス*/
#Sell202.stagingpage{
	background:#004066;
width:100%; 
height: 235px;
margin:auto; 	
text-align: center;
	}
#Sell202.stagingpage h4{
	 font-size: 24px;
	 color: #fff;
	 font-weight: normal;
	 padding-top:60px;
	 }

.container02{ 
position: relative;
overflow: hidden;
width:950px; 
height: 235px;
margin:auto; 
}

/*サービスについて相談・質問*/
.btn.type01 a{ width:300px; height:60px; background:url("../images/staging/btn.png") no-repeat scroll;}
.btn.type01 a:hover{}

/*無料査定をする*/
.btn.type02 a{ width:300px; height:60px; background:url("../images/staging/btn.png") no-repeat scroll;}
.btn.type02 a:hover{}

/*最寄の店舗を探す*/
.btn.type03 a{ width:300px; height:60px; background:url("../images/staging/btn.png") no-repeat scroll;}
.btn.type03 a:hover{}

/*サービスの詳細はこちら*/
.btn.type04 a{ width:199px; height:34px; background:url("../images/staging/btn.png") no-repeat scroll 0 -90px; top: 256px; top:259px\9; left: 39px; position:absolute;}
.btn.type04 a:hover{ filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/*


/*.btn【ボタン】*/
.btn.type01 a{ background-position:0 -191px; top:35px; left:-1px;}
.btn.type02 a{ background-position:-304px -191px; top:35px; left:324px;}
.btn.type03 a{ background-position:-608px -191px; top:35px; left:649px;}

.btn.type01 a:hover{ background-position:0 -252px;}
.btn.type02 a:hover{ background-position:-304px -252px;}
.btn.type03 a:hover{ background-position:-608px -252px;}



#Pankuzu{
	line-height:1;
	max-width:950px;
	margin:0px auto;
	font-size: 11px;
	padding:10px 0px 15px 0px;
	}
	
#Pankuzu ul{vertical-align: middle;}
#Pankuzu ul li{display: inline-block;}

/*pagetop
---------------------------------*/
#pagetop {
	position: fixed;
	bottom: 40px;
	right: 20px;
}
/*.footer-top {
width: 950px;
height:44px;	
margin: 0 auto;
text-align: center;	
	
}
.footer-inner-img {
width: 134px;
height:44px;	
float:right;		
}
#pagetop02 {
width: 100%;
height:44px;
margin: 0 auto;
text-align: center;
border-bottom:3px #3f3f3f solid;
box-sizing:border-box;
visibility : hidden;
position: absolute;
top:0px;
left:0;

}



.footer_out {
position: relative;

width: 100%;
height:44px;
margin-top:30px;
display:block;
	
}*/

/*2018.08スマホ*/
@media screen and (max-width:640px) {
		body{
			-webkit-font-smoothing: antialiased;
			-webkit-text-size-adjust: 100%;
		}
	
		.sp_nav_wrap{
			position: fixed;
		  top: 0;
		  left: 0;
		  background: #FFF;
		  border-bottom: 1px solid #CCC;
		  z-index: 96;
		  width: 100%;
		  
		  transition: .3s;}
		  
		  
		nav.drawer-nav{
			background: #FFF;
			padding: 10px;
			box-sizing: border-box;}
			
		
			
		nav.drawer-nav p{text-align: center; margin-bottom: 20px;}	
		nav.drawer-nav p img{max-width: 100%; height: auto;}	
		
		
		nav ul li{
			display: block;
			border-top: 1px solid #CCC;
		}
		nav.drawer-nav li img{max-width: 90%; height: auto;}	
		nav ul li.border_no{border: none;}
		
		nav ul li ul{padding-left: 1.5em; border-top: 1px solid #CCC;} 	
		
		nav ul li a{
			padding: 15px 0px;
			padding-left: 10px;
			border: none;
			display: block;
			background: url(../images/sp_nav_arrow.gif) no-repeat 99% 50%;
			background-size: 10px 18px;
			color: #333 !important;
		}
		
		
		nav ul li.nav_logo{display: block; text-align: center;}
		nav ul li.btn_contact{
			border-bottom: none;
			margin-top: 15px;
			text-align: center;}
			
		nav ul li.nav_logo a{background-image: none; padding: 0; padding-bottom: 15px;}
		nav ul li.btn_contact a{background-image:none; padding: 10px 15px;}
		
		.mt150 {margin-top: 60px;}
		#icon_scroll{display: none;}
		
		.sp_logo{height: 60px; padding-top: 8px; box-sizing: border-box; width: 144px; margin: 0 auto;}
		
		
		.Contents{
			width: 100%;
		}
		
		#Honki_Contents{
			width: 100%;}
			
		.ttl_line{
			font-size: 20px;
			margin-bottom: 20px;}	
		
		#Pankuzu{
			border-bottom: 1px solid #CCC;
			background:#eeeeee;
			padding: 0;
			height: 30px;
			overflow-x: scroll;
			-ms-overflow-style:none;
			 white-space: nowrap;}
			
		#Pankuzu ul{padding: 0; font-size:0;}
		#Pankuzu li {
			display: inline-block;
			padding: 0;
			margin: 0;
			font-size:10px;
			
			}
		#Pankuzu ul li a{
			background: #FFF url(../images/pankuzu_arrow.png) no-repeat right;
			background-size: 10px 30px;
			height: 30px;
			display: block;
			margin: 0;
			box-sizing: border-box;
			padding: 10px 15px 10px 5px;
		}
		#Pankuzu ul li:nth-last-child(2) a{
			background: #FFF url(../images/pankuzu_arrow.gif) no-repeat center right;
			background-size: 10px 30px;}
			
		#Pankuzu ul li span{display: inline-block; padding: 10px 15px 10px 5px;}
		#Pankuzu ul li span.pankuzu_arrow{display: none;}
		
		
	
		.Top_message_img{padding: 0 10px;}
		.Top_message_img img{
			max-width: 100%;
			height: auto;
		}
		
		.top_bg{
			background:url(../images/bg_1-sp.jpg) no-repeat bottom center;
			background-size:cover;
			min-width: 100%;
		}

		#Top_message{
			
			padding-top:60px;
			height:100%;
			}
		
		#Top_message p#Btn_about{padding:20px 0 60px 0;}
		#Top_Service{padding-top: 0; margin-top: 0;} 
		
		#Top_Service h2 img,#Top_Service_inner ul li img{display: none;}
		#Top_Service h2{
			background: url(../images/ttl_service02-sp.gif) no-repeat 0 0;
			padding-top: 18.6666%;
			height: 0;
			background-size: 100%;
		}
		
		p#Lavel{
			top:-10px;
			right:5px;}	
		p#Lavel img{width: 95px; height: auto;}
			

		#Top_Service_inner{padding: 25px 10px 15px 10px;}
		#Top_Service_inner ul{padding:0px;}
		
		#Top_Service_inner ul li.Top_Service1{background-image: url(../images/service_1-sp.gif);}
		#Top_Service_inner ul li.Top_Service2{background-image: url(../images/service_2-sp.gif);}
		#Top_Service_inner ul li.Top_Service3{background-image: url(../images/service_3-sp.gif);}
		
		#Top_Service_inner ul li{
			display:block;
			background-position: 0 0;
			background-repeat: no-repeat;
			background-size: 100%;
			height: 0;
			padding-top: 7.142%;
			margin: 0 0 15px 0;}


		#Top_Service_inner p{
			font-size:10px;
			line-height: 1.2;	
			}		
	
		.service_flow{
			margin: 0 10px;
			padding:8px;
			background: #FFF;
			border-radius: 4px;
		}
		.service_flow img{width: 100%; height: auto;}
		
		#Box_about{padding: 0 10px;}
		#Btn_about1,
		#Btn_about2,
		#Btn_about3{
			width:100%;
			margin: 0 auto;
			float:none;
			padding: 10px;
			box-sizing: border-box;
			margin-bottom:10px;}
		
		#Box_about h4{float: left; max-width: 141px; padding: 0; width: 42.727%;}
		#Box_about h4 img,#Box_about ul li img{
			width: 100%;
			height: auto;
		}		
		#Box_about h4 img.sp_hidden{display: none;}	
		#Box_about ul{float: right; max-width:180px; width: 54.54%;}
		#Box_about ul li{margin-top: 5px; padding: 0;}
		
		.Box_about_inner{
			max-width: 330px;
			margin: 0 auto;
		}
		#Top_Topics{padding: 20px 10px 10px 10px; width: 100%; box-sizing:border-box;}
		#Top_Topics h3{margin-left: 0; margin-bottom: 20px;} 
		#Top_Topics ul{width: 100%;}
		#Top_Topics ul li{
			margin-bottom: 10px;
			width: 100%;
			padding: 0;
			margin-left: 0;
			}
	
		#Top_Topics ul li img{width: 100%; height: auto;}
		
		#Top_Topics ul li a img{display: none;}
		
		#Top_Topics ul li a{
			background-repeat: no-repeat;
			display: block;
			padding-top: 19.047%;
			height: 0;
			background-size: 100%;}
		
		#Top_Topics ul li.topic_1_bnr a{background-image: url(../images/topic/a_topic1_1.jpg);}
		#Top_Topics ul li.topic_2_bnr a{background-image: url(../images/topic/a_topic3_1.jpg);}
		#Top_Topics ul li.topic_3_bnr a{background-image: url(../images/topic/a_topic4_1.jpg);}

		#Sell{
			width:100%;
			padding: 0 10px;
			box-sizing: border-box;
			margin:40px auto;}
		
		#Sell2{
			width:100%;
			box-sizing: border-box;
			padding:20px 10px;}
		
		#Sell h4,
		#Sell2 h4{padding-bottom:20px; font-size: 18px;}	

		#Box_sell{}
		#Box_sell p{float:left; width: 29.577%}	
		#Box_sell p img{display: none;}
		#Box_sell p a{
			background-repeat: no-repeat;
			display: block;
			padding-top: 52.38%;
			height: 0;
			background-size: 100%;}
		
		p#btn_sell1 a{background-image:url(../images/btn_sell_1-sp.jpg);}
		p#btn_sell2 a{background-image:url(../images/btn_sell_2-sp.jpg);}
		p#btn_sell3 a{background-image:url(../images/btn_sell_3-sp.jpg);}
		
		#Box_sell p#btn_sell1,#Box_sell p#btn_sell2,#Box_sell p#btn_sell3{padding: 0; margin: 0;}
		
		#Box_sell p#btn_sell1{margin-right: 3.5%;}
		#Box_sell p#btn_sell2{padding-right:3.5%;  border-right: 1px solid #CCC;}
		#Box_sell p#btn_sell3{margin-left: 3.5%;}
		
		#pagetop{position: static; border: none; height: 50px;}
		
		#pagetop a{
			display: block;
			visibility:visible;
			width: 100%;
			background: url(../images/pagetop-sp.png) no-repeat center #333;
			background-size: 60px 32px;
			height: 50px;
		}
		#pagetop a img{display: none;}
		
		.footer-top,
		.footer_out,
		.footer-inner-img{
			width: 100%;
			height: auto;
			float: none;
		}

}