@charset "utf-8";


/*============================================================
Base.css
--------------------------------------------------------------

File Name:	base.css
Summary:	全体の構造や各ページ共通で使用するスタイル
Created:	2016/01/16
Modified:	2020/01/16[更新履歴のスタイルを追加]


============================================================*/


/*============================================================
目次
--------------------------------------------------------------

2. Structure and Style
 __2.0. Common Structure and Style
 __2.1. Header Structure and Style[include gNav and MV] 
 __2.2. Contents Structure and Style
 __2.3. Footer Structure and Style


============================================================*/





/*============================================================


					2. Structure Style and Style


------------------------------------------------------------*/

/*============================================================
2-0.	Common Structure and Style
------------------------------------------------------------*/

/*  width inner */

.inner{
	max-width:1200px;
	padding-right:15px;
	padding-left:15px;
	margin:0 auto;
	position:relative;
}

.inner .inner{
	padding:0;
}

@media (max-width:768px) {
	div.inner{
		min-width:inherit;
	}
}




/*============================================================
2-1.	Header Structure and Style
------------------------------------------------------------*/


/*--------------------------------
	Global Header and Style
=================================*/


/* header */

#global_header{
	width:100%;
	margin:0 auto 0;
	padding-top:10px;
	position:relative;
}

body#home #global_header{
	margin-bottom:0px;
}


/* page_guide */

#page_guide{
	width:100%;
	min-height:54px;
	text-align:left;
	display:block;
	padding:10px 0 10px;
}

#page_guide h1{
	font-size:12px;
	font-size:1.2rem;
	font-weight:bold;
	display:inline-block;
	line-height:1;
	margin:0;
	padding:0 10px 10px;
}

#page_guide p{
	font-size:12px;
	font-size:1.2rem;
	margin:0 320px 10px 0;
	padding:0 0 0 10px;
	line-height:1;
	display:block;
}

/* header_contact */

#header_contact{
	font-size:24px;
	font-size:2.4rem;
	color:#f9461e;
	position:absolute;
	top:0px;
	right:0;
}

#header_contact em{
	font-size:30px;
	font-size:3.0rem;
	padding:0 0 0 10px;
}

#header_contact .tel:before{
	font-family:"FontAwesome";
	font-size:40px;
	font-size:4.0rem;
	content:"\f098";
	position:absolute;
	top:50%;
	left:-45px;
	margin-top:-20px;
}

body#home #header_logo{
	width:100%;
	background-image:url(../../images/header/bg_home_logo.png);
	background-repeat:repeat-x;
	background-position:center top;
	text-align:center;
	padding:0;
	float:none;
	clear:both;
}

#header_logo{
	padding:16px 0 13px;
	float:left;
}

#header_logo a{
	-webkit-transition:0.5s linear;
  -moz-transition:0.5s linear;
  transition:0.5s;
}

#header_logo a:hover{
	opacity:0.8;
}

#header_logo img{
	max-width:100%;
	height:auto;
}

@media (max-width:1200px){
	body#home #header_logo{
		background-image:none;
	}
}



/*--------------------------------
	Main Visual Area
=================================*/

#main_visual{
	min-height:300px;
	margin:0 auto 0;
	padding-top:40px;
	background-image:url(../../images/layout/bg_mainvisual_right_small.png),url(../../images/layout/bg_mainvisual_line.png);
	background-position:right top,left top;
	background-repeat:no-repeat, no-repeat;
	background-color:#cecece;
}


/*#main_catch{
	color:#fff;
	max-width:800px;
	background-color:rgba(26,26,26,0.90);
	margin:0 auto 0;
	padding:40px 30px;
	border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:rgba(97, 97, 97, 0.2) 0px 0px 10px -2px;
	-webkit-box-shadow:rgba(97, 97, 97, 0.2) 0px 0px 10px -2px;
	-moz-box-shadow:rgba(97, 97, 97, 0.2) 0px 0px 10px -2px;
}*/

#main_catch{
	color:#4a4a4a;
	/*text-shadow: #ccc 0px -1px, #ccc 1px 0px, #ccc 0px 1px, #ccc -1px 0px;*/
	/*max-width:800px;*/
	max-width:1200px;
	margin:0 auto 0;
	padding:20px 30px;
	/*border:2px solid #fff;*/
	border-radius:10px;
	-webkit-border-radius:10px;
	/*box-shadow:rgba(97, 97, 97, 0.2) 0px 0px 10px -2px;
	-webkit-box-shadow:rgba(97, 97, 97, 0.2) 0px 0px 10px -2px;
	-moz-box-shadow:rgba(97, 97, 97, 0.2) 0px 0px 10px -2px;*/
}


#main_catch h2{
	/*text-align:center;*/
	text-align:left;
	font-size:42px;
	font-size:4.2rem;
	font-weight:normal;
	margin:0 0 20px;
}

#main_catch h2 em{
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	display:block;
}

