@charset "utf-8";



/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*ニュースページのアコーディオンパネルnews_navi_sm
---------------------------------------------------------------------------*/
/*accordion*/

.accordion{
	text-align: left!important;
}

dl.accordion dt {
  background: #FF8000;
  cursor: pointer;
  border-bottom: 0px solid #fff;
  word-wrap:break-word;
}
dl.accordion dt {
  display: block;
  padding: 10px 30px 10px 23px;
  color: #fff;
  font-size: 15px;
}
dl.accordion dt::before {
  content: '';
  position: relative;
  float: right;
  border: 5px solid transparent;
  border-top-color: #fff;
  width: 0;
  height: 0;
  top: 10px;
  right: -10px;
}
dl.accordion dt.open::before {
  content: '';
  position: relative;
  float: right;
  border: 5px solid transparent;
  border-bottom-color: #fff;
  width: 0;
  height: 0;
  top: 5px;
  right: -10px;
}
dl.accordion dd {
  word-wrap:break-word;
}
dl.accordion dd ul li {
  border-bottom: 1px solid #f2f2f3;
  list-style: none;
}
dl.accordion dd ul li a {
  color: #333;
  display: block;
  padding: 10px 30px 10px 28px;
}
dl.accordion dd ul li a::before {
  content: '';
  position: relative;
  float: right;
  border: 5px solid transparent;
  border-left-color: #333;
  width: 0;
  height: 0;
  top: 5px;
  right: -15px;
}

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #222;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 1.0em;	/*文字サイズ*/
	line-height: 165%;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}


/*準備中の表示*/
.zantei{
	text-align: center;
	margin: 0 auto;
	height: 100%;
	padding-top: 10%;
}


.zantei p{
	text-align: center;
	font-size: 1em;
	line-height: 150%;
}



/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #666;	/*リンクテキストの色*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
a:hover {
	color: #00B259;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}


/*スマホのみで表示　つまりPCでは非表示*/
.visible_sm{	
	display: none;
	}

/*透過処理／ポイントしたときにフンワリさせる*/

body a:hover img{
	opacity: 0.6;
	transition: 0.5s;
	text-decoration:underline;
}

/*スマホとタブレットで非表示　つまりPCでは表示*/
.hidden_sm{	
	display: block;
	}	

/*inner共通
---------------------------------------------------------------------------*/
.inner {
	max-width: 1400px;	/*サイトの最大幅。「#mainimg」のmax-widthと揃える。*/
	margin: 0 auto;
	padding: 0 3%;
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	border-top: 0px solid #5aaf35;	/*上の線の幅、線種、色*/
}
header .inner {
	height: 100px;	/*高さ*/
}
/*ロゴ画像*/
header #logo,footer img{
	width: 160px;	/*画像幅*/
	float: left;	/*左に回り込み*/
	margin-top: 22px;	/*画像の上に空ける余白。上下のバランスをここで調整して下さい。*/
	height: 65px;
}
img{
-webkit-backface-visibility: hidden;
}


/*ヘッダー右側の電話番号ブロック
---------------------------------------------------------------------------*/
/*ブロック全体*/
#contact {
	float: right;		/*右に回り込み*/
	margin-top: 20px;	/*ブロックの上にあける余白。上下のバランスをここで調整して下さい。*/
	width: auto;		/*ブロック幅*/
	border-radius: 6px;	/*角丸のサイズ*/
	padding: 5px;		/*ボックス内の余白*/
	border: 0px solid #dcdcdc;	/*枠線の幅、線種、色*/
	text-align: center;			/*文字をセンタリング*/
}
/*TEL*/
#contact p{
	font-size: 11px;		/*文字サイズを大きく*/
}

#contact p span{
	font-size: 10px;		/*文字サイズを大きく*/
	background-color: #888;
	color: #fff;
	padding: 2px 5px;
	border-radius: 2px;
}

.telsvg{
	background-image: url(../images/tel.svg);
	width: 210px;
	height: 23px;
	margin: 3px auto 4px auto;
}
/*TELの受付時間の小文字部分*/


/*PC用右上のアイコン*/
@media print{
.header_btn{
	display: none;
}
}
.header_btn p{
	font-size: 13px;
	text-align: center;

}

a:hover .mail,a:hover .map{
	opacity: 0.6;
	transition: 0.5s;
	text-decoration:underline;
	text-decoration: none;
}

.header_btn div{
	text-align: center;
	width: 81px;
	padding-top: 35px;

}



.news{
	float: right;		/*右に回り込み*/
	height: 88px;
}

.fb{
	float: right;		/*右に回り込み*/
	height: 88px;
}

.mail{
	float: right;		/*右に回り込み*/
	background-color: #FF9326;
	color: #fff;
	height: 88px;
}
.map{
	float: right;		/*右に回り込み*/
	background-color: #555;
	color: #fff;
	height: 88px;
}





/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
	clear: both;
	overflow: hidden;
	background: #00B259;	/*背景色*/
	font-size: 14px;
	letter-spacing: -0.1em;
	height: 45px;
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	width: 16.6%;	/*メニュー幅（100÷6個=16.6%）　もし４個にするなら100÷4=25%になる。*/
	padding-top: 4px;	/*この数字と「#menubar li a」のpaddingの１つ目(7px)の数字を足した合計が「#menubar li a」の３つ目の数字(12px)になるようにする。*/
}
#menubar li a {
	display:  block;
	text-decoration: none;
	text-align: center;
	color: #fff;	/*文字色*/
	padding: 6px 0px 9px;	/*上、左右、下への余白。上の「#menubar li」のpadding-topの解説と合わせて読んで下さい。*/
}
/*マウスオン時、現在表示中メニュー*/
#menubar li a:hover,
#menubar li.current a {
	background: #fff;	/*背景色*/
	color: #00B259;		/*文字色*/
	border-radius: 8px 8px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下への順。*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {
	display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
	display: none;
}

/*ドロップダウンメニュー用
---------------------------------------------------------------------------*/
/*ドロップダウンブロックの設定*/
#menubar ul.ddmenu {
	position:absolute;
	visibility: hidden;
	z-index: 100;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
	background: #333;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.8);	/*背景色。0,0,0は黒の事で0.8は透明度80%の事。*/
	width: 25%;	/*幅。お好みで変更してもらってOKです。*/
	padding: 10px;	/*ボックス内の余白*/
	border-radius: 8px;	/*角丸のサイズ*/
	border: 2px solid #fff;	/*枠線の幅、線種、色*/
}
/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li {
	padding-top: 0;
	width: 50%;	/*幅*/
	height: 2em;	/*高さ*/
	overflow: hidden;	/*上の高さを超えた時に非表示にする設定。文字数が増えた時にレイアウトが崩れないための設定ですが、文字を全て表示させたいならこの行と上の行を削除。*/
}
#menubar ul.ddmenu li a {
	background: transparent;	/*背景色をリセットする*/
	border-radius: 0;
	text-align: left;	/*文字を左寄せ*/
	padding: 0 10px;	/*上下、左右への余白*/
	color: #fff;	/*文字色*/
}
/*マウスオン時*/
#menubar ul.ddmenu li a:hover {
	border-radius: 0;
	background: #fff;	/*背景色*/
	color: #5aaf35;		/*文字色*/
}

/*トップページメイン画像
---------------------------------------------------------------------------*/
#mainimg {
	clear: both;
	position: relative;
	max-width: 1400px;	/*画像の最大幅。「.inner」のmax-widthと揃える。*/
	margin: 0 auto;
}
/*左側（小さい端末だと上に位置するボタン）のボタン「職種で検索」*/
#mainimg #btn_job1 {
	position: absolute;
	left: 10%;		/*メイン画像に対して左から10%の場所に配置*/
	bottom: 20%;	/*メイン画像に対して下から20%の場所に配置*/
	width: 23%;;	/*画像幅*/
	background: #9faf35;	 /*背景色（古いブラウザ用）*/
	background: #9faf35 padding-box;	/*背景色。padding-boxは、下で設定しているボーダーの半透明を反映する為に指定。*/
	border: 6px solid rgba(159,175,53,0.4);	/*枠線の幅、線種、rgb指定での色。0.4は透明度40%の事。*/
}
/*右側（小さい端末だと下に位置するボタン）のボタン「勤務地で検索」*/
#mainimg #btn_job2 {
	position: absolute;
	left: 36%;		/*メイン画像に対して左から36%の場所に配置*/
	bottom: 20%;	/*メイン画像に対して下から20%の場所に配置*/
	width: 23%;;	/*画像幅*/
	background: #35a5af;	/*背景色（古いブラウザ用）*/
	background: #35a5af padding-box;	/*背景色。padding-boxは、下で設定しているボーダーの半透明を反映する為に指定。*/
	border: 6px solid rgba(53,165,175,0.4);	/*枠線の幅、線種、rgb指定での色。0.4は透明度40%の事。*/
}
/*ボタンのマウスオン時*/
#mainimg #btn_job1:hover,
#mainimg #btn_job2:hover{
	opacity: 0.8;	/*透明度80%にする*/
}


