@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');

/*---------------------------------
Basic Style Guide
----------------------------------*/
html {
  font-size: 62.5%;
  /*10px*/
}
body {
  padding:0;
  margin:0 0 0 0;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
  color:#221814;
  text-align:left;
  position:relative;
  background: #FFF;}

ul, ol{list-style: none;
padding:0}

.red{color:#F00;}

.bold{font-weight:bold}

.text-left p{text-align: left !important;}
.text-left h3{margin-bottom: 1em;}

/*---------------------------------
ここから
----------------------------------*/

/**<a>　リンク*/
a:link,
a:visited,
a:active,
a:hover { /* FireFox リンク選択時の点線を消す */
	overflow: hidden;
	outline: none;
	text-decoration: none;
	color:#004097;
}
a:hover, a:focus, a:active { color: #2980b9; text-decoration: underline;}
a:hover .img-hover{ opacity:0.7;}

div{ padding:0; margin:0; position:relative;}
section{ padding:0; margin:0; position:relative;}
article{ padding:0; margin:0; position:relative;}
hr{ text-align:left; margin:0; padding:0;}
br{ letter-spacing: normal; /* ← IE6、IE7対策 */ }
img{ max-width : 100%}

.m_b0{ margin-bottom:0px;}
.m_b2{ margin-bottom:2px;}
.m_b4{ margin-bottom:4px;}
.m_b6{ margin-bottom:6px;}
.m_b10{ margin-bottom:10px;}
.m_b12{ margin-bottom:12px;}
.m_b14{ margin-bottom:14px;}
.m_b15{ margin-bottom:15px;}
.m_b20{ margin-bottom:20px;}
.m_b25{ margin-bottom:25px;}
.m_b30{ margin-bottom:30px;}
.m_b35{ margin-bottom:35px;}
.m_b40{ margin-bottom:40px;}
.m_b80{ margin-bottom:80px !important;}
.m_b150{ margin-bottom:150px;}
.m_b180{ margin-bottom:180px;}

.m_auto{ margin-left:auto; margin-right:auto;}

.m_nt20{ margin-top:-4px;}
.m_t6{ margin-top:6px;}
.m_t10{ margin-top:10px;}
.m_t20{ margin-top:20px;}
.m_t40{ margin-top:40px;}

.m_r6{ margin-right:6px;}
.m_r12{ margin-right:12px;}
.m_r14{ margin-right:14px;}
.m_r15{ margin-right:15px;}
.m_r20{ margin-right:20px;}
.m_r30{ margin-right:30px;}
.m_r40{ margin-right:40px;}
.m_r90{ margin-right:90px;}

.m_ln2{ margin-left:-2px;}

.m_l10{ margin-left:10px;}
.m_l12{ margin-left:12px;}
.m_l18{ margin-left:18px;}
.m_l20{ margin-left:20px;}
.m_l24{ margin-left:24px;}
.m_l30{ margin-left:30px;}
.m_l36{ margin-left:36px;}
.m_l40{ margin-left:40px;}
.m_l44{ margin-left:44px;}

.p_t8{ padding-top:8px;}
.p_t16{ padding-top:16px;}
.p_t20{ padding-top:20px;}
.p_t26{ padding-top:26px;}
.p_t32{ padding-top:32px;}

.p_b16{ padding-bottom:16px;}
.p_b20{ padding-bottom:20px;}
.p_b36{ padding-bottom:36px;}

.p_l12{ padding-left:12px;}

.p_tb10{ padding-top:10px; padding-bottom:10px;}
.p_tb12{ padding-top:12px; padding-bottom:12px;}
.p_tb20{ padding-top:20px; padding-bottom:20px;}
.p_tb24 {padding-top:24px; padding-bottom:24px;}


.p_lr6{ padding-left:6px; padding-right:6px;}
.p_trl{ padding-top:20px; padding-left:20px; padding-right:20px;}

.p_all4{ padding:4px;}
.p_all20{ padding:20px;}

.f_right{ float:right;}
.f_left{ float:left;}
.t_center{ text-align:center;}
.t_indent{ padding-left: 1em; text-indent: -1em;}
.t_indent02{ padding-left: 2.6em; text-indent: -2.6em;}
.text-top{text-align:center;}

.att{ padding-left: 1em; text-indent: -1em;}

.color1{ color:#634543;}
.color2{ color:#EC6B00;}
.color3{ color:#715D4B;}
.color4{ color:#FF6511;}
.color5{ color:#004DA0;}
.color6{ color:#004097;}
.color7{ color:#E50012;}
.colorW{ color:#FFF;}

.b_color1{ background-color:#F3F3F3;}
.b_color2{ background-color:#004A9D;}
.b_color3{ background-color:#BF1920;}

.font-s11{font-size: 11px; font-size: 1.1rem;}
.font-s12{font-size: 12px; font-size: 1.2rem;}
.font-s14{font-size: 14px; font-size: 1.4rem;}
.font-s16{font-size: 16px; font-size: 1.6rem;}
.font-s18{font-size: 18px; font-size: 1.8rem;}
.font-s20{font-size: 20px; font-size: 2rem;}
.font-s22{font-size: 22px; font-size: 2.2rem;}
.font-s24{font-size: 24px; font-size: 2.4rem;}
.font-s26{font-size: 26px; font-size: 2.6rem;}
.font-s30{font-size: 30px; font-size: 3rem;}
.font-s32{font-size: 32px; font-size: 3.2rem;}

.lheight12{ line-height:1.2;}
.lheight17{ line-height:1.7;}

.overzoom{ overflow:hidden; _zoom:1}
.clearB{ clear:both;}
.weightB{ font-weight:bold;}

.abolute1{ position:absolute;}

.letter_s002{ letter-spacing:-0.02em !important; letter-spacing:-0.02rem;}
.letter_s004{ letter-spacing:-0.04em !important; letter-spacing:-0.04rem;}
.letter_l002{ letter-spacing:0.04em !important; letter-spacing:0.04rem;}

.width170{ width:170px;}
.width960{ width:960px;}

.g-r10{
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;       /* Firefox用 */
    -o-border-radius:10px;    /* Opera用 */
	background-color:#FFF;
	border:6px solid #009FE8;}

.border1{ border:1px solid #5F2E2C;}
.borderw250{ width:250px; border:none; border-top:solid 1px #5F2E2C; height:1px; color:#FFFFFF; padding:0; margin:0 auto 4px auto;}

.min-height400{ min-height:240px;}
.min-height800{ min-height:800px;}

.pr00{
	padding-right:0;
}

/** Webアイコン========================================*/
@font-face {
	font-family: 'webicon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class*="icon-"] {
	font-family: 'webicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-phone:before {
	content: "\e600";}

#main-scrap p{
	font-size:14px;
	padding:15px 15px 0 15px;}
	
#main-scrap h2{
	font-size:24px;
	font-weight:bold;
	padding:0 15px 10px 15px;
	line-height:1;}
	

#main-company p{
	font-size:14px;
	padding:15px 15px 0 15px;}
	
#main-company h2{
	font-size:24px;
	font-weight:bold;
	padding:0 15px 10px 15px;
	line-height:1;}
	
	
#main-freedial p{
	font-size:14px;
	padding:15px 15px 0 15px;}
	
#main-freedial h2{
	font-size:24px;
	font-weight:bold;
	padding:0 15px 10px 15px;
	line-height:1;}
	
	
#main-purchase p{
	font-size:14px;
	padding:15px 15px 0 15px;}
	
#main-purchase h2{
	font-size:24px;
	font-weight:bold;
	padding:0 15px 10px 15px;
	line-height:1;}
	
#main-purchase{
	margin-bottom:0;
	padding-bottom:0;
	height:70px}
	
#main-before p{
	font-size:14px;
	padding:15px 15px 0 15px;}
	
#main-before h2{
	font-size:24px;
	font-weight:bold;
	padding:0 15px 10px 15px;
	line-height:1;}	
	
#main-appraise{
	margin-bottom:0;
	padding-bottom:0;
	height:70px}
	
#main-appraise p{
	font-size:14px;
	padding:15px 15px 0 15px;}
	
#main-appraise h2{
	font-size:24px;
	font-weight:bold;
	padding:0 15px 10px 15px;
	line-height:1;}	
	

#main-online{
	margin-bottom:0;
	padding-bottom:0;
	height:70px}
	
#main-online p{
	font-size:14px;
	padding:15px 15px 0 15px;}
	
#main-online h2{
	font-size:24px;
	font-weight:bold;
	padding:0 15px 10px 15px;
	line-height:1;}	
	
#contents #sub .tel p{
	margin-bottom:0;}
	
	
#sitemap li{
	list-style:none;
	background:url(../images/common/img_22.jpg) no-repeat 0 11px;
	text-align:left;
	margin:0 0 1em 0;
	text-indent:12px;
	width:100%;}

#sitemap li a{
	padding:5px 0;
	display:block;
	color:#333333;}
	
#sitemap li a:hover{
	text-decoration:none;
	color:#F60;}

#main-purchase{
	margin:30px;
}

#contents #main #top1 li{
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:1em;}
/**=
* ========================================
* レイアウト
* ========================================
*/


@media only screen and (min-width: 320px) and (max-width: 479px) {
	
#free-bt{
	display:inline;
}
	
.free-bt{
	display:inline;
}
	