#main_catch h2 strong{
	font-size:60px;
	font-size:6.0rem;
	font-weight:bold;
	color:#f9461a;
	padding:0 10px;
}

#main_catch p{
	max-width:700px;
	font-size:14px;
	font-size:1.4rem;
	/*text-align:center;*/
	text-align:left;
	margin:0;
}



/* 第二階層以下のページ見出し */

#page_title{
	max-width:1200px;
	margin:0 auto 40px;
	padding:30px 0 20px 15px;
	/*box-shadow:rgba(97, 97, 97, 0.2) 0px 5px 10px -2px;
	-webkit-box-shadow:rgba(97, 97, 97, 0.2) 0px 5px 10px -2px;
	-moz-box-shadow:rgba(97, 97, 97, 0.2) 0px 5px 10px -2px;*/
}

#page_title h2{
	font-size:30px;
	font-size:3.0rem;
	font-weight:normal;
	margin:0 0 25px 0;
	padding:0;
}

#page_title p{
	margin:0 0 14px 0;
}




/* パンくずリスト */

#topic_path{
	width:100%;
	border-bottom:1px solid #b6b6b6;
	padding:10px 0;
	margin:0 auto 30px;
}

#topic_path nav{
	max-width:1200px;
	margin:0 auto;
	padding:0 15px;
}

#topic_path ul li{
	display:inline-block;
	padding:0 10px 0 0;
}

#topic_path ul li:before{
	content:">";
	margin-right:10px;
}

#topic_path ul li:first-child:before{
	content:none;
}




@media (max-width:768px) {
	#main_catch h2,
	#main_catch h3{
		text-shadow: #fff 0px -1px, #fff 1px 0px, #fff 0px 1px, #fff -1px 0px;
		font-weight:bold;
	}
	#main_catch{
		padding-left:20px;
	}
	#main_catch h2{
		font-size:24px;
		font-size:2.4rem;
		margin-bottom:24px;
	}
	#main_catch h3{
		font-size:18px;
		font-size:1.8rem;
	}
	#main_catch h2 strong{
		font-size:40px;
		font-size:4.0rem;
	}
	#main_catch h2 em{
		font-size:20px;
		font-weight:normal;
	}
	#main_catch p{
		font-size:16px;
		font-size:1.6rem;
	}
	#main_catch ul.contact_button li:first-child{
		margin-right:20px;
		margin-bottom:20px;
	}
}


@media (max-width:479px) {
	#main_catch h2,
	#main_catch h3{
	}
	#main_visual{
		min-height:inherit;
		background-image:url(../../images/layout/bg_mainvisual_line.png);
		background-position:left top;
		background-repeat:no-repeat;
		padding-top:20px;
	}
	#main_catch{
		padding:0 10px 20px;
	}
	#main_catch h2{
		margin-bottom:15px;
	}
	#main_catch h2 strong{
		font-size:24px;
		font-size:2.4rem;
	}
	#main_catch h2 em{
		font-size:16px;
		font-size:1.6rem;
	}
	#main_catch p{
		font-size:14px;
		font-size:1.4rem;
		text-shadow:none;
	}
	#main_catch p br{
		display:none;
	}
	#topic_path{
		margin-bottom:0;
	}
}



/*--------------------------------
	Global Nav Area
=================================*/

#global_nav{
	background-color:#1a1a1a;
	margin-bottom:0px;
}



#header_nav_area{
	background-color:#1a1a1a;
}


#header_nav_area:after{
	display:block;
	content:"";
	clear:both;
}





/* global_nav */

#global_nav ul{
	max-width:1200px;
	margin:0 auto;
	display:block;
}

body#home #global_nav ul{
	text-align:center;
}

#global_nav ul{
	text-align:right;
	font-size:0;
}

#global_nav li{
	font-size:16px;
	font-size:1.6rem;
	/*margin-right:2px;*/
	display:inline-block;
}

#global_nav li a{
	line-height:1.0;
	text-decoration:none;
	color:#fff;
	display:block;
	padding:27px 20px 27px;
	-webkit-transition:0.5s linear;
  -moz-transition:0.5s linear;
  transition:0.5s;
	position:relative;
}

#global_nav li a:hover{
	color:#fff;
	background-color:#414141;
}



body#home #global_nav li#gnav_home a,
body#oudanmaku #global_nav li#gnav_oudanmaku a,
body#kensuimaku #global_nav li#gnav_kensuimaku a,
body#flow #global_nav li#gnav_flow a,
body#price #global_nav li#gnav_price a,
body#material #global_nav li#gnav_material a,
body#contact #global_nav li#gnav_contact a{
	color:#fff;
	background-color:#414141;
	/*background-color:#0ab0e7;*/
}

