@charset "utf-8";

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

 HOME Layout

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

/* contents

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

.gallery {

	color: #fff;
	line-height: 1.35;
	text-decoration: none;
	display: block;
	position: relative;"
}



.gallery-span{

	background-color: rgba(55,71,79,.8);
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 60px;
	padding: 8px 10px;
	position: absolute;
	bottom: 0;
	left: 0;"><span style="display: table-cell;
	vertical-align: middle;
}

.gallery-span-span{
	display: table-cell;
	vertical-align: middle;
}



#contents{padding-top:30px;}



/* home-boxEmergency

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

.home-boxEmergency{

	line-height:2.25;

	text-align:center;

	margin-bottom:30px;

	padding:30px 58px 28px;

	border:2px solid #999;

}

.home-boxEmergency .ttl{

	line-height:1.5;

	font-weight:bold;

	margin-bottom:8px;

}

/* home-slider

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

#home-slider{

	box-sizing:border-box;

	width:100%;

	height:396px;

	overflow:hidden;

	position:relative;

}

#home-slider .panelSet{

	width:2940px;

	position:absolute;

	top:0;

	left:50%;

	margin-left:-1470px;

}

#home-slider .panelSet::before,

#home-slider .panelSet::after{

	content:"";

	background:linear-gradient(to right, rgba(255,255,255,1) 650px, rgba(255,255,255,0.7));

	display:block;

	width:981px;

	height:100%;

	position:absolute;

	left:0;

	top:0;

	z-index:11;

}

#home-slider .panelSet::after{

	background:linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,1) 330px);

	right:0;

	left:auto;

}

/* panel */

#home-slider .panel{position:relative;}

#home-slider .panel .btn{

	background-color:#fff;

	width:auto;

	margin:0;

	position:absolute;

}

#home-slider .panel .btn a{

	padding-right:21px;

	outline:none;

	position:static;

}

/* panel02 */

#home-slider .panel02 .btn{

	bottom:75px;

	left:33px;

}

/* panel03 */

#home-slider .panel03 .btn{

	bottom:75px;

	left:117px;

}

/* panel05 */

#home-slider .panel05 .btn{

	bottom:45px;

	left:55px;

}

/* slick-arrow */

#home-slider .slick-arrow{

	white-space:nowrap;

	font-size:1rem;

	line-height:1;

	text-indent:50px;

	display:block;

	width:20px;

	height:44px;

	margin-top:-22px;

	overflow:hidden;

	position:absolute;

	top:50%;

	left:30px;

	z-index:11;

	cursor:pointer;

}

#home-slider .slick-arrow:before{

	content:"";

	box-sizing:border-box;

	width:30px;

	height:30px;

	margin:-15px 0 0 -8px;

	position:absolute;

	top:50%;

	left:50%;

	border-bottom:1px solid #666;

	border-left:1px solid #666;

	-webkit-transform:scaleX(0.76) rotate(45deg);

	transform:scaleX(0.76) rotate(45deg);

}

#home-slider .slick-next{

	left:auto;

	right:30px;

}

#home-slider .slick-next:before{

	margin:-15px -8px 0 0;

	left:auto;

	right:50%;

	border:none;

	border-top:1px solid #666;

	border-right:1px solid #666;

}

/* slick-dots */

#home-slider .slick-dots{

	font-size:1rem;

	line-height:1;

	text-align:center;

	width:100%;

	height:14px;

	position:absolute;

	left:0;

	bottom:30px;

	z-index:11;

}

#home-slider .slick-dots li{

	display:inline-block;

	padding:0 5px;

}

#home-slider .slick-dots li button{

	white-space:nowrap;

	background-color:#b0bec5;

	text-indent:15px;

	box-sizing:border-box;

	display:block;

	width:14px;

	height:14px;

	overflow:hidden;

	border:1px solid #fff;

	border-radius:14px;

	cursor:pointer;

	outline:none;

}

#home-slider .slick-dots li button:hover,

#home-slider .slick-dots li.slick-active button{background-color:#424242;}



/* home-news

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

#home-news{

	float:left;

	width:694px;

	margin-top:55px;

}

#home-news h2{

	color:#666;

	font-size:2.2rem;

	line-height:1.2;

	font-weight:normal;

	text-align:center;

	margin-bottom:15px;

}

/* home-newsTabs */

#home-newsTabs .tab-btn{

	margin-top:15px;

	margin-bottom:20px;

}

#home-newsTabs .tab-btn ul{

	line-height:1.2;

	font-weight:bold;

	display:table;

	table-layout:fixed;

	width:100%;

}