/*その他ページヘッダー*
---------------------------------------------------------------------------*/
.sonotaimg{
	max-width: 1400px;
	margin: 0 auto;
}

.sonotaimg img{
	width: 100%;
}
.contents5 {
	clear: both;
	overflow: hidden;
	padding: 0;	/*上下、左右に空けるボックス内の余白*/
	border-bottom: 5px solid #00B259;

}
.sonota_title{
  display: -webkit-flex; /* Safari */
  display: flex;
	max-width: 1400px;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	padding: 28px;
 align-items:center;
}

.subtit4{
}

.subtit4 h2{
font-size: 170%;
	border-left: 5px solid #FF8000;
	padding: 5px 20px;
	line-height: 110%;
}

.subtit4 h2 span{
font-size: 50%;
	font-weight: 400;
	
	line-height: 100%;
	margin: 0;
	padding: 0 0 0 10px;

	margin: 5px 0;
}

.subtit5{
	font-size: 150% !important;
	margin: 10px 0px 20px 5px !important;
	clear: both!important;
}

.subtit7{
	font-size: 150% !important;
	margin: 45px 0px 45px 5px !important;
	clear: none !important;

}

.name{
	font-size: 140%;
	margin-left: 10px;
}

.img_center{/*画像中央揃え　ヘッドライドコーティング*/
	text-align: center;
}
.sub_pic{
	width: 20%;
}

.pan_container{
background-color: #FFDC73;
	padding: 15px 0px;
}

.pan_container p{
	font-size: 95%;
}

/*コンテンツ（mainとsubを囲むブロック）
---------------------------------------------------------------------------*/
.contents {
	clear: both;
	overflow: hidden;
	padding: 40px 0;	/*上下、左右に空けるボックス内の余白*/
}

.contents2 {
	clear: both;
	overflow: hidden;
	padding: 40px 0;	/*上下、左右に空けるボックス内の余白*/
	background-color: #ccc;
	border-bottom: 5px solid #00B259;
}

.contents3 {
	clear: both;
	overflow: hidden;
	padding: 40px 0;	/*上下、左右に空けるボックス内の余白*/
	border-bottom: 5px solid #00B259;
}

.contents4 {
	clear: both;
	overflow: hidden;
	padding: 40px 0;	/*上下、左右に空けるボックス内の余白*/
}

/*トップ頁ピックアップ*/

.subtit{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 2.5em;
	text-align: center;
	margin-bottom: 20px;
	color: #000000;
}

.subtit2{
	text-align: center;
	font-size: 1em;
	color: #000000;
	line-height: 150%;
	margin-bottom: 35px;
}

#top_pick_container{
	display:-webkit-flexbox;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-around;
	align-items:stretch;
	justify-content:center;
}

.top_box_01,.top_box_02,.top_box_03,.top_box_04,.top_box_05,.top_box_06,.top_box_07,.top_box_08{
	width: 25%;
	display: flex;
}

.top_box_01 div,.top_box_02 div,.top_box_03 div,.top_box_04 div,.top_box_05 div,.top_box_06 div,.top_box_07 div,.top_box_08 div{
	width: 92%;
	text-align: center;
	height: 94%;
	margin: 0 auto;
}

.top_box_01 h4,.top_box_02 h4,.top_box_03 h4,.top_box_04 h4,.top_box_05 h4,.top_box_06 h4,.top_box_07 h4,.top_box_08 h4{
	font-size: 1.7em;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin: 20px 20px 0px 20px;
	padding-top: 15px;
	padding-bottom: 5px;
	font-weight: 600;
	line-height: 110%;
}

.top_box_01 span,.top_box_02 span,.top_box_03 span,.top_box_04 span,.top_box_05 span,.top_box_06 span,.top_box_07 span,.top_box_08 span{
	display: block;
	font-size: 0.75em;
	padding: 7px 0;
	line-height: 110%;
}

.top_box_01 img,.top_box_02 img,.top_box_03 img,.top_box_04 img,.top_box_05 img,.top_box_06 img,.top_box_07 img,.top_box_08 img{
	margin: 15px 0px 15px 0px;
}

.top_box_01 p,.top_box_02 p,.top_box_03 p,.top_box_04 p,.top_box_05 p,.top_box_06 p,.top_box_07 p,.top_box_08 p{
	font-size: 0.9em;
	line-height: 150%;
	padding: 10px 15px 25px 15px;
	margin-bottom: 25px;
}


/*BOX１*/
.top_box_01 div{
	background-color: #DDDDDD;
}

.top_box_01 h4,.top_box_01 span{
	color: #444444;
}

.top_box_01 h4{
	border-bottom: 4px solid #444444;
}


/*BOX2*/
.top_box_02 div{
	background-color: #C6DFDE;
}

.top_box_02 h4,.top_box_02 span{
	color: #39786C;
}

.top_box_02 h4{
	border-bottom: 4px solid #39786C;
}


/*BOX3*/
.top_box_03 div{
	background-color: #FBF0B0;
}

.top_box_03 h4,.top_box_03 span{
	color: #74603E;
}

.top_box_03 h4{
	border-bottom: 4px solid #74603E;
}


/*BOX4*/
.top_box_04 div{
	background-color: #CEE7FF;
}

.top_box_04 h4,.top_box_04 span{
	color: #3E67B7;
}

.top_box_04 h4{
	border-bottom: 4px solid #3E67B7;
}


/*BOX5*/
.top_box_05 div{
	background-color: #FFDFBF;
}

.top_box_05 h4,.top_box_05 span{
	color: #DF7000;
}

.top_box_05 h4{
	border-bottom: 4px solid #DF7000;
}


/*BOX6*/
.top_box_06 div{
	background-color: #FFDBDB;
}

.top_box_06 h4,.top_box_06 span{
	color: #E25871;
}

.top_box_06 h4{
	border-bottom: 4px solid #E25871;
}


/*BOX7*/
.top_box_07 div{
	background-color: #C8D6FF;
}

.top_box_07 h4,.top_box_07 span{
	color: #394D72;
}

.top_box_07 h4{
	border-bottom: 4px solid #394D72;
}


/*BOX8*/
.top_box_08 div{
	background-color: #CDEFB8;
}

.top_box_08 h4,.top_box_08 span{
	color: #008C00;
}

.top_box_08 h4{
	border-bottom: 4px solid #008C00;
}

/*トップNEWS*/

#newsList{
	margin: 0;
	padding: 0;
	overflow: hidden !important;
}


.top_news_d{
width: 100%;
	border-bottom: 1px solid #888888;
	overflow: hidden;
	padding: 35px 0;
	list-style: none;
	display: block;
}

.thumbNailWrap{
	width: 25%;
	text-align: center;
	float: left;
}

.top_news_l p{
	font-size: 0.8em;
	text-align: left;
	margin-left: 15px;
}

.top_news_l img{
	border: 1px solid #ccc;
	padding: 4px;
	background-color: #ddd;
	width: 90%;
	margin: 0 auto 15px 0;

}

.comment{
	width: 73%;
	float: right;
}


.top_news_r h4,.title{

}

.top_news_r h4 a,.title a{
	color: #fff;
	display: block;
	text-decoration: none;
	background-color: #555555;
	font-size: 120%;
	padding: 8px 15px;
	border-radius: 4px;
	font-weight: 400 !important;
	margin-bottom: 15px;
	clear: both;
}

.top_news_r h4 a:hover,.title a:hover{
	opacity: 0.6;
	transition: 0.5s;
	text-decoration:underline;
}


.top_news_r p{
	font-size: 88% !important;
	line-height: 150% !important;
	padding: 0 5px !important;
	margin-bottom: 10px;
}

/*コンテンツのh2タグの設定*/
.contents h3 {
	clear: both;
	font-size: 1.2em;	/*文字サイズ*/
	line-height: 1.4;	/*行間*/
	margin-bottom: 20px;	/*見出しの下にとるスペース*/
	padding: 10px 20px;	/*上下、左右への余白*/
	background: #444444;
	color: #fff;
	border-radius: 4px;
}

/*コンテンツのh4タグの設定*/
.contents h4 {
	font-size: 150%;
	clear: both;
	margin-bottom: 20px;	/*見出しの下にとるスペース*/
	padding: 0px 15px;		/*上下、左右への余白*/
}

/*コンテンツの段落タグ設定*/
.contents p {
	padding: 0px 20px 35px;	/*上、左右、下への余白*/
}
.contents h2 + p,
.contents h3 + p {
	margin-top: -10px;
}