body#home #global_nav li#gnav_home a:after,
body#oudanmaku #global_nav li#gnav_oudanmaku a:after,
body#kensuimaku #global_nav li#gnav_kensuimaku a:after,
body#flow #global_nav li#gnav_flow a:after,
body#price #global_nav li#gnav_price a:after,
body#material #global_nav li#gnav_material a:after,
body#contact #global_nav li#gnav_contact a:after{
	font-family:"FontAwesome";
	color:#7a7272;
	font-weight:normal;
	font-size:22px;
	font-size:2.2rem;
	content:"\f0d7";
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-7px;
}





@media (max-width:1070px) {
	#global_nav ul{
		float:none;
		clear:both;
		border-top:1px solid #666;
		text-align:center;
	}
	#global_nav ul li{
		font-size:14px;
		font-size:1.4rem;
	}
	#global_nav ul li a{
		padding:27px 10px;
	}
}

@media (max-width:768px) {
	body#home #global_header{
		margin-bottom:30px;
	}
	#header_contact{
		display:none;
	}
	#page_guide h1,
	#page_guide p{
		font-size:11px;
		font-size:1.1rem;
		display:block;
		margin:0 50px 10px 0;
	}
	#global_nav{
		display:none;
	}
}

@media (max-width:479px) {
	#global_header{
		padding-top:0;
	}
	#page_guide h1{
		padding-top:10px;
	}
	#logo img{
		width:100%;
		height:auto;
	}
	#page_guide{
		margin-bottom:5px;
	}
	#page_guide .inner{
		padding-left:0;
	}
	#page_guide p{
		display:none;
	}
}





/*============================================================
2-4.	Contents Structure and Style
------------------------------------------------------------*/

/* -----------------------------------------
セクションの基本スタイル
-------------------------------------------- */

.normal_section{
	clear:both;
	margin:0 auto 60px;
	padding:30px 15px 10px 15px;
}

#main_contents .normal_section:first-child{
	border-top:none;
}

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

.normal_section h1{
	margin-bottom:30px;
}

.normal_section h1 + p{
	margin-bottom:30px;
}

.normal_section h1 em{
	display:block;
}

.normal_section h3{
	font-size:28px;
	font-size:2.8rem;
	font-weight:normal;
	padding:0 8px 15px 15px;
	margin:0 -15px 30px;
	position:relative;
}

.normal_section h3:after{
	width:250px;
	height:1px;
	background-color:#5eb9e0;
	display:block;
	content:"";
	position:absolute;
	bottom:0px;
	left:15px;
}

/* Second Section
normal_sectionに含まれる
---------------------------------- */

.second_section{
	margin:30px 0 30px;
}

.second_section h2{
	font-size:30px;
	font-size:3.0rem;
}





/* カテゴリセクション */

.normal_section .category{
	margin-bottom:60px;
}

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

.normal_section .category h2{
	margin-bottom:20px;
	position:relative;
	padding-left:15px;
	margin-bottom:40px;
}

.normal_section .category h2:after{
	width:100px;
	height:2px;
	background-color:#5d8ef0;
	display:block;
	content:"";
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-50px;
}

/*
画像とテキストのスタイル
--------------------------------------*/

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

.image_and_text{
	padding:50px 0 60px;
	clear:both;
}

.image_and_text img{
	max-width:100%;
	height:auto;
	float:left;
}

.image_and_text p,
.image_and_text div.go_detail_button{
	font-size:18px;
	font-size:1.8rem;
	margin-left:598px;
}




/*
背景色違い
--------------------------------------*/

.bg_white{
	background-color:rgba(255,255,255,0.40);
}

.bg_light{
	background-color:#e6e6e6;
}

.bg_black{
	background-color:rgba(149,149,149,0.10);
}



/*
複数カラムのスタイル
--------------------------------------*/

.column_2{
	width:48%;
	float:left;
	margin:0 0 30px 0;
}

.column_2:nth-child(odd){
	margin-right:4%;
}

/*.column_2 h2{
	font-size:20px;
	font-size:2.0rem;
}*/

.column_3{
	width:32%;
	margin:0 0 30px 2%;
	float:left;
}

.column_3:first-child{
	margin-left:0;
}


@media (max-width:768px) {
	.image_and_text{
		text-align:center;
	}
	.image_and_text img{
		float:none;
	}
	.image_and_text p,
	.image_and_text div.go_detail_button{
		text-align:center;
		margin-left:0;
	}
	.column_2,
	.column_3{
		text-align:center;
		width:100%;
		float:none;
		margin:0 0 20px;
	}
	.column_2:nth-child(odd),
	.column_3:first-child{
		margin-left:0;
		margin-right:0;
	}
	.column_2 img{
		margin:0 auto;
	}
	.column_2 p,
	.column_3 p{
		text-align:left;
	}
}