#home-newsTabs .tab-btn li{

	display:table-cell;

	text-align:center;

	vertical-align:bottom;

}

#home-newsTabs .tab-btn li:not(:first-child){padding-left:4px;}

#home-newsTabs .tab-btn a{

	color:#999;

	text-decoration:none;

	display: table;

	width: 100%;

	height: 3.6em;

	padding:0px 4px;

	box-sizing: border-box;

	border-bottom:1px solid #ccc;

	position:relative;

}

#home-newsTabs .tab-btn a span{

	display: table-cell;

	vertical-align: middle;

}

#home-newsTabs .tab-btn a:hover{

	color:#fff;

	background-color:#0072bf;

	border-bottom-color:#0072bf;

}

#home-newsTabs .tab-btn a.color1:hover{background-color:#941818;border-bottom-color:#941818;}

#home-newsTabs .tab-btn a.color2:hover{background-color:#007894;border-bottom-color:#007894;}

#home-newsTabs .tab-btn a.color3:hover{background-color:#38802e;border-bottom-color:#38802e;}

#home-newsTabs .tab-btn a.color4:hover{background-color:#828219;border-bottom-color:#828219;}

#home-newsTabs .tab-btn a.color5:hover{background-color:#8c5e26;border-bottom-color:#8c5e26;}

#home-newsTabs .tab-btn a.act{

	color:#fff;

	background-color:#37474f;

	border-bottom-color:#37474f;

}

#home-newsTabs .tab-btn a.act.color1{background-color:#941818;border-bottom-color:#941818;}

#home-newsTabs .tab-btn a.act.color2{background-color:#007894;border-bottom-color:#007894;}

#home-newsTabs .tab-btn a.act.color3{background-color:#38802e;border-bottom-color:#38802e;}

#home-newsTabs .tab-btn a.act.color4{background-color:#828219;border-bottom-color:#828219;}

#home-newsTabs .tab-btn a.act.color5{background-color:#8c5e26;border-bottom-color:#8c5e26;}

#home-newsTabs .tab-btn a::after{

	content:"";

	margin-left:-5px;

	border-width:4px 5px 0;

	border-style:solid;

	border-color:#ccc transparent;

	position:absolute;

	left:50%;

	bottom:-4px;

	-webkit-transition:border-color 0.2s ease-out;

	transition:border-color 0.2s ease-out;

}

#home-newsTabs .tab-btn a:hover::after{border-color:#0072bf transparent;}

#home-newsTabs .tab-btn a.color1:hover::after{border-color:#941818 transparent;}

#home-newsTabs .tab-btn a.color2:hover::after{border-color:#007894 transparent;}

#home-newsTabs .tab-btn a.color3:hover::after{border-color:#38802e transparent;}

#home-newsTabs .tab-btn a.color4:hover::after{border-color:#828219 transparent;}

#home-newsTabs .tab-btn a.color5:hover::after{border-color:#8c5e26 transparent;}

#home-newsTabs .tab-btn a.act::after{border-color:#37474f transparent;}

#home-newsTabs .tab-btn a.act.color1::after{border-color:#941818 transparent;}

#home-newsTabs .tab-btn a.act.color2::after{border-color:#007894 transparent;}

#home-newsTabs .tab-btn a.act.color3::after{border-color:#38802e transparent;}

#home-newsTabs .tab-btn a.act.color4::after{border-color:#828219 transparent;}

#home-newsTabs .tab-btn a.act.color5::after{border-color:#8c5e26 transparent;}



/* home-products

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

#home-products{

	background-color:#e6e6e6;

	box-sizing:border-box;

	float:right;

	width:265px;

	margin-top:55px;

	padding:15px 15px 10px;

}

#home-products h2{

	font-size:2.2rem;

	line-height:1.2;

	font-weight:normal;

	text-align:center;

	margin-bottom:30px;

}

#home-products .form-boxSearch input.text{background-color:#fff;}

#home-products .form-boxSearch input.btn{background-color:#37474f;}

#home-products .link-arw{

	font-weight:bold;

	margin-top:12px;

}

#home-products .link-arw li+li{

	margin-top:0 !important;

	border-top:1px solid #fff;

}

#home-products .link-arw a{

	display:block;

	padding-top:15px;

	padding-bottom:15px;

}

#home-products .link-arw a::before{margin-top:15px;}



/* home-showcase

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

#home-showcase{

	background:#c8dbde url(../images/home_showcase_bg.jpg) no-repeat center bottom;

	box-sizing:border-box;

	height:442px;

	margin-top:70px;

}

#home-showcase .ttlArea{

	box-sizing:border-box;

	text-align:center;

	min-height:174px;

	padding-top:35px;

}

#home-showcase .ttlArea h2{

	font-size:2rem;

	line-height:1.4;

	font-weight:bold;

	margin-bottom:12px;

}

#home-showcase .ttlArea h2>span{

	font-size:2.9rem;

	font-weight:normal;

}

#home-showcase .slider{

	text-align:center;

	padding:0 54px 31px;

	position:relative;

}

#home-showcase .slider .panel{padding:0 35px;}

#home-showcase .slider .panel a{outline:none;}



/* slick-arrow */

