@charset "utf-8";
@font-face {
    font-family: 'LigatureSymbols';
    src: url('./font/LigatureSymbols-2.11.eot');
    src: url('./font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('./font/LigatureSymbols-2.11.woff') format('woff'),
         url('./font/LigatureSymbols-2.11.ttf') format('truetype'),
         url('./font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;}

.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;}

.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;}

/*===============
base
=================*/
html{}
body{
	 /*font-family: Emoji, sans-serif;*/
	font-family: "Lato","meiryo","メイリオ","ms pgothic","ms pゴシック",osaka,sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 1.6;
	background: url(../img/all_bg.jpg) top center fixed;}
a:link,a:visited,a:active{
	color: #000;
	text-decoration: none;}
a:hover{
	color: #000;
	text-decoration: underline;}
img{
margin: 0;
padding: 0;
vertical-align: bottom !important;
}

input, select, textarea{ padding: 10px;}
	input[type="text"] {
		width: 100%;}
	input[type="submit"] {
		border: none;
		width: 100%;;
		font-weight: bold;
		cursor: pointer;
		color: #fff;
		background: rgba(255,0,0,1);}
	button{
		background: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;}
	textarea{ width: 100%; }
.contact_tbl{}
	.contact_tbl tr th,
	.contact_tbl tr td{ vertical-align: top; padding: 0 10px 10px;}
	.contact_tbl tr th{ width: 30%; }
	.contact_tbl tr td{ width: 70%; }

/*▽ページトップ(メルマガボタン)*/
.tel_btn {
	position: fixed;
	bottom: 50px;
	right: 10px;
	z-index: 5;
	-webkit-animation-name:mail_mag; /* mail_magっていうアニメーション*/
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	-moz-animation-name:mail_mag;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;}
@-webkit-keyframes mail_mag {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}}
@-moz-keyframes mail_mag {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}}
	.tel_btn a {
		display: block;}
		.tel_btn a:hover {
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
			text-decoration: none;}

.namatube_btn {
	position: fixed;
	bottom: 225px;
	right: 10px;
	z-index: 1000;
	-webkit-animation-name:mail_mag; /* mail_magっていうアニメーション*/
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	-moz-animation-name:mail_mag;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;}

.line_btn {
	position: fixed;
	bottom: 270px;
	right: 10px;
	z-index: 1000;
	-webkit-animation-name:mail_mag; /* mail_magっていうアニメーション*/
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	-moz-animation-name:mail_mag;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;}
	
@-webkit-keyframes mail_mag {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}}
@-moz-keyframes mail_mag {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}}
	.tel_btn a {
		display: block;}
		.tel_btn a:hover {
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
			text-decoration: none;}
/*==================
#wrapper
====================*/
#wrapper{
	margin: 0 auto;
	position: relative;
	min-width: 1100px;
	z-index: 1;}
#wrapper:after{}
#wrapper_inner{}

.border{
	width: 100%;
	height: 10px;
	text-indent: -9898px;
	background: #502903;
/* 	background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #007AE4),
	color-stop(1, #00B822)
	);
background-image: -o-linear-gradient(right, #007AE4 0%, #00B822 100%);
background-image: -moz-linear-gradient(right, #007AE4 0%, #00B822 100%);
background-image: -webkit-linear-gradient(right, #007AE4 0%, #00B822 100%);
background-image: -ms-linear-gradient(right, #007AE4 0%, #00B822 100%);
background-image: linear-gradient(to right, #007AE4 0%, #00B822 100%); */
}
	
/*===========================================
▼▼▼ヘッダー部分▼▼▼
=============================================*/	
#header{
	width: 1100px;
	margin: auto;
	padding: 5px 0px 5px 0px;
	overflow: hidden;}
	
.top #header{
	margin-bottom: 81px;}
	#header_inner{}
	#header_title{
		float: left;
		padding: 0px 0px 0px 0px;}
		#header_title img{
			width: auto;
			height: 110px;}
	#header_description {
		float: right;
		margin-top: 15px;}
	#header_webseminar{
		float:right;}
		#header_webseminar p{
			box-shadow: 4px 4px rgba(0,0,0,0.41);
			font-size:12px;
			margin-right:15px;
			text-align: center;}
		#header_webseminar a{
			background-color:#502902;
			color:#fff;
			display: block;
			padding:10px 15px;}
		#header_webseminar a:hover{
			background-color:#fff;
			color:#502902;
			text-decoration:none;}
/*==================
▽ナビゲーション
====================*/
#nav_box{
	position: absolute;
	display: block;
	top: 176px;
	left: 0px;
	z-index:1;
	width: 100% !important;}
#nav{
	width: 1100px;
	margin: auto;
	background: #fff;
	font-size: 12px;
	font-stretch: narrower;}
	
/*==================
▽メインイメージ
====================*/	

/*トップスライダー*/
.top .mainimg{
		position:relative;}
.top .mainimg_inner{
	 padding: 0px;
    width: 100%;}

		
.bx-wrapper li{
	position:relative;
		height:260px;
		max-width:400px!important;
		margin:0;
		overflow:hidden;}
	.bx-wrapper li img{
		position:absolute;
		width:100%;
		height:auto;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		}
	.bx-wrapper li .ttl_area{
		position:absolute;
		bottom:0px;
		width:100%;
		padding:20px;
		margin:0;
		background:rgba(0,0,0,0.6);}
	.bx-wrapper li .ttl_area h3{
		color:#fff;
		font-size:20px;
		line-height:1.5;}
 
.pagination {
	display: none;}
 

.top .mainimg_inner li{
	position:relative;}

.top .mainimg_inner li .btn{
	position:absolute;
	bottom: 30px;
	right : 25px;}

.mainimg{
	float: none;
	clear: both;
	overflow: hidden;
	background: url(../img/mainimg_bg.jpg) center top no-repeat;}
.mainimg_inner{
	width: 1100px;
	margin: 0px auto 0px;
	padding: 30px 0px 80px 0px;
	overflow: hidden;}
.bx-wrapper{}
.main_banner{
	overflow: hidden;}
	.main_banner li{
		float: left;
		width: 20%;}
	.main_banner li a{
		display: block;
		position: relative;}
	.main_banner li a img{
    display: block;
    max-width: 100% !important;
	height: auto !important;}
.bx-pager{
	display: none;}
.mainimg_inner img{}
.mainimg_conte img{
    display: block;
    max-width: 100% !important;
	height: auto !important;}
.conte .mainimg_inner{
	padding: 50px 0px 0px 0px;}
.conte_2col .mainimg_inner{
	padding: 50px 0px 0px 0px;}

.description_area{
	padding: 30px 0 30px 0;
	overflow: hidden;}
	.description_area .ttl{
		float: left;
		vertical-align: top;
		color: #fff;
		font-size: 180%;
		font-weight: bold;
		color: #FFF;
		text-shadow: 1px 1px 4px rgba(0,0,0,0.7)}
	.description_area .txt{
		float: right;
		color: #000;
		line-height: 1.2;
		padding-top: 15px;
		padding-left: 20px;}


/*メインスライダー上のお問い合わせ*/
.top #mainimg_form #mailformpro{
	padding:0px;}
.top #mainimg_form{
	position:absolute;
	background:rgba(255,255,255,0.9);
	padding:14px 20px;
	z-index:10;
	top:15px;
	display:block;
	left:100px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size:14px;}
	.top #mainimg_form .title2{
		padding:10px 0px 0px;
		color:#502903;
		margin-bottom:10px;
		font-weight:bold;
		font-size:120%;
		text-align: left !important;}
	.top #mainimg_form .title2 span{
		font-size: 70%;
		display: block;
		color: #502903 !important;
		padding-bottom: 5px !important;
		text-align: left !important;}
		.top #mainimg_form .title2 .subttl{
			font-size: 85%;
			font-weight: bold;
			display: inline-block;
			padding: 0 !important; }

	.top #mainimg_form table{
		margin-bottom: 5px;}
		.top #mainimg_form th,
		.top #mainimg_form td{
			padding:3px 10px;
			vertical-align:top;
			line-height:1.8;}
			.top #mainimg_form .check{
				font-size:14px;}
		.top #mainimg_form label{
			   margin: 0px 3px 0px 5px;}
		.top #mainimg_form form#mailformpro label.mfp_checked{
			border:none!important;
			padding:0px!important;
			background:none!important;}
		.top #mainimg_form input{
			   margin: 0px 3px 0px 5px;}
		.top #mainimg_form textarea{
			min-height:50px!important;
			min-width:190px!important;}
		.top #mainimg_form form#mailformpro label.mfp_not_checked{
				padding:0px!important;
				border:none!important;}
		.top #mainimg_form .mfp_buttons{
			vertical-align:bottom;
			padding: 0 !important;}
		.top #mainimg_form .mfp_buttons button{
			margin-bottom:0px;}
		.top #mainimg_form div.mfp_err,
		.top #mainimg_form div.mfp_ok{
			display:none!important;}

