@charset "utf-8";

.contentArea1200 .photoBlock {
	margin-bottom: 20px;
}
.service6Txt {
	font-size: 24px;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}
.service6 {
	width: 808px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	overflow: hidden;
}
.service6 div {
	border: 1px solid #AFB2CB;
	float: left;
	width: 400px;
	background-color: #FFF;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 1px;
	margin-bottom: 1px;
	vertical-align: middle;
}
.service6 div p {
	font-size: 18px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
}
.service6 div p span {
	font-size: 40px;
	color: #a96124;
	padding-right: 7px;
	padding-top: 5px;
	vertical-align: middle;
}

.bgC-guideBlue { background-color: #a96124; padding: 0 0 50px; }
.bgC-guideBlue .carouselArea{ width: 100%; margin: 0 auto 0; /*border-top: 1px solid #618ec9;*/ }
.bgC-guideBlue .carouselArea h2{ padding: 20px; color: #fff; font-size: 28px!important; text-align: center; }
.bgC-guideBlue .carouselArea .tab{ width: 100%; max-width: 1050px; margin: 30px auto 0!important; margin-bottom: 0!important; display: -webkit-box; display: -ms-flexbox; display: flex; }
.bgC-guideBlue .carouselArea .tab li{ width: 16%; margin-right: .572%; padding: 8px 5px; text-align: center; font-size: 16px; cursor: pointer; color: #222; font-weight: bold; background-color: #DCBF9E; text-shadow: 2px 2px 2px rgba(0,0,0,.35); }
.bgC-guideBlue .carouselArea .tab li:last-of-type{ margin-right: 0; }
.bgC-guideBlue .carouselArea .tab li.select{ background-color: #fff; color: #a96124; text-shadow: none; }
.bgC-guideBlue .carouselArea .hide{ height: 0; visibility: hidden; }
.bgC-guideBlue .carouselArea .content{ padding: 0 50px; background-color: #945425; border-top: 1px solid #945425; border-bottom: 1px solid #945425; }

.carousel01 .slick-dots{ margin: 0 !important; bottom: -23px; }
.carousel01 .slick-dots li button:before{ font-size: 11px; }
.carousel01 .slick-dots li{ margin: 0 4px; padding-bottom: 0; line-height: 1; }
.carousel01 .slick-dots li.slick-active button:before{ color: #fff; }
.carousel01 .slick-dots li button:hover:before,.carousel01 .slick-dots li button:focus:before{ color: #fff; }
.carousel01 .slick-dots li button:before{ color: #bebebe; opacity: 1; }
.carousel01 .slick-dots li.slick-active button:before{ opacity: 1; }
.carousel01 .slick-prev{ left: -35px; }
.carousel01 .slick-next{ right: -35px; }
.carousel01 .slick-prev,.carousel01 .slick-next{ width: 23px; height: 32px; z-index: 3; }
.carousel01 .slick-prev,.carousel01 .slick-prev:hover,.carousel01 .slick-prev:focus{ background: url('/ew/pewbct/hito/public-training/img/ico-slide-b33-back.png') 0 0 no-repeat; }
.carousel01 .slick-next,.carousel01 .slick-next:hover,.carousel01 .slick-next:focus{ background: url('/ew/pewbct/hito/public-training/img/ico-slide-b33-go.png') 0 0 no-repeat; }
.slick-prev:before, .slick-next:before{ content: none; }
.bgC-guideBlue .carouselArea .carousel01{ padding-top: 20px; }
.bgC-guideBlue .carouselArea .slider-item{ padding: 10px; }
.bgC-guideBlue .carouselArea .slider-item>a{ background-color: #fff; display: block; }
.bgC-guideBlue .carouselArea .slider-item>a:hover{ text-decoration: none; }
.bgC-guideBlue .carouselArea .slider-item img{ max-width: 100%; }
.bgC-guideBlue .carouselArea .slider-item>a p{ min-height: 5.1em; padding: 10px; font-size: 14px; line-height: 1.3; color: #222; }
.bgC-guideBlue .carouselArea .slider-item>a ul{ min-height: 4em; margin: 0 !important; padding: 0 10px 10px; line-height: 1; }
.bgC-guideBlue .carouselArea .slider-item>a ul li{ margin: 0 1px 4px 0; padding: 1px 5px; font-size: 12px; border: 1px solid #0068D0; color: #0068D0; display: inline-block; line-height: 1; }
.bgC-guideBlue .carouselArea .slider-item>a ul li.red{ border: 1px solid #c50062; color: #c50062; }
.bgC-guideBlue .carouselArea .slider-item>a ul li.green{ border: 1px solid #208900; color: #208900; }


@media screen and (max-width: 750px) {
	.contentArea1200 .photoBlock {
	margin-bottom: 10px;
}
.service6Txt {
	font-size: 18px;
}
.service6 {
	width: 100%;
}
.service6 div {
	float: none;
	width: 99%;
}
.service6 div p {
	font-size: 16px;
}
.service6 div p span {
	font-size: 24px;
}
.bgC-guideBlue .carouselArea h2 { font-size: 22px!important; }
.bgC-guideBlue .carouselArea .content{ padding: 0 30px; }
.carousel01 .slick-dots{ bottom: -26px; }
.carousel01 .slick-prev{ left: -30px; }
.carousel01 .slick-next{ right: -30px; }
.carousel01 .slider-item{ width: 200px!important; margin-right: 20px; }
.bgC-guideBlue .carouselArea .slider-item{ padding: 0; }
.bgC-guideBlue .carouselArea .carousel01{ padding-bottom: 20px; }
}