#home-showcase .slick-arrow{

	white-space:nowrap;

	font-size:1rem;

	line-height:1;

	text-indent:50px;

	display:block;

	width:20px;

	height:44px;

	overflow:hidden;

	position:absolute;

	top:55px;

	left:0;

	z-index:11;

	cursor:pointer;

}

#home-showcase .slick-arrow:before{

	content:"";

	box-sizing:border-box;

	width:30px;

	height:30px;

	margin:-15px 0 0 -8px;

	position:absolute;

	top:50%;

	left:50%;

	border-bottom:1px solid #666;

	border-left:1px solid #666;

	-webkit-transform:scaleX(0.76) rotate(45deg);

	transform:scaleX(0.76) rotate(45deg);

}

#home-showcase .slick-next{

	left:auto;

	right:0;

}

#home-showcase .slick-next:before{

	margin:-15px -8px 0 0;

	left:auto;

	right:50%;

	border:none;

	border-top:1px solid #666;

	border-right:1px solid #666;

}

/* slick-dots */

#home-showcase .slick-dots{

	font-size:1rem;

	line-height:1;

	text-align:center;

	width:100%;

	height:14px;

	padding:30px 0;

	position:absolute;

	left:0;

	bottom:0;

	z-index:11;

}

#home-showcase .slick-dots li{

	display:inline-block;

	padding:0 5px;

}

#home-showcase .slick-dots li button{

	white-space:nowrap;

	background-color:#b0bec5;

	text-indent:15px;

	box-sizing:border-box;

	display:block;

	width:14px;

	height:14px;

	overflow:hidden;

	border:1px solid #fff;

	border-radius:14px;

	cursor:pointer;

	outline:none;

}

#home-showcase .slick-dots li button:hover,

#home-showcase .slick-dots li.slick-active button{background-color:#424242;}



/* home-menu01

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

#home-menu01{margin-top:65px;}

#home-menu01 li{

	float:left;

	width:224px;

	margin:35px 0 0 28px;

}

#home-menu01 li:nth-child(4n+1){

	clear:both;

	margin-left:0;

}

#home-menu01 li a{

	color:#fff;

	line-height:1.35;

	text-decoration:none;

	display:block;

	position:relative;

}

#home-menu01 li .ttl{

	background-color:rgba(55,71,79,.8);

	box-sizing:border-box;

	display:table;

	width:100%;

	height:60px;

	padding:8px 10px;

	position:absolute;

	bottom:0;

	left:0;

}

#home-menu01 li .ttl>span{

	display:table-cell;

	vertical-align:middle;

}

#home-menu01 li .ttl .icon{

	vertical-align:middle;

	margin-right:8px;

}

#home-menu01 li .link-arw::before{

	border-color:#fff;

	margin-top:-5px;

	top:50%;

}





/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 Smartphones

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width:767px), only screen and (max-device-width:767px){



/* contents

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

#contents{padding-top:0;}



/* home-boxEmergency

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

.home-boxEmergency{

	line-height:2;

	margin:15px 0;

	padding:20px 13px 18px;

}

/* home-slider

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

#home-slider{

	background-color:#f5f7f8;

	height:auto;

	padding-bottom:50px;

}

#home-slider .panelSet{

	width:auto;

	position:static;

	margin-left:0;

}

#home-slider .panelSet::before,

#home-slider .panelSet::after{display:none;}



/* panel */

#home-slider .panel .btn{

	font-size:1.4rem;

	height:30px !important;

}

#home-slider .panel .btn a{padding-right:10px;}



/* panel02 */

#home-slider .panel02 .btn{

	background:none;

	display:block;

	height:auto !important;

	border:none;

	top:38%;

	bottom:auto;

	left:4%;

}

#home-slider .panel02 .btn a{

	background:none;

	display:block;

	padding-right:4px;

	padding-left:12px;

}

#home-slider .panel02 .btn a::before{left:0;}

/* panel03 */

