@charset "utf-8";
/* CSS Document */
#header{
	width:100%;
	padding-top:1.1%;
	padding-bottom:1.1%;
}
#logo{
	width:37.5%;
	padding-left:4.1%;	
	float:left;
	padding-top:1.1%;
}
#ctelarea{
	width:31%;
	float:right;
	padding-right:4%;
}
#mainimg{
	margin-bottom:4.5%;	
}
#icon{
	width:91.6%;
	margin:0 auto 4.45%;	
}
#icon li{
	width:20.8%;
	list-style:none;
}
#icon li.ll.sp{
	padding-right:5.54%;
}
#icon li.lr.sp{
	padding-left:5.54%;
}

.contactbtnarea{
	width:45.1%;
	margin:0 auto 4.83%;	
}
#jirei_area{
	width:96.1%;
	margin:4.25% auto 5%;
}
.jirei_cell{
	width:30%;
	min-height:446px;
}
.jirei_cell.cnt{
	margin-left:5%;
}
.jirei_cell .title{
	width:61.5%;
	margin:0 auto 3.3%;	
}
.jirei_cell .in{
	border:solid 5px #181818;	
}
.jirei_cell .in h3{
	width:87%;
	text-align:center;
	margin:1.5% auto 4.43%;
	font-size:18px;
	border-bottom:2px solid #181818;
	line-height:56px;
}
.jirei_cell.cnt .in h3{
	margin:1.5% auto 4.43%;
	font-size:18px;
	border-bottom:2px solid #181818;
	line-height:20px;
	padding:3% 0;
}


.jirei_cell .in .btn{
	display:block;
	margin:0 auto 2.2%;
	background:#181818;
	font-size:14px;
	color:#FFF;
	padding:8px 0;
	margin:0 auto;
	text-align:center;
	width:38%;
}
.jirei_cell .in .textarea{
	width:85.4%;
	font-size:13px;
	font-weight:bold;
	line-height:22px;
	margin:2.5% auto 12%;	
}
.jirei_cell .in .textarea2{
	width:85.4%;
	font-size:13px;
	font-weight:bold;
	line-height:22px;
	margin:2.5% auto 11%;	
}
.jirei_cell .in .image{
	width:86.7%;
	margin:0 auto 7.6%;
}
#syoukaiarea .title{
	width:45%;
	margin:0 auto 3.5%;
}
#syoukaiarea .bar{
	width:91.6%;
	margin:0 auto;
	background:#181818;
	height:3px;	
}
#syoukaiarea .btn{
	width:45.1%;
	margin:4.1% auto 9.6%;
	
}
#mainimg3{
	width:96.1%;
	margin:0 auto 0;
}
#mainimg3text{
	font-size:14px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
	margin:2% 0 3%;
}
#support .title{
	width:69.5%;
	margin:4.3% auto 0;	
}
#support .textarea{
	line-height:37px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	margin:0.8% 0 2.5%;
}
#support .image{
	width:84%;
	margin:0 auto 12%;	
}

#reson .title{
	width:40%;
	margin:0 auto 1.58%;
}
#reson .textarea{
	line-height:37px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	margin:0% 0 0%;
}
#reson .resonarea{
	width:74.6%;
	margin:0 auto;
}
#reson .resonarea2{
	width:61.3%;
	margin:2.5% auto 5.83%;
}

#mediatitle{
	width:72.25%;
	margin:0 auto;	
}
#media_library{
	padding:4% 0;
	background:#181818;
	margin-bottom:4.16%;
}
#footerarea{
	margin-top:1.9%;
	background:#f2be20;
	font-size:14px;
	line-height:14px;
	text-align:center;
	padding:2.9% 0 2.7%;
	font-weight:bold;
}
#copyright{
	background:#181818;
	text-align:center;
	color:#FFF;
	font-size:14px;
	padding:12px 0;
	font-weight:bold;
}

/**/


#Box{
	width:94.4%;
	position:relative;
	padding:13px 2.8%;
}
#Box ul.slide_type_b li{
	width:21%;
	padding:0 0.18%;
	min-height:231px;
	outline:none;
}
#Box ul.slide_type_b{
	width:91.6%;
	margin:0 auto;
}

#Box ul.slide_type_b li h4{
	line-height:20px;
	padding:6px 0;
	font-size:18px;
	text-align:center;	
}
#Box ul.slide_type_b li span{
	display:block;
	font-size:14px;
	line-height:21px;
	text-align:center;
}

#Box2{
	width:94.4%;
	position:relative;
	padding:13px 2.8%;
}
#Box2 ul.slide_type_b2 li{
	width:20%;
	padding:0 1%;
	min-height:231px;
	color:#FFF;
	font-weight:bold;
	outline:none;
}
#Box2 ul.slide_type_b2 li a{
	color:#FFF;
}
#Box2 ul.slide_type_b2{
	width:91.6%;
	margin:0 auto;
}

#Box2 ul.slide_type_b2 li h4{
  padding: 10px 0 0;
	line-height:24px;
	font-size:16px;
	text-align:center;
}
#Box2 ul.slide_type_b2 li span{
	display:block;
	font-size:14px;
	line-height:21px;
	text-align:center;
}

 .slick-prev, .slick-next {
    width:18px; /* 画像幅 */
    height:45px /* 画像高さ */
}

.slick-prev:before, .slick-next:before {
    content:"";
}
button.slick-prev, button.slick-next {
    z-index:2;
}
#Box .slick-prev{position:absolute;top:130px;left:50px; /* 任意の値 */}
#Box .slick-next{position:absolute;top:130px;right:50px; /* 任意の値 */}

#Box2 .slick-prev{position:absolute;top:180px;left:50px; /* 任意の値 */}
#Box2 .slick-next{position:absolute;top:180px;right:50px; /* 任意の値 */}



.slick-arrow,.slick-arrow2{z-index:10;/* 値は適当に */}
#arrow .slick-next:before{content:""}
#arrow .slick-after:before{content:""}