@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #333;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
	background:#FFF url(../images/header_bg.png) no-repeat center top;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #0099CC;	
}
a:hover {
	color: #0099CC;			
	text-decoration: none;	
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 990px;	/*コンテナー幅*/
	margin-right: auto;
	margin-left: auto;
}

/*ヘッダー
---------------------------------------------------------------------------*/
header {
	height: 100px;	
	width: 100%;
	position: relative;
	margin-bottom:2em;
}

/*h1ロゴの設定*/
header h1 {
	position: absolute;
	left: 0px;	
	top: 0px;	
	width: 248px;	
	height: 100px;	
	text-align: center;	
	background: #FF794C url(../images/bg1.png);	
	border-radius: 0 0 5px 5px;	
	border-right: 1px solid rgba(255,255,255,0.5);	/*線種、色。色については左３つの数値はRGBカラーでの色指定。一番右は透明度（0.5＝50％）の指定。*/
	border-bottom: 1px solid rgba(255,255,255,0.5);	
	border-left: 1px solid rgba(255,255,255,0.5);	
}

header p.pr {
	margin-left:290px;
	padding-top:3px;
	font-size:70%;
	color:#666;
}

header ul.fnc{
	text-align:right;
	margin-top:0px;
}

/*メインコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/
#main {
	width: 700px;	/*メインコンテンツ幅*/
	float: right;	/*右側へ回り込み*/
	padding-bottom: 30px;
}
/*mainコンテンツのh1タグの設定*/
#main h1 {
	clear: both;
	background: url(../images/round1.png) no-repeat left center;	
	font-size: 110%;	
	color: #FF794C;		
	padding: 7px 0px 5px 23px;	
	margin-bottom:1em;
}

#main h1 span.to_list{
	font-size:70%;
	padding-left:2em;
	font-weight:normal;
}

#main h2 {
	clear: both;
	background:url(../images/round2.png) no-repeat 5px center;	
	font-size: 100%;	
	color: #333;		
	padding: 3px 10px 1px 22px;	
	margin-bottom:0.5em;
}

/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0 10px 1em 21px;	
	line-height:1.7em;
}

/*横インデントなし*/
#main p.nidt{
	padding-left:0;
}


/* パンくずナビ */
.breadnavi{
	font-size:85%;
	margin-bottom:1em;
	background:url(../images/icon_home.png) no-repeat 5px 7px;
	padding-left:2px;	
}


/*サブメニュー設定*/
.submenu ul {
	margin-bottom:2em;
	background:#fff;
	padding-top:1em;
}

.submenu ul li a{
	float:left;
	font-size:90%;
	margin-right:10px;
	background: #EBEBEB url(../images/arrow3.png) no-repeat 10px center;
	border: 1px solid #ccc;
	border-radius:5px;
	padding:5px 15px 3px 28px;
}

.submenu ul li a.current{
	background: #e7f5fa url(../images/arrow2.png) no-repeat 10px center;
	border: 1px solid #0099CC;
	font-weight:bold;
}


/* 段落区切り */
#main section{
	padding-bottom:0.5em;
	margin-bottom:3em;
}

#main section article{
	padding-bottom:1em;
	margin-bottom:2em;
}

.service #main section article{
	padding-bottom:0;
}

/* カラム */
#main .collumn{
	background:#FDF0EB;
	border-radius:5px;
	padding:12px 15px;
	margin-bottom:1em;
}


#main .collumn p{
	padding:0;
}


/*サブコンテンツ（左側ブロック）
---------------------------------------------------------------------------*/
#sub {
	float: left;	/*左に回り込み*/
	width: 250px;	/*サブコンテンツ幅*/
	padding-bottom: 30px;
}
/*subコンテンツのh1タグの設定*/
#sub h1 {
	padding: 3px 10px 1px 10px;	/*左から、上下、左右への余白*/
	font-size: 100%;	/*文字サイズ*/
	color: #FFF;	/*文字色*/
	background: #FF794C url(../images/bg1.png);
	border-radius: 5px;
	margin-bottom:1em;
}

/*box1設定*/
#sub .box1 {
	border: 1px solid #c9c9c9;	/*枠線の幅、線種、色*/
	border-radius: 5px;	/*角丸のサイズ*/
	padding: 10px;		/*ボックス内の余白*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #f6f6f6);	/*同上*/
	background-image: linear-gradient(#FFF, #f6f6f6);			/*同上*/
}