.m_b25{ margin-bottom: 0;}
.m_b30{ margin-bottom: 0;}
.m_b20{ margin-bottom: 10px;}
.m_b150{ margin-bottom: 20px !important;}
.m_sb20{ margin-bottom: 20px !important;}
.m_b80{ margin-bottom: 15px;}
.m_b180{ margin-bottom: 15px;}
.fl_right{ float: none; margin:0 auto; width: 96%;}
.l-clear{ clear: both;}
.ml_r20{ margin-right:0 !important;}
.ml_b12{ margin-bottom: 0 !important;}
.t-content-r{ clear: both;}
.br-sp{ display:none; }
.weightB{ font-weight:bold; line-height:1.2;}
.sm_b20{ margin-bottom:20px !important;}
.font-s26{ font-size:2.3rem; letter-spacing:-0.02em;}

article{
	overflow:hidden;
}

#header{
	width:100%;
	margin:18px auto 12px auto;
    padding:0;
	position:relative;
}
/** ロゴ*/
#header {
	text-align:center;
	margin:0.5rem 0;
	padding:0;}

#header h1 {
	text-align: center;
	font-size:10px;
	color:#717171;
	margin:0 0.5rem;}

#header a.logo:hover{
	opacity:0.7;}
	
body#home a.logo:hover{
	opacity:1;}
	
.contact-t{
	position: absolute;
	top: 50px;
	left: 7%;
	text-indent: -9999px;
	margin:0 20px 0 0;
	padding:0;
	border: 1px solid #004897;
	height: 70px;
	width: 70px;
	border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius: 35px;
	background:url(../images/common/re-tell.png);
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size:60% auto;
	-webkit-background-size:60% auto;
	-o-background-size::60% auto;
	background-size:60% auto;}
	
.contact-t:hover{ opacity:0.7;}
.contact-e{  margin:0; padding:0; width:70px; height:70px; clear: both;}
.contact-e a{
	position: absolute;
	top: 50px;
	left: 37%;
	display:inline-block;
	text-indent: -9999px;
	margin:0 20px 0 0;
	padding:0;
	border: 1px solid #004897;
	height: 70px;
	width: 70px;
	border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius: 35px;
	background:url(../images/common/re-mail.png);
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size:60% auto;
	-webkit-background-size:60% auto;
	-o-background-size::60% auto;
	background-size:60% auto;}
.contact-e a:hover{ opacity:0.7;}

.nav-toggle{
	position: absolute;
	top: 80px;
	left: 69%;
	border: 1px solid #004897;
	height: 70px;
	width: 70px;
	border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius: 35px;
	text-indent: -9999px;}

.nav-toggle:before {
    color: #004897;
    content: "≡";
    font-family: "responsivenav",sans-serif;
    font-size: 44px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    text-indent: 0;
    text-transform: none;
    top: 0;
    width: 100%;}
	
.nav-toggle.active:before {
    content: "x";
    font-size: 40px;}
	
/** gloabal-nav*/
.nav {
      width: 100%;
	  height: 100%;
	  margin:0 0 0 0;
	  top: 50px;
	  padding:0;} 
	  
.nav ul {
	  margin:0;
	  padding: 0;
	  list-style: none;}
	  
.nav ul li {
	  margin: 0;
	  padding: 0;}
	  
.nav ul li a {
      display: block;
      width: 96%;
	  height: 100%;   
	  margin: 0 0 0 0;
	  padding: 10px;
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #009FE8), color-stop(0.00, #004299));
	  background: -webkit-linear-gradient(top, #004299 0%, #009FE8 88%);
	  background: -moz-linear-gradient(top, #004299 0%, #009FE8 88%);
	  background: -o-linear-gradient(top, #004299 0%, #009FE8 88%);
	  background: -ms-linear-gradient(top, #004299 0%, #009FE8 88%);
	  background: linear-gradient(to bottom, #004299 0%, #009FE8 88%);
	  color: #FFF;
	  font-size: 16x;
	  font-size: 1.6rem;}
	  
.nav ul li a:hover { 
	  opacity:.7;}
	  
/** メイン写真========================================*/

#main_img_wap{
	margin-top:20px;}

#main_img_wap2{
	margin-top:20px;}

#main-img{
	clear:both;
	padding:0;
	margin:0 auto;
	position:relative;
	background:url(../images/top/320.jpg?20180406) no-repeat bottom;
	height:175px;
	border-bottom:#CCC 1px solid;
	background-size:contain;
	moz-background-size:contain;}
	
#main-img p{
	font-size:14px;
	color:#004a9d;
	padding:1.6rem 0 0px 1rem;}
	
#main-img h2{
	font-size:22px;
	font-weight:bold;
	padding:0.2rem 0 0 1rem;
	margin:0;
	line-height:0;}
	
#main-img2{
	clear:both;
	padding:0;
	margin:0 auto;
	position:relative;
	background:url(../images/top/320_2.jpg) no-repeat bottom;
	height:175px;
	border-bottom:#CCC 1px solid;
	background-size:contain;
	moz-background-size:contain;}
	
#main-img2 p{
	font-size:14px;
	color:#004a9d;
	padding:1.6rem 0 0px 1rem;}
	
#main-img2 h2{
	font-size:22px;
	font-weight:bold;
	padding:0.2rem 0 0 1rem;
	margin:0;
	line-height:0;}
	
#contents{
	width:90%;
	margin:0 auto;}

#main h2{
	font-size:18px;
	padding-top:10px;
	margin-bottom:5px;
	color:#004a9d}

#contents #main #kaitori_top{
	background:url(../images/top/320_top1.jpg?20230921) no-repeat;
	background-repeat: no-repeat;
	moz-background-size:cover;
	background-size:cover;
	margin-bottom:20px;
	color:#00c300;}
	
#contents #main #kaitori_top h2{
	padding:43px 0 0 0px;
	font-size:27px;
	font-weight:bold;
	background:none}
	
#contents #main #kaitori_top a h2{
	color:#00c300;
	padding-left:20px;}
	
#contents #main #kaitori_top a{
	display:block;
	height:130px;
	color:#00c300;}
	
#contents #main #satei_top{
	margin-bottom:20px;
	background:url(../images/top/320_top2.jpg?20230921) no-repeat;
	background-repeat: no-repeat;
	moz-background-size:cover;
	background-size:cover;}
	
#contents #main #satei_top p{
	padding:90px 0 0 20px;
	width:250px;}

#contents #main #satei_top a{
	display:block;
	height:130px;
	color:#FFFFFF;}
	
/* 無料回収と絶版バイク*/
#contents #main #kyusya_top{
	background:url(../images/top/320_top3.jpg?20180406) no-repeat;
	background-repeat: no-repeat;
	moz-background-size:cover;
	background-size:cover;
	margin-bottom:20px}
	
#contents #main #kyusya_top h2{
	padding:43px 0 0 0px;
	font-size:27px;
	font-weight:bold;
	background:none}
	
#contents #main #kyusya_top a h2{
	color:#FFFFFF;
	padding-left:20px;}
	
#contents #main #kyusya_top a{
	display:block;
	height:130px;
	color:#FFFFFF;}
	
#contents #main #kyusya_top2{
	background:url(../images/top/car_320_top3.jpg) no-repeat;
	background-repeat: no-repeat;
	moz-background-size:cover;
	background-size:cover;
	margin-bottom:20px}
	
#contents #main #kyusya_top2 h2{
	padding:43px 0 0 0px;
	font-size:27px;
	font-weight:bold;
	background:none;
	color: #ffffff;}
	
#contents #main #free_top{
	margin-bottom:20px;
	background:url(../images/top/320_top4.jpg?20180406) no-repeat;
	background-repeat: no-repeat;
	moz-background-size:cover;
	background-size:cover;}


#contents #main #free_top h2{
	padding:43px 0 0 0px;
	font-size:27px;
	font-weight:bold;
	background:none}
	
#contents #main #free_top a h2{
	color:#FFFFFF;
	padding-left:20px;}
	
#contents #main #free_top a{
	display:block;
	height:130px;
	color:#FFFFFF;}
	
#contents #main #free_top2{
	margin-bottom:20px;
	background:url(../images/top/car_320_top4.jpg) no-repeat;
	background-repeat: no-repeat;
	moz-background-size:cover;
	background-size:cover;}


#contents #main #free_top2 h2{
	padding:43px 0 0 0px;
	font-size:27px;
	font-weight:bold;
	background:none;
	color: #ffffff;}
	
	
#contents #main ul#top2{
	padding-left:0;
	margin:0 0 10px 0;}
	
#contents #main ul#top2 li{
	border-top:2px #004a9d solid;
	border-left:1px #999 solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	-moz-box-shadow: 1px 1px 1px #d0d1d1;
 	-webkit-box-shadow: 1px 1px 1px #d0d1d1;
	 width:100%;
 	text-align:center;
	margin-bottom:5px;}

#contents #main ul#top2 li a{
	display:block;
	padding:5px 0;}
	
#top3{text-align:center;}

#news h2{
	text-align:center;}	
	
#notice h2{
	text-align:center;}

#contents #main #notice li{
	margin-bottom:7px;
}

#contents #main #notice li span{
	color:#8d8c8c;
	font-size:90%;
	padding-right:10px;}
	
.page_top{
	text-align:center;}

#contents #sub {
	text-align:center}