#home-slider .panel03 .btn{

	width: 82px !important;

	bottom:20%;

	left:inherit;

	right: 73%;

}

	/* panel05 */

#home-slider .panel05 .btn{

	width: 82px !important;

	bottom:7%;

	left:inherit;

	right: 74%;

}

	

/* slick-arrow */

#home-slider .slick-arrow{

	width:10px;

	height:22px;

	margin-top:-11px;

	top:auto;

	bottom:14px;

	left:15px;

}

#home-slider .slick-arrow:before{

	width:14px;

	height:14px;

	margin:-7px 0 0 -4px;

}

#home-slider .slick-next{

	left:auto;

	right:15px;

}

#home-slider .slick-next:before{margin:-7px -4px 0 0;}



/* slick-dots */

#home-slider .slick-dots{

	height:12px;

	bottom:19px;

}

#home-slider .slick-dots li button{

	width:12px;

	height:12px;

}

/* home-news

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

#home-news{

	float:none;

	width:auto;

	margin-top:25px;

}

#home-news h2{margin-bottom:10px;}



/* home-newsTabs */

#home-newsTabs .tab-btn{

	background-color:#eceff1;

	margin-top:10px;

	margin-bottom:15px;

}

#home-newsTabs .tab-btn ul{

	font-size:1.4rem;

	font-weight:normal;

	table-layout:auto;

	width:auto;

	padding:0 15px;

}

#home-newsTabs .tab-btn li:not(:first-child){padding-left:0;}

#home-newsTabs .tab-btn a{

	height: auto;

	display: block;

	padding:10px 15px;

	border-bottom-color:#eceff1;

}

#home-newsTabs .tab-btn a span{display: block;}	

#home-newsTabs .tab-btn a:hover,

#home-newsTabs .tab-btn a.act{

	color:#0072bf;

	background-color:transparent;

	border-bottom-color:#eceff1;

}

#home-newsTabs .tab-btn a.act{border-bottom-color:#0072bf;}

#home-newsTabs .tab-btn a::after{display:none;}

#home-newsTabs .list-news dd:last-child{border-bottom:none;}



/* home-products

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

#home-products{

	float:none;

	width:auto;

	margin-top:20px;

	padding:15px 15px 10px;

}

#home-products h2{

	font-size:1.8rem;

	font-weight:bold;

	margin-bottom:15px;

}

#home-products .link-arw{margin-top:4px;}



/* home-showcase

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

#home-showcase{

	background-size:auto 100%;

	height:auto;

	margin-top:40px;

	border-bottom:25px solid transparent;

}

#home-showcase .ttlArea{

	min-height:97px;

	padding-top:10px;

}

#home-showcase .ttlArea h2{

	font-size:1.8rem;

	margin-bottom:3px;

}

#home-showcase .ttlArea h2>span{

	font-size:100%;

	font-weight:bold;

}

#home-showcase .ttlArea .link-arw{font-size:1.3rem;}

#home-showcase .slider{padding:0 0 10px;}

#home-showcase .slider .panel{padding:0 19px;}

#home-showcase .slider .panel img{width:157px;}



/* slick-arrow */

#home-showcase .slick-arrow{

	width:10px;

	height:22px;

	top:auto;

	bottom:-11px;

	left:15px;

	z-index:12;

}

#home-showcase .slick-arrow:before{

	width:14px;

	height:14px;

	margin:-7px 0 0 -4px;

}

#home-showcase .slick-next{

	left:auto;

	right:15px;

}

#home-showcase .slick-next:before{margin:-7px -4px 0 0;}



/* slick-dots */

#home-showcase .slick-dots{

	background-color:#f5f7f8;

	height:12px;

	padding:19px 0;

	bottom:-25px;

}

#home-showcase .slick-dots li button{

	width:12px;

	height:12px;

}

/* home-menu01

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

#home-menu01{margin-top:45px;}

#home-menu01 li{

	float:none;

	width:auto;

	margin:1px 0 0;

}

#home-menu01 li a{

	display:table;

	table-layout:fixed;

	width:100%;

}

#home-menu01 li a>span{

	display:table-cell !important;

	vertical-align:middle;

}

#home-menu01 li .ttl{

	width:auto;

	padding:4px 5px 4px 10px;

	position:static;

}

#home-menu01 li .ttl>span{display:block;}

#home-menu01 li .img{width:84px;}

#home-menu01+.link-menuImg{margin-top:20px;}



}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 Smartphones (portrait)

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width:440px){







}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 Smartphones small (portrait)

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width:374px){



/* home-showcase

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

#home-showcase .slider .panel{padding:0 10px;}





}