#sub .btn{
	line-height:1.3em !important;
	font-size:90%;
}

#sub .btn a{
	color:#fff !important;
	text-decoration:none;
}

/* サブカラム */
#sub .collumn{
	background:#FFDED2;
	border-radius:5px;
	padding:12px 15px;
	margin-bottom:1em;
}


#sub .collumn p{
	margin:0 !important;
}

/*左側のメインメニュー
---------------------------------------------------------------------------*/

nav#mainmenu{
	margin-bottom:2.5em;
}

/*各メニューの設定*/
nav#mainmenu ul li a {
	width: 213px;		/*メニューの幅*/
	text-decoration: none;
	display: block;
	background: #FDF0EB url(../images/arrow1.png) no-repeat 10px center;
	border: 1px solid #FFDED2;
	border-radius: 5px;
	margin-bottom: 1em;	
	padding: 5px 0px 5px 35px;
	color:#333;
}
/*マウスオン時の設定*/
nav#mainmenu ul li a:hover {
	background: #FFDED2 url(../images/arrow1.png) no-repeat 10px center;	/*背景色、背景画像の読み込み、リピートしない、左から12px、上下中央に配置。*/
	border: 1px solid #FFDED2;	/*枠線の幅、線種、色*/
	color:#666;
	font-weight:bold;
}

/*現在ページ時の設定*/
nav#mainmenu ul li a.current {
	font-weight:bold;
	color:#FF794C;
	background: #FFDED2 url(../images/arrow1.png) no-repeat 12px center;
	border: 1px solid #FF794C;	
}

/*入れ子メニューの設定*/
nav#mainmenu ul li a{
	margin-bottom:10px;
}

nav#mainmenu ul li ul{
	margin:0 0 1em 25px;
}

nav#mainmenu ul li ul a{
	width:188px;
	padding: 2px 0px 2px 35px;
	margin-bottom: 0.5em;	
}



/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding-top: 25px;
	margin-top:15px;
	padding-bottom: 15px;
	border-top:1px solid #ccc;
}

footer .footer_navi{
	text-align:center;
}

footer .footer_navi li{
	display:inline;
	margin:0 0 0 5px;
	font-size:90%;
}

footer .footer_navi li a{
	color:#333;
	background:url(../images/arrow4.png) no-repeat left center;	
	padding-left:14px;
}

footer .footer_navi li a:hover{
	color:#999;
}

footer .copyright {
	font-size: 80%;
	margin-top:1em;
}

/*service.html内の製品紹介の各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main section.list article {
	border-radius: 6px;
	margin-bottom: 2em;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));	
	background-image: -webkit-linear-gradient(#FFF, #f6f6f6);	/*同上*/
	background-image: linear-gradient(#FFF, #f6f6f6);			/*同上*/
	-webkit-box-shadow: 0px 2px 5px #c9c9c9, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #c9c9c9, 0px 0px 2px #FFF inset;	/*同上*/

	padding: 15px;	
	display: block;
	overflow: hidden;
}

/*
#main section.list article:hover {
	background:none #ffeff7;
	-webkit-transition: 0.5s;	
	transition: 0.5s;	
}
*/

/*ボックス内の見出し設定*/
#main section.list article h2 {
	color:#333;
}

/*ボックス内の段落タグ設定*/
#main section.list article p {
	padding: 0px;
	margin-left: 225px;	/*左の写真とのバランスをとって設定*/
	font-size:97%;
	line-height:1.6em;
}
/*ボックス内の写真設定*/
#main section.list article figure img {
	float: left;			/
	vertical-align: bottom;
}


/*お問い合わせページ
---------------------------------------------------------------------------*/
input.submit{
	padding:15px 80px;
	margin-top:10px;
}

/* トップページ用 ヘッダーキャッチ画像用設定
---------------------------------------------------------------------------*/
body.top {
	background:url(../images/top_header_bg.png) no-repeat 50% top;
}


body.top #main .top_c{
	width:310px;
	margin-bottom:1em;
	background-color: rgba( 255,255,255,0.8);
	border-radius:10px;
	padding:10px 10px 0px 0;
}

body.top #main .top_c p{
	padding:0;
	font-size:100%;
}

body.top .fnc{
	display:none;
}