/*==================
▽ticker
====================*/
.ticker {
	/* padding: 15px 0 30px; jqueryありの場合 */
	padding: 15px 0; /* jqueryなしの場合 */
	width: 100%;
	text-align: center;
	color: #fff;
	background: #000;
	position: relative;
	overflow: hidden;}
	.ticker_red{
		background: #FF0004;}

.ticker ul {
	width: 960px;
	margin: 0 auto;
	position: relative;}

.ticker ul li {
	width: 100%;
	/* display: none; */
	line-height: 1;}
	.ticker ul li a{
		font-size: 130%;
		font-weight: bold;
		color: #fff;}

/*==================
▽contents
====================*/		
#contents{}	
#contents_inner{
	overflow: hidden;}

/*===========================================
▼▼▼メイン部分▼▼▼
=============================================*/
	
.top #main{
	padding: 0px 0px 0px 0px;
	background: rgba(0, 0, 0, 0) url("../img/all_bg.jpg") repeat fixed center top;}
.conte #main{
	max-width: 1000px;
	margin: auto;} 
.conte #main_inner{
	padding: 0px 40px 0px 40px;}

/*===========================================
▼▼▼サイド部分▼▼▼
=============================================*/
	
.conte_2col .contents_inner{
	max-width: 1000px;
	margin: 0px auto 30px;
	overflow: hidden;}
	
.conte_2col #main{
	width:660px;
	margin: auto;
	float: left;} 
.conte_2col #main_inner{
	padding: 0px 0px 0px 0px;}
	
#side{
	width: 280px;
	margin: 40px auto 0px;
	float: right;
	font-size: 90%;} 
#side_inner{
	padding: 0px 0px 0px 0px;}

/*▽サイドメニュー*/
.side_menu{
	background: #fff;
	margin-bottom: 25px;}
.side_menu .ttl{
	padding: 7px 0px 6px;
	background: #156cb6;
	color: #ffff00;
	text-align: center;
	font-size: 120%;}