#contents #sub .tel{
	margin-bottom:5px;}

#contents #sub .tel a{
	font-size:28px;
	font-weight:bold;}

#contents #sub nav ul{
	border-top:#004a9d solid 3px;
	overflow:hidden;
	margin:10px 0 0 0;
	padding:0;}

#contents #sub nav li{
	list-style:none;
	background:url(../images/common/img_22.jpg) no-repeat 0 8px;
	text-align:left;
	margin:0;
	text-indent:12px;
	width:100%;
	border-bottom:#999999 dotted 1px;}

#contents #sub nav li a{
	padding:5px 0;
	display:block;
	color:#333333;}
	
#contents #sub nav li a:hover{
	text-decoration:none;
	color:#F60;}
	
#contents #sub #news_bt{
	padding:10px 0;
	width:100%;}
	
#contents #sub #news_bt a{
background: #0064d2; /* Old browsers */
background: -moz-linear-gradient(top,  #0064d2 0%, #004a9a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0064d2), color-stop(100%,#004a9a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0064d2 0%,#004a9a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064d2', endColorstr='#004a9a',GradientType=0 ); /* IE6-9 */
color:#FFF;
text-align:center;
display:block;
padding:5px 0;}


#main-purchase{
	background:url(../purchase/img/main-img.jpg?20180406) no-repeat;
	padding-top:10;
	margin:0 auto;
	position:relative;
	height:90px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-before{
	background:url(../before/img/main-img.jpg?20180406) no-repeat;
	padding-top:10;
	margin:0 auto;
	position:relative;
	height:90px;
	moz-background-size:contain;
	background-size:contain;}


footer{
	width:100%;
	background-color:#f3f3f3;}
	
#footer_wapper{
	padding:10px;
	text-align:center;}
	
#footer_left2{
	padding-top:10px;}
	
#footer_left2 .m_r20{
	margin-right:0;}
	
#footer_left2 p{
	margin-bottom:0;}

#footer_right h3{
	font-size:11px;
	font-weight:normal;
	color:#004a9d;
	padding:10px 0}
	

#footer_wapper #footer_right ul{
	text-align:center;
	overflow:hidden;
	padding:10px}

#footer_wapper #footer_right li{
	float:left;
	border-right:1px #999999 solid;
	padding-right:5px;
	margin-right:5px}
	
#footer_wapper #footer_right li:last-child{
	border-right:none;}
	
#footer_wapper #footer_right li a{
	font-size:12px;
	color:#333;}
	
#footer_wapper #footer_right p{
	font-size:10px;}
	
#copyright{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center}

}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	#free-bt{
	display:inline;}
	
	.free-bt{
	display:inline;}
/* Facebook Like Box width:100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100%! important;
    margin-bottom: 0;}

.dl-news{
	width:96%;
	margin:0 auto;
	clear: both;}
	
.dl-news dt{ margin: 0 0 5px 0; padding: 0;}
.dl-news dt img{ width:100%; height:auto;}
.dl-news dd{ padding:0; margin: 0 0 10px 0; line-height:1.5;}
.dl-news dd h3{ color:#004DA0; margin-bottom:5px;}

article{
	overflow:hidden;
}

/** フッター========================================*/
.footer{
	width:100%;
	padding:0;
	clear:both;
	position:relative;
}
.f-nav{ padding:0; margin:0 0 0 20px; list-style:none;}
.f-nav li{ padding:0; margin:0 15px 5px 0; float:left;}
.f-nav li:last-child{ margin-right:0;}
.f-nav li a{ color:#001D37;}
.footer p{ color:#001D37; font-size: 12px; font-size: 1.2rem; text-align: center;}
#copyright{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;}
#f-tell{ padding:0; margin:0; display:block;}
#free-tell{ padding:12px 0; margin:0; display:block; clear:both; background-color:#FFF; font-size: 16px; font-size: 1.6rem; text-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);}

}

@media only screen and (min-width: 480px) and (max-width: 640px) {
	
	
.text-top{text-align:right;}

article{
	overflow:hidden;
}

#header{
	width:100%;
	margin:18px auto 0 auto;
    padding:0 0 20px 0;
	position:relative;}
	
/** ロゴ*/

#header {
	text-align:center;}

#header h1 {
	text-align: center;
	font-size:10px;
	color:#717171;
	margin-bottom:10px;}
	
#header a.logo{
	padding-top:10px;}

#header a.logo:hover{
	opacity:0.7;}
	
body#home a.logo:hover{
	opacity:1;}
	
.contact-t{
	position: absolute;
	top: 60px;
	left: 15%;
	text-indent: -9999px;
	margin:0 20px 0 0;
	padding:0;
	border: 1px solid #004897;
	height: 70px;
	width: 70px;
	border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius: 35px;
	background:url(../images/common/re-tell.png);
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size:60% auto;
	-webkit-background-size:60% auto;
	-o-background-size::60% auto;
	background-size:60% auto;}
	
	
.contact-t:hover{ opacity:0.7;}
.contact-e{  margin:0; padding:0; width:70px; height:70px; clear: both;}
.contact-e a{
	position: absolute;
	top: 60px;
	left: 43%;
	display:inline-block;
	text-indent: -9999px;
	margin:0 20px 0 0;
	padding:0;
	border: 1px solid #004897;
	height: 70px;
	width: 70px;
	border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius: 35px;
	background:url(../images/common/re-mail.png);
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size:60% auto;
	-webkit-background-size:60% auto;
	-o-background-size::60% auto;
	background-size:60% auto;}
	
.contact-e a:hover{ opacity:0.7;}

.nav-toggle{
	position: absolute;
	top: 85px;
	left: 70%;
	border: 1px solid #004897;
	height: 70px;
	width: 70px;
	border-radius:35px;
	-moz-border-radius:35px;
	-webkit-border-radius: 35px;
	text-indent: -9999px;}

.nav-toggle:before {
    color: #004897;
    content: "≡";
    font-family: sans-serif;
    font-size: 44px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    text-indent: 0;
    text-transform: none;
    top: 0;
    width: 100%;}
	
.nav-toggle.active:before {
    content: "x";
    font-size: 40px;}
	
/** gloabal-nav*/
.nav {
      width: 100%;
	  height: 100%;
	  margin:10px 0 0 0;
	  padding:0;
	  clear: both;} 
	  
.nav ul {
	  margin:0;
	  padding: 0;
	  list-style: none;
}
.nav ul li {
	  margin: 0;
	  padding: 0;}
	  
.nav ul li a {
      display: block;
      width: 100%;
	  height: 100%;   
	  margin: 0 0 0 0;
	  padding: 10px;
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #009FE8), color-stop(0.00, #004299));
	  background: -webkit-linear-gradient(top, #004299 0%, #009FE8 88%);
	  background: -moz-linear-gradient(top, #004299 0%, #009FE8 88%);
	  background: -o-linear-gradient(top, #004299 0%, #009FE8 88%);
	  background: -ms-linear-gradient(top, #004299 0%, #009FE8 88%);
	  background: linear-gradient(to bottom, #004299 0%, #009FE8 88%);
	  color: #FFF;
	  font-size: 16x;
	  font-size: 1.6rem;
}
.nav ul li a:hover { 
	  opacity:.7;}


/** メイン写真========================================*/

#main-img{
	clear:both;
	padding:10px 0 0 0;
	margin:0 auto;
	position:relative;
	background:url(../images/top/640.jpg?20180406) no-repeat bottom;
	border-bottom:#CCC 1px solid;
	background-size:contain;
	height:228px;
	moz-background-size:contain;}
	
#main-img p{
	font-size:14px;
	color:#004a9d;
	padding:10px 0 0px 20px;}
	
#main-img h2{
	font-size:28px;
	font-weight:bold;
	padding:5px 0 0 20px;
	margin:0;
	line-height:0;}
	
#main-img2{
	clear:both;
	padding:10px 0 0 0;
	margin:0 auto;
	position:relative;
	background:url(../images/top/640_2.jpg) no-repeat bottom;
	border-bottom:#CCC 1px solid;
	background-size:contain;
	height:228px;
	moz-background-size:contain;}
	
#main-img2 p{
	font-size:14px;
	color:#004a9d;
	padding:10px 0 0px 20px;}
	
#main-img2 h2{
	font-size:28px;
	font-weight:bold;
	padding:5px 0 0 20px;
	margin:0;
	line-height:0;}
	
		