/* トップページ お客様の声の2段ブロック
---------------------------------------------------------------------------*/
ul.col2 li{
	width:44%;
	float:left;
	border:1px solid #ebebeb;
	background:#fbfbfb;
	border-radius:5px;
	padding:12px 15px 0px 12px;
	margin:0 20px 20px 0;
	font-size:90%;
}

ul.col2 li.end{
	margin-right:0;
}

ul.col2 li.bottom{
	margin-bottom:0;
}

ul.voice h2{
	padding-left:10px;
	line-height:1.4em;
}

ul.voice p{
	line-height:1.6em;
	padding:0 0 10px 5px !important;
}

/* トップページ用 更新ブロック
---------------------------------------------------------------------------*/
h1#newinfo_hdr{
	margin-bottom:0.5em !important;
}


.fb_box {
	float:left;
	margin-right:20px;
}

.blog_box{
	float:left;
	width:290px;
}

.blog_box #feed{
	background:#FDF0EB;
	padding:10px 15px;
	border-radius:5px;
	min-height:710px;
}

.blog_box #feed li{
	margin-bottom:20px;
	line-height:1.2em !important;
}

.blog_box #feed li{
	padding:0;
	line-height:1.4em !important;
	margin-bottom:1em;
	font-size:90%;
}

#main .blog_box #feed p{
	padding:0;
}

#main .blog_box #feed p span{
	padding-right:10px;
	font-size:90%;
}

.blog_box #feed li a{
	font-size:110%;
	color:#FF794C;
	font-weight:bold;
}

.blog_box #feed li span{
	display:inline-block;
	padding:0 10px 0px 0;
	font-size:83%;
}


/*トップページ内「更新情報・お知らせ」ブロック(使用しない）
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 150px;
	margin: 5px 10px 0px;
}
/*日付設定*/
#new dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
}
/*記事設定*/
#new dd {
	border-bottom: 1px solid #dcdcdc;	/*下線の幅、線種、色。*/
	padding-left: 8em;
}
#new dd img {
	vertical-align: middle;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #c9c9c9;	/*テーブルの枠線の幅、線種、色*/
}
/*テーブル内の右側*/
.ta1 td{
	padding: 10px;
	line-height:1.6em;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 150px;	/*幅*/
	padding: 10px;
	text-align: center;
	background: #f6f6f6;	/*背景色*/
	line-height:1.4em;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	background: #fcdfe3;	/*背景色*/
}
/*テーブルのキャプション設定*/
.ta1 caption{
	padding: 10px;
	border-top: 1px solid #c9c9c9;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #c9c9c9;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #c9c9c9;		/*左側の線の幅、線種、色*/
	text-align: left;
	font-weight: bold;	/*文字を太字にする設定*/
	background-color: #f7f4cc;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f6e3), to(#f7f4cc));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#f7f6e3, #f7f4cc);	/*同上*/
	background-image: linear-gradient(#f7f6e3, #f7f4cc);			/*同上*/
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	text-align: right;
}
#pagetop a {
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 14em;			/*ボックスの幅*/
	font-size: 10px;		/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔。少し広げる設定。*/
	border-radius: 10px;	/*角丸のサイズ*/
	border: 1px solid #c9c9c9;	/*枠線の幅、線種、色*/
}
#pagetop a:hover {
	border: 1px solid #818181;	/*マウスオン時の枠線の幅、線種、色*/
}

/*その他
---------------------------------------------------------------------------*/
.look {
	background: #e8e8e8;
	color: #818181;
}
.mb1em {
	margin-bottom:1em;
}

.mb1em img{
	vertical-align:top;
	border-radius:5px;
	background-color: #FFF;	
	padding: 4px;		
	border: 1px solid #E8E8E8;	
}

.clear {
	clear: both;
}

.clear:after {
	content: "";
  clear: both;
  display: block;
}


ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #818181;
}