/*その他ページコンテンツの中身*/
.img_r{
	float: right;
	width: 35%;
	margin: 0 15px 15px 15px;
}

.img_r2{
	float: right;
	width: 40%;
	margin: 0 15px 15px 15px;
}

.img_r4{
	float: right;
	width: 40%;
	margin: 0 15px 25px 25px;
}

.img_r5{
	float: right;
	width: 28%;
	margin: 0 15px 25px 25px;
}

.img_l{/*安心の5年サポート*/
	float: left;
	width: 17%;
	margin: 15px 15px 15px 15px;
}

.img_l2{/*ヘッドライトコーティング*/
	float: left;
	width: 40%;
	margin: 5px 25px 10px 15px;
	clear: left;
}

.img_l2{/*ショップ情報*/
	float: left;
	width: 27%;
	margin: 25px 25px 25px 15px;
}


.contents_s{
	padding-bottom: 45px;
	overflow: hidden;
	display: block;
}

.contents_s ol{ /*コーティング*/
	margin: 0;
	padding: 0;
	width: 95%;
	margin: 0 auto;
}

.contents_s ol li{/*コーティング*/
	font-size: 150%;
	border-bottom: 1px dotted #000;
	list-style-position: inside;
	padding: 15px 0;
}



.light_li{/*ヘッドライトコーティング*/
	padding: 0  !important;
	margin: -20px 15px 20px 15px!important;
	width: auto !important;
	overflow: auto;
}

.light_li li{/*ヘッドライトコーティング*/
	font-size: 100% !important;
	padding: 5px 10px !important;
}


.contents_s ol li span{/*コーティング*/
	font-size: 0.6em;
	font-weight: 400;
	display: block;
	margin-left: 0px;
	line-height: 150%;
	margin-top: 8px;
}


.price{/*コーティングの価格*/
	font-size: 150%;
	line-height: 165%;
	padding-bottom: 15px !important;
	margin-top: 25px !important;
}

.yoyaku{/*コーティングの価格*/
	background-color: #D93600;
	color: #fff;
	font-size: 55%;
	text-align: center;
	padding: 5px 15px;
	margin-right: 10px;
	font-weight: 400;

}

.price_r{/*コーティングの価格*/
	font-size: 120%;
	color: #D83300;	
}

.price_r span{/*コーティングの価格*/
	font-size: 50%;
	color: #000;	
}


/*板金塗装プラン　プレミアム　スタンダード　バリュー*/
.repair_plan{
	background-color: #FFEEBB;
	padding: 25px 25px;
}

.repair_plan img{
	float: left;
	margin: 0px 10px 10px 0px;
}

.repair_plan dt{
	font-size: 160%;
	line-height: 110%;
	margin: 0px 0px 5px 0px;
}

.repair_plan dt span{
	background-color: #FF8000;
	color: #fff;
	font-size: 50% !important;
	padding: 5px 10px;
	display: block;
	float: left;
	line-height: 100%;
	margin: 0px 10px 0px 0 ;
}

.repair_plan dd{
	font-size: 88%;
	border-bottom: 1px solid #D6C8A5;
	padding-bottom: 25px;
	margin-bottom: 5px;
	line-height: 150%;
}


.repair_p_01{
	margin-top: 15px;
	
}

.repair_p_02{
	margin-top: -25px;
	padding-top: 0px;
}

.repair_p_02 span{
	background-color: #008C23;
	color: #fff;
	padding: 5px 15px;
	font-size: 88%;
	margin-right: 10px;
}

/*その他ページフッダー事例共通*/
.zirei_ft h5,.dress_ft h5,.light_ft h5,.repair_ft h5,.sticker_ft h5{/*コーティング事例*/
	font-size: 144%;
	float: left;
	padding: 22px 15px 25px 15px;
	letter-spacing: -0.1em;
}

.sonota_news_d_wrap{
	background-color: #fff;
	padding: 25px;
	clear: both;
}

.itiran{
	background-color: #fff;
	border-radius: 4px;
	text-align: center;
	width: 55px;
	font-size: 13px;
	float: left;
	height: 25px;
	line-height: 25px;
	display: block;
	margin-top: 22px;
}

.access_bn{/*お問い合わせバナー*/
	width: 100%;
	margin: 25px 0;
}


/*その他ページフッダーの事例*/
.zirei_ft{/*コーティング事例*/
	background-color: #A4D1FF;
	padding: 7px;
	overflow: hidden;
}

.dress_ft{/*ドレスアップ事例*/
	background-color: #CBBAE2;
	padding: 7px;
	overflow: hidden;
}

.light_ft{/*ヘッドライト事例*/
	background-color: #73D2C5;
	padding: 7px;
	overflow: hidden;
}

.repair_ft{/*自動車板金塗装事例*/
	background-color: #A6D56C;
	padding: 7px;
	overflow: hidden;
}

.sticker_ft{/*ステッカー制作事例*/
	background-color: #DCD0FF;
	padding: 7px;
	overflow: hidden;

}

.coat_bar{
	border-bottom: 1px solid #A4D1FF !important;/*コーティング事例*/
}

.dressup_bar{
	border-bottom: 1px solid #CBBAE2 !important;/*ドレスアップ事例*/
}

.headlight_bar{
	border-bottom: 1px solid #73D2C5 !important;/*ヘッドライト事例*/
}

.repair_bar{
	border-bottom: 1px solid #A6D56C !important;/*板金塗装事例*/
}

.sticker_bar{
	border-bottom: 1px solid #DCD0FF !important;/*ステッカー制作事例*/
}


.sonota_news_d{
width: 100%;
	overflow: hidden;
	padding: 0 0 25px 0;
	background-color: #fff;

}

.sonota_news_l{
	width: 18%;
	text-align: center;
	float: left;
}



.sonota_news_l img{
	border: none;
	padding: 4px;
	width: 90%;
	margin: 0 auto;
}

.sonota_news_r{
	width: 80%;
	float: right;
	padding: 0 !important;

}


.sonota_news_r h4{
	font-size: 1.2em;
	padding: 0px;
	border-radius: 4px;
	font-weight: 400 !important;
	margin-bottom: 15px;
	clear: both;
	line-height: 125%;
}

.sonota_news_r p{
	font-size: 0.9em;
	line-height: 150% !important;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}



/*ドレスアップ*/
.dressup_aisatu{
	background-color: #eee;
	overflow: hidden;
	margin-bottom: 45px;
	margin-top: -45px;
}

.dressup_aisatu img{
	float: left;
	margin: 20px 25px 0 25px;
	width: 17%;
}


.dressup_aisatu h5{
	padding: 25px 25px 0 25px;
	font-size: 132%;
	font-weight: 600;
	line-height: 135%;
}

.dressup_aisatu p{
	padding: 25px;
}

.dressup_aisatu span{
	display: block;
	text-align: right;
	margin: 0px 25px 25px 0px;
	font-size: 140%;
}

.dressup_exam {
	overflow: hidden;
	padding-bottom: 25px;
  display: -webkit-flex; /* Safari */
  display: flex;
}

.car_pic{/*ドレスアップ事例*/	
	padding: 15px 0 25px 15px;
	width: 28% !important;

}

.dressup_exam2_wrap{
	position: relative;
	z-index: 0;
	padding-top: 15px;
}

.cyumoku_icon{/*注目アイコン*/
	position: absolute;
	top: 0;
	left: -1%;
	width: 10%;
	z-index: 1;
}


.dressup_exam2{
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom: 45px;
	position: relative;
}

.dressup_exam2 div{
	background-color: #A6D56C;
	margin: 0 8px;
	padding: 8px 15px 8px 0 !important;
}


.dressup_exam2 div h4{
	width: auto;
	display: inline;
	font-size: 128%;
	margin: 0 0 !important;
	padding: 0 !important;
}

.spacer_fog{
	background-color: #ffffff !important;
	padding: 0 !important;
}

.fog_link{
	display: block;
	float: right;
	margin: 10px 10px 35px 10px;
}

.dressup_exam2 h5{
	font-size: 128%;
	width: auto;
	display: inline;
	}

.dressup_exam2 p{
	margin: 15px 8px !important;
	padding: 0 0 35px 0 !important;
	}

.dressup_exam_img {
	width: 30%;
	padding-top: 14px;
}

.dressup_exam_img img{/*ドレスアップ事例*/	
	border-radius: 2.7px;
}

.dressup_exam_img p{/*ドレスアップ事例*/
	text-align: center;
	font-size: 88%;
}




.dressup_exam2 img{/*ドレスアップ事例*/	
	margin: 0px 15px 10px 8px !important;
	width: 28%;
	float: left;
	border-radius: 2.7px;
	padding: 0 !important;
}



.dressup_exam_r{
	padding: 15px 20px 20px 20px;
	width: 68%;
}