#main-scrap{
	background:url(../scrap/img/main-img.png?20180406) no-repeat;
	padding-top:10;
	margin:0 auto;
	position:relative;
	height:140px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-scrap p{
	font-size:14px;
	color:#FFFFFF;
	padding:10px 0 10px 15px;
	text-shadow:1px 1px 3px #000;}
	
#main-scrap h2{
	font-size:28px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 15px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	

#main-purchase{
	background:url(../purchase/img/main-img.png?20180406) no-repeat;
	padding-top:10;
	margin:0 auto;
	position:relative;
	height:140px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-purchase p{
	font-size:14px;
	color:#FFFFFF;
	padding:10px 0 10px 15px;
	text-shadow:1px 1px 3px #000;}
	
#main-purchase h2{
	font-size:28px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 15px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}


#main-company{
	background:url(../company/img/main-img.png?20180406) no-repeat;
	padding-top:10;
	margin:0 auto;
	position:relative;
	height:140px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-company p{
	font-size:14px;
	color:#FFFFFF;
	padding:10px 0 10px 15px;
	text-shadow:1px 1px 3px #000;}
	
#main-company h2{
	font-size:28px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 15px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	#main-change{
	background:url(../change/img/main-img.png?20180406) no-repeat;
	padding-top:10;
	margin:0 auto;
	position:relative;
	height:140px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-change p{
	font-size:14px;
	color:#FFFFFF;
	padding:10px 0 10px 15px;
	text-shadow:1px 1px 3px #000;}
	
#main-change h2{
	font-size:28px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 15px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	#main-before{
	background:url(../before/img/main-img.png?20180406) no-repeat;
	padding-top:10;
	margin:0 auto;
	position:relative;
	height:140px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-before p{
	font-size:14px;
	color:#FFFFFF;
	padding:10px 0 10px 15px;
	text-shadow:1px 1px 3px #000;}
	
#main-before h2{
	font-size:28px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 15px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}

#main-appraise{
	background:url(../appraise/img/main-img.png?20180406) no-repeat;
	padding-top:10;
	margin:0 auto;
	position:relative;
	height:140px;
	moz-background-size:contain;
	background-size:contain;} 
	
#main-appraise p{
	font-size:14px;
	color:#FFFFFF;
	padding:10px 0 10px 15px;
	text-shadow:1px 1px 3px #000;}
	
#main-appraise h2{
	font-size:28px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 15px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
#main-online{
	background:url(../online/img/main-img.png?20180406) no-repeat;
	padding-top:10;
	margin:0 auto;
	position:relative;
	height:140px;
	moz-background-size:contain;
	background-size:contain;} 
	
#main-online p{
	font-size:14px;
	color:#FFFFFF;
	padding:10px 0 10px 15px;
	text-shadow:1px 1px 3px #000;}
	
#main-online h2{
	font-size:28px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 15px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	


/** コンテンツ========================================*/
#contents {
	width:95%;
	padding:10px 0 0 0;
	margin:0 auto;
	position:relative;}

#contents #main h2{
	color:#004a9d;
	font-size:2.4rem;}
	
#contents #main #top1{
	margin-top:10px;}
	
#contents #main #top1 li{
	font-size:1.6rem;}

#contents #main .top_banner{
	overflow:hidden;}
	

#contents #main #kaitori_top{
	float:left;
	background:url(../images/top/220_left.jpg?20230921) no-repeat;
	moz-background-size:contain;
	background-size:contain;
	height:103px;
	width:48%}
	
#contents #main #kaitori_top h2{
	padding:22px 0 0 10px;
	padding:2.8rem 0 0 0.9rem;
	font-size:20px;
	font-weight:bold;
	
	background:none}
	
#contents #main #kaitori_top a{
	display:block;
	height:103px;
	height:8.7rem;
	color:#00c300;}
	
#contents #main #kaitori_top a h2{
	color:#00c300;}
	
#contents #main #satei_top{
	float:right;
	background:url(../images/top/220_right.jpg?20230406) no-repeat;
	moz-background-size:contain;
	background-size:contain;
	height:103px;
	width:48%}
	
#contents #main #satei_top p{
	padding:4rem 0 0 1.3rem;
	font-size:12px;
}

#contents #main #satei_top a{
display:block;
height:103px;
height:8.7rem;
	color:#FFFFFF;}
	
	
	
/* 無料回収と絶版バイク買取*/
	
#contents #main #kyusya_top{
	float:left;
	background:url(../images/top/220_left2.jpg?20180406) no-repeat;
	moz-background-size:contain;
	background-size:contain;
	height:103px;
	width:48%}
	
#contents #main #kyusya_top h2{
	padding:22px 0 0 10px;
	padding:2.8rem 0 0 0.9rem;
	font-size:20px;
	font-weight:bold;
	background:none}
	
#contents #main #kyusya_top a{
	display:block;
	height:103px;
	height:8.7rem;}
	
#contents #main #kyusya_top a h2{
	color:#FFFFFF;}
	
#contents #main #kyusya_top2{
	float:left;
	background:url(../images/top/car_220_left2.jpg) no-repeat;
	moz-background-size:contain;
	background-size:contain;
	height:103px;
	width:48%}
	
#contents #main #kyusya_top2 h2{
	padding:22px 0 0 10px;
	padding:2.8rem 0 0 0.9rem;
	font-size:20px;
	font-weight:bold;
	background:none;
	color: #ffffff;}
	
#contents #main #free_top{
	float:right;
	background:url(../images/top/220_right2.jpg?20180406) no-repeat;
	moz-background-size:contain;
	background-size:contain;
	height:103px;
	width:48%}
	
#contents #main #free_top h2{
	padding:22px 0 0 10px;
	padding:2.8rem 0 0 0.9rem;
	font-size:20px;
	font-weight:bold;
	background:none}
	

#contents #main #free_top2{
	float:right;
	background:url(../images/top/car_220_right2.jpg) no-repeat;
	moz-background-size:contain;
	background-size:contain;
	height:103px;
	width:48%}
	
#contents #main #free_top2 h2{
	padding:22px 0 0 10px;
	padding:2.8rem 0 0 0.9rem;
	font-size:20px;
	font-weight:bold;
	background:none;
	color: #ffffff;}
	
#contents #main #free_top a{
	display:block;
	height:103px;
	height:8.7rem;}
	
#contents #main #free_top a h2{
	color:#FFFFFF;}
	

#contents #main ul#top2{
	overflow:hidden;
	padding-left:0;
	margin:0px 0 10px 0;}
	
	
#contents #main ul#top2 li{
	border-top:2px #004a9d solid;
	border-left:1px #999 solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	-moz-box-shadow: 1px 1px 1px #d0d1d1;
 -webkit-box-shadow: 1px 1px 1px #d0d1d1;
 width:48%;
 float:left;
 text-align:center;
 margin-bottom:10px;}

#contents #main ul#top2 li a{
	display:block;
	padding:5px 0;}

#contents #main ul#top2 li:nth-child(odd){
	float:left;}

#contents #main ul#top2 li:nth-child(even){
	float:right;}

#contents #main #top3 ul{
	overflow:hidden;}

#contents #main #top3 li{
		float:left;
		vertical-align:middle;
		width:31%;
		padding-right:20px;
		padding-right:1.42rem;
		margin:0;
		border-bottom:0;}

#contents #main #top3 li:last-child{
	padding-right:0;}
	
#contents #main #top3 li h3{
	text-align:center;
	padding-top:5px;
	font-size:14px;
	font-size:1.2rem;}
	
#contents #main #top3 li p{
	text-align:center;
	font-size:12px;
	font-size:1.2rem;}
	
#contents #main #top3 p{
	text-align:center;
	margin-top:0;
	padding-top:0;}
	
	
#contents #main #notice ul{
	padding:0;}

#contents #main #notice li{
	border-bottom:#999999 dotted 1px;
	margin-bottom:7px;}

#contents #main #notice li span{
	color:#8d8c8c;
	font-size:90%;
	padding-right:10px;}
	
#contents #main .page_top{
	text-align:right;}
	
/* #mainはここまで */
	
/* #subはここから */
#contents #sub h2{
	margin-bottom:5px;}
	
#contents #sub .tel{
	margin-bottom:20px;
}	
	
#contents #sub .tel img{
	float:left;
	padding:5px 10px 0 0;}

#contents #sub .tel a{
	font-size:200%;
	line-height:1;}
	
#contents #sub aside{
	display:none;}
	

#contents #sub nav{
	padding:0;
	width:100%;
	margin:0;}

#contents #sub nav ul{
	border-top:#004a9d solid 3px;
	overflow:hidden;
	margin:0;
	padding:0 0 20px 0;}

#contents #sub nav li{
	list-style:none;
	float:left;
	background:url(../images/common/img_22.jpg?20180406) no-repeat 0 8px;
	text-align:left;
	text-indent:12px;
	width:48%;
	border-bottom:#999999 dotted 1px;}

#contents #sub nav li a{
	padding:5px 0;
	display:block;
	color:#333333;}
	
#contents #sub nav li a:hover{
	text-decoration:none;
	color:#F60;}
	
#contents #sub nav li:nth-child(2n){
	float:right;
}
	
#contents #sub #news_bt {
	width:100%;}
	
#contents #sub #news_bt a{
background: #0064d2; /* Old browsers */
background: -moz-linear-gradient(top,  #0064d2 0%, #004a9a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0064d2), color-stop(100%,#004a9a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0064d2 0%,#004a9a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064d2', endColorstr='#004a9a',GradientType=0 ); /* IE6-9 */
color:#FFF;
text-align:center;
display:block;
margin-bottom:20px;
padding:5px 0;}	


#contents #sub #sub_tel{
	overflow:hidden;}

#contents #sub #kaitori1{
	float:left;
	padding-right:30px;}
	
#contents #sub #kaitori1 a{
	display:block;}

#contents #sub #satei1{
	padding-top:4px;}

#contents #sub #satei1 a{
	display:inherit;}

#contents #sub .page_top{
	text-align:right;}

/* #subはここまで */