@media (max-width:479px) {
	.normal_section{
		margin-bottom:30px;
		padding:20px 0 0;
	}
	.normal_section h1{
		text-align:left;
		font-size:20px;
		font-size:2.0rem;
	}
	.normal_section h3{
		text-align:left;
		letter-spacing:-0.1rem;
		font-size:18px;
		font-size:1.8rem;
	}
	.normal_section h4{
		text-align:left;
		letter-spacing:-0.1rem;
	}
	.normal_section p{
		text-align:left;
	}
	.second_section h2{
		font-size:18px;
		font-size:1.8rem;
	}
	.image_and_text{
		padding:20px 0;
	}
	.image_and_text h1{
		font-size:20px;
		font-size:2.0rem;
	}
	.image_and_text h1 br{
		display:none;
	}
	.image_and_text p,
	.image_and_text div.go_detail_button{
		font-size:14px;
		font-size:1.4rem;
	}
	.image_and_text p{
		text-align:left;
	}
	.normal_section .category{
		margin-bottom:30px;
	}
}



/* -----------------------------------------
サイトの骨格になるスタイル
-------------------------------------------- */




/* ====
Main Contents ----------------*/

#main_contents{

}




/* ====
Various Contents ----------------*/

#various_contents{
	max-width:1200px;
	margin:0 auto 60px;
}

#various_contents:after{
	display:block;
	content:"";
	clear:both;
}

.products_info{
	width:33%;
	background-color:#fff;
	padding:30px;
	margin:0 30px 0 0;
	float:left;
	box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
	-webkit-box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
	-moz-box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
}

.products_info h3{
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
	margin:0 0 15px;
}

.other_products{
	width:28%;
	float:right;
}



/* その他コンテンツ部分 */


.contents_list{
	margin:0;
	padding:0;
}

.contents_list li{
	margin:0 0 20px;
}

.contents_list li a{
	width:100%;
	background-color:#fff;
	padding:37px 10px 37px 97px;
	text-decoration:none;
	line-height:1;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:18px center;
	box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
	-webkit-box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
	-moz-box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
	position:relative;
}

#list_price a{
	background-image:url(../../images/icon/ic_price.jpg);
}

#list_nozle a{
	background-image:url(../../images/icon/ic_nozle.jpg);
}

#list_examples a{
	background-image:url(../../images/icon/ic_use.jpg);
}

.contents_list li a:hover{
	color:#0099cc;
	text-decoration:underline;
}

.contents_list li a:after{
	color:#ccc;
	font-family:"FontAwesome";
	font-size:50px;
	font-size:5.0rem;
	content:"\f105";
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-25px;
}

.contents_list li a:hover:after{
	color:#5eb9e0;
}



/* =====
Support Contents ----------------*/

#support_contents{
	max-width:1200px;
	margin:0 auto 60px;
}

#support_contents:after{
	display:block;
	content:"";
	clear:both;
}

.sub_section{
	border:2px solid #d0d0cd;
	padding:30px;
}

.sub_section h3,
.sub_section h4{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	margin:0 0 30px;
}

#support_contents div.other_products{
	float:left;
}

/* 無料デモ機貸し出し部分 */

#support_contents #free_rental{
	width:38%;
	float:left;
	margin:0 0 0 3%;
}

#support_contents #free_rental h4{
	font-size:30px;
	font-size:3.0rem;
	font-weight:normal;
	color:#fff;
	background-color:#f17676;
	padding:65px 0;
}

#support_contents #free_rental h4 + p{
	margin-bottom:30px;
}

#support_contents #free_rental .contact_button_m{
	margin-bottom:0;
}



/* ====
安心のフォローサービス ----------------*/

#follow_service{
	width:28%;
	padding:33px 17px 5px;
	float:right;
}

#follow_service h3{
	color:#ff6846;
	text-align:left;
	position:relative;
	padding:0 0 0 54px;
}

#follow_service h3:before{
	font-family:"FontAwesome";
	font-size:36px;
	font-size:3.6rem;
	content:"\f08a";
	position:absolute;
	left:0;
	top:-8px;
}

#follow_service dl.point_list{
	margin-bottom:15px;
}

#follow_service dl.point_list dt{
	color:#ff6846;
}


@media (max-width:768px) {
	.products_info{
		width:46%;
		margin:0 2% 30px;
		float:left;
	}
	.products_info h3{
		text-align:left;
	}
	.other_products{
		width:96%;
		margin:0 auto 30px;
		float:none;
		clear:both;
	}
	#follow_service{
		width:96%;
		margin:0 auto 30px;
		float:none;
	}
	#support_contents #free_rental{
		width:96%;
		margin:0 auto 30px;
		float:none;
		clear:both;
	}
}

@media (max-width:479px) {
	.products_info{
		width:96%;
		margin:0 auto 15px;
		float:none;
	}
}




/* -----------------------------------------
第二階層以下
-------------------------------------------- */