.dressup_exam h4{/*ドレスアップ事例*/
	background-color: #A6D56C;
	font-size: 128%;
	padding: 8px 15px;
	margin-bottom: 25px;
}

.dressup_exam h5{/*ドレスアップ事例*/
	font-size: 134%;
	margin: 10px;

}

.dressup_exam p{/*ドレスアップ事例*/
	margin: 0px;
	padding: 10px;
	font-size: 95%;
	line-height: 150%;
}

.oneoff{/*ドレスアップ事例 ワンオフ加工*/	
	width: 97%;
	clear: both !important;
	overflow: hidden;
	margin: 0 auto;
}

.oneoff span{/*ドレスアップ事例 ワンオフ加工*/	
	width: 115px;
	border: 1px solid #888888;
	background-color: #dddddd;
	text-align: center;
	margin: 0 10px 10px 0 !important;
	padding: 0 !important;
	display: block;
	float: left;
}

.oneoff p{/*ドレスアップ事例 ワンオフ加工*/	
	margin: 0 !important;
	padding: 0 !important;
}

.dress_flow{/*施工の流れ*/
	width: 98%;
	margin: 15px auto 77px auto !important;
	background-color: #DDDDDD;
	clear: both;
	overflow: hidden;
}

.dress_flow div{
	width: 100%;
	background-color: #aaaaaa;
	clear: both;
	overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.dress_flow div h6{/*施工の流れ*/
	width: 168px;
	background-color: #FF7A4D;
	color: #ffffff;
	font-weight: 400;
	margin: 0 !important;
	padding: 7px 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
		line-height: 125%;
	font-size: 16px;
}

.dress_flow div p{/*施工の流れ*/
	margin: 0 !important;
	padding: 7px 15px !important;
	line-height: 125%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.dress_flow ul{/*施工の流れ*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
	padding: 15px 7px 5px 7px;
}

.dress_flow li{/*施工の流れ*/
	list-style: none;
}

.dress_flow a{/*施工の流れ*/
	display: block;
	
}

.dress_flow a img{/*施工の流れ*/
	border: 1px solid #ffffff;
	width: 88%;
	margin: 0 auto !important;
	display: block !important;
}

.dress_flow li span{/*施工の流れ*/
	font-size: 13px;
	display: block;
	text-align: center;
}

/*ドレスアップ（フォグランプ追加）
-----------------------------------------------------------------------------------*/

.fog_header{
	margin: 0;
	padding: 0;
	line-height: 165% !important;
}

.fog_header img{
	float: right !important;
	width: 45%;
	display: block;
	margin: 0 0 15px 15px !important;
	padding: 0 !important;
}

@supports (-ms-ime-align: auto) {/*Edgeのみに適用*/
.fog_header img{
	float: right !important;
	width: 45%;
	display: block;
	margin: 0 0 15px 15px !important;
	padding: 0 !important;
}
}


.fog_header h4{
	display: inline-block;
	margin: 10px 0 25px 0 !important;
	padding: 0 !important;
}

.fog_header p{
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
}

.hikaku_container{/*施工前と施工後の比較*/
	background-color: #dddddd;
	width: 100%;
	margin: 45px auto;
	padding: 0;
	overflow: hidden;
	clear: both;
}

.hikaku_header{
	width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.hikaku_header h4{
	background-color: #FF7A4D;
	color: #ffffff;
	width: 145px;
	font-size: 16px !important;
	margin: 0 !important;
	padding: 7px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.hikaku_header h5{
	background-color: #AAAAAA;
	font-size: 16px;
	margin: 0 !important;
	padding: 7px !important;
    width: calc(100% - 145px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
	line-height: 125%;
}

.hikaku_syasyu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: stretch;
	width: 88%;
	margin: 35px auto;
}

.hikaku_syasyu h6{
	background-color: #777777;
	color: #ffffff;
	font-size: 16px;
	width: 84px !important;
	margin: 0 !important;
	padding: 3px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
	font-weight: 400;
}

.hikaku_syasyu p{
	width: calc(100% - 84px);
	margin: 0 !important;
	padding: 3px 15px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.be_af_container{
	width: 88%;
	margin: 0 auto 55px auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.be_af_container div{
	background-color: #ffffff;
	padding: 13px;
	width: calc(48% - 26px);
}

.be_af_container div img{
	width: 100%;
}


.be_af_container div p{
	font-size: 128%;
	text-align: center;
	margin: 15px auto 10px auto !important;
	padding: 0 !important;
}

.be_af_container div span{
	font-size: 88%;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto !important;
	padding: 0 !important;
	line-height: 145% !important;
}

.dressup_flow{
	width: 100%;
	border-bottom: 1px dotted #000000;
	padding: 25px 0 25px 0;
	clear: both;
	overflow: hidden;
}

.dressup_flow img{
	float: left;
	width: 30%;
	margin: 0 25px 0px 0;
	padding: 0;
	display: block;
}

.dressup_flow div{
		background-color: #A6D56C;
	padding: 8px 25px 8px 0 !important;
	margin-bottom: 25px !important;
	min-height: 25px !important;
}

.dressup_flow h4{
	font-size: 128%;
	font-weight: 400;
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}

.dressup_flow span{
	display: inline-block;
	font-size: 128%;
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
}

.dressup_flow p{
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}

/*ステッカー詳細*/
.sticker_s{
	font-size: 160%;
	border-bottom: 1px dotted #000;
	text-align: center;
	line-height: 120%;
	margin:25px 10px 0px 10px;
	padding-bottom: 15px!important;
}

.sticker_s span{
	background-color: #D93600;
	color: #fff;
	font-size: 50%;
	padding: 5px 15px;
	margin-right: 10px;
	margin-bottom: 0 !important;
}

.sticker_s small{
	font-size: 55%;
	margin: 0 10px !important;
	padding-bottom: 0 !important;
}

.sicker_pic_01 img{
	width: 55% !important;
	
}

.sicker_pic_02 img{
	width: 70% !important;
	margin-top: 65px;
	
}

.sicker_p{
	margin: 15px;
}


/*ニュースページ関連*/

.news_navi_sm{
	display: none;
}

.news_header{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: row;
  align-items: center;
	overflow: hidden;
	padding: 0 !important;
	margin-top: 10px;
	margin-bottom: -29px;
}

.news_header img{
	width: 28%;
	height: auto;
}

.news_header div{
	width: 72%;
	padding: 0 !important;
}
.news_header div h3{
	font-size: 180%;
	line-height: 150%;
	margin: 0px 35px 0px 35px
}

.news_header div p{	
	font-size: 92%;
	margin: 0px 35px 0px 35px;
	line-height: 135%;
}

.header_index{/*ニュース一覧の背景*/
	height: auto;
}

.news_itiran{/*ニュース一覧の背景*/
	background-color: #FFDC73;
}

.news_00{/*ニュース一覧の背景*/
	background-color: #FFB973;
}

.news_01{/*ニュース一覧の背景*/
	background-color: #FFAE93;
}

.news_02{/*ニュース一覧の背景*/
	background-color: #AFE68E;
}


.news_03{/*ニュース一覧の背景*/
	background-color: #B5C8FF;
}


.news_04{/*ニュース一覧の背景*/
	background-color: #FFB3B3;
}


.news_05{/*ニュース一覧の背景*/
	background-color: #FFCF9F;
}

.news_06{/*ニュース一覧の背景*/
	background-color: #AAD5FF;
}

.news_07{/*ニュース一覧の背景*/
	background-color: #FAEA92;
}

.news_08{/*ニュース一覧の背景*/
	background-color: #AFD1CF;
}

.news_09{/*ニュース一覧の背景*/
	background-color: #AFD1CF;
}

.news_10{/*ニュース一覧の背景*/
	background-color: #C7C7C7;
}




.news_navi_wrap{
	padding: 0 !important;	
}

.news_navi{/*ニュースナビ共通*/
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap: nowrap !important;
}
.news_navi a{/*ニュースナビ共通*/
	display: block;
	margin-right: 10px;
	font-size: 78%;
	text-decoration: none;
	padding: 11px 5px;
	color: #000;
	width: 90%;
	text-align: center;
	line-height: 110%;
}

.news_navi a:hover{/*ニュースナビ共通*/
	opacity: 0.6;
	transition: 0.5s;
	text-decoration:underline;
}



.news_navi a:first-child {
	margin-left: 10px;
}

.news_navi li{/*ニュースナビ共通*/
	list-style: none;
	display: block;
}


.news_n_01{/*ニュースナビ共通 各ボタンの色*/
	background-color: #C7C7C7;
}

.news_n_02{
	background-color: #AFD1CF;
}

.news_n_03{
	background-color: #FAEA92;
}

.news_n_04{
	background-color: #AAD5FF;
}

.news_n_05{
	background-color: #FFCF9F;
}

.news_n_06{
	background-color: #FFB3B3;
}

.news_n_07{
	background-color: #B5C8FF;
}

.news_n_08{
	background-color: #AFE68E;
}

.news_n_09{
	background-color: #FFAE93;
}

.news_n_10{
	background-color: #FFB973;
}

.news_n_11{
	background-color: #FFDC73;
}


/*トップページ用Car　friend部分*/

.carfrwr{
	display: table;
	width: 100% !important;
}

.carfr_l{
	width: 50% !important;
	color: #000;
 display: table-cell;
}



.carfr_l img{
	margin-bottom: 25px;
}

.carfr_r{
	width: 50% !important;
 display: table-cell;
  vertical-align: middle;
	text-align: center;
}

.carfr_r img{
	max-width: 94%;
}


/*トップ下部アイコン*/

.color_container{
padding: 45px 15px;
}

.color_img{
	float: left;
	margin-right: 10px;
}


.colors1{
	background-color: #CCCCCC;
	padding: 8px 15px;	
	display: inline-block;
	margin-top: 15px;
	line-height: 125%;
}

.colors2{
	clear: both;
	margin-top: 25px;
}

.top_cl_tab{
  display: -webkit-flex; /* Safari */
  display: flex;
	margin-top: 45px;
  flex-wrap:         wrap;
}

.top_cl_tab div{
	width: 12.5%;
	text-align: center;
	font-size: 80%;
	line-height: 150%;
}

.top_cl_tab div img{
	width: 80%;
	margin: 0 auto;
}

.top_cl_tab div p{
	font-size: 88%;
	margin-top: 7px;
	margin-bottom: 20px;
	line-height: 120%;
}


/*透過処理／ポイントしたときにフンワリさせる*/

.top_cl_tab a:hover img{
	opacity: 0.6;
	transition: 0.5s;
	text-decoration:underline;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/
.main {
	float: left;	/*左に回り込み*/
	width: 72%;		/*幅*/
}
/*1カラム時のメインコンテンツ*/
.contents.c1 .main {
	float: none;
	width: auto;
}

/*ピックアップサイド
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.putit{
	font-size: 1.5em;
	text-align: center;
}
.list {
	position: relative;
	overflow: hidden;
	padding: 20px;		/*ボックス内の余白*/
	border: 4px solid #dcdcdc;	/*枠線の幅、線種、色*/
	margin-bottom: 50px;		/*ボックス間の余白*/
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1) inset;	/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.1は透明度10%の事。insetは内側への影、という意味。*/
}
/*ボックス内のh4タグ設定*/
.list h4 {
	font-size: 28px;	/*文字サイズ*/
	color: #a21e1e;		/*文字色*/
}
.list h4 a {
	color: #a21e1e;	/*リンクテキストの文字色*/
}
/*ボックス内のp(段落)タグ設定*/
.list p {
	padding: 0px 0px 10px;	/*上、左右、下への余白*/
}
/*「詳細を見る・応募する」ボタン*/
a.btn {
	display: block;
	text-decoration: none;
	background: #a21e1e;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#d42a2a, #a21e1e);	/*グラデーション*/
	color: #fff;	/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	padding: 10px;		/*ボタン内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
	letter-spacing: 0.2em;	/*文字間隔を広くとる設定*/
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}
/*「詳細を見る・応募する」ボタン。マウスオン時。*/
a:hover.btn {
	position: relative;top:1px;left:1px;	/*マウスオン時に少し移動させる設定。*/
	box-shadow: none;	/*ボックスの影を消す設定。*/
	background: linear-gradient(#a21e1e, #d42a2a);	/*グラデーション*/
}
/*アイコン（正社員、アルバイト、パート、未経験可、など）共通*/
.icon {
	display: inline-block;
	margin: 2px;
	font-size: 12px;	/*文字サイズ*/
	padding: 0 5px;		/*ボックス内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	background: #eee;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
}
.icon a {
	text-decoration: none;
}
/*アイコン色付き（正社員）*/
.icon.color1 {
	border: 1px solid #a21e1e;	/*枠線の幅、線種、色*/
	background: #d42a2a;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#d42a2a, #a21e1e);	/*グラデーション*/
	color: #fff;	/*文字色*/
}
/*アイコン色付き（アルバイト）*/
.icon.color2 {
	border: 1px solid #161995;	/*枠線の幅、線種、色*/
	background: #2b2ebc;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#2b2ebc, #161995);	/*グラデーション*/
	color: #fff;	/*文字色*/
}

/*一覧ページのボックス内の右上のマーク
（CMSの場合は管理ページだと「オプション1」～のプルダウン、setup.phpだと「オプション選択肢」に関連します）
---------------------------------------------------------------------------*/
/*option1〜option3、と、newアイコン共通*/
.option1,.option2,.option3,.new {
	font-size: 10px;	/*文字サイズ*/
	text-align: center;
	display: block;
	width: 90px;
	padding-top: 10px;
	position: absolute;
	right: -20px;
	top: -20px;
	transform: rotate(45deg) translate(22px);
}
/*option1*/
.option1 {
	color: #FFF;	/*文字色*/
	background: #f83d72;	/*背景色*/
}
/*option2*/
.option2 {
	color: #000;	/*文字色*/
	background: #ffd200;	/*背景色*/
}
/*option3*/
.option3 {
	color: #FFF;	/*文字色*/
	background: #999;	/*背景色*/
}
/*new*/
.new {
	color: #FFF;	/*文字色*/
	background: #F00;	/*背景色*/
}

/*subコンテンツ
---------------------------------------------------------------------------*/
/*subブロック*/
.sub {
	float: right;	/*右に回り込み*/
	width: 24%;		/*幅*/
}
/*1カラム時のサブブロック*/
.contents.c1 .sub {
	display: none;	/*非表示にする設定*/
}
/*subコンテンツ内のh2タグ設定*/
.sub h2 {
	margin-bottom: 0;
	box-shadow: none;
	font-size: 16px;	/*文字サイズ*/
	text-align: center;	/*内容をセンタリング*/
	padding: 15px;		/*ボックス内の余白*/
	border: 1px solid #dcdcdc;	/*メニューの線の幅、線種、色*/
}
/*subコンテンツ内の段落タグ設定*/
.sub p {
	margin: 0 !important;
	padding: 10px !important;
}

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
.sub ul.submenu {
	margin-bottom: 15px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #dcdcdc;	/*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
.sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 5px 10px;	/*メニュー内の余白。上下、左右への設定。*/
	border-bottom: solid 1px #dcdcdc;	/*下の線の線種、幅、色*/
	border-left: solid 1px #dcdcdc;		/*左の線の線種、幅、色*/
	border-right: solid 1px #dcdcdc;	/*右の線の線種、幅、色*/
}
/*マウスオン時の背景色*/
.sub ul.submenu li a:hover {
	background: #fcf18f;	/*背景色*/
}
/*h2直下にsubmenuが続いた場合のみ、submenuの上の線を消す設定*/
.sub h2 + ul.submenu {
	border-top: none;
}

/*subコンテンツ内のbox1
---------------------------------------------------------------------------*/
.sub{
	overflow: hidden!important;
	padding: 10px!important;			/*ボックス内の余白*/
	margin-bottom: 20px!important;	/*ボックスの下に空けるスペース*/
	border: solid 1px #dcdcdc!important;	/*線の線種、幅、色*/
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1) inset!important;/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.1は透明度10%の事。insetは内側への影、という意味。*/
}

.sub .box1 {
	overflow: hidden!important;
	padding: 10px!important;			/*ボックス内の余白*/
	margin-bottom: 20px!important;	/*ボックスの下に空けるスペース*/
	border: solid 1px #dcdcdc!important;	/*線の線種、幅、色*/
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1) inset!important;/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.1は透明度10%の事。insetは内側への影、という意味。*/
}
/*h2直下にbox1が続いた場合のみ、box1の上の線を消す設定*/
.sub h2 + .box1 {
	border-top: none;
}
/*box1内のサブメニュー*/
.sub ul.submenu {
	margin-bottom: 0;
}

/*subコンテンツ内のlist-subボックス
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.sub .list-sub {
	position: relative;
	overflow: hidden;
	border-left: 0px solid #dcdcdc;		/*左の線の線種、幅、色*/
	border-right: 0px solid #dcdcdc;	/*右の線の線種、幅、色*/
	border-bottom: 0px solid #dcdcdc;	/*下の線の線種、幅、色*/
	line-height: 1.5;	/*行間を少し狭くする。基本となる値は一番上のbodyにあります。*/
	font-size: 12px;	/*文字サイズ*/
}
.sub .list-sub a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	padding: 5px;	/*ボックス内の余白*/
	margin: 8px 0;
}
/*マウスオン時のボックス*/
.sub .list-sub a:hover {
	background: #fcf18f;	/*背景色*/
}

/*画像*/
.sub .list-sub a img {
	width: 28%;
	margin-right: 10px;
	float: left;
	margin-top: 1.2px;
	border-radius: 2.8px;
}

/*h4タグ*/
.sub .list-sub a h5 {
	font-weight: bold;	/*太字にする設定*/
	font-size: 16px;	/*文字サイズ*/
}

.sub .list-sub a h5 span{
	color: #FF5C26;
	margin-right: 10px;
}


/*段落(p)タグ*/
.sub .list-sub p {
	padding: 0 !important;
}
/*画像*/
.sub .list-sub figure {
	width: 30%;		/*画像の幅*/
	float: left;	/*左に回り込み*/
	margin-right: 5px;	/*画像右側に空ける余白*/
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	background: #CCCCCC;	/*背景色*/
	color: #000;	/*文字色*/
	font-size: 85%;	/*文字サイズ*/
	border-top: 5px solid #00B259;
}
footer a {
	color: #000;
}
footer a:hover {
	color: #000;
}
footer .pr {
	display: block;
	font-size: 80%;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	overflow: hidden;
	padding: 20px 0;
}

.footermenu1{
	margin: 25px auto;
	overflow: hidden;
}

.footermenu1 li{
	list-style: none;
	float: left;
	border-right: 1px solid #000;
	padding: 2px 15px;
	line-height: 100%;
	margin-bottom: 5px;
}

.footermenu1 li:last-child {
	border-right: 0px solid #000;
}

.area{
	background-color: #E7E7E7;
	padding: 15px 25px 7px ;
	overflow: hidden;
}


.area p{
	float: left;
	width: 10%;
	display: block;
}

.area div{
width: 88%;
	float: right;
}


.area dl{
	clear: both;
}

.area dt{
	float: left;
	border-right: 1px solid #000;
	padding-right: 20px;
	margin-right: 10px;
	margin-bottom: 8px;
	line-height: 100%;
	max-height:200%;	
}


.area dd{
	float: left;
	padding: 0px 10px;
	line-height: 100%;
	margin-bottom: 8px;
}

.ft_area{
	margin-top: 55px;
	line-height: 150%;
}

footer img{
margin-right: 15px;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;

}
#copyright a {
	text-decoration: none;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	padding-left: 20px;
	margin-bottom: 20px;
	height: 160px;	/*高さ*/
	overflow: auto;	/*上で設定した高さを超えた場合にスクロールを出す設定。全部表示させていたいなら、この行と上の高さの行を削除する。*/
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;		/*幅*/
	color: #5aaf35;	/*文字色*/
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 9em;
	border-bottom: 1px solid #eee;	/*下線の幅、線種、色*/
}

/*よく頂く質問ページ
---------------------------------------------------------------------------*/
/*ブロック全体*/
.faq {
	padding: 0px 20px;	/*上下、左右への余白*/
}
/*質問の設定*/
.faq dt {
	color: #5aaf35;	/*文字色*/
	padding-top: 15px;
}
.faq dt a {
	color: #5aaf35;	/*文字色*/
}
/*回答の設定*/
.faq dd {
	border-bottom: 1px solid #dcdcdc;	/*下線の幅、線種、色*/
	overflow: hidden;
	padding-bottom: 15px;
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*ta1設定*/
.ta1 {
	width: 100%;
	margin: 0 auto 20px;
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px 15px;	/*ボックス内の余白*/
	word-break: break-all;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #f6f5f2;	/*背景色*/
	font-size: 18px;	/*文字サイズ*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 140px;	/*幅*/
	text-align: center;	/*センタリング*/
	font-weight: normal;
}
/*左側ボックスに画像を入れた場合の設定*/
.ta1 th img {
	width: 100%;
}
/*labelタグを２列表示にする*/
.ta1.cms td label {
	float: left;
	width: 50%;
}

/*submitボタンの設定
---------------------------------------------------------------------------*/
input[type="submit"],
input[type="button"],
input[type="reset"] {
	padding: 10px 30px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
	font-size: 16px;	/*文字サイズ*/
	border: 1px solid #ccc;
}
/*マウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
	background: #fff;	/*背景色*/
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	padding-top: 40px;
}
#pagetop a {
	color: #fff;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	background: #00B259;	/*背景色*/
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	width: 60px;	/*幅*/
	line-height: 60px;	/*高さ*/
	border-radius: 10px;	/*角丸のサイズ*/
	border: 3px solid #fff;	/*枠線の幅、線種、色*/
	box-shadow: 0px 5px 15px rgba(0,0,0,0.2);	/*ボックスの影*/
	margin-bottom: 20px;
}
/*マウスオン時*/
#pagetop a:hover {
	background: #fff;	/*背景色*/
	color: #00B259;		/*文字色*/
}