/* Facebook Like Box width:100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100%! important;
    margin-bottom: 0;
}

.dl-news{
	width:96%;
	margin:0 auto;
}
.dl-news dt{ margin: 0 0 5px 0; padding: 0;  }
.dl-news dt img{ width:100%; height:auto;}
.dl-news dd{ padding:0 10px; margin: 0 0 10px 0 ; line-height:1.7;}
.dl-news dd h3{ color:#004DA0;}


/** フッター========================================*/
footer{
	width:100%;
	text-align:center;
	background-color:#f3f3f3;}

#footer_wapper{
	margin:0 auto;
	position:relative;
	overflow:hidden;}
	
#footer_wapper #footer_left{
	margin-bottom:20px}
	
#footer_wapper #footer_left #footer_left2{
	font-size:12px;
	margin:0 auto;
	padding:10px 0 0 50px;}
	
#footer_wapper #footer_left #footer_left2 .m_r20{
	margin-right:0;
}

#footer_wapper #footer_left #footer_left2 p{
	float:left;
	padding:0 20px 0 0;
	margin-bottom:0;}
	
#footer_wapper #footer_left h4{
	background:url(../images/common/footer_logo.gif?20180406) no-repeat center;
	height:70px;
	font-size:14px;
	margin-top:10px;}

#footer_wapper #footer_right{
	padding-top:5px;}
	
#footer_wapper #footer_right h3{
	font-size:11px;
	font-weight:normal;
	color:#004a9d;
	text-align:center;
	margin-top:15px}
	

#footer_wapper #footer_right ul{
	text-align:center;
	overflow:hidden;
	padding:10px 0 10px 60px}

#footer_wapper #footer_right li{
	float:left;
	border-right:1px #999999 solid;
	padding-right:5px;
	margin-right:5px}
	
#footer_wapper #footer_right li:last-child{
	border-right:none;}
	
#footer_wapper #footer_right li a{
	font-size:12px;
	color:#333;}
	
#footer_wapper #footer_right p{
	font-size:11px;}
	
#copyright{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center}

}



@media only screen and (min-width: 641px) and (max-width: 769px) {

#free-bt{
	display:none;
}
	
.free-bt{
	display:none;
}

/** ヘッダー========================================*/
#header{
	margin:0 auto 35px auto;
    padding:0;
	position:relative;}

#header h1 {
	text-align:left;
	padding:10px 0;
	margin-left:10px;
	font-size:12px;
	color:#717171;}

/** ロゴ*/

#header #header_top{
	overflow:hidden;}

#header a.logo{
	display:block;
	width:200px;
	height:39px;
	text-indent: -9999px;
	background:url(../images/common/img_04.gif?20180406) 0 0 no-repeat;
	margin-left:10px;
	float:left;}
	
#header a.logo:hover{
	width:200px;
	height:39px;
	opacity:0.7;}

.contact-t{
	width:211px;
	height:25px;
	text-indent: -9999px;
	background:url(../images/common/img_05.gif?20180406) 0 0 no-repeat;
	margin:0;
	padding:0;
	position:absolute;
	top:2px;
	right:180px;}
	
.contact-e{  margin:0; padding:0; width:160px; height:25px; position:absolute;  top:2px; right:10px;}
.contact-e a{ margin:0; padding:0; width:160px; height:25px; display:block; text-indent: -9999px; background:url(../images/common/img_07.gif?20180406) 0 0 no-repeat;}
.contact-e a:hover{ opacity:0.7;}

/** gloabal-nav*/
.nav {
	  margin:0;
	  padding:0;
	  position:absolute !important;
	  top:70px !important;
	  right:0px !important;} 
	  
.nav ul {
	overflow:hidden;
	  margin:0;
	  padding: 0;
	  list-style: none;
}
.nav ul li {
      display: block;
	  margin:0 5px;
	  padding:0;
	  float:left;	  
}
.nav ul li a {
      display: block;   
	  margin:5px 0;
	  padding: 0 5px 0 0;
	  border-right:#CCC solid 1px;
	  color:#666666;}
	  
.nav ul li:last-child a {
	border-right:none;
}

/** メイン写真========================================*/

#main_img_wap{
	margin-bottom:20px;
	}


#main-img{
	padding:0;
	margin:0 auto;
	position:relative;
	background:url(../images/top/img_880.jpg?20180406) no-repeat;
	moz-background-size:cover;
	height:280px;
	background-size:cover;}
	
	
#main-img p{
	font-size:18px;
	color:#004a9d;
	padding:15px 0 10px 40px;}
	
#main-img h2{
	font-size:40px;
	font-weight:bold;
	padding:0 0 0 40px;
	margin:0;
	line-height:0;}
	

#main-img2{
	padding:0;
	margin:0 auto;
	position:relative;
	background:url(../images/top/img_880_2.jpg) no-repeat;
	moz-background-size:cover;
	height:280px;
	background-size:cover;}
	
	
#main-img2 p{
	font-size:18px;
	color:#004a9d;
	padding:15px 0 10px 40px;}
	
#main-img2 h2{
	font-size:40px;
	font-weight:bold;
	padding:0 0 0 40px;
	margin:0;
	line-height:0;}
	
#main-scrap{
	background:url(../scrap/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:180px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-scrap p{
	font-size:16px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
#main-scrap h2{
	font-size:38px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	
#main-purchase{
	background:url(../purchase/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:180px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-purchase p{
	font-size:16px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
#main-purchase h2{
	font-size:38px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
#main-company{
	background:url(../company/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:180px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-company p{
	font-size:16px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
#main-company h2{
	font-size:38px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	#main-change{
	background:url(../change/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:180px;
	moz-background-size:contain;
	background-size:contain;}
	
	#main-change p{
	font-size:16px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
	#main-change h2{
	font-size:38px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
		#main-before{
	background:url(../before/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:180px;
	moz-background-size:contain;
	background-size:contain;}
	
	#main-before p{
	font-size:16px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
	#main-before h2{
	font-size:38px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	#main-appraise{
	background:url(../appraise/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:180px;
	moz-background-size:contain;
	background-size:contain;}
	
	#main-appraise p{
	font-size:16px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
	#main-appraise h2{
	font-size:38px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	
	#main-online{
	background:url(../online/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:180px;
	moz-background-size:contain;
	background-size:contain;}
	
	#main-online p{
	font-size:16px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
	#main-online h2{
	font-size:38px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	article{
	overflow:hidden;}

/** コンテンツ========================================*/
#contents {
	padding:0;
	margin:0 auto;
	position:relative;
	overflow:hidden;}

/* ここからmain */

#contents #main h2{
	background:url(../images/common/img_15.gif) no-repeat;
	moz-background-size:contain;
	background-size:contain;
	height:36px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	moz-background-size:cover;
	background-size:cover;
	line-height:36px;
	text-indent:20px;
	margin-bottom:15px;}


#contents #main ul#top1{
	padding-left:20px;
	margin-bottom:30px;}

#contents #main ul#top1 li{
	font-size:20px;
	margin-bottom:10px;}

#contents #main .top_banner{
	overflow:hidden;}
	

#contents #main #kaitori_top{
	float:left;
	background:url(../images/top/300_left.jpg?20230406) no-repeat;
	moz-background-size:cover;
	background-size:cover;
	height:131px;
	width:48%}
	
#contents #main #kaitori_top h2{
	padding:40px 0 0 0px;
	font-size:28px;
	font-weight:bold;
	background:none}
	
#contents #main #kaitori_top a{
	display:block;
	height:131px;
	color:#00c300;}
	
#contents #main #satei_top{
	float:right;
	background:url(../images/top/300_right.jpg?20180406) no-repeat;
	moz-background-size:cover;
	background-size:cover;
	height:131px;
	width:48%}
	
#contents #main #satei_top p{
	padding:80px 0 0 20px;
	width:120px;
}

#contents #main #satei_top a{
display:block;
	height:131px;
	color:#FFFFFF;}
	
	/*　無料回収と絶版バイク買取*/
	
	#contents #main #kyusya_top{
	float:left;
	background:url(../images/top/300_left2.jpg?20180406) no-repeat;
	moz-background-size:cover;
	background-size:cover;
	height:131px;
	width:48%}
	
#contents #main #kyusya_top h2{
	padding:40px 0 0 0px;
	font-size:28px;
	font-weight:bold;
	background:none}
	

	#contents #main #kyusya_top2{
	float:left;
	background:url(../images/top/car_300_left2.jpg) no-repeat;
	moz-background-size:cover;
	background-size:cover;
	height:131px;
	width:48%}
	
#contents #main #kyusya_top2 h2{
	padding:40px 0 0 0px;
	font-size:28px;
	font-weight:bold;
	background:none}
	
#contents #main #kyusya_top a{
	display:block;
	height:131px;
	color:#FFFFFF;}
	
#contents #main #free_top{
	float:right;
	background:url(../images/top/300_right2.jpg?20180406) no-repeat;
	moz-background-size:cover;
	background-size:cover;
	height:131px;
	width:48%}
	
#contents #main #free_top h2{
	padding:40px 0 0 0px;
	font-size:28px;
	font-weight:bold;
	background:none}
	
#contents #main #free_top2{
	float:right;
	background:url(../images/top/car_300_right2.jpg) no-repeat;
	moz-background-size:cover;
	background-size:cover;
	height:131px;
	width:48%}
	
#contents #main #free_top2 h2{
	padding:40px 0 0 0px;
	font-size:28px;
	font-weight:bold;
	background:none;
	color: #ffffff;}
	
#contents #main #free_top a{
	display:block;
	height:131px;
	color:#FFFFFF;}
	