.main_section{
	background-color:#edede9;
	padding:30px 0 30px;
	margin:0 auto 60px;
	box-shadow:rgba(97, 97, 97, 0.2) 0px 0px 8px 0px;
	-webkit-box-shadow:rgba(97, 97, 97, 0.2) 0px 0px 8px 0px;
	-moz-box-shadow:rgba(97, 97, 97, 0.2) 0px 0px 8px 0px;
}

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




/* ====
製品紹介用ボックス ----------------*/

.products_section{
	margin-bottom:60px;
}

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

.products_section h3{
	font-size:30px;
	font-size:3.0rem;
	font-weight:normal;
	margin:0 0 10px 0;
}

.products_section h3 + p{
	margin:0 0 30px;
}

.products_summary{
	width:200px;
	background-color:#fff;
	float:left;
	margin:0 20px 20px 0;
	box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
	-webkit-box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
	-moz-box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
}


.products_summary .summary_info{
	margin:10px;
}

.products_summary .summary_info dt{
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	margin:0 0 10px;
}

.products_summary .summary_info dt a{
	text-decoration:none
}

.products_summary .summary_info dd{
	margin:0;
	padding:0;
}

.products_summary .summary_info dd p{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
}

.products_summary .summary_info dd .price{
	font-size:14px;
	font-size:1.4rem;
	color:#f9461e;
	display:block;
}


.products_summary .summary_info dd .summary_data{
	font-size:12px;
	font-size:1.2rem;
	border:1px solid #ccc;
}

.products_summary .summary_info dd .summary_data th{
	font-weight:normal;
	padding:5px;
}

.products_summary .summary_info dd .summary_data td{
	padding:5px;
}



/* ====
特徴解説などで使用するスタイル ----------------*/

.feature{
	width:48%;
	background-color:rgba(255,255,255,0.60);
	float:left;
	margin:0 1% 45px;
	border:2px solid #fff;
	padding:10px;
	position:relative;
}


.feature h4{
	font-size:18px;
	font-size:1.8rem;
	margin:0 0 15px 0;
	padding:15px 0 5px;
	border-bottom:1px dashed #ccc;
}

.feature h4 .caption{
	/*color:#00b3ff;*/
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	display:block;
	background-color:#0795c4;
	padding:3px 10px 3px 10px;
	position:absolute;
	top:-15px;
	left:-5px;
	transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
}

.feature p{
	line-height:1.5;
}



@media (max-width:768px) {
}



@media (max-width:479px){
	.feature{
		width:100%;
		float:none;
		margin:0 auto 35px;
	}
	.products_section h3{
		font-size:18px;
		font-size:1.8rem;
	}
	.products_summary{
		float:none;
		clear:both;
		margin:0 0 15px;
		border:2px solid #fff;
	}
	.products_summary img{
		width:100%;
		height:auto;
	}
}





/* -----------------------------------------
パーツのスタイル
-------------------------------------------- */

/* ボタン系のスタイル */

.contact_button,
.contact_button_m{
	text-align:center;
	margin:0 0 30px;
}

.contact_button a,
.contact_button_m a{
	font-size:30px;
	font-size:3.0rem;
	color:#fff;
	background-color:#f9461e;
	text-decoration:none;
	line-height:1;
	border:2px solid #f67b60;
	padding:20px 38px 20px 78px;
	position:relative;
	display:inline-block;
	border-radius:10px;
	-webkit-border-radius:10px;
	transition:0.5s;
	-webkit-transition:0.5s;
  -moz-transition:0.5s;
}

.contact_button_m a{
	font-size:24px;
	font-size:2.4rem;
	padding:15px 20px 15px 53px;
}


.contact_button a:before,
.contact_button_m a:before{
	font-family:"FontAwesome";
	font-size:36px;
	font-size:3.6rem;
	content:"\f098";
	position:absolute;
	top:center;
	left:30px;
}

.contact_button_m a:before{
	font-size:28px;
	font-size:2.rem;
	left:15px;
	top:13px;
}

.contact_button a:hover,
.contact_button_m a:hover{
	background-color:#f95d3b;
	box-shadow:rgba(97, 97, 97, 0.7) 0px 3px 15px 0;
	-webkit-box-shadow:rgba(97, 97, 97, 0.7) 0px 3px 15px 0;
	-moz-box-shadow:rgba(97, 97, 97, 0.7) 0px 3px 15px 0;
}


/* 詳細へボタン */

.go_detail_button{
	text-align:right;
}

.go_detail_button a{
	color:#4a4a4a;
	font-size:18px;
	font-size:1.8rem;
	text-decoration:none;
	line-height:1;
	border:3px solid #9aabcd;
	padding:15px 20px 15px 44px;
	position:relative;
	display:inline-block;
	transition:0.5s;
	-webkit-transition:0.5s;
  -moz-transition:0.5s;
	border-radius:10px;
	-webkit-border-radius:10px;
}


.go_detail_button a:before{
	font-family:"FontAwesome";
	font-size:24px;
	font-size:2.4rem;
	content:"\f105";
	position:absolute;
	top:50%;
	margin-top:-13px;
	left:22px;
	padding:0;
}