/*トップページのNEWなど
---------------------------------------------------------------------------*/


.data,.up_ymd{
	font-size: 80%;
	line-height: 1.5;
	padding: 2px 5px;
	margin: 0px 5px 10px 0px;
	vertical-align: text-top;
	display: block;
	float: left;
	color: #222;
}


.newicon {
	background: #FF8000;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

.cate,.catName{
	background: #FFDC73;	/*背景色*/
	color: #000;		/*文字色*/
	font-size: 70%;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
	display: block;
	float: left;
}

/*その他
---------------------------------------------------------------------------*/
.look {background: #e5e5e5;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 15px;list-style: disc;}
.color1, .color1 a {color: #a21e1e;}
.bg1 {background: #f6f5f2;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 20px;}
.sub .big1 {font-size: 100%;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.date {text-align: right;color: #999;font-size: 12px;}

/*お問合せ・見積依頼*/

.form-horizontal{
	padding-top: 35px !important;
	overflow: hidden;
	}

.form-group{
  display: -webkit-flex; /* Safari */
  display: flex;
	padding-bottom: 15px;
	line-height: 135% !important;
	font-size: 100%;
}

input{
	height: 28px;
}
.col-sm-3{
width: 35%;
	padding-left: 15px;
}

.col-sm-9{
	width: 65%;
}

.form_hissu{
	color: #FF2626;
	font-size: 80%;	
}
.form-control{
	width: 95%;
}

.tenp_rei{
	clear: both;
}

.tenp_rei img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.sample_r_s{
	clear: both;
	margin-left: 0px !important;
	padding-left: 0px !important;
	padding-top: 10px !important;	
}

.btn_wrap{
	text-align: center;
	padding-top: 35px;
}

.btn{
	text-align: center;
	margin: 0 auto;
	width: 280px !important;
	height: 42px;
}

/*サイトバー右側のピックアップifram使用　ほぼ全ページ共通*/

.side_r{
}
.autoHeight{
	border: none;
}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

.flow_spacer img{
	float: left;
	width: 30%;
	margin: 60px 25px 0px 0;
	padding: 0;
	display: block;
}


.flow_spacer div{
		background-color: #A6D56C;
	padding: 8px 10px 8px 0 !important;
	margin-bottom: 25px !important;
	min-height: 25px !important;
	
}
.flow_spacer div h4{
	margin-left: -33% !important;
	padding-left: 0 !important;
	font-size: 110%;
}
.flow_spacer span{
	margin-top: -10px !important;
	padding-top: 0 !important;
}	
	
.be_af_container{
	width: 94%;
	margin: 0 auto 15px auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.cyumoku_icon{/*注目アイコン*/
	top: 64px;
}

.spacer_fog{
	margin-top: -10px !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
	
	.dressup_exam2{
		position: relative;
	}
	
.dressup_exam2 img{/*ドレスアップ事例*/	
	margin: 70px 15px 10px 8px !important;
	width: 28%;
	float: left;
	border-radius: 2.7px;
	padding: 0 !important;
}
	
.dressup_exam2 div{
	background-color: #A6D56C;
	margin: 0 8px;
	padding: 8px 15px 8px 0 !important;
	display: block;
	min-height: 25px;
}
	
.dressup_exam2 div h4{
	font-size: 104%;
	letter-spacing: -1px;
	position: absolute;
	top: 8px;
	left: 15px;
}


.oneoff span{/*ドレスアップ事例 ワンオフ加工*/	
	width: calc(100% - 2px);
	border: 1px solid #888888;
	background-color: #dddddd;
	text-align: center;
	margin: 0 auto 10px auto !important;
	padding: 0 !important;
	display: block;
	float: none;
	clear: both;
}
	
	
.oneoff p{/*ドレスアップ事例 ワンオフ加工*/
	line-height: 165%;
	margin-bottom: 20px !important;
}
	
	
	
.dress_flow div{
	width: 100%;
	background-color: #dddddd;
	clear: both;
	overflow: hidden;
	display: block;
}

.dress_flow div h6{/*施工の流れ*/
	width: 100%;
	padding: 5px 0 !important;
	display: block;
	clear: both;
	text-align: center;
	font-size: 16px !important;
}

.dress_flow div p{/*施工の流れ*/
	width: auto;
	margin: 0 !important;
	margin: 5px 5px 5px 5px!important;
}
	

	
.dress_flow ul{/*施工の流れ*/
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.dress_flow li{/*施工の流れ*/
	list-style: none;
	width: 25%;
}
	
	
/*お問合せ・見積依頼*/
	
.form-horizontal{
	padding: 25px 10px 10px 10px!important;
	overflow: hidden;
	}

.form-group{
  display: -webkit-flex; /* Safari */
  display: flex;
	padding-bottom: 25px;
	line-height: 135% !important;
	font-size: 100% !important;
  flex-direction:  column;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
}
.col-sm-3{
width: 100%;
	padding-left: 0px;
}

.col-sm-9{
	width: 100%;
}

.form_hissu{
	color: #FF2626;
	font-size: 80%;	
	
}
.form-control{
	width: 95%;
}

.tenp_rei{
	clear: both;
}

.tenp_rei img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.sample_r_s{
	clear: both;
	margin-left: 0px !important;
	padding-left: 0px !important;
	padding-top: 10px !important;	
}

.btn_wrap{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 45px !important;
}

.btn{
	text-align: center;
	margin: 0 auto;
}
	
/*お問合せここまで*/
	
.news_navi_sm{
	display: block;
	padding: 15px 0 0px 0 !important;
	margin-bottom: -40px !important;
	margin-top: 15px;
	text-align: center;
}

	select{
		width: 88%;
		display: block;
		margin: 10px auto 0px auto!important;
		clear: both;
	}
	
input[type="submit"], input[type="button"], input[type="reset"] {
  -webkit-appearance: none;
  border-radius: 0;
	font-size: 74%;
	padding: 2px 10px;
	margin: 20px auto 0px auto!important;
	width: 88%;
}
	
.news_navi{/*ニュースナビ*/
	display: none;
}
	
/*ニュースページ関連*/
.news_header{
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: column;
  align-items: center;
	overflow: hidden;
	padding: 0 !important;
	margin-top: 40px;
}

.news_header img{
	width: 100%;
	height: auto;
}

.news_header div{
	width: 100%;
	padding: 0 !important;
}
.news_header div h3{
	font-size: 180%;
	line-height: 150%;
	margin: 25px 25px 0px 25px;
}

.news_header div p{	
	font-size: 92%;
	margin: 0px 25px 25px 25px;
	line-height: 150%;
}
.header_index{/*ニュース一覧の背景*/
	background-color: #FFDC73;
	height: auto;
}
	
	
	
	

/*その他ページヘッダー*/
.sonota_title{
  display: -webkit-flex; /* Safari */
  display: flex;
	max-width: 1400px;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	padding: 28px;
 align-items:center;
	margin-bottom: -38px;
}



.subtit4 h2{
font-size: 170%;
	border-left: 5px solid #FF8000;
	padding: 5px 20px;
	line-height: 110%;
}

.subtit4 h2 span{
font-size: 50%;
	font-weight: 400;
	line-height: 100%;
	margin: 5px 0;
	padding: 0;
	display: block;
}
	
.sub_pic{
}
	
/*inner共通
---------------------------------------------------------------------------*/
.inner {
	width: auto;
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	border-bottom: 1px solid #dcdcdc;	/*下の線の幅、線種、色*/
}

/*PC用右上のアイコンを非表示*/
.header_btn{
	display: none;
}	

/*ヘッダー右側の電話番号ブロック
---------------------------------------------------------------------------*/
/*ブロック全体を非表示にする*/
#contact {
	display: none;
}

.area{
  display:none;
	
}
	
	.ft_area{
  display:none;
	
}

/*スマホとタブレットのみで表示　つまりPCでは非表示*/
.visible_sm{	
	display: block;
	}
	
/*スマホとタブレットで非表示　つまりPCでは表示*/
.hidden_sm{	
	display: none;
	}


	
/*トップページ用Car　friend部分*/

.carfrwr{
	display: table;
	width: 100% !important;
}

.carfr_l{
	width: 50% !important;
	color: #000;
 display: table-cell;
}



.carfr_l img{
	margin-bottom: 25px;
}

.carfr_r{
	width: 50% !important;
 display: table-cell;
  vertical-align: middle;
	text-align: center;
}

.carfr_r img{
	max-width: 94%;
}
	
	
/*トップ頁ピックアップ*/
.top_box_01,.top_box_02,.top_box_03,.top_box_04,.top_box_05,.top_box_06,.top_box_07,.top_box_08{
	width: 50%;
	display: flex;
}

/*トップページ　下部カラーアイコン*/


.top_cl_tab div{
	width: 25%;
	text-align: center;
	font-size: 80%;
	line-height: 150%;
}
/*メインメニュー
---------------------------------------------------------------------------*/
/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	display: block;
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;	/*左に回り込み*/
	width: 50%;		/*メニュー幅*/
}
#menubar-s li a {
	display: block;
	text-decoration: none;
	text-align: center;	/*文字をセンタリング*/
	padding: 15px 0;	/*上下、左右へのメニュー内の余白*/
	border-bottom: 1px solid #dcdcdc;	/*下線の幅、線種、色*/
	border-right: 1px solid #dcdcdc;	/*右線の幅、線種、色*/
}
/*偶数番目のメニューの右側の線を消す*/
#menubar-s li:nth-child(even) a {
	border-right: none;
}
/*PC用メニューを非表示にする*/
#menubar {
	display: none;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 28px;		/*上から28pxの場所に配置*/
	right: 5%;		/*右から5%の場所に配置*/
	width: 30px;	/*幅*/
	border: 1px solid #000;	/*枠線の幅、線種、色*/
	padding: 12px 10px 5px;	/*上、左右、下へのボックス内余白*/
	background: #fff;		/*背景色*/
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #000;	/*枠線の幅、線種、色*/
	margin-bottom: 7px;			/*バー同士の余白*/
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
.main, .sub {
	float: none;
	width: auto;
}

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
.sub ul.submenu li {
	width: 50%;		/*半分の幅にする*/
	float: left;	/*左に回り込み*/
}
/*偶数番目のメニューの左のラインを消す設定*/
.sub ul.submenu li:nth-child(even) a {
	border-left: none;
}

/*subコンテンツ内のlist-subボックス
---------------------------------------------------------------------------*/
/*画像*/
.sub .list-sub figure {
	width: 20%;		/*画像の幅*/
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*アイコン*/
section#new h2::before {
	float: right;	/*右に回り込み*/
	margin-top: 4px;
	font-size: 18px;	/*文字サイズ*/
	background: #fff;	/*背景色*/
	border-radius: 50%;	/*角丸のサイズ*/
	width: 30px;		/*幅*/
	line-height: 30px;	/*高さ*/
	text-align: center;	/*文字をセンタリング*/
	border: 1px solid #dcdcdc;	/*枠線の幅、線種、色*/
	box-shadow: 1px 1px 6px rgba(0,0,0,0.1) inset;	/*内側への影*/
}
/*プラスアイコンの文字*/
section#new h2.close::before {
	content: "＋";
}
/*マイナスアイコンの文字*/
section#new h2.open::before {
	content: "−";
}

/*その他
---------------------------------------------------------------------------*/
body.s-n .sub,body.s-n #footermenu,.m-n {display: none;}
.fl-half{float:left;width:45%;margin-left:3%;}

}




/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
	
.hikaku_syasyu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
	width: 94%;
	margin: 20px auto;
}

.hikaku_syasyu h6{
	background-color: #777777;
	color: #ffffff;
	font-size: 16px;
	width: 100% !important;
	margin: 0 0 10px 0 !important;
	padding: 3px 0 !important;
	font-weight: 400;
}

.hikaku_syasyu p{
	width: 100% !important;
	margin: 0 !important;
	padding: 3px 0 !important;
}

	
.cyumoku_icon{/*注目アイコン　ドレスアップ*/
	position: absolute;
	top: 70px;
	left: -1%;
	width: 13%;
	z-index: 1;
}
.news_header{
	margin-bottom: -10px!important;
}
	
.dressup_exam_img{/*ドレスアップ事例*/	
	padding-top: 0px!important;
	margin-top: -45px!important;
	clear: both !important;
}

.dressup_exam_img img{/*ドレスアップ事例*/	
	border-radius: 2.7px!important;
	margin-top: 0px!important;
	padding-top: 0px!important;
}

.dressup_exam_img p{/*ドレスアップ事例*/
	text-align: center;
	font-size: 88%;
	margin-top: 10px;
}

	
.repair_p_02{
	margin-top: -10px;
	padding-top: 0px;
}
	
.thumbNailWrap{
	display:block!important;
	width:100%!important;
	clear: both!important;
	overflow:hidden!important;
}
	
.thumbNailWrap img{
	width: 94%!important;
	height: auto!important;
	border-radius: 4px!important;
	margin: 0 auto 15px auto!important;
}
	
.comment{
	display:block!important;
	padding:3px 0!important;
	clear: both!important;
	overflow:hidden!important;
	width:100%!important;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
	
	
.subtit4 h2{
	margin-bottom: 15px!important;
}
.news_tit{
	margin-top: 5px !important;
}

/*コンテンツのh4タグの設定*/
.contents h4 {
	font-size: 150%;
	clear: both;
	margin-bottom: 20px;	/*見出しの下にとるスペース*/
	padding: 0px 10px;		/*上下、左右への余白*/
}

.sonota_title{
  display: -webkit-flex; /* Safari */
  display: flex;
	max-width: 1400px;
	padding: 25px 15px;
  flex-direction: column;
  align-items:         flex-start;
}

.subtit4{
}

.subtit4 h2{
font-size: 170%;
	border-left: 5px solid #FF8000;
	padding: 5px 20px;
	line-height: 110%;

}
	
.subtit4 h2 span{
font-size: 50%;
	font-weight: 400;
	line-height: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	margin: 5px 0;
}

.sub_pic{
	width: 100%;
	margin-bottom: 15px;
	margin-top: 17px;
}

/*ドレスアップ*/

.dressup_aisatu img{
	width: 25%;
	margin: 25px 25px 0 25px;
}

.dressup_aisatu p{
	margin:15px;
}
	
.dressup_aisatu p span{
	margin:0px 25px 25px 25px;
}
	
.dressup_exam {
	overflow: hidden;
	padding-bottom: 25px;
  -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}

.dressup_exam_img{/*ドレスアップ事例*/	
	padding: 15px 0 25px 0px;
	width: 100%;
	clear: both;
}

.dressup_exam_img img{/*ドレスアップ事例*/	
	border-radius: 2.7px;
}

.dressup_exam_r{
	padding: 15px 0px 20px 0px;
	width: 100%;
}
	
	
.dressup_exam_r h4{
	padding: 10px 15px;
	margin-top: -25px;
}
	
/*トップページメイン画像
---------------------------------------------------------------------------*/
#mainimg {
	box-shadow: none;
	border-bottom: 1px solid #dcdcdc;	/*下の線の幅、線種、色*/
}
/*左側（小さい端末だと上に位置するボタン）のボタン「職種で検索」*/
#mainimg #btn_job1 {
	left: 10%;		/*メイン画像に対して左から10%の場所に配置*/
	bottom: 45%;	/*メイン画像に対して下から45%の場所に配置*/
	width: 50%;;	/*画像幅*/
}
/*右側（小さい端末だと下に位置するボタン）のボタン「勤務地で検索」*/
#mainimg #btn_job2 {
	left: 10%;		/*メイン画像に対して左から10%の場所に配置*/
	bottom: 10%;	/*メイン画像に対して下から10%の場所に配置*/
	width: 50%;;	/*画像幅*/
}