.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ec6085), color-stop(1, #ea3e3c));
	background:-moz-linear-gradient(top, #ec6085 10%, #ea3e3c 100%);
	background:-webkit-linear-gradient(top, #ec6085 10%, #ea3e3c 100%);
	background:-o-linear-gradient(top, #ec6085 10%, #ea3e3c 100%);
	background:-ms-linear-gradient(top, #ec6085 10%, #ea3e3c 100%);
	background:linear-gradient(to bottom, #ec6085 10%, #ea3e3c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec6085', endColorstr='#ea3e3c',GradientType=0);
	background-color:#ec6085;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
}
.btn:active {
	position:relative;
	top:1px;
}

.btn a{
	color:#fff;
	text-decoration:none;
}

.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}
figcaption {
	font-size: 11px;
}
.mini1 {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom:1em;
}

.mark{
	color:#EB5F7F;
}

.bd{
	border-bottom:1px dotted #ccc;
}

.npd{
	padding-bottom:0 !important;
}

.npdl{
	padding-bottom:0 !important;
}

.mg{
	margin-bottom:10px !important;
}


.imgL{
	float:left;
	margin-right:15px;
}

.imgR{
	float:right;
	margin-left:15px;
}

.link{
	background:url(../images/arrow4.png) no-repeat left center;	
	padding-left:14px;
}
ul.banner li{
  float:left;
  width:48%;
  margin-right:4%;
  text-align: center;
  font-size: 90%;
  line-height: 1.4em;
}
ul.banner li.end{
  margin-right:0;
}
ul.banner li img{
  width:100%;
}


@media (max-width: 800px) {

		/*コンテナー（HPを囲むブロック）
		---------------------------------------------------------------------------*/
		#container {
			width: auto;
		}

		/*コンテンツ（main,subを囲むブロック）
		---------------------------------------------------------------------------*/
		#contents {
			margin-right: 6px;
			margin-left: 6px;
		}

		/*ヘッダー（サイトロゴが入ったブロック）
		---------------------------------------------------------------------------*/
		header {
			position: static ;
			height: auto;
			margin-bottom:0;
		}

		/*h1ロゴの設定*/
		header h1 {
			position: static;
			width: 100%;
			padding: 0px 0px;
			border-radius: 0;
			height:auto;
		}

		header p.pr{
			display:none;
		}

		header ul.fnc{
			display:none;
		}

		/*mainコンテンツ
		---------------------------------------------------------------------------*/
		#main {
			float: none;
			width: auto;
			padding-top: 190px !important;
			padding-bottom:0;
		}

		.top #main{
			padding-top: 250px !important;
		}

		#main section {
				margin-bottom:0;
		}

		/* パンくずナビ */
		.breadnavi{
			display:none;
		}

		.to_list{
			display:block;
			padding-left:0 !important;
		}

		.mini1 {
			text-align:center;
		}

		.mb1em img{
			width:40%;
			height:auto;
		}
		
		/*subコンテンツ
		---------------------------------------------------------------------------*/
		#sub {
			float: none;
			width: auto;
			clear:both;
		}

		/*左側のメインメニュー
		---------------------------------------------------------------------------*/
		nav#mainmenu ul {
			position: absolute;
			height: auto;
			width: 100%;
			left: 0px;
			top: 120px;
			background:#FFF;
		}
		/*各メニューの設定*/
		nav#mainmenu ul li {
			float:left;
			width: 50%;
		}
		nav#mainmenu ul li a {
			width: auto;
			margin-bottom: 0;
			border: none;
			border-radius: 0;
			border-bottom: 1px solid #c9c9c9;
		}

		nav#mainmenu ul li a.current {
			border:#FFDED2;
			border-bottom: 1px solid #c9c9c9;
		}

		/*奇数番目のメニューの設定*/
		nav#mainmenu ul li:nth-child(odd) {
			border-right: 1px solid #c9c9c9;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		/*マウスオン時の設定*/
		nav#mainmenu ul li a:hover {
			border-bottom: 1px solid #c9c9c9;
			border-top-style: none;
			border-right-style: none;
			border-left-style: none;
		}

		/*サブメニューは非表示*/
		nav#mainmenu ul li ul.submenu{
			display:none;
		}

		/*service2.html（サービス詳細ページ）
		---------------------------------------------------------------------------*/
		/*写真の設定*/
		#main img.wa {
			width: 100%;
			height: auto;
		}

		/*テーブル１
		---------------------------------------------------------------------------*/
		.ta1 {
			width: 100%;
		}

		/*subコンテンツを表示させない為の設定
		---------------------------------------------------------------------------*/
		body.sdn #sub {
			display: none;
		}
		body.sdn #main {
			padding-top: 33px;
		}
		body.sdn {
			background: none;
		}

		/* トップページ用 ヘッダーキャッチ画像用設定
		---------------------------------------------------------------------------*/
		body.top {
			background-position: -260px 280px;
		}

		body.top #main .top_c p{
			font-size:90%;
			padding:0;
			margin-bottom:1em
		}

		body.top #main .top_c {
			padding: 50px 0 10px 25px;
		}

		/* トップページ お客様の声の2段ブロック
		---------------------------------------------------------------------------*/
		ul.col2 li{
			width:95%;
			float:none;
			margin-bottom:10px !important;
		}

		iframe{width:100%;}

}