.go_detail_button a:hover{
	color:#4478e8;
	/*background-color:rgba(255,255,255,0.40);*/
	background-color:#fff;
	border-color:#8eaced;
	/*box-shadow:rgba(97, 97, 97, 0.3) 0px 3px 15px 0;
	-webkit-box-shadow:rgba(97, 97, 97, 0.3) 0px 3px 15px 0;
	-moz-box-shadow:rgba(97, 97, 97, 0.3) 0px 3px 15px 0;*/
}





/* ボックスシャドウ */

.box_shadow{
	transition:0.5s linear;
	-webkit-transition:0.5s;
  -moz-transition:0.5s;
}
.box_shadow:hover{
	box-shadow:rgba(97, 97, 97, 0.7) 0px 3px 15px 0;
	-webkit-box-shadow:rgba(97, 97, 97, 0.7) 0px 3px 15px 0;
	-moz-box-shadow:rgba(97, 97, 97, 0.7) 0px 3px 15px 0;
	cursor:pointer;
	/*transform:scale(1.01,1.005);*/
}

.box_shadow:hover p{
	color:#0795c4;
	text-decoration:underline;
}


/* 項目とそれに対する説明のスタイル */

.point_list{
	font-size:12px;
	font-size:1.2rem;
}

.point_list dt{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	margin:0 0 10px 0;
}

.point_list dd{
	margin:0 0 19px 0;
	padding:0 0 14px 0;
	border-bottom:1px solid #d0d0cd;
}

.point_list dd:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}



/* ====
箇条書き部分などのスタイル ----------------*/

ul.points{
	font-size:16px;
	font-size:1.6rem;
}

ul.points li{
	line-height:1.5;
	margin:0 0 15px 20px;
	position:relative;
}

ul.points li:before{
	content:"";
	width:5px;
	height:5px;
	background-color:#00b3ff;
	position:absolute;
	left:-15px;
	top:10px;
}



/* ====
補足や備考で使用するスタイル ----------------*/


.note{
	font-size:16px;
	font-size:1.6rem;
	background-color:rgba(255,255,255,0.60);
	padding:10px;
	border:3px solid #fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	display:inline-block;
	margin-bottom:30px;
}

.note dt{
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #ccc;
}

.note dd{
	padding:0;
	margin:0 0 15px;
}

.note strong{
	font-weight:bold;
	color:#f9461e;
}





/* ====
用語の説明などで使用するスタイル ----------------*/

.explanation{
	border:2px solid #143268;
	padding:20px;
	border-radius:10px;
	-webkit-border-radius:10px;
}

.explanation h2{
	color:#143268;
	font-size:24px;
	font-size:2.4rem;
	margin:0 0 15px;
	border-bottom:1px dashed #143268;
	padding:0 0 10px;
	position:relative;
}

.explanation h2:before{
	content:"";
	width:15px;
	height:4px;
	background-color:#143268;
	display:block;
	position:absolute;
	left:-20px;
	top:30%;
}


/* ====
問い合わせエリア使用するスタイル ----------------*/

.contact_box{
	clear:both;
	border:3px solid #fff;
	padding:30px;
	margin:60px auto;
}

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

.contact_box dl{
	text-align:center;
	width:48%;
	float:left;
	margin:0 1% 0;
}

.contact_box .contact_tel{
	border-left:0;
	padding:0 30px 0 0;
	border-right:2px solid #fff;
}

.contact_box dl dt{
	font-size:24px;
	font-size:2.4rem;
	margin:0 0 15px 0;
}

.contact_box dl dd{
	font-size:16px;
	font-size:1.6rem;
	margin:0;
	padding:0;
}

.contact_box ul.tel_and_fax{
	font-size:24px;
	font-size:2.4rem;
}

.contact_box ul.tel_and_fax em{
	font-size:30px;
	font-size:3.0rem;
	color:#f9461e;
}

.contact_box ul.tel_and_fax li{
	margin:0 0 15px 0;
}




/* ====
画像サムネイルを並べて表示するスタイル ----------------*/


.image_list{
	margin:0 10px 30px;
}

.image_list li{
	display:inline-block;
	margin:0 15px 20px 0;
}



/* ====
テーブルのスタイル ----------------*/

.data_table{
	font-size:14px;
	font-size:1.4rem;
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	border:3px solid #b5bed0;
	border-radius:10px;
	-webkit-border-radius:10px;
	/*background-color:rgba(255,255,255,0.70);*/
	background-color:#fff;
	margin:0 auto 30px;
}

.data_table td,
.data_table th {
	border-left: 1px solid #b5bed0;
	border-top: 1px solid #b5bed0;
	padding: 10px;
	text-align: left;
}

.data_table thead tr:first-child th{
	background-color:#e9eef7;
	border-top:none;
}