/*スマホとタブレットのみで表示　つまりPCでは非表示*/
.visible_sm{	
	display: block;
	}
	
/*スマホとタブレットで非表示　つまりPCでは表示*/
.hidden_sm{	
	display: none;
	}	
	
/*コンテンツ
---------------------------------------------------------------------------*/
.contents {
	padding: 20px 0;	/*上下、左右に空けるボックス内の余白*/
}
/*コンテンツのh2タグの設定*/
.contents h2 {
	font-size: 16px;	/*文字サイズ*/
	padding: 5px 10px;	/*上下、左右への余白*/
}
/*コンテンツのh3タグの設定*/
.contents h3 {
	padding: 8px 15px;	/*上下、左右への余白*/
}
/*コンテンツの段落タグ設定*/
.contents p {
	padding: 0px 10px 15px;	/*上、左右、下への余白*/
}

/*その他ページ事例*/
.sonota_news_l{
	width: 100%;
	text-align: center;
	float: left;
	padding-bottom: 15px;
}



.sonota_news_l img{
	border: none;
	padding: 4px;
	width: 90%;
	margin: 0 auto;
}

.sonota_news_r{
	width: 100%;
	float: right;
	padding: 0 !important;

}	

/*トップページ用Car　friend部分*/
.carfrwr{
	display: block !important;
	width: 100% !important;
}
.carfr_l{
	width: 100% !important;
	display: block !important;
	color: #000;
}
	