.side_menu ul{
	border-top: 1px solid #156cb6;}
.side_menu li a{
	display: block;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px dashed #fff;
	padding: 10px 10px 10px 10px;
	color: #fff;
	font-weight: bold;}
li:last-child a{
    border-bottom-style: solid;}
.side_menu li a:hover{
	background: #e9f6fe;}
.side_menu li .cr{
	background: #e9f6fe;}

/*▽サイド実績*/
.side_results{
	margin-bottom: 30px;
	background: rgba(0,0,0,0.5);}
.side_title1{
	margin-bottom: 0px;
	padding: 15px 0px 14px;
	color: #fff;
	text-align: center;
	font-size: 120%;
	background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #007AE4),
	color-stop(1, #00B822)
	);
	background-image: -o-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -moz-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -webkit-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -ms-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: linear-gradient(to right, #007AE4 0%, #00B822 100%);}

	
.side_results ul{
	 margin: 0px 0px 0px 0px;}
.side_results ul li{
	 list-style: none;
	 margin: 0px 0px 0px 0px;}
.side_results ul li a{
	 display:block;
	 color: #fff;
	 padding: 12px 25px 12px 10px;
	 position: relative;
	 text-decoration:none;}
.side_results ul li a::after{
	 border-right: 3px solid #fff;
	 border-top: 3px solid #fff;
	 border-radius: 2px;
	 content: "";
	 margin: 0 0 0 10px;
	 height: 10px;
	 right: 10px;
	 position: absolute;
	 transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 top: 17px;
	 width: 10px;}
.side_results ul li a:hover {
	 background: rgba(0,0,0,0.6);
	 color: #fff;}
.side_results ul li a:hover {
	 background: rgba(0,0,0,0.6);
	 color: #fff;}	
	


.side_results .btn a{
	display: block;
	border: 1px solid #fff;
	padding: 10px 10px 8px 10px;
	background: rgba(0,0,0,0.7);
	text-align: center;}
.side_results .btn span{
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 100%;}
	.side_results .btn span:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: -15px;
		width: 6px;
		height: 6px;
		margin: -5px 0 0 0;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);}

.side_results .btn a:hover{
	display: block;
	border: 1px solid #0072ff;
	background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #007AE4),
	color-stop(1, #00B822)
	);
	background-image: -o-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -moz-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -webkit-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -ms-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: linear-gradient(to right, #007AE4 0%, #00B822 100%);}
.side_results .btn a:hover span{
	color: #fff;}
	.side_results .btn a:hover span:after {
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;}

/*▽サイドバナー*/
.side_banner ul{
	background: rgba(0,0,0,0.2);
	padding: 20px 20px 20px 20px;}
.side_banner img{
	max-width: 100%;
	margin-bottom: 5px;}
	.side_banner li a{
		display: block;
		position: relative;}
	.side_banner li a img{
		display: block;
		max-width: 100% !important;
		height: auto !important;}
	

/*パンくず*/	
.path{
	max-width: 1000px;
	margin: 10px auto 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;}
	.path li{
		display: inline-block;}
	.path li + li:before {
		margin: 0 5px;
		content: ">";}
	.path li a{
		display: inline-block;
		padding: 3 0px;
		font-size: 80%;}

/*==============================
　archive_standard
================================*/
.archive_standard{}
	.entry_header{
		font-size: 140%;
		line-height: 1.2;
		position: relative;
		padding: 15px 10px 15px 15px;
		color: #FFF;
		background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #007AE4),
		color-stop(1, #00B822)
		);
	background-image: -o-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -moz-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -webkit-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -ms-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: linear-gradient(to right, #007AE4 0%, #00B822 100%);}
.entry_header:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #007AE4;}
.entry_body{
	padding: 30px 40px 20px 40px;
	overflow: hidden;
	background: rgba(255,255,255,0.6);
	margin-bottom: 30px;}
.article_standard .entry_body a{
	display: inline-block;
	background: linear-gradient(transparent 60%, #ffff66 60%);}
.article_standard .mt-enclosure-image a{
	display: inline;
	background: none;}
	.entry_body p, .entry_body h1, .entry_body h2, .entry_body h3, .entry_body h4, .entry_body h5, .entry_body h6, .entry_body ul, .entry_body ol, .entry_body table{
		margin: 0 0 20px 0;}
	.entry_body h1, .entry_body h2, .entry_body h3{
		font-size: 130%;
		line-height: 1.2;}
	.entry_body h4, .entry_body h5, .entry_body h6{
		font-size: 120%;
		line-height: 1.2;}
		
.archive_standard img{
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;}

.entry_body .entry_img{ margin-bottom: 15px; }

.entry_body h2{
    position: relative;
    padding: 15px 10px 15px 15px;
	color: #000;
	border: 3px solid #007AE4;
	border-left: 7px solid #007AE4;
	background: rgba(255,255,255,0.8);}	

.entry_body h3 {
    padding: 10px 10px 10px 15px;
	background: rgba(0,0,0,0.5);
	color:#FFF;}

.entry_body h4 {
    padding: 10px 10px 10px 15px;
	border-left:4px solid  #007AE4;
	color: #007AE4;
	font-weight: bold;
	background: rgba(255,255,255,0.8);}	

.entry_body h5 {
    padding: 13px 10px 13px 15px;
	border:2px solid #ff1700;
	font-weight: bold;
	color: #ff1700;}	

.entry_body h6 {
    padding: 3px 10px 3px 5px;
	color: #007AE4;
	font-size: 130%;
	font-weight: bold;}
	
.entry_body ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    padding: 0;
    margin: 0px 0px 25px 20px !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);}
.entry_body ol li{
    position: relative;
    display: block;
    padding: .1em .4em .1em 1.5em;
    *padding: .4em;
    margin: .5em 0;
    text-decoration: none;
    transition: all .3s ease-out;}
.entry_body ol li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
	top: 17px;
    margin-top: -1.3em;
	background: rgba(0,0,0,0.5);
    height: 1.8em;
    width: 1.8em;
    line-height: 1.8em;
    text-align: center;
    border-radius: 2em;
    transition: all .3s ease-out;
	color: #fff;}
	
	
.entry_body ul {
    margin: 0px 0px 25px 0px !important;}
	
.entry_body ul {
    margin: 0px 0px 30px 20px !important;}
	.entry_body ul li {
		position: relative;
		padding: .6em .4em .6em 1.5em;
		*padding: .4em;
		line-height: 1.2;}
	.entry_body ul li::after,
	.entry_body ul li::before {
		display: block;
		content: '';
		position: absolute;}
	.entry_body ul li::after {
		top: .16em;
		left: -1.2em;
		height: 1.7em;
		width: 1.7em;
		line-height: 2em;
		background: rgba(0,0,0,0.5);
		border-radius: 100%;}
	.entry_body ul li::before {
		z-index: 2;
		top: .775em;
		left: -.625em;
		width: 5px;
		height: 5px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);}
		
/* サービスフォーム */
.service_form{ margin-top: 25px; }

/* サービスボタン */
.service_button{
		font-size: 140%;
		line-height: 1.5;
		position: relative;
		padding: 20px 10px 15px 15px;
		color: #FFF;
		background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #007AE4),
		color-stop(1, #00B822)
		);
	background-image: -o-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -moz-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -webkit-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: -ms-linear-gradient(right, #007AE4 0%, #00B822 100%);
	background-image: linear-gradient(to right, #007AE4 0%, #00B822 100%);}
	.service_button a{ display: block; text-align: center; color: #fff; }

/* 流れ */
#flow{
	padding-top: 15px;
	font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif; }
	#flow h2{
		text-align: center;
		font-weight: bold !important;
		font-size: 140%;
		margin-bottom: 10px;
		color: #00A0E9;}
	#flow table{}
		#flow table td{ vertical-align: top !important; }
		#flow table h3{
			color: #007ae4 !important;
			background: none;
			margin: 0;
			padding: 5px 0;
			font-weight: bold;
			font-size: 105%;}
/*==============================
　article_original
================================*/
		
.article_original .entry_header{
	padding: 10px 0px 10px 0px;
	text-align: left;
	font-size: 100%;
	color: #000 !important;}
.article_original .entry_header strong{
	font-size: 200%;
	display: inline-block;
	padding: 0px 10px 0px 0px;
	color: #156cb6;
	font-family: 'Josefin Sans', sans-serif;}
			

/*==================
　共通
====================*/
.inner ul{overflow: hidden;}
.f1{font-family: 'Josefin Sans', sans-serif;}

/*タイトル１*/
.title{
	font-size: 130%;
	font-weight: bold;
	line-height: 1.2;
	padding: 5px 10px 5px 15px;
	margin-bottom: 20px;
	color: #333;
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
	border-left: 5px solid #de3c2c;
	vertical-align: middle;}
.title .subttl{
	display: inline-block;
	font-size: 70%;
	color: #de3c2c;
	padding: 10px 15px 10px 15px;
	font-weight: bold;}
/*タイトル2*/
.title2{
	font-size: 170%;
	line-height: 1.2;
	text-align: center;
	padding: 5px 10px 5px 15px;
	margin-bottom: 20px;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;}
	.title2 span{
		font-size: 70%;
		display: block;
		color: #ff1700;
		padding-top: 5px;}
	
/*PCwidth100*/
.pcimg100{
    display: block;
    max-width: 100% !important;
	height: auto !important;}
	
/*PDFダウンロード*/
.pdf_dl{
	border: 1px solid #156cb6;
	padding: 10px 5px 10px 15px;
	overflow: hidden;}
	.pdf_dl .ico{
		float: left;
		display:block;
		width: 100px;
		text-align: center;
		padding: 5px 10px 5px;
		margin: 0px 10px 0px 0px;
		color: #fff;
		font-size: 70%;
		background: #C00;}
	.pdf_dl .ttl{
		display:block;
		overflow: hidden;}

/* ソーシャルボタン */
#socialbuttons{
	margin-bottom: 15px;
	padding: 10px 10px 0;
	overflow: hidden; }
#socialbuttons>div{
	float: left;
	vertical-align: top;}
	#socialbuttons .facebook_like{
		margin-right: 0px;}
	#socialbuttons .facebook_like iframe {}
	#socialbuttons .facebook_share{
		margin-left: -17px;
		margin-right: 2px;}
	#socialbuttons .tweet{
		margin-right: 2px;}
	#socialbuttons .google{}
	#socialbuttons .google>div{
	width: 80 px;}
	.fb_iframe_widget > span {
	  vertical-align: baseline !important;}

/*ページ送り*/
#pagenav {
	position: relative;
	overflow: hidden;}
	#pagenav ul {
		position: relative;
		left: 50%;
		float: left;
		margin: 0 0 30px;
		padding: 0px;}
	#pagenav ul li {
		background: none;
		position: relative;
		left: -50%;
		float: left;
		margin: 0px 5px 5px 0px;}
	#pagenav li span,
	#pagenav li a {
		display: inline-block;
		*display: inline;
		*zoom: 1; 
		text-decoration: none;
		width: 30px;
		line-height: 30px;
		text-align: center;
		background: rgba(255,255,255,0.6);
		color: #000;
		border-radius: 15px; 
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px; }
		#pagenav li a:hover {
			color: #fff;
			background-image: -webkit-gradient(
			linear,
			left top,
			right top,
			color-stop(0, #007AE4),
			color-stop(1, #00B822)
			);
			background-image: -o-linear-gradient(right, #007AE4 0%, #00B822 100%);
			background-image: -moz-linear-gradient(right, #007AE4 0%, #00B822 100%);
			background-image: -webkit-linear-gradient(right, #007AE4 0%, #00B822 100%);
			background-image: -ms-linear-gradient(right, #007AE4 0%, #00B822 100%);
			background-image: linear-gradient(to right, #007AE4 0%, #00B822 100%);}
		#pagenav li .cr {
			color: #fff;
			background-image: -webkit-gradient(
			linear,
			left top,
			right top,
			color-stop(0, #007AE4),
			color-stop(1, #00B822)
			);
		background-image: -o-linear-gradient(right, #007AE4 0%, #00B822 100%);
		background-image: -moz-linear-gradient(right, #007AE4 0%, #00B822 100%);
		background-image: -webkit-linear-gradient(right, #007AE4 0%, #00B822 100%);
		background-image: -ms-linear-gradient(right, #007AE4 0%, #00B822 100%);
		background-image: linear-gradient(to right, #007AE4 0%, #00B822 100%);}
			
/*前のページに戻る*/
.page_back{
	text-align: center;}
.page_back a{
	display: block;
	width: 300px;
    background: #0072ff;
	cursor: pointer;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 20px auto 20px;
    padding: 15px 0px;}
.page_back a:hover{
	background: #156cb6;}
	

	
/*==============================
　テーブル関係
================================*/
/*table1･･･通常とお問い合わせ*/		
.table1 table{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;}
.table1 th{
	width: 180px;
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: rgba(255,255,255,0.5);}
.table1 td{
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;}
/*table2･･･会社案内と採用情報*/		
.table2 table{}
.table2 th{
	width: 130px;
	padding: 10px 10px;}
.table2 td{
	padding: 10px 10px;}
/*table3･･･複雑なテーブル(商材部分など)*/
.table3 table{
	font-size: 70% !important;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;}
.table3 th{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 10px;}
.table3 td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 10px;}
.td_bg{
	text-align: center;
	background: #f6f6f6;}
.td_c{
	text-align: center;}
.table3 table .th1{
	width: auto !important;}
.table3 table .td2{
	width: 40% !important;}
.table3 table .td3{
	width: 40% !important;}
/*table4･･･複雑なテーブル(商材部分など)*/
.table4 table{
	font-size: 80% !important;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;}
.table4 th{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 10px;}
.table4 td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 10px;}
	
/*table5･･･ファセットで使用*/
.table5 {
	overflow: scroll;
	overflow-y: hidden;
	position:relative;
	padding-top: 25px;
	white-space: nowrap;}
.table5 table{
	width: 540px;
	margin-top: 10px;
	font-size: 80% !important;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;}
.table5 th{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px 5px;
	vertical-align: middle;}
.table5 td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px 5px;
	vertical-align: middle;
	text-align: center}
.table5 table .td_bg{}
.table5 table .th1{}
.table5 table .td2{}
.table5 table .td3{}
.table-wrap{overflow: auto; position:relative;}
.table5:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;
background-color: #F60;
position: absolute;
top:0px;
border-radius: 5px;
padding: 3px 5px;
margin-bottom: 10px;
font-size: 80%;}

/*table00･･･通常とお問い合わせ*/		
.table00{
	overflow: hidden;
	font-size: 90%;}
	
.table00 table{}
.table00 table th{
	padding: 3px;
	vertical-align: top;}
.table00 table td{
	padding: 3px;
	vertical-align: top;}
	
/*タブ*/
.sub_menu{
	margin-bottom: 20px;}
	.sub_menu ul{
		overflow: hidden;}
	.sub_menu ul li{
		float: left;
		width: 25%;}
	.sub_menu ul li a{
		display: block;
		text-align: center;
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
		color: #fff;
		padding: 10px 10px 10px 10px;
		margin: 5px 5px 5px 5px;}

		
/*==============================
　times_list
================================*/
.times_list{
	margin: 20px auto 20px;}
.times_list{
	max-width: 1000px;
	margin: 20px auto 30px;}
	.times_list ul{
		margin-bottom: 20px;}
	.times_list li{
		overflow: hidden;
		border-bottom: 1px dashed #000;}
	.times_list .day{
		display: inline-block;
		padding: 4px 25px 0px;}
	.times_list .ttl{
		display: inline-block;}
	.times_list li:last-child a{
		border-bottom: none;}
	.times_list ul li a{
		float: left;
		display: block;
		position: relative;
		padding: 10px 25px 15px 10px;
		color: #000;
		line-height: 1.2;}
	.times_list .ico{
		display: inline-block;
		width: 100px;
		text-align: center;
		padding: 3px 10px 3px;
		margin: 0px 0px 0px 25px;
		color: #fff;
		font-size: 70%;
		background: #C00;}
		
	.other_pdf{
		margin-bottom: 20px;}
	.other_pdf a[href$=".pdf"] {
		padding-right: 24px;
		background: url("../img/share/icn_pdf.png") no-repeat scroll right center rgba(0, 0, 0, 0);}
	.other_pdf h2{
    padding: 10px 10px 10px 15px;
	background: rgba(0,0,0,0.5);
	color:#FFF;}
	.other_pdf ul{
		padding: 10px 20px 20px 20px;}

/*==============================
　company
================================*/
.company .entry_body .img{
	float: right;
	margin: 0px 0px 0px 30px;}
.company .entry_body .ttl{
	font-size: 200%;
	line-height: 1.2;
	margin:0px 0px 20px 0px;
	color: #0072ff;}
.company .entry_body table p{
	margin-bottom: 10px;}
.company .entry_body .txt{}
.company .entry_body ul {
    margin: 0px 0px 10px 20px !important;}
	.company .entry_body ul li {
		position: relative;
		padding: .5em .4em .5em 1.5em;
		*padding: .4em;
		line-height: 1.2;}
	.company .entry_body ul li::after,
	.company .entry_body ul li::before {
		display: block;
		content: '';
		position: absolute;}
	.company .entry_body ul li::after {
		top: .16em;
		left: -1.2em;
		height: 1.7em;
		width: 1.7em;
		line-height: 2em;
		background: rgba(0,0,0,0.5);
		border-radius: 100%;}
	.about_us .entry_body ul li::before {
		z-index: 2;
		top: .775em;
		left: -.625em;
		width: 5px;
		height: 5px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);}
	
/*==============================
　mailform
================================*/
.mailform .entry_body span{
	color: #F60;} 
.mailform .att{
	margin-bottom:20px;
	border: 1px solid #156cb6;
	padding: 10px 20px;}
.mfp_buttons{
	text-align: center;}
.mfp_buttons button {
    background: none repeat scroll 0 0 #000000;
	cursor: pointer;
    border: 0 none;
    /*border-radius: 5px;*/
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0px 0 20px;
    padding: 15px 100px;}
.mfp_buttons button:hover{
	background: #502903;}
	
.mailform textarea ,.mailform input ,.mailform select{
    border: 1px solid #aaa;
	padding: 1px 4px 1px 5px;}

/*==============================
　recruit
================================*/
.recruit .entry_body .img{
	float: right;
	margin: 0px 0px 0px 30px;}
.recruit .entry_body .ttl{
	font-size: 200%;
	line-height: 1.2;
	margin:0px 0px 20px 0px;
	color: #0072ff;}
.recruit .entry_body .txt{}


/*==============================
　product
================================*/
.product .entry_body {
	max-width: 660px;
	margin: auto;
	background: rgba(255,255,255,0.6);
	padding: 30px 60px 30px 60px;}

/*==============================
　links
================================*/
.links .entry_body {}
.links .entry_body li{
	margin: 0px 0px 20px 0px;}
.links .entry_body li .name a{
	display: block;
	color: #007ae4;
	font-size: 140%;
	font-weight: bold;
	margin: -3px 0px 5px 0px;}
.links .entry_body li .txt{
	display: block;}

/*==============================
　search results
================================*/
.results_list{
	margin: 20px auto 20px;}
.results_list{
	max-width: 1000px;
	margin: 20px auto 30px;}
	.results_list ul{
		margin-bottom: 20px;}
	.results_list li{
		overflow: hidden;
		border-bottom: 1px dashed #000;}
	.results_list .day{
		display: inline-block;
		padding: 4px 25px 0px;}
	.results_list .ttl{
		display: inline-block;}
	.results_list li:last-child a{
		border-bottom: none;}
	.results_list ul li a{
		float: left;
		display: block;
		position: relative;
		padding: 10px 25px 15px 10px;
		color: #000;
		line-height: 1.2;}

/*==================
▽トップ　挨拶エリア
====================*/	
.greet_area{
	padding: 25px 50px 25px 50px;
	background: rgba(0, 0, 0, 0) url("../img/bg1.jpg") repeat fixed 0 0;
	background: #502903;
	color: #fff;}
	.greet_area_inner{
		max-width: 1100px;
		margin: auto;}
	.greet_area .ttl{
		font-size: 150%;
		font-weight: bold;
		margin-bottom: 10px;
		text-align: center;
		line-height: 1.2;}
	.greet_area .ttl2{
		font-size: 180%;
		font-weight: bold;
		margin-bottom: 10px;
		text-align: center;
		line-height: 1.2;}
		.greet_area .ttl2 a{
			color: #FFF500;
			font-weight: bold;}
	.greet_area .txt{
		line-height: 1.2;}
		
/*==================
▽トップ　サブナビゲーション
====================*/
.top_navi{
	background: rgba(0, 0, 0, 0) url("../img/bg1.jpg") repeat fixed 0 0;
    color: #000;}
	.top_navi_inner{
	max-width: 1100px;
	margin: auto;
	padding: 10px 0px 10px;}
	.top_navi ul{
		overflow: hidden;}
		.top_navi ul li{
			float: left;
			width: 50%;}
			.top_navi ul li a{
				display: block;
				text-align: center;
				background: rgba(255,255,255,0.7);
				margin: 10px 10px;
				padding: 10px 10px;
				border-radius: 10px; 
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				color: #fff;
				background: rgba(0,0,0,0.3);
				font-weight: bold;
				font-size: 110%;
				text-decoration: none;}
				.top_navi ul li a:hover{
					color: #fff;
					background: #502903;}

/*==================
▽トップ　キーワード
====================*/
.top_keyword{
	background: rgba(0, 0, 0, 0) url("../img/bg1.jpg") repeat fixed 0 0;
    color: #000;
	background: rgba(0, 0, 0, 0) url("../img/all_bg.jpg") repeat fixed center top;
    color: #000;}
.top_keyword_inner {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	padding: 20px 0px 20px;}
	.top_keyword .title2{
		color: #000;
		margin-bottom: 0px;
			font-size: 200%;}
		.top_keyword .title2 .quotes{
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			display: inline;
			font-size: 120%;
			color: #000;
			line-height: 1.0}
		.top_keyword .title2 .koma{
			display: inline;
			color: #000;
			font-size: 120%;}
	.top_keyword .txt1{
		text-align: center;
		margin-bottom: 10px;
		font-size: 110%;
		/*color: #fff;*/
		font-weight: bold;}
	.box_keywords{
		margin: 0.5%;
		background: rgba(255, 255, 255, 0.9);
		border-radius: 10px; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin-bottom: 20px;}
		.box_keywords .inner{
			padding: 15px 15px 9px 15px;}
		.box_keywords .inner a{
			display: inline-block;
			padding: 3px 5px;
			line-height: 1.2;
			background: #ECECEC;
			margin-bottom: 6px;
			border-radius: 3px; 
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;}
		.box_keywords .inner a:hover{
			color: #fff;
			background: #502903;}
	.box_keyword{
		float: left;
		width: 24%;
		margin: 0.5%;
		background: rgba(255, 255, 255, 0.9);
		border-radius: 10px; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin-bottom: 20px;}
	.box_keyword h3{
		font-size: 160%;
		line-height: 1.1;
		font-weight: bold;
		text-align: center;
		padding: 12px 0px 8px;
		color: #fff;
		background: #ff1700;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px; }
		.box_keyword h3 span{
			font-size: 60%;
			font-weight: bold;
			display: block;}
	.box_keyword .inner{
		padding: 15px 15px 9px 15px;}
	.box_keyword .inner a{
		display: inline-block;
		padding: 3px 5px;
		line-height: 1.2;
		background: #ECECEC;
		margin-bottom: 6px;
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;}
	.box_keyword .inner a:hover{
		color: #fff;
		background: #0072ff;}
	
/*==================
▽トップ　最新情報＆検索
====================*/
.topics_search{
	background: rgba(0, 0, 0, 0) url("../img/bg1.jpg") repeat fixed 0 0;
  color: #000;}
.topics_search_inner{
	width: 1100px;
	margin: auto;
	overflow: hidden;
	padding: 30px 0;}
	
/*==最新情報エリア==*/
.topics_area,
.contact_area,
.calender_area{
	width: 48%;
	float: left;
	margin: 0 1% 25px;
	padding: 25px 30px;
	background: rgba(255,255,255,0.5);}
.topics_area_inner,
.contact_area_inner,
.calender_area_inner{ margin-bottom: 15px;}
	.topics_area ul{ margin-bottom: 15px; }
	.topics_area ul li{
		overflow: hidden;
		vertical-align: middle;
		margin-bottom: 5px;}
		.topics_area ul li a .img1{
			float: left;
			max-width: 60px;
			float: left;
			margin-right: 10px;
			vertical-align: middle;}
		.topics_area ul li a .txt1{
			margin-bottom: 5px;
			vertical-align: middle;
			font-size:110%;
			font-weight: 500;}
		.topics_area li span.ico{
			font-size: 90%;
			display: inline-block; 
			margin-right: 5px;
			background: #502903;
			color: #fff;
			padding: 0px 10px;
			text-align: center;}

		.contact_area .btn button,
		.topics_area .btn a,
		.calender_area .btn a{
			width: 100%;
			display: block;
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			padding: 10px 0;
			background: rgba(255,0,0,1);
			color: #fff;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;}
			.contact_area .btn button:hover,
			.topics_area .btn a:hover,
			.calender_area .btn a:hover{
				background: #666; }
		.contact_area textarea{ height: 100px; }

/*==検索エリア==*/
.search_area{
	width: 48%;
	float: left;
	margin: 0 1% 25px;
	padding: 100px 30px;}
.search_area_inner{
	/*background: rgba(255,255,255,0.6);
	padding: 25px 30px;
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/}
	.search_area .ttl1{
		vertical-align: middle;
		font-size: 140%;
		line-height: 1.1;
		font-weight: bold;
		text-align: center;
		padding: 20px 30px 15px;
		color: #fff;
		background: #000;}
	.search_area .title2{
		font-size: 200%;
		color: #000 !important;}

	.search_area .txt1 {
		color: #000;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
		margin-bottom: 15px;}
	.search_area form{
		vertical-align: middle;
		padding-left: 0px;}
	.search_area input{
		width: 100%;
		padding: 5px 5px 5px 5px;
		font-size: 140%;}
	.search_area input[type="text"] {
		/*width: 710px;*/
		border: 1px solid #502903;
		padding: 10px 10px 10px 10px;
		margin-bottom: 10px;}
	.search_area input[type="submit"] {
		background: #502903;
		border: 1px solid #502903;
		color: #fff;
		cursor: pointer;
		padding: 5px 15px;
		border-radius: 10px; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-appearance: none;
		margin-bottom: 10px;}
	.search_area input[type="submit"]:hover {
		background: #000;
		border: 1px solid #000;}
		
		.search_area .btn a{
			display: block;
			text-align: center;
			padding: 8px 0;
			background: rgba(255,0,0,1);
			color: #fff;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;}
			.topics_area .btn a:hover{
				background: #666; }

.map_area{
	width: 48%;
	float: left;
	margin: 0 1% 25px;
	padding: 25px 30px;
	background: rgba(255,255,255,0.5);}
.map_area_inner{}
.map_area_inner .txt1{ margin-bottom: 15px; }
		
/*==================
▽施工事例ギャラリー
====================*/
#top_gallary{
	background: #333;
    color: #fff;
	position: relative;}
	#top_gallary_inner{
		width: 1100px;
		margin: auto;
		padding: 30px 0; 
		overflow: hidden; }
		#top_gallary_inner h1{
			text-align: center;
			font-size: 120%;
			margin-bottom: 15px;}
		#top_gallary_inner ul{ overflow: hidden; }
			#top_gallary_inner ul li{
				float: left;
				margin-right: 10px; }
		
/*==================
▽トップ　動画リスト
====================*/
#youtube_list{
	background: #555;
    color: #fff;}
	#youtube_list_inner{
		width: 1100px;
		margin: auto;
		padding: 30px 0; 
		overflow: hidden;}
		#youtube_list_inner .box{
			width: 50%;
			padding: 15px;
			float: left;
			border-radius: 10px; 
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px; }
			#youtube_list_inner .box iframe{ width: 100% !important; }
			
		#youtube_list_inner .txt_box{
			margin: 15px 0;
			padding: 30px 40px;
			background: #502903; 
			color: #fff;}
			#youtube_list_inner img{
				display: block;
				text-align: center;
				margin: 0 auto 15px;}
			#youtube_list_inner .txt_box h2{
				font-size: 110%;
				text-align: center;
				font-weight: bold;
				margin-bottom: 20px; }
			#youtube_list_inner .txt_box .txt{
				margin-bottom: 15px; }

			#youtube_list_inner .txt_box .btn a{
				display: block;
				background: #fff;
				color: #502903;
				text-align: center;
				padding: 10px;
				border-radius: 10px; 
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;}
			#youtube_list_inner .txt_box .btn a:hover{
				background: #f7a30f;
				color: #fff;}
		#youtube_list_inner .youtube{
			border-top: 15px solid #000;
			border-bottom: 15px solid #000;}
	
/*==================
▽トップ　NEWコンテンツ
====================*/
.top_contents_area {
	background: rgba(0, 0, 0, 0) url("../img/all_bg.jpg") repeat fixed center top;
    color: #000;}
.top_contents_area_inner {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	padding: 20px 0px 20px;}
	
	.top_contents_area .item_box{
		float: left;
		width: 31.3%;
		margin: 0 1%;
		background: rgba(255,255,255,0.6);
		padding: 25px 30px;
		margin-bottom: 20px;
		line-height: 1.2;}
	.item_buy{
		border-bottom: 10px solid #f7a30f;
		border-top: 10px solid #f7a30f; }
	.item_drytech{
		border-bottom: 10px solid #2face0;
		border-top: 10px solid #2face0; }
	.item_nrr{
		border-bottom: 10px solid #9c9c9c;
		border-top: 10px solid #9c9c9c; }
	.item_iwa{
		border-bottom: #008b34 solid 10px;
		border-top: #008b34 solid 10px;}

/*３つごとフロート解除
	.top_contents_area .item_box:nth-child(3n) {
		margin-right: 0%;}
	.top_contents_area .item_box:nth-child(3n+1) {
		clear: both;}
*/

	.top_contents_area .item_box .img{
		margin-bottom: 15px;}
		.top_contents_area .item_box .img a{
			position: relative;}
		.top_contents_area .item_box .img img{
			max-width: 100%;}
	.top_contents_area .item_box .txt{
		margin-bottom: 15px;
		color: #502903;
		line-height: 1.4;
		font-weight: bold;}
	.top_contents_area .item_box ul{
		margin-bottom: 20px;}
	.top_contents_area .item_box ul li{
		overflow: hidden;
		vertical-align: middle;
		margin-bottom: 5px;}
		.top_contents_area .item_box ul li a .img1{
			float: left;
			max-width: 60px;
			float: left;
			margin-right: 10px;
			vertical-align: middle;}
		.top_contents_area .item_box ul li a .txt1{
			margin-bottom: 5px;
			vertical-align: middle;
			font-size: 120%;}
		.top_contents_area .item_box .btn a{
				display: block;
				text-align: center;
				padding: 15px 0;
				background: #502903;
				color: #fff;
				border-radius: 10px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;}
				.top_contents_area .item_box .btn a:hover{
					background: #666; }
			
	.top_contents_area .item_box_banner .img{
		margin-bottom: 0px;}
			
	.top_contents_area .item_box_banner .inner{}
	.top_contents_area .item_box_banner p{}
	.top_contents_area .item_box_banner p:hover{
		background: #fff;}
		.top_contents_area .item_box_banner p:nth-child(1){
			background: #bac600;
			margin-bottom: 20px;}
		.top_contents_area .item_box_banner p:nth-child(2){
			background: #0075f6;
			margin-bottom: 20px;}
		.top_contents_area .item_box_banner p:nth-child(3){
			background: #ff588e;
			margin-bottom: 0px;}
		

/*==================
▽トップ　記事ランキング
====================*/
.top_ranking {
	background: rgba(0, 0, 0, 0) url("../img/all_bg.jpg") repeat fixed center top;
    color: #000;}
.top_ranking_inner {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	padding: 40px 0px 20px;}
.top_ranking .title2{
	color: #000;}
.tab_area{
	margin-bottom: 20px;
	padding: 30px 50px 25px 50px;
	border: 1px solid #000;
	background: rgba(255,255,255,1);}
			
	.top_ranking ol{
		counter-reset:number;
		list-style:none;
		margin:0;
		padding:0;}
	.top_ranking ol li{
		position: relative;
		padding: 15px 10px 15px 70px;
		line-height: 1.2;
		overflow: hidden;
		border-bottom: 1px dashed #000;}
	.top_ranking ol li:last-child{
		border-bottom: none;}
	.top_ranking ol li .img{
		width: 200px;
		float: left;
		margin-right: 20px; }
		.top_ranking ol li img{
			max-width: 100%;}
	.top_ranking ol li .ranklet-title .ranklet-link{
		display: block !important;
		font-size: 120%;
		margin-bottom: 10px;
		color: #0072ff;
		font-weight: bold;}
	.top_ranking .inner{
		overflow: hidden;}
	.top_ranking ol li .ranklet-description{}
	
	.top_ranking ol li:before{
		counter-increment: number;
		content: counter(number);
		position: absolute;
		top: 30px;
		left: 10px;
		margin-right: 10px;
		background: #ccc;
		width: 2em;
		height: 2em;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		font-size: 150%;
		line-height: 2;}
	.top_ranking ol li:nth-child(1):before{
		background: #FFD700;}
	.top_ranking ol li:nth-child(2):before{
		background: #0072ff ;}
	.top_ranking ol li:nth-child(3):before{
		background: #C47222;}


/*差し替え201709*/
/*==================
▽月刊メルマガまとめ
====================*/

.top_matome {
	background: rgba(0, 0, 0, 0) url("../img/all_bg.jpg") repeat fixed center top;
    color: #000;}
.top_matome_inner {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	padding: 40px 0px 20px;}
.top_matome .title2{
	color: #000;}
	.top_matome ul{
		list-style:none;
		margin-bottom:20px;
		padding:0;}

.top_matome ul li{
	float:left;
	width:33.3%;
	padding:0px 5px;
	text-align:center;
	font-size: 120%;
	margin-top:20px;}
	.top_matome ul li a{
		padding:15px 5px;
		color:#fff;
		display:block;}
	.top_matome .nrtimes a{
		background:#502903;}
	.top_matome .econ a{
		background:#ff1700;}
	.top_matome .rc a{
		background:#f79900;}
	.top_matome .dry_tech a{
		background:#e9bb00;}
	.top_matome .i_con a{
		background:#ff1700;}
	.top_matome .sales a{
		background:#1d2088;}
				
		.top_matome ul li a:hover{
			font-weight:bold;
			text-decoration:none;
			background:#fff;}
		.top_matome .nrtimes a:hover{
			color:#006FFF;}
		.top_matome .econ a:hover{
			color:#ff1700;}
		.top_matome .rc a:hover{
			color:#f79900;}
		.top_matome .dry_tech a:hover{
			color:#e9bb00;}
		.top_matome .i_con a:hover{
			color:#ff1700;}
		.top_matome .sales a:hover{
			color:#1d2088;}


/*==================
▽フロー
====================*/

.process_flow li{
	float:left;
	width:33.3%;
	padding:0px 5px;}
	.process_flow li:last-child{
		padding:0px;}

/*==================
▽トップ　動画＆トピックス
====================*/
.top_contents{
	background: rgba(0, 0, 0, 0) url("/img/all_bg.jpg") repeat fixed center top;
    color: #000;}
.top_contents .title{}		
.top_contents_inner{
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	padding: 40px 0px 20px;}
	.top_contents .top_box_l{
		width: 56%;
		float: left;}
	
	/*▽トップトピックス*/
	.top_contents .top_topics{
		position: relative;
		margin-bottom: 30px;}
	.top_contents .top_topics li{
		padding: 4px 0px;
		line-height: 1.2;}
	.top_contents .top_topics li .day{
		display: inline-block;
		margin-right: 10px;}
	.back_nb{
		position: absolute;
		top: 10px;
		right: 0px;
		font-size: 90%;
		display: block;
		padding: 5px 15px;
		line-height: 1.2;
		background: #0072ff;
		font-weight: bold;}
		.back_nb a{
			color: #fff;}
	.top_contents .top_box_r{
		width: 40%;
		float: right;}
	/*▽youtube*/
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;}
		.youtube iframe {
			position: absolute;
			top: 0;
			right: 0;
			width: 100% !important;
			height: 100% !important;}

/*▽トップバナー*/
.banner_area{
	background: #000;}
	.banner_area .banner_area_inner{
		max-width: 1100px;
		margin: auto;}
	.banner_area ul{
		overflow: hidden;
		padding:10px 0px;}
	.banner_area li{
		float: left;
		width: 14.2%;
		padding: 5px 5px ;}
		
/*▽トップ実績*/	
.top_case_area{
	background: url(../img/bg1.jpg) fixed repeat;
	overflow: hidden;}	
.top_case_area_inner{
	width: 1100px;
	margin: auto;
	padding:40px 0px;}
	
   .tab_box {
    border: 1px solid #ccc;
    padding: 20px 30px;
    display: none;
	background: url(../img/top_conte_img1.jpg) right -20px no-repeat #fff;
	overflow: hidden;}
	.tab_box li{
		float: left;
		width: 50%;
		padding: 10px 10px 10px 10px;}
	.tab_box li:nth-child(3n) {
		clear: both;
}
	.tab_box li a{
		overflow: hidden;
		display: inline-block;
		position: relative;
		font-weight: bold;
			padding: 5px 0px 5px 1.4em;}
		.tab_box li a::after {
			display: block;
			content: '';
			position: absolute;
			top: 10px;
			left: 5px;
			width: 9px;
			height: 9px;
			background: #0072ff;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			overflow: hidden;}
	.tab_box li .img1{
		float: left;
		margin-right: 15px;}
	.tab_box li img{
		width: 100px !important;
		height: auto !important;}
	.tab_box li .inner{
		overflow: hidden;}
	.tab_box li span.day{
		display: inline-block; 
		margin-right: 20px;
		color: #ff1700;}
	.tab_box li span.ico{
		font-size: 90%;
		vertical-align: top;
		display: inline-block; 
		margin-left: 10px;
		background: #0072ff;
		color: #fff;
		padding: 5px 10px;}
		
/*==================
▽長岡生コンローカル
====================*/
.nnl_mainimg{}
.nnl_mainimg img{
	max-width: 100%;}
.nnl .top_contents .top_topics ul{
		border-top: 1px solid #ccc;}
.nnl .top_contents .top_topics li{
		padding: 20px 10px;
		line-height: 1.2;
		border-bottom: 1px solid #ccc;}

/* フッター固定　お問い合わせフォーム */
#contact_bottom {
	position: fixed;
	bottom: 0;
	right: 10px;
	width: 300px;
	background: #eee;
	z-index: 10;}
#contact_bottom #chara{
	position: absolute;
	top: -60px;
	right: 50px;
}
#contact_bottom button{
	width: 100%;
	line-height: 40px;
	padding: 0 10px;
	background: rgba(255,0,4,1.00);
	color: #fff;
	font-weight: bold;}
#contact_bottom #pre_button{ 
	padding: 0 10px 0 20px;
	text-align: left !important; }
#contact_bottom button span{
	font-family: 'LigatureSymbols';
	font-size: 30px;
	float: right; }
#contact_bottom_inner{ padding: 10px; }

/*==================
footer
====================*/
#footer{
	clear: both;
	width: 100%;} 
#footer_inner{
	position: relative;
	overflow: hidden;
	max-width: 1000px;
	margin: auto;
	padding: 30px 0px 30px;}
.itogroup{
	position: absolute;
	top: 30px;
	right: 0;}
.add{
	margin: 10px 0px 10px 0px;
	line-height: 1.2;
	position:relative;}
	.add .foot_logo{
		margin: 0px 0px 10px 0px;}
#footer .customer_btn{
position:absolute;
right:0;
top:0;
}
#copyright{
	border-top:1px solid #ccc;
	padding: 15px 0px 0px 0px;
	text-align: left;
	font-size: 80%;
	color: #666;}
	#foot_menu{
	font-size: 90%;}
	#foot_menu li{
		display: inline-block;}
	#foot_menu li a{
		display: block;
		padding: 10px 10px 10px 10px;}

#page_top{
	position: fixed;
	bottom: 10px;
	right: 0px;}

/*=タブレット表示=*/	
@media only screen and (max-width: 980px) {
	
/*===========================================
▼▼▼サイド部分▼▼▼
=============================================*/
	
.conte_2col .contents_inner{
	max-width: 1000px;
	margin: auto;
	overflow: hidden;}
	
.conte_2col #main{
	width: 100% !important;
	height: auto !important;
	clear: both !important;
	margin: auto;} 
.conte_2col #main_inner{
	padding: 0px 10px 0px 10px;}
	
#side{
	width: 100% !important;
	height: auto !important;
	clear: both !important;
	margin: auto;} 
#side_inner{
	padding: 10px 10px 10px 10px;}

/*▽サイド実績*/
.side_menu{
	margin-bottom: 25px;}
	
/*▽サイド実績*/
.side_results{
	margin-bottom: 25px;}
.side_title1{
	margin-bottom: 10px;
	padding: 7px 0px 7px;
	color: #fff;
	text-align: center;
	font-size: 120%;}
.side_results ul{
	margin-bottom: 15px;}
.side_results li a{
	display: block;
	padding: 10px 10px 10px;
	border-bottom: 1px dashed #0072ff;
	color: #156cb6;
	line-height: 1.2;}

.side_results .btn{
	text-align: center;}
.side_results .btn a{
	display: inline-block;
	border: 1px solid #0072ff;
	padding: 10px 20px 8px 30px;
	background: #fff;}
.side_results .btn span{
	position: relative;
	display: inline-block;
	color: #0072ff;
	font-size: 100%;}
	.side_results .btn span:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: -15px;
		width: 6px;
		height: 6px;
		margin: -5px 0 0 0;
		border-top: solid 2px #0072ff;
		border-right: solid 2px #0072ff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);}

.side_results .btn a:hover{
	display: block;
	border: 1px solid #0072ff;
	padding: 10px 10px 8px 70px;
	background: #0072ff;}
.side_results .btn a:hover span{
	color: #fff;}
	.side_results .btn a:hover span:after {
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;}

/*▽サイドバナー*/
.side_banner ul{
	overflow: hidden;}
.side_banner li{
	float: left;
	width: 50%;
	text-align: center;}
.side_banner li:nth-child(2n+1){
	clear: both;}
.side_banner img{
	max-width: 98%;
	margin-bottom: 5px;}
	
}

	
/*=PC表示=*/
@media only screen and (min-width: 737px) {
.mobi_only{
	display: none;}}

/*=タブレット表示=*/	
@media only screen and (max-width: 736px) {

	.contact_tbl{}
	.contact_tbl tr th,
	.contact_tbl tr td{}
	.contact_tbl tr th{ display: block; width: 100%; }
	.contact_tbl tr td{ display: block; width: 100%; }
	
#wrapper{ min-width: 0;}
	
/*===========================================
▼▼▼ヘッダー部分▼▼▼
=============================================*/	
#header{
	width: auto !important;
	max-width: 100% !important;
	padding: 0px 0px 0px 0px;}
	#header_inner{}
	
.top #header{
	margin-bottom: 5px;}
/*==================
▽ナビゲーション
====================*/			
#nav_box{
	position: relative;
	text-align: right;
	background: none;
	top: 0px;}
#nav{
	width: auto !important;
	max-width: 100% !important;
	margin: auto;
	background: none;}
 .mobi_logo{
	 position: absolute;
	 top:0px;
	 left: 0px;
	 height: 60px;}
 .mobi_logo img{
	 max-height: 100%;
	 width: auto;}

/*==================
▽メインイメージ
====================*/	
.mainimg{
	float: none;}
.mainimg_inner{
	width: auto !important;
	max-width: 100% !important;
	margin: 0px auto 0px;
	padding: 0px !important;}
.bx-wrapper{
	float: none;
	width: auto !important;
	width: 100% !important;
	margin: 0px auto 0px !important;}
	.bx-wrapper li{
		max-width:100%!important;}
.bx-pager{
	display: none;}
.conte .mainimg_inner{
	padding: 0px 0px 0px 0px;}
.description_area{
	padding: 10px 0 10px 0;
	overflow: hidden;
	text-align: center;}
	.description_area .ttl{
		float: none;
		line-height: 1.2;
		color: #fff;
		font-size: 150%;
		font-weight: bold;
		color: #FFF;
		text-shadow: 1px 1px 4px rgba(0,0,0,0.7)}
	.description_area .txt{
		float: none;
		color: #000;
		font-size: 80%;
		line-height: 1.2;
		padding-top: 5px;
		padding-left: 0px;}
	
/*===========================================
▼▼▼メイン部分▼▼▼
=============================================*/
#main{
	width: 100%;
	margin: 0px;
	padding: 0px;}
.top #main{
	padding: 0px 0px 0px 0px;}
	.top .mainimg_inner li .btn{
		bottom: 10px;
		right : auto;}
	.top .mainimg_inner li .btn img{
		max-width: 100%;
		height: auto;	}
.conte #main_inner{
	margin: 0px 10px 20px 10px;
	padding: 0px !important;
	overflow: hidden;}
.conte_2col #main_inner{
	margin: 0px 10px 20px 10px;
	padding: 0px !important;
	overflow: hidden;}
	
/*メインスライダー上のお問い合わせ*/
.top #mainimg_form .title2{
	font-size:120%;}
.top #mainimg_form{
	position:static;
	background:#fff;
	padding:10px;
	z-index:1;
	border-radius:0px;}
	.top #mainimg_form th,
	.top #mainimg_form td{
		display:block;}
	.top #mainimg_form textarea,
	.top #mainimg_form select{
		width:100%!important;}
	.top #mainimg_form input{
		width:50%!important;}
	.top #mainimg_form .tel,
	.top #mainimg_form .name{
		width:100%!important;}
	.top #mainimg_form .checkbox{
		width:auto!important;}
.top #mainimg_form .mfp_buttons {
    margin: 15px auto;}

	/*==================
▽ticker
====================*/
.ticker {
	padding: 10px 20px;
	width: 100%;}

.ticker ul {
	width: 100%;}

.ticker ul li {
	width: 100%;}
	.ticker ul li a{
		font-size: 100%;}

/*==============================
　archive_standard
================================*/
.article_standard{}
	.entry_header{
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
		font-size: 120%;
		line-height: 1.2;
		text-align: left;}
.entry_body{
	padding: 10px 0px 10px 0px}
	.entry_body p, .entry_body h1, .entry_body h2, .entry_body h3, .entry_body h4, .entry_body h5, .entry_body h6, .entry_body ul, .entry_body ol, .entry_body table{}
	.entry_body h1, .entry_body h2, .entry_body h3{
		font-weight: bold;
		font-size: 110%;}
	.entry_body h4, .entry_body h5, .entry_body h6{
		font-weight: bold;
		font-size: 100%;}
		
.article_standard .entry_body img{
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	display: block;
	float: none !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin: auto !important;
	margin-bottom: 10px !important;}
		
	.entry_header strong{
		font-size: 80%;
		padding: 0px 10px 0px 0px;}

.entry_body h2{
    padding: 10px 10px 13px 8px;}	
.entry_body h3 {
    padding: 10px 10px 12px 8px;}	
.entry_body h4 {
    padding: 10px 10px 12px 10px;}	
.entry_body h5 {
    padding: 10px 10px 10px 10px;}	
.entry_body h6 {
    padding: 10px 10px 10px 0px;}

.entry_body iframe{
width:100% !important;
}
/*==============================
　article_original
================================*/
		
.article_original .entry_header{
		font-size: 80%;
		text-align: center;}
.article_original .entry_header strong{
	display: block;
		font-size: 200%;
		padding: 0px 0px 0px 0px;}
		

.pc_only{
	display: none!important;}
/*共通*/
.w100{
	width: 100% !important;
	height: auto !important;
	clear: both !important;
	margin: auto;}
.w90{
	width: 90% !important;
	height: auto !important;
	margin: auto;}
.img100{
    display: block;
    max-width: 100% !important;
	height: auto !important;}
.br{display: block;}
.tel-link {
    color: #06F;
    font-size: 16px;
    font-weight: bold;}
	
/*==================
　共通
====================*/
/*タイトル１*/
.title{
	font-size: 130%;
	line-height: 1.2;
	padding: 10px 10px 5px 15px;
	margin-bottom: 0px;
	margin-top: 10px;
	color: #000;
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
	border-left: none;
	border-top: 2px solid #de3c2c;
	vertical-align: middle;
	text-align: center;}
.title .subttl{
	display: block;
	font-size: 60%;
	color: #de3c2c;
	padding: 5px 15px 5px 15px;
	font-weight: bold;}
/*タイトル2*/
.title2{
	font-size: 130%;
	line-height: 1.2;
	text-align: center;
	padding: 5px 10px 5px 15px;
	margin-bottom: 10px;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;}
	.title2 span{
		font-size: 70%;
		display: block;
		color: #ff1700;
		padding-top: 5px;}
	
/*PDFダウンロード*/
.pdf_dl{
	border: 1px solid #156cb6;
	padding: 10px 15px 10px ;
	text-align: center;}
	.pdf_dl .ico{
		float: none;
		width: 92%;
		margin: 10px 0px 10px;
		display: block;
		padding: 10px 10px 10px;
		font-size: 100%;}
	.pdf_dl .ttl{
		display:block;
		overflow: hidden;
		text-align: left;}
/*前のページに戻る*/
.page_back{
	text-align: center;}
.page_back a{
	display: block;
	width: 300px;
    background: #0072ff;
	cursor: pointer;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0px auto 20px;
    padding: 15px 0px;}
.page_back a:hover{
	background: #156cb6;}

/*==============================
　テーブル関係
================================*/
.tb_mb th,.tb_mb td{
	width: 100%;
	text-align: center;
	display:block;}
/*table1*/		
.table1 table{}
.table1 th{
	padding: 5px 10px 5px 10px;
	text-align: left;}
.table1 td{
	text-align: left;}
/*table2*/		
.table2 table{
	border-top: 1px solid #ccc;}
.table2 th{
	border-bottom: 1px solid #ccc;
	padding: 5px 10px 5px 10px;
	background: #f6f6f6;}
.table2 td{
	border-bottom: 1px solid #ccc;
	text-align: left;}
/*table3･･･複雑なテーブル(商材部分など)*/
.table3 {
	overflow: scroll;
	position:relative;
	padding-top: 25px;}
.table3 table{
	width: 540px;}
.table3 th{}
.table3 td{}
.table3 table .td_bg{}
.table3 table .th1{}
.table3 table .td2{}
.table3 table .td3{}
.table-wrap{overflow: auto; position:relative;}
.table3:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;
background-color: #F60;
position: absolute;
top:0px;
border-radius: 5px;
padding: 3px 5px;
font-size: 80%;}
/*table00･･･通常とお問い合わせ*/		
.table00{
	overflow: hidden;
	font-size: 90%;}
	
/*タブ*/
.sub_menu{}
	.sub_menu ul{}
	.sub_menu ul li{
		float: left;
		width: 50%;}
	.sub_menu ul li a{}

		
/*==============================
　times_list
================================*/
.times_list{}
.times_list{}
	.times_list ul{
		margin-bottom: 10px;}
	.times_list li{
		overflow: hidden;
		border-bottom: 1px solid #eeeeee;}
	.times_list .day{
		display: block;
		margin: 0px 0px 5px 0px;
		padding: 0px;
		font-size: 80%;}
	.times_list .ttl{
		display: block;
		margin: 0px 0px 8px 0px;
		font-weight: bold;}
	.times_list li:last-child a{
		border-bottom: none;}
	.times_list ul li a{
		float: none;
		display: block;
		padding: 10px 0px 15px 0px;}
	.times_list .ico{
		margin: 0px 0px 0px 0px;
		display: block;
		width: 100%;
		padding: 10px 10px 10px;
		font-size: 100%;}
		
	.other_pdf{
		margin-bottom: 21px;}
	.other_pdf a[href$=".pdf"] {}
	.other_pdf h2{
    padding: 10px 10px 10px 15px;
	background: rgba(0,0,0,0.5);
	color:#FFF;}
	.other_pdf ul{
		padding: 10px 10px 10px 10px;}
		

/*==============================
　company
================================*/
.company .table1 {}
.company .entry_body .img{
	float: none;
	text-align: center;
	margin: 0px 0px 20px 0px;}
.company .entry_body .img img{
	max-width: 50%;
	height: auto;
	margin: auto;}
.company .entry_body .ttl{
	font-size: 150%;
	margin-bottom: 15px;}
	

/*==============================
　recruit
================================*/
.recruit .entry_body .img{
	float: none;
	text-align: center;
	margin: 0px 0px 20px 0px;}
.recruit .entry_body .img img{
	max-width: 50%;
	height: auto;
	margin: auto;}
.recruit .entry_body .ttl{
	font-size: 150%;
	margin-bottom: 15px;}


/*==============================
　product
================================*/
.product .entry_body {
	max-width: 660px;
	margin: auto;
	background: #fff;
	padding: 10px 10px 10px 10px;}


/*==============================
　mailform
================================*/
.mailform .entry_body span{} 
.mailform .att{}
	
.mfp_buttons{
	text-align: center;}
.mfp_buttons button {}
	
.mailform textarea ,.mailform input ,.mailform select{}
	
/*==============================
　links
================================*/
.links .entry_body {}
.links .entry_body li{
	margin: 0px 0px 10px 0px;}
.links .entry_body li .name a{
	font-size: 120%;
	margin: -3px 0px 5px 0px;}
.links .entry_body li .txt{
	font-size: 90%;}

/*==================
▽トップ　ごあいさつ
====================*/
.greet_area{
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;}
	.greet_area .ttl{
		font-size: 120%;
		margin-bottom: 5px;
		text-align: left;
		line-height: 1.2;}
	.greet_area .ttl2{
		font-size: 150%;
		text-align: left;}
	.greet_area .txt{
		font-size: 90%;
		line-height: 1.2;}
		
/*==================
▽トップ　サブナビゲーション
====================*/
.top_navi{}
	.top_navi_inner{
	max-width: 1100px;
	margin: auto;
	padding: 10px 0px 5px;}
	.top_navi ul li{
		width: 100%;}
		.top_navi ul li a{
			margin: 0px 5px 5px 5px;
			padding: 10px 10px 10px 10px;}
			.top_navi ul li a:hover{}
		
/*==================
▽トップ　キーワード
====================*/
.top_keyword{}
.top_keyword_inner {
		padding: 10px 10px 10px 10px;}
	.top_keyword .title2{
		color: #000;
		margin-bottom: 0px;
			font-size: 120%;}
		.top_keyword .title2 .quotes{
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			display: inline;
			font-size: 120%;
			color: #000;
			line-height: 1.0;}
		.top_keyword .title2 .koma{
			display: inline;
			color: #000;
			font-size: 120%;}
	.top_keyword .txt1{
		text-align: left;
		margin-bottom: 10px;
		font-size: 100%;
		line-height: 1.0;}
	.box_keyword{
		float: none;
		width: 100%;
		margin: 0px 0px 10px 0px;}
	.box_keyword h3{
		font-size: 120%;
		padding: 6px 0px 4px;}
		.box_keyword h3 span{
			font-size: 60%;
			font-weight: bold;
			display: block;}
	.box_keyword .inner{
		padding: 10px 10px 4px 10px;}
	.box_keyword .inner a{
		padding: 2px 4px;
		margin-bottom: 4px;}

/*==================
▽トップ　最新情報＆検索
====================*/
.topics_search{}
.topics_search_inner{ width: 100%; }
	
/*==最新情報エリア==*/
.topics_area,
.contact_area,
.calender_area,
.search_area{
	width: 100%;
	float: none;
	margin: 0 0 15px;}
	
/*==================
▽トップ　NEWコンテンツ
====================*/
.top_contents_area {}
.top_contents_area_inner {
		padding: 10px 10px 10px 10px;}
	
	.top_contents_area .item_box{
		float: none;
		width: 100%;
		margin-right: 0%;
		padding: 10px 10px;
		margin-bottom: 10px;}
	.top_contents_area .item_box .img{
		margin-bottom: 10px;}
	.top_contents_area .item_box .txt{
		margin-bottom: 10px;}
	.top_contents_area .item_box ul li{
		margin-bottom: 5px;}

/*==================
▽トップ　よくある質問
====================*/
.map_area{ float: inherit; width: 100%; }
	
/*==================
▽施工事例ギャラリー
====================*/
#top_gallary{
	padding: 10px;}
	#top_gallary_inner{
		width: auto;
		max-width: 100%;
		display: block;
		padding: 0;}

/*==================
▽トップ　動画リスト
====================*/
#youtube_list{
	padding: 10px 10px 10px;}
	#youtube_list_inner{
		width: auto;
		max-width: 100%;
		display: block;
		padding: 0; }
		#youtube_list_inner .box{ 
			width: 100%; }
		#youtube_list_inner div:nth-child(1).box{
			padding: 0px;
			margin-bottom: 10px;}
		#youtube_list_inner .youtube{
			border-top: 5px solid #000;
			border-bottom: 5px solid #000;}
			
		#youtube_list_inner .txt_box{
			margin: 0;}
			#youtube_list_inner .txt_box h2{
				font-size: 140%;
				text-align: center;
				font-weight: bold;
				margin-bottom: 25px; }
		
/*==================
▽トップ　記事ランキング
====================*/
.top_ranking {}
.top_ranking_inner {
	padding: 10px 10px 10px;}
.tab_area{
	padding: 10px 10px 10px 10px;
	margin-bottom: 0px;}
	.top_ranking{
		padding: 10px 0px 10px 0px;}
	.top_ranking ol li .img{
		margin-right: 10px;}
	.top_ranking ol{
		counter-reset:number;
		list-style:none;/
		margin:0;
		padding:0;}
	.top_ranking ol li{
		position: relative;
		padding: 5px 5px 5px 40px;
		line-height: 1.2;}
	.top_ranking ol li:before{
		counter-increment: number;
		content: counter(number);
		position: absolute;
		top: 10px;
		left: 0px;
		margin-right: 10px;
		background: #ccc;
		width: 2em;
		height: 2em;
		font-size: 120%;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		line-height: 2;}
	.top_ranking ol li:nth-child(1):before{
		background: #FFD700;}
	.top_ranking ol li:nth-child(2):before{
		background: #0072ff ;}
	.top_ranking ol li:nth-child(3):before{
		background: #C47222;}

/*==================
▽月刊メルマガまとめ
====================*/

.top_matome ul li{
	width:50%;
	font-size:100%;}

/*==================
▽フロー
====================*/

.process_flow li{
	float:none;
	width:100%;
	padding:0px 10px;}
	.process_flow li:last-child{
		padding:0px;}

/*==================
▽トップ　動画＆トピックス
====================*/		
.top_contents_inner{
	padding: 10px 0px 10px;}
	.top_contents .top_box_l{
		padding: 0px 10px !important;}
	/*▽トップトピックス*/
	.top_contents .top_topics{
		margin-bottom: 10px;}
	.top_contents .top_topics li{
		padding: 4px 0px;
		line-height: 1.2;}
	.top_contents .top_topics li .day{
		display: block;
		margin-right: 0px;}
	.top_contents .top_box_r{
		padding: 0px 10px !important;}
	/*▽youtube*/
	.youtube {}
		.youtube iframe {}
.top_contents .back_nb{
	margin: auto;
	position: static;
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 5px 15px;
	line-height: 1.2;
	color: #fff;
	background: #0072ff;
	font-weight: bold;
	text-align: center;}

/*▽トップバナー*/
.banner_area{
	background: #000;}
	.banner_area .banner_area_inner{}
	.banner_area ul{
		overflow: hidden;
		padding:10px 1px;}
	.banner_area li{
		width: 50%;
		padding: 1px 1px ;}
		
/*▽トップ実績*/	
.top_case_area{}	
.top_case_area_inner{
	width: auto;
	max-width: auto;
	padding:10px 10px;}
	
   .tab_box {
    clear: both;
    padding: 10px 10px;
    display: none;
	background: none;}
	.tab_box li{
		float: none;
		width: 100%;
		padding: 10px 0px 10px 0px;
		overflow: hidden;}
		.tab_box li::after {display: none;}
	.tab_box li span.day{
		display: block; 
		margin-right: 0px;}
	.tab_box li span.ico{
		font-size: 90%;
		display: block; 
		margin-left: 0px;
		background: #0072ff;
		color: #fff;
		padding: 0px 10px;
		text-align: center;}

/* フッター固定　お問い合わせフォーム */
#contact_bottom {
	position: relative;
	bottom: inherit;
	right: inherit;
	width: 100%;}
	#contact_bottom #chara{
		top: -60px;
		right: 50px;}
#contact_bottom button{
	width: 100%;
	line-height: 40px;
	padding: 0 10px;
	background: rgba(255,0,4,1.00);
	color: #fff;
	font-weight: bold;}
#contact_bottom #pre_button{ 
	padding: 0 10px 0 20px;
	text-align: left !important; }
#contact_bottom button span{
	font-family: 'LigatureSymbols';
	font-size: 30px;
	float: right; }
#contact_bottom_inner{ padding: 10px; }
	
/*==================
footer
====================*/
#footer{} 
#footer_inner{
	padding: 20px 0px 50px;}
#footer .logo{
	text-align: center;} 
.add{
	margin: 10px 0px 10px 0px;
	text-align: center;}
		
#foot_menu{
	position: inherit;
	text-align: center;}
	#foot_menu li{
		display: inline-block;}
	#foot_menu li a{
		display: block;
		padding: 10px 10px 0px 10px;}
#copyright{
	text-align: center;
	padding: 10px 0px 10px 0px;}
		
#foot_nav{
	position: fixed;
	width: 100%;
	left: auto;
	bottom: 0px;
	z-index: 100px;
	overflow: hidden;
	background: #000;}
#foot_nav li{
	float: left;
	width: 25%;
	text-align: center;
	height: 50px;}
#foot_nav li img{
	max-height: 100% !important;
	width: auto;
	margin: auto;}
  }