@media (max-width: 460px) {

		body{
			background:none;
		}

		/*コンテナー（HPを囲むブロック）
		---------------------------------------------------------------------------*/
		#container {
		}

		/*コンテンツ（main,subを囲むブロック）
		---------------------------------------------------------------------------*/
		#contents {
			margin-right: 6px;
			margin-left: 6px;
		}

		/*ヘッダー（サイトロゴが入ったブロック）
		---------------------------------------------------------------------------*/
		header {
			position: static;
			height: auto;
		}
		/*h1ロゴの設定*/
		header h1 {
			position: static;
			width: 100%;
			padding: 0px 0px 0 0px;
			border-radius: 0;
		}

		header p.pr{
			display:none;
		}

		header ul.fnc{
			display:none;
		}


		/*mainコンテンツ
		---------------------------------------------------------------------------*/
		#main {
			float: none;
			width: 100%;
			padding-top: 140px !important;
		}
		/*mainコンテンツのh1タグの設定*/
		#main h1 {
			background-position:left center;
			line-height:1.4em;
		}

		/* パンくずナビ */
		.breadnavi{
			display:none;
		}

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

		/*左側のメインメニュー
		---------------------------------------------------------------------------*/
		nav#mainmenu ul {
			position: absolute;
			height: auto;
			width: 100%;
			left: 0px;
		}
		/*各メニューの設定*/
		nav#mainmenu ul li {
			float:left;
			width: 50%;
		}

		nav#mainmenu ul li a {
			width: auto;
			margin-bottom: 0;
			border: none;
			border-radius: 0;
			border-bottom: 1px solid #c9c9c9;
			line-height:1.2em;
		}
		/*奇数番目のメニューの設定*/
		nav#mainmenu ul li:nth-child(odd) {
			border-right: 1px solid #c9c9c9;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		/*マウスオン時の設定*/
		nav#mainmenu ul li a:hover {
			border-bottom: 1px solid #c9c9c9;
			border-top-style: none;
			border-right-style: none;
			border-left-style: none;
		}

		/*サブメニューは非表示*/
		nav#mainmenu ul li ul.submenu{
			display:none;
		}

		/*service.html内の一覧の各ブロック
		---------------------------------------------------------------------------*/
		/*ボックス内の段落タグ設定*/
		#main section.list article p {
			margin-left: 0;
		}
		/*ボックス内の写真設定*/
		#main section.list article figure img {
			width: 40%;
			height: auto;
			margin-right: 5px;
		}

		/*サービス詳細ページ
		---------------------------------------------------------------------------*/
		/*写真の設定*/
		#main img.wa {
			width: 98%;
			height: auto;
		}

		/* トップページ用 ヘッダーキャッチ画像用設定
		---------------------------------------------------------------------------*/
		body.top {
			background-position: right 250px;
    	background-size: 140%;
		}

		body.top #main .top_c{
			padding:0 10px;
			margin-bottom:2em
		}

		/* トップページ お客様の声の2段ブロック
		---------------------------------------------------------------------------*/
		ul.col2 li{
			width:90%;
			float:none;
			margin-bottom:10px !important;
		}

		/*ブロック全体の設定*/
		#new dl {
			height: auto;
			padding-left: 0;
			margin-bottom: 1em;
		}
		/*日付設定*/
		#new dt {
			float: none;
			width: auto;
		}
		/*記事設定*/
		#new dd {
			padding-left: 0;
		}

		/*テーブル１
		---------------------------------------------------------------------------*/
		.ta1 {
			width: 100%;
		}
		/*テーブル内の右側*/
		.ta1 td{
			width: auto;
		}
		/*テーブル内の左側の見出し部分*/
		.ta1 th{
			width: 20%;
			padding: 2px;
		}
		.ta1 img{
			width:100%;
		}

		/*subコンテンツを表示させない為の設定
		---------------------------------------------------------------------------*/
		body.sdn #sub {
			display: none;
		}
		body.sdn #main {
			padding-top: 33px;
		}
		body.sdn {
			background: none;
		}



}