.carfr_l p{
	width: 94% !important;
}

.carfr_l img{
	margin-bottom: 25px;
	max-width: 94%;
}

.carfr_r{
	width: 100% !important;
	display: block !important;
	text-align: center;
}
	
.carfr_r img{
	max-width: 94% !important;
	margin-top: 25px;
}

/*トップ頁ピックアップ*/
.top_box_01,.top_box_02,.top_box_03,.top_box_04,.top_box_05,.top_box_06,.top_box_07,.top_box_08{
	width: 50%;
	display: flex;
}

.top_box_01 h4,.top_box_02 h4,.top_box_03 h4,.top_box_04 h4,.top_box_05 h4,.top_box_06 h4,.top_box_07 h4,.top_box_08 h4{
	font-size: 1.2em;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin: 20px 20px 0px 20px;
	padding-top: 15px;
	padding-bottom: 5px;
	font-weight: 600;
	line-height: 110%;
}
	
/*トップNEWS*/
.top_news_d{
width: 100%;
	border-bottom: 1px solid #888888;
	overflow: hidden;
	padding: 35px 0;
}

.top_news_l{
	width: 100%;
	text-align: center;
}


.top_news_r,.comment{
	width: 100%;
}

/*トップ下部アイコン*/
.top_cl_tab{
  display: -webkit-flex; /* Safari */
  display: flex;
	margin-top: 45px;
  flex-wrap:         wrap;
}

