@charset "utf-8";
/*=============================================================
 HOME Layout
=============================================================*/
/* contents
-------------------------------------------------------------*/
#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:30px;
	left:33px;
}
/* panel03 */
#home-slider .panel03 .btn{
	bottom: 190px;
    left: 50px;
}
/* panel05 */
#home-slider .panel05 .btn{
	bottom:45px;
	left:55px;
}
/* panel06 */
#home-slider .panel06 .btn{
	position:absolute;
	bottom:60px;
	left:45%;
	background:none;
}
#home-slider .panel06 .link-menu{
	height:auto;
	border:none;
}
/* 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 a{
	text-decoration:underline;
}
#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(../img/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 a:visited{color:#fff;}
#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:85%;
	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: 55%;
    left: inherit;
    right: 75%;
}
/* panel05 */
#home-slider .panel05 .btn{
	width:82px !important;
	bottom:7%;
	left:inherit;
	right:74%;
}
/* panel06 */
#home-slider .panel06 .btn{
	bottom:10%;
	left:38%;
}
/* 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;}


}