.data_table thead tr:first-child th:first-child{
	border-radius:10px 0 0 0;
}

.data_table thead tr:first-child th:last-child{
	border-radius:0 10px 0 0;
}

.data_table tbody tr:last-child th:first-child{
	border-radius:0 0 0 10px;
}

.data_table tbody tr:last-child td:last-child{
	border-radius:0 0 10px 0;
}

.data_table th:first-child{
	border-left:none;
}

.data_table tr:last-child th:first-child{
	border-left:none;
}

.data_table tr.high-light th,
.data_table tr.high-light td{
	background-color:#fffcd7;
}

.data_table tr:hover,
.data_table tr.high-light:hover th,
.data_table tr.high-light:hover td{
	background: #e9f0ff;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;     
}

.float_table{
	width:auto;
}

.price_table{
	width:auto;
}

.size_auto{
	width:auto;
}


.normal_table{
  margin: 0 0 25px 0;
	border:3px solid #b5bed0;
}

.normal_table th,
.normal_table td{
  font-size: 16px;
  font-size: 1.6rem;
	padding: 10px;
  text-align-last: left;
  background-color: #fff;
  border: 1px solid #b5bed0;
}

.normal_table th{
  background-color: #fff;
}



.normal_tabke td{
}

@media (max-width:768px) {
	.contact_button a{
		font-size:20px;
		font-size:2.0rem;
		padding:15px 20px 15px 50px;
	}
	.contact_button a:before{
		font-size:26px;
		font-size:2.6rem;
		margin-top:-3px;
		left:15px;
	}
	.contact_box{
		margin:0 -2% 30px;
		padding:30px 10px;
	}
	.contact_box dl dt{
		font-size:18px;
		font-size:1.8rem;
	}
	.contact_box dl dd p{
		font-size:12px;
		font-size:1.2rem;
	}
	.contact_box dl dd div.contact_button a{
		font-size:18px;
		font-size:1.8rem;
		padding:15px 30px 15px 50px;
	}
	.contact_box dl dd div.contact_button a:before{
		font-size:30px;
		font-size:3.0rem;
		top:50%;
		margin-top:-15px;
		left:10px;
	}
	div.large_table{
		width:100%;
		overflow-x:auto;
		background-color:#fff;
		margin-bottom:30px;
	}
	div.large_table .price_table,
	div.large_table .data_table{
		margin-bottom:0;
	}
	div.large_table::-webkit-scrollbar {
		height:10px;
	}
	div.large_table::-webkit-scrollbar-track {

		background-color:#ccc;
	}
	div.large_table::-webkit-scrollbar-thumb {
		border-radius:5px;
		background:#666;
	}
	.data_table{
		border-collapse:collapse;
		border-radius:0;
		-webkit-border-radius:0;
	}
}


@media (max-width:479px) {
	.contact_box{
		padding:15px 10px;
	}
	.data_table{
		font-size:12px;
		max-width:100%;
	}
	.data_table td,
	.data_table th{
		padding:5px;
	}
	.contact_button{
		margin-bottom:0;
	}
	.contact_button a{
		font-size:24px;
		font-size:2.4rem;
		padding:15px 30px 15px 60px;
	}
	.contact_button a:before{
		left:10px;
		top:50%;
		margin-top:-18px;
	}
	.go_detail_button a{
		font-size:16px;
		font-size:1.6rem;
	}
	.contact_box dl{
		width:100%;
		float:none;
		clear:both;
		margin:0;
	}
	.contact_box dl:first-child{
		border-right:0;
		border-bottom:2px solid #fff;
		padding:0;
		margin:0 0 15px;
	}
	ul.points{
		font-size:14px;
		font-size:1.4rem;
	}
	.contact_button a{
		font-size:18px;
		font-size:1.8rem;
	}
	.note{
		text-align:left;
	}
}




/*============================================================
2-5.	Footer Structure and Style
------------------------------------------------------------*/

#footer_contact{
	max-width:1200px;
	background-color:rgba(255,255,255,0.4);
	margin:0 auto 90px;
	padding:30px;
	zoom:1;
	box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
	-webkit-box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
	-moz-box-shadow:rgba(97, 97, 97, 0.2) 0px 2px 8px -2px;
	border-radius:10px;
	-webkit-border-radius:10px;
	clear:both;
}

#footer_contact:before,
#footer_contact:after{
	display:table;
	content:"";
}

#footer_contact:after{
	clear:both;
}

#footer_contact .contact_area{
	font-size:16px;
	font-size:1.6rem;
	width:50%;
	margin:0 ;
	float:left;
}

#footer_contact .contact_area:first-child{
	margin-left:0;
	border-right:1px solid #ccc;
}

.contact_info{
	text-align:center;
}

.contact_info dt{
	font-size:24px;
	font-size:2.4rem;
	margin:0 0 30px;	
}

.contact_info dd{
	margin:0;
	padding:0;
}