#contents #main ul#top2{
	overflow:hidden;
	padding-left:0;
	margin:30px 0 10px 0;}
	
#contents #main ul#top2 li{
border-top:2px #004a9d solid;
	border-left:1px #999 solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	-moz-box-shadow: 1px 1px 1px #d0d1d1;
 -webkit-box-shadow: 1px 1px 1px #d0d1d1;
 width:48%;
 float:left;
 text-align:center;
 margin-bottom:20px;}

#contents #main ul#top2 li a{
	display:block;
	padding:5px 0;
}

#contents #main ul#top2 li:nth-child(odd){
	float:left;
}

#contents #main ul#top2 li:nth-child(even){
	float:right;
}

#contents #main #top3 ul{
	overflow:hidden;
}

#contents #main #top3 li{
	float:left;
		vertical-align:middle;
		width:31%;
padding-right:20px;
padding-right:1.42rem;
margin:0;
border-bottom:0;}

#contents #main #top3 li:first-child{
	padding-left:20px;
padding-left:1.42rem;
}

#contents #main #top3 li:last-child{
	padding-right:0;}
	
#contents #main #top3 li h3{
	text-align:center;
	padding-top:5px;
	font-size:14px;
	font-size:1.2rem;}
	
#contents #main #top3 li p{
	text-align:center;
	font-size:12px;
	font-size:1.2rem;}
	
#contents #main #top3 p{
	text-align:center;
	margin-top:0;
	padding-top:0;}
	
	
	#contents #main #top3 #top_ex{
		overflow:hidden;}
		
	#contents #main #top3 #top_ex p{
		width:30%;
		float:left;}
	
#contents #main #notice{
	padding-top:20px;
}
	
#contents #main #notice ul{
	padding:0;}

#contents #main #notice li{
	border-bottom:#999999 dotted 1px;
	margin-bottom:7px;}

#contents #main #notice li span{
	color:#8d8c8c;
	font-size:90%;
	padding:0 10px;}
	
#contents #main .page_top{
	text-align:right;}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}
.dl-news{
	margin:0 auto;}
.dl-news dt{ margin: 0; padding: 0; width: 180px; height:auto; float: left; clear: both;}
.dl-news dt img{ max-width:180px; height:auto;}
.dl-news dd{ padding:0 0 0 210px; margin: 0 0 40px 0; line-height:1.7;}
.dl-news dd h3{ color:#004DA0;}

.text-top{text-align:right;}

/* mainはここまで */

/* subはここから */
#contents #sub{
	}

#contents #sub .tel{
	margin:0 20px 20px 100px;
	float:left;
}

#contents #sub .tel h2{
	font-size:20px;
	font-weight:bold;}
	
#contents #sub .tel a{
	font-weight:bold;
	font-size:26px;}

#contents #sub nav ul{
	border-top:#004a9d solid 3px;
	overflow:hidden;
	width:100%;
	margin-bottom:20px;
	padding:0;}

#contents #sub nav li{
	list-style:none;
	float:left;
	background:url(../images/common/img_22.jpg) no-repeat 5px 10px;
	text-align:left;
	text-indent:15px;
	width:48%;
	border-bottom:#999999 dotted 1px;}

#contents #sub nav li a{
	padding:5px 0;
	display:block;
	color:#333333;}
	
#contents #sub nav li a:hover{
	text-decoration:none;
	color:#F60;}
	
#contents #sub nav li:nth-child(2n){
	float:right;
}
	
#contents #sub #news_bt {
	width:100%;}
	
#contents #sub #news_bt a{
background: #0064d2; /* Old browsers */
background: -moz-linear-gradient(top,  #0064d2 0%, #004a9a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0064d2), color-stop(100%,#004a9a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0064d2 0%,#004a9a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064d2', endColorstr='#004a9a',GradientType=0 ); /* IE6-9 */
color:#FFF;
text-align:center;
display:block;
padding:5px 0;
margin-bottom:20px}

#contents #sub #sub_tel{
	overflow:hidden;
	}

#contents #sub #kaitori1{
	float:left;
	background:url(../images/top/300_left.jpg?20180406) no-repeat;
	moz-background-size:cover;
	background-size:cover;
	height:131px;
	width:48%}
	
#contents #sub #kaitori1 h2{
	padding:40px 0 0 0px;
	font-size:28px;
	font-weight:bold;
	background:none}
	
#contents #sub #kaitori1 a{
	display:block;
	height:131px;
	color:#FFFFFF;}
	
#contents #sub #satei1{
	float:right;
	background:url(../images/top/300_right.jpg?20180406) no-repeat;
	moz-background-size:cover;
	background-size:cover;
	height:131px;
	width:48%}
	
#contents #sub #satei1 p{
	padding:80px 0 0 20px;
	width:120px;
}

#contents #sub #satei1 a{
display:block;
	height:131px;
	color:#FFFFFF;}

#contents #sub .page_top{
	text-align:right;
	padding-top:10px;}
/* subはここまで */



/** フッター========================================*/
footer{
	width:100%;
	text-align:center;
	background-color:#f3f3f3;}

#footer_wapper{
	margin:0 auto;
	position:relative;
	overflow:hidden;}
	
#footer_wapper #footer_left{
	margin-bottom:20px}
	
#footer_wapper #footer_left #footer_left2{
	font-size:12px;
	margin:0 auto;
	padding:10px 0 0 130px;}
	
#footer_wapper #footer_left #footer_left2 .m_r20{
	margin-right:0;
}

#footer_wapper #footer_left #footer_left2 p{
	float:left;
	padding:0 20px 0 0;
	margin-bottom:0;}
	
#footer_wapper #footer_left h4{
	background:url(../images/common/footer_logo.gif?20180406) no-repeat center;
	height:70px;
	font-size:14px;
	margin-top:10px;}

#footer_wapper #footer_right{
	padding-top:5px;
	}
	
#footer_wapper #footer_right h3{
	font-size:11px;
	font-weight:normal;
	color:#004a9d;
	text-align:center;
	margin-top:15px}
	
#footer_wapper #footer_right nav{
	text-align:right;
}

#footer_wapper #footer_right ul{
	overflow:hidden;
	padding:10px 0 10px 140px}
	


#footer_wapper #footer_right li{
	float:left;
	border-right:1px #999999 solid;
	padding-right:5px;
	margin-right:5px;}
	
#footer_wapper #footer_right li:last-child{
	border-right:none;}
	
#footer_wapper #footer_right li a{
	font-size:12px;
	color:#333;}
	
#footer_wapper #footer_right p{
	font-size:11px;}
	
#copyright{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center}


/* Facebook Like Box width:100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100%! important;}

.dl-news{
	width:606px;
	margin:0 auto;}
	
.dl-news dt{ margin: 0; padding: 0; width: 180px; height:auto; float: left; clear: both;}
.dl-news dt img{ max-width:180px; height:auto;}
.dl-news dd{ padding:0 0 0 210px; margin: 0 0 40px 0; line-height:1.7;}
.dl-news dd h3{ color:#004DA0;}

}

@media only screen and (min-width: 769px)  {
	/** ヘッダー========================================*/
	
#contents #main #kaitori_top a h2{
	color:#00c300;}
	
#free-bt{
	display:none;
}
	
.free-bt{
	display:none;
}

#header{
	width:960px;
	margin:0 auto 20px auto;
    padding:0;
	position:relative;
}

#header h1 {
	text-align:left;
	padding:10px 0;
	font-size:12px;
	color:#717171;}

/** ロゴ*/

#header #header_top{
	overflow:hidden;}

#header a.logo{
	display:block;
	width:360px;
	height:68px;
	text-indent: -9999px;
	background:url(../images/common/img_03.gif?20180406) 0 0 no-repeat;
	float:left;}
	
#header a.logo:hover{
	width:360px;
	height:68px;
	opacity:0.7;}

.contact-t{
	width:211px;
	height:25px;
	text-indent: -9999px;
	background:url(../images/common/img_05.gif?20180406) 0 0 no-repeat;
	margin:0;
	padding:0;
	position:absolute;
	top:2px;
	right:200px;}
.contact-e{  margin:0; padding:0; width:160px; height:25px; position:absolute;  top:2px; right:0;}
.contact-e a{ margin:0; padding:0; width:160px; height:25px; display:block; text-indent: -9999px; background:url(../images/common/img_07.gif?20180406) 0 0 no-repeat;}
.contact-e a:hover{ opacity:0.7;}

/** gloabal-nav*/
.nav {
	  margin:0;
	  padding:0;
	  position:absolute !important;
	  top:80px !important;
	  right:0px !important;} 
	  
.nav ul {
	overflow:hidden;
	  margin:0;
	  padding: 0;
	  list-style: none;
}
.nav ul li {
      display: block;
	  margin:0 5px;
	  padding:0;
	  float:left;	  
}
.nav ul li a {
      display: block;   
	  margin:5px 0;
	  padding: 0 5px 0 0;
	  border-right:#CCC solid 1px;
	  color:#666666;}
	  
.nav ul li:last-child a {
	border-right:none;
}

.text-top{text-align:right;}

#contents #main #top3 .buy p{
	text-align:center;
}

/** メイン写真========================================*/

#main_img_wap{
	background-color:#004a9d;
	margin-bottom:30px;
	height:340px;}
	