.top_cl_tab div{
	width: 25%;
	text-align: center;
	font-size: 90%;
	line-height: 150%;
}

	

	
/*求人一覧ページの各ブロック
---------------------------------------------------------------------------*/
/*ボックス内のh4タグ設定*/
.list h4 {
	font-size: 20px;	/*文字サイズ*/
}
/*「詳細を見る・応募する」ボタン*/
a.btn {
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: normal;
}

	
	

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
.sub ul.submenu li {
	width: auto;
	float: none;
}
/*偶数番目のメニューの左のラインを戻す設定*/
.sub ul.submenu li:nth-child(even) a {
	border-left: 1px solid #ccc;
}

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
.sub ul.submenu li a {
	padding: 10px;	/*メニュー内の余白*/
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	display: none;
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*ta1設定*/
.ta1, .ta1 td, .ta1 th {
	padding: 5px;	/*ボックス内の余白*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	font-size: 14px;	/*文字サイズ*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 100px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
.big1 {font-size: 16px;}
img.fr,img.fl {float: none;margin: 0;width: 100%;}
.sh {display:block;}
.pc {display:none;}
.fl-half{float:none;width:100%;margin-left:0;}

}


/*常時固定のお問い合わせボタン*/
 
.page-back {
 position: fixed;
 bottom: 147px;
 right: 0px;
 z-index: 11;
}

@media all and (-ms-high-contrast:none){
.page-back {
 position: fixed;
 bottom: 147px;
 right: 16px;
 z-index: 11;
}

}

#page-top {
    position: fixed;
    bottom: 42px;
    right: 0px;
    font-size: 88%;
	border-left:0px solid #fff;
	border-bottom:0px solid #fff;
	border-top:0px solid #fff;
}

@media all and (-ms-high-contrast:none){
#page-top {
    position: fixed;
    bottom: 42px;
    right: 16px;
    font-size: 88%;
	border-left:0px solid #fff;
	border-bottom:0px solid #fff;
	border-top:0px solid #fff;
}

}



#page-top a {
    background: #777;
    text-decoration: none;
    color: #fff;
    width: 33px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 0px;
}
#page-top a:hover {
    text-decoration: none;
    background: #555555;
}




/*常時固定のお問い合わせボタン*/
 
.page-back {
 position: fixed;
 bottom: 147px;
 right: 0px;
 z-index: 11;
}

@media all and (-ms-high-contrast:none){
.page-back {
 position: fixed;
 bottom: 147px;
 right: 16px;
 z-index: 11;
}

}



.bar_samp{
	height:1px;
	border-bottom:1px solid #ccc;
}

/*会社概要のテーブル*/
.info_tab{
	border-collapse: collapse;
}

.info_tab td{
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.info_gl{
	background-color: #EEEEEE;
	
}