.contact_info dd .tel_and_fax{
	font-size:24px;
	font-size:2.4rem;
	margin:0 0 40px 0;
}

.contact_info dd .tel_and_fax li:first-child{
	margin-bottom:20px;
}

.contact_info dd .tel_and_fax em{
	color:#f9461e;
	font-size:30px;
	font-size:3.0rem;
}

.contact_info p{
	text-align:center;
}

.contact_info .contact_button a{
	font-size:24px;
	font-size:2.4rem;
}

.contact_info .contact_button a:before{
	top:14px;
	line-height:1;
	vertical-align:bottom;
}


/* ====
Global Footer ----------------*/

#global_footer{
	/*color:#dfe7f7;
	background-color:#02183f;*/
	color:#eee;
	background-color:#1a1a1a;
	padding-top:60px;
}


/* 会社情報 */

#footer_company_info{
	width:28%;
	border:2px solid #666;
	border-radius:10px;
	-webkit-border-radius:10px;
	padding:18px;
	float:left;
}

#footer_company_info img{
	margin:0px 0px 15px;
}

.company_info{
	font-size:14px;
	font-size:1.4rem;
}

.company_info dt{
	font-weight:bold;
}

.company_info dd{
	padding:0 0 10px;
	margin:0 0 10px;
	border-bottom:1px dashed #666;
}



/* 更新情報
2020.01.16追記 */

.latest_news{
	width: 33%;
	float: left;
	border: 2px solid #ccc;
	border-radius: 5px;
	padding: 10px 0 15px;
}

.latest_news h3{
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0 0 10px;
	padding: 0 10px 3px 10px;
	border-bottom: 1px solid #ccc;
}

.latest_news div.news_entry{
	height:200px;
	overflow:auto;
	zoom:1;
}

.latest_news div.news_entry:before,
.latest_newsdiv.news_entry:after{
	display:block;
	content:"";
}

.latest_news div.news_entry:after{
	clear:both;
}

.latest_news article{
	margin:0px 10px 15px;
	clear:both;
	border-bottom: 1px solid #ccc;
}

.latest_news article header{
	border-bottom:1px dashed #ccc;
	margin:0px 0px 5px;
}

.latest_news article header p{
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 0 5px;
}

.latest_news article header h1{
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 5px;
}

.latest_news article div.article_contents p{
	font-size: 12px;
	font-size: 1.2rem;
	margin:0px 0px 10px 0px;
}

.latest_news article div.article_contents img.image_left{
	float:left;
	margin:0px 10px 10px 0px;
}


@media(max-width:768px){

	
}





/* フッターメニューと自社運営サイト */

#footer_guide{
	margin-left:33%;
	padding-top:15px;
}

#footer_guide a{
	color:#eee;
}

#footer_guide a:hover{
	color:#f4cf05;
}

#footer_guide h4{
	color:#eee;
	font-size:18px;
	font-weight:normal;
	margin:0 0 15px 0;
}

#footer_sitemap{
	margin:0 0 50px 0;
}

.footer_nav ul li{
	display:inline-block;
	margin:0 15px 15px 0;
}

.footer_nav li a{
	text-decoration:none;	
}

.footer_nav li a:before{
	font-family:"FontAwesome";
	font-size:16px;
	font-size:1.6rem;
	content:"\f105";
	margin-right:5px;
}

#group_site dt{
	font-weight:normal;
}

#group_site a{
	text-decoration:none;
	border-bottom:1px dotted #eee;
}

#group_site a:hover{
	border-color:#f4cf05;
}

#group_site dl dd{
	border-bottom-color:#666;
}


/* Copyright */

#global_footer .copyright{
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	padding:60px 10px;
	clear:both;
}


@media (max-width:768px) {
	#footer_contact{
		padding:30px 2%;
	}
	#footer_contact dl dt{
		font-size:18px;
		font-size:1.8rem;
	}
	#footer_contact div.contact_button{
		margin-bottom:15px;
	}
	#footer_contact div.contact_button a{
		font-size:18px;
		font-size:1.8rem;
		padding:15px 15px 15px 45px;
	}
	#footer_contact div.contact_button a:before{
		font-size:30px;
		font-size:3.0rem;
		left:10px;
		top:50%;
		margin-top:-15px;
	}
	#footer_company_info{
		width:96%;
		margin:0 auto 30px;
		float:none;
	}
	#footer_guide{
		width:96%;
		margin:0 auto 30px;
	}
}


@media (max-width:479px) {
	#footer_contact dl dt{
		margin-bottom:15px;
	}
	#footer_contact .contact_area{
		width:100%;
		float:none;
	}
	.contact_info dd .tel_and_fax{
		margin-bottom:15px;
	}
	#footer_contact .contact_area:first-child{
		border-right:none;
		border-bottom:1px solid #ccc;
	}
	#footer_guide{
		padding:0 10px;
	}
}