#main_img_wap2{
	margin:0 auto;
	background-color:#004a9d;
	margin-bottom:20px;}

#main-img{
	width:960px;
	padding:0;
	margin:0 auto;
	position:relative;
	background:url(../images/top/img_12.jpg?20180406) no-repeat;
	height:343px;}
	
#main-img p{
	font-size:20px;
	color:#004a9d;
	padding:15px 0 10px 65px;}
	
#main-img h2{
	font-size:46px;
	font-weight:bold;
	padding:0 0 0 65px;
	margin:0;
	line-height:0;}
	
	
#main-img2{
	width:960px;
	padding:0;
	margin:0 auto;
	position:relative;
	background:url(../images/top/img_12_2.jpg) no-repeat;
	height:343px;}
	
#main-img2 p{
	font-size:20px;
	color:#004a9d;
	padding:15px 0 10px 65px;}
	
#main-img2 h2{
	font-size:46px;
	font-weight:bold;
	padding:0 0 0 65px;
	margin:0;
	line-height:0;}

#main-scrap{
	width:960px;
	background:url(../scrap/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:220px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-scrap p{
	font-size:20px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
#main-scrap h2{
	font-size:46px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
#main-purchase{
	width:960px;
	background:url(../purchase/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:220px;
	moz-background-size:contain;
	background-size:contain;}
	
#main-purchase p{
	font-size:20px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
#main-purchase h2{
	font-size:46px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	#main-company{
	width:960px;
	background:url(../company/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:220px;
	moz-background-size:contain;
	background-size:contain;}
	
	#main-company p{
	font-size:20px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
	#main-company h2{
	font-size:46px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	#main-freedial{
	width:960px;
	background:url(../freedial/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:220px;
	moz-background-size:contain;
	background-size:contain;}
	
	#main-freedial p{
	font-size:20px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
	#main-freedial h2{
	font-size:46px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	#main-change{
	width:960px;
	background:url(../change/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:220px;
	moz-background-size:contain;
	background-size:contain;}
	
	#main-change p{
	font-size:20px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
	#main-change h2{
	font-size:46px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	#main-before{
	width:960px;
	background:url(../before/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:220px;
	moz-background-size:contain;
	background-size:contain;}
	
	#main-before p{
	font-size:20px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
	#main-before h2{
	font-size:46px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	
	#main-appraise{
	width:960px;
	background:url(../appraise/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:220px;
	moz-background-size:contain;
	background-size:contain;}
	
	#main-appraise p{
	font-size:20px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
	#main-appraise h2{
	font-size:46px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	

	#main-online{
	width:960px;
	background:url(../online/img/main-img.png?20180406) no-repeat;
	padding:0;
	margin:0 auto;
	position:relative;
	height:220px;
	moz-background-size:contain;
	background-size:contain;}
	
	#main-online p{
	font-size:20px;
	color:#FFFFFF;
	padding:15px 0 10px 55px;
	text-shadow:1px 1px 3px #000;}
	
	#main-online h2{
	font-size:46px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 55px;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
	margin:0;
	line-height:0;}
	

/** コンテンツ========================================*/
#contents {
	width:960px;
	padding:0;
	margin:0 auto;
	position:relative;
	overflow:hidden;}

/* ここからmain */

#contents #main{
	width:714px;
	float:right;}
	

#contents #main h2{
	background:url(../images/common/img_15.gif) no-repeat;
	height:36px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	line-height:36px;
	text-indent:20px;
	margin-bottom:15px;}


#contents #main ul#top1{
	padding-left:20px;
	margin-bottom:30px;}

#contents #main ul#top1 li{
	font-size:20px;
	margin-bottom:10px;}

#contents #main .top_banner{
	overflow:hidden;
	margin-bottom: 2em;}
	

#contents #main #kaitori_top{
	float:left;
	background:url(../images/top/img_24.jpg?20230406) no-repeat;
	height:163px;
	width:347px}
	
#contents #main #kaitori_top h2{
	padding:57px 0 0 0px;
	font-size:30px;
	font-weight:bold;
	background:none;
	color:#00c300;}
	
#contents #main #kaitori_top a{
	display:block;
	height:163px;
	color:#00c300;}
	
#contents #main #satei_top{
	float:right;
	background:url(../images/top/img_28.jpg?20180406) no-repeat;
	height:163px;
	width:347px}
	
#contents #main #satei_top p{
	padding:100px 0 0 25px;
	width:120px;}

#contents #main #satei_top a{
display:block;
	height:163px;
	color:#FFFFFF;}
	
/* 無料回収と旧車・絶版バイク買取*/	
	#contents #main #kyusya_top{
	float:left;
	background:url(../images/top/img_24_2.jpg?20180406) no-repeat;
	height:163px;
	width:347px}
	
#contents #main #kyusya_top h2{
	padding:57px 0 0 0px;
	font-size:30px;
	font-weight:bold;
	background:none}
	
#contents #main #kyusya_top a{
	display:block;
	height:163px;
	color:#FFFFFF;}
	
	#contents #main #kyusya_top2{
	float:left;
	background:url(../images/top/car_img_24_2.jpg) no-repeat;
	height:163px;
	width:347px}
	
#contents #main #kyusya_top2 h2{
	padding:57px 0 0 0px;
	font-size:30px;
	font-weight:bold;
	background:none;
	color: #ffffff;}
	
#contents #main #free_top{
	float:right;
	background:url(../images/top/img_28_2.jpg?20180406) no-repeat;
	height:163px;
	width:347px}
	
#contents #main #free_top h2{
	padding:57px 0 0 0px;
	font-size:30px;
	font-weight:bold;
	background:none}
	
#contents #main #free_top a{
	display:block;
	height:163px;
	color:#FFFFFF;}
	
#contents #main #free_top2{
	float:right;
	background:url(../images/top/car_img_28_2.jpg) no-repeat;
	height:163px;
	width:347px}
	
#contents #main #free_top2 h2{
	padding:57px 0 0 0px;
	font-size:30px;
	font-weight:bold;
	background:none;
	color: #ffffff;}
	

#contents #main ul#top2{
	overflow:hidden;
	padding-left:0;
	margin:30px 0 10px 0;}
	
#contents #main ul#top2 li{
border-top:2px #004a9d solid;
	border-left:1px #999 solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	-moz-box-shadow: 1px 1px 1px #d0d1d1;
 -webkit-box-shadow: 1px 1px 1px #d0d1d1;
 width:345px;
 float:left;
 text-align:center;
 margin-bottom:20px;
}

#contents #main ul#top2 li a{
	display:block;
	padding:5px 0;}

#contents #main ul#top2 li:nth-child(odd){
	float:left;
}

#contents #main ul#top2 li:nth-child(even){
	float:right;
}

#contents #main #top3 ul{
	overflow:hidden;
	padding:0;}

#contents #main #top3 li{
	float:left;
	width:222px;
	text-align:center;
	padding-right:23px}
	
#contents #main #top3 li:last-child{
	padding-right:0;}
	
#contents #main #top3 li h3{
	font-size:95%;
	padding-top:8px;}
	
#contents #main #top3 li p{
	text-align:center;}
	
#contents #main #top3 p{
	text-align:right;}
	
#contents #main #top3 #top_ex{
		overflow:hidden;}
		
	#contents #main #top3 #top_ex p{
		width:30%;
		float:left;}

#contents #main #notice ul{
	padding:0;}

#contents #main #notice li{
	border-bottom:#999999 dotted 1px;
	margin-bottom:7px;}

#contents #main #notice li span{
	color:#8d8c8c;
	font-size:90%;
	padding-right:10px;}
	
#contents #main .page_top{
	text-align:right;}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}
.dl-news{
	width:714px;
	margin:0 auto;
}
.dl-news dt{ margin: 0; padding: 0; width: 180px; height:auto; float: left; clear: both;}
.dl-news dt img{ max-width:180px; height:auto;}
.dl-news dd{ padding:0 0 0 210px; margin: 0 0 40px 0; line-height:1.7;}
.dl-news dd h3{ color:#004DA0;}

/* mainはここまで */

/* subはここから */
#contents #sub{
	width:222px;
	float:left;}

#contents #sub .tel{
	margin-bottom:15px;}

#contents #sub .tel h2{
	font-size:20px;
	font-weight:bold;}
	
#contents #sub .tel a{
	font-weight:bold;
	font-size:26px;}
	
#contents #sub .tel p{
	margin-bottom:0;
}

#contents #sub nav{
	padding:20px 0 0 0;
	width:222px;
	margin:0;}

#contents #sub nav ul{
	border-top:#004a9d solid 3px;
	overflow:hidden;
	margin:0;
	padding:0 0 20px 0;}

#contents #sub nav li{
	list-style:none;
	background:url(../images/common/img_22.jpg) no-repeat 0 8px;
	text-align:left;
	margin:0;
	text-indent:12px;
	width:100%;
	border-bottom:#999999 dotted 1px;}

#contents #sub nav li a{
	padding:5px 0;
	display:block;
	color:#333333;}
	
#contents #sub nav li a:hover{
	text-decoration:none;
	color:#F60;}
	
#contents #sub #news_bt {
	width:100%;}
	
#contents #sub #news_bt a{
background: #0064d2; /* Old browsers */
background: -moz-linear-gradient(top,  #0064d2 0%, #004a9a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0064d2), color-stop(100%,#004a9a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0064d2 0%,#004a9a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0064d2 0%,#004a9a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064d2', endColorstr='#004a9a',GradientType=0 ); /* IE6-9 */
color:#FFF;
text-align:center;
display:block;
padding:5px 0;
margin-bottom:10px;}



#contents #sub #news_bt {
	width:100%;}	

#contents #sub #sub_tel{
	overflow:hidden;
	}

#contents #sub #kaitori1{
	background:url(../images/common/img_41.jpg) no-repeat;
	height:105px;
	margin:5px 0 20px 0;}

#contents #sub #kaitori1 h2{
	padding:30px 0 0 10px;}
	
#contents #sub #kaitori1 a{
	display:block;
	height:105px;
	color:#FFFFFF;}
	
#contents #sub #satei1{
	background:url(../images/common/img_43.jpg) no-repeat;
	height:104px;
	margin-bottom:20px;}

#contents #sub #satei1 a{
	display:block;
	height:104px;
	color:#FFFFFF;
	font-size:12px;}
	
#contents #sub #satei1 p{
	padding:60px 0 0 15px;
	width:100px;}

#contents #sub .page_top{
	visibility: hidden;}
/* subはここまで */


/** フッター========================================*/
footer{
	width:100%;
	background-color:#f3f3f3;}

#footer_wapper{
	width:960px;
	margin:0 auto;
	position:relative;
	overflow:hidden;}
	
#footer_wapper #footer_left{
	width:410px;
	float:left;
	margin-bottom:20px}
	
#footer_wapper #footer_left #footer_left2{
	overflow:hidden;
	font-size:12px;
	padding-top:10px;}

#footer_wapper #footer_left #footer_left2 p{
	float:left;
	margin-bottom:0;}
	
#footer_wapper #footer_left h4{
	background:url(../images/common/footer_logo.gif?20180406) no-repeat;
	height:70px;
	font-size:14px;
	margin-top:10px;}

#footer_wapper #footer_right{
	float:right;
	width:545px;
	padding-top:15px;}
	
#footer_wapper #footer_right h3{
	font-size:11px;
	font-weight:normal;
	color:#004a9d;
	text-align:right;}
	
#footer_wapper #footer_right ul{
	overflow:hidden;
	float:right;
	padding:20px 0 15px 0}

#footer_wapper #footer_right li{
	float:right;
	line-height:1.6;
	border-right:1px #999999 solid;
	padding-right:5px;
	margin-right:5px}
	

	
#footer_wapper #footer_right li a{
	font-size:12px;
	color:#333;}
	
#footer_wapper #footer_right p{
	clear:both;
	text-align:right;
	font-size:11px;}

#copyright{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:absolute;
	right:0;
	bottom:0;}
}


#photograph img{width: 100%;}
	#photograph p{line-height: 1.7; margin-bottom: 1.2em;}
	#photograph h3{margin-bottom: .5em;}
	.photograph_ul h4{text-align: center; font-size: 1.6em; margin-bottom: .4em;}
.photograph_ul ul{margin-bottom: 4em;}
	.photograph_ul li{margin-bottom: 3em;}
.photograph_ul li img{width: 100%;}
.photograph_ul li span img{width: 100%;}
.photograph_ul h5{text-align: left; font-size: 1.3em; margin-bottom: .3em;}

.photograph_top{margin-bottom: 2em;}
.photograph_top a img{width: 100%;}
.photograph_top img{width: 100%;}


#document img{width: 100%;}
#document section{margin: 1.2em 0 3em 0}
#document section p{line-height: 1.8; margin-bottom: 1.2em;}
#document h3{margin-bottom: 1em; font-size: 1.3em;}
#document h4{margin-bottom: 1em; color:#004097; font-size: 1.2em;line-height: 1.9;}
#document h5{margin-bottom: .7em; font-weight: bold; font-size: 1.1em;}
#document li{margin-bottom: 2em;}


@media screen and (min-width:720px){
	.photograph_ul ul{overflow: hidden; width: 100%;margin-bottom: 3em;}
	.photograph_ul li{ float: left; width: 47%;}
	.photograph_ul li+li{ float: right; width: 47%;}
	#document ul{overflow: hidden; width: 100%;}
	#document li{float: left; width: 57%;}
	#document li + li{float: right; width: 40%;}
	#document_img3{width: 60%;}
	
}


/*====================
20260211add
====================*/


/* --- 全体共通 --- */
p {
    letter-spacing: 0.05em;
    line-height: 1.5;
}

/* --- モバイルレイアウト (max-width: 640px) --- */
@media (max-width: 640px) {

    /* ヘッダー・基本要素 */
    #header h1 {
        font-size: 12px;
        background: #004897;
        color: #FFF;
        margin-bottom: 10px;
        height: 30px;
        line-height: 2.5;
    }

    #main section h2,#news h2 {
        font-size: 20px;
        padding-bottom: 5px;
        margin: 20px auto 10px;
        letter-spacing: 0.02em;
        position: relative;          /* 疑似要素の基準にするため追加 */
        border-bottom: 3px solid #dedeff; /* ベースとなる薄いグレーなどの線（お好みの色に） */
        text-align:left;
    }

    #main section h2::after,#news h2::after {
        content: "";
        position: absolute;
        bottom: -3px;                /* 親のborder-bottomと重ねる */
        left: 0;
        width: 10%;                  /* 左側10%を指定 */
        height: 3px;                 /* アクセント線の太さ（少し太くすると目立ちます） */
        background-color: #068bf1;   /* 変えたい色（濃い青） */
    }

    #main #notice h2{
        border:none;
        color:#004ab6;
        background: #dedeff;
        margin-bottom: 0;
        text-align: center;
    }

    #main #notice h2::after{             
        background-color: transparent;
    }
    
    #contents #main #notice ul{
        background: #f7f7ff;
        padding: 10px;
    }

    #contents #main #notice li{
        margin-bottom:10px;
    }
    

    #contents #main ul#top2 li {
        width: auto;
    }

    #main_img_wap {
        margin-top: 60px;
    }

    #main-img h2,
    #main-img p {
        padding: 5px 10px;
        margin: 0;
    }

    #main-img h2 {
        line-height: 1;
    }

    #contents #main #kaitori_top h2{
        border-bottom:none;
        padding: 50px 0 20px;
        font-size: 30px;
    }

    #contents #main #kaitori_top a{
        padding: 5px 0;
    }

    /* ナビゲーション */
    .nav {
        margin-top: -10px;
    }

    .nav ul li a {
        background: #068bf1;
        border-bottom: 1px solid #fff;
        letter-spacing: 0.1em;
    }

    /* ハンバーガーメニュー (nav-toggle) */
    .nav-toggle {
        top: 105px;
    }

    .nav-toggle:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 30px;
        height: 3px;
        background: #004897;
        box-shadow: 0 -10px 0 #004897, 0 10px 0 #004897;
        transition: all 0.3s;
    }

    /* ×印への変形 */
    .nav-toggle.active:before {
        content: "";
        box-shadow: none;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .nav-toggle.active:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 3px;
        background: #004897;
        transform: translate(-50%, -50%) rotate(-45deg);
        transition: all 0.3s;
    }

    /* 電話・メールアイコン共通 */
    .contact-t,
    .contact-e a {
        position: absolute;
        top: 65px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: none !important;
        font-size: 0;
        line-height: 0;
        text-indent: 0 !important;
        text-decoration: none;
    }

    .contact-t {
        left: 30px;
    }

    .contact-t::before,
    .contact-e a::before {
        font-family: 'Material Symbols Outlined';
        font-size: 36px;
        color: #004897;
        display: block;
    }

    .contact-t::before {
        content: 'call';
        margin: 0;
    }

    .contact-e a::before {
        content: 'mail';
    }

    #contents #main ul#top2 li{
        display: flex;
        min-height: 40px;
        align-items: center;
        justify-content: center; 
    }

    .p_t20{
        padding:0;
    }
    
    #top3 h2{
        text-align:left;
    }

    #top3 li{
        margin-top: 30px;
    }


    .footer_area{
        background-color: transparent !important;
    }

    .inquiry_btn{
        display: flex !important;
        min-height: 40px !important;
        align-items: center !important;
        justify-content: center !important; 
        width:95% !important;
        margin: 0 auto !important;
        box-shadow: rgb(0 0 0 / 25%) 0px 2px 8px 0px !important;
    }

    #contents #sub nav ul{
        margin:40px 0 0 0;
    }

    #contents #sub nav li{
        background: url(../images/common/img_22.jpg) no-repeat 0 15px;
    }

    #contents #sub nav li a{
        padding: 10px 5px;
    }

    #contents #sub{
        text-align: left;
    }
    
    #contents #sub #news_bt{
        margin-top:30px;
    }

    .page_top{
        padding:5px;
        border:1px solid #004097;
        border-radius: 8px;
        width: 200px;
        margin: 40px auto;
    }

    #main_img_wap2 {
        margin-top: 50px;
    }

}

/* --- 中間サイズ調整 (480px - 640px) --- */
@media only screen and (min-width: 480px) and (max-width: 640px) {
    .contact-e a {
        left: 38%;
    }

    .nav {
        margin-top: 40px;
    }

    #main_img_wap {
        margin-top: 20px;
    }

    #contents #main ul#top2{
        display: flex;
    }
    
}