@charset "utf-8";

.serif{ font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.column2-T{ width: 100%; max-width: 980px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }
.column2-T>div:nth-of-type(1){ width: 45%; }
.column2-T>div:nth-of-type(1) .btnInner{ text-align: center; }
.column2-T>div:nth-of-type(1) .btnInner .btn{ margin-top: 17px; padding: 7px 10px 7px 36px ; border: 1px solid #bbcee8; display: inline-block; color: #fff; background: url('/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/ico-blank-white.svg') 13px 50% no-repeat,#0181a1; }
.column2-T>div:nth-of-type(2){ width: 51.022%; margin-left: auto; }
.column2-T>div:nth-of-type(2) .box1{  }
.column2-T>div:nth-of-type(2) .box1 p:nth-of-type(1){  }
.column2-T>div:nth-of-type(2) .box1 p:nth-of-type(1) a{ height: 55px; line-height: 55px; display: block; color: #fff; border: 1px solid #0181a1f; text-align: center; font-size: 1.3rem; font-weight: bold; background-color: #0181a1; }
.column2-T>div:nth-of-type(2) .box1 p:nth-of-type(1) a span{ padding-left: 30px; background: url('../img/ico-ico-arrow-white23.png') 0 50% no-repeat; }
.column2-T>div:nth-of-type(2) .box1 p:nth-of-type(2){ height: 50px; line-height: 50px; text-align: center; border: 1px solid #0181a1; border-top: 0; color: #222; }
.column2-T>div:nth-of-type(2) .box1 p:nth-of-type(2) a{ margin-left: 8px; padding: 3px 5px; border: 1px solid #000; background-color: #fff; color: #222; }

.column2-T>div:nth-of-type(2) .box2{ margin: 23px 0 0!important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.column2-T>div:nth-of-type(2) .box2 li{ width: 48%; padding-bottom: 0; line-height: 1; padding-bottom: 0; line-height: 1.3; }
.column2-T>div:nth-of-type(2) .box2 li:nth-of-type(2n){ margin-left: auto; }
.column2-T>div:nth-of-type(2) .box2 li:nth-of-type(n+3){ margin-top: 10px; }
.column2-T>div:nth-of-type(2) .box2 li a{ padding: 9px; border: 1px solid #0181a1; display: block; color: #fff; background-color: #0181a1; text-align: center; }

.column2-T>div:nth-of-type(2) .box3{ margin-top: 17px; }
.column2-T>div:nth-of-type(2) .box3>ul{ margin: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.column2-T>div:nth-of-type(2) .box3>ul li{ padding-bottom: 0; color: #222; line-height: 1.3; }
.column2-T>div:nth-of-type(2) .box3>ul li img{ width: 27px; margin-left: 5px; }
.column2-T>div:nth-of-type(2) .box3>ul li a{ color: #0181A1; line-height: 1.5 }
.column2-T>div:nth-of-type(2) .box3>ul li:after{ content: '｜'; margin: 0 2px; }
.column2-T>div:nth-of-type(2) .box3>ul li:last-of-type:after{ content: none; }
.column2-T>div:nth-of-type(2) .box3>ul li:last-of-type{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.column2-T>div:nth-of-type(2) .box3>div{ margin-top: 17px; }
.column2-T>div:nth-of-type(2) .box3>div p{ color: #222; font-size: 15px; }
.column2-T>div:nth-of-type(2) .box3>div ul{ margin: 10px 0 0!important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.column2-T>div:nth-of-type(2) .box3>div ul li{ margin-right: 10px; padding-bottom: 0; line-height: 1; }
.column2-T>div:nth-of-type(2) .box3>div ul li a{ color: #0181A1; }
.column2-T>div:nth-of-type(2) .box3>div ul li:last-of-type{ margin-right: 0; }
.column2-T>div:nth-of-type(2) .box3>div ul li:last-of-type a{ font-size: 15px; }


.carouselArea{ width: 100%; margin: 50px auto 0; }
.carouselArea h2{ color: #A55F24; font-size: 28px!important; text-align: center; }
.carouselArea .tab{ width: 100%; max-width: 1050px; margin: 30px auto 0!important; margin-bottom: 0!important; display: -webkit-box; display: -ms-flexbox; display: flex; }
.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,.0); }
.carouselArea .tab li:last-of-type{ margin-right: 0; }
.carouselArea .tab li.select{ background-color: #fff; color: #a96124; text-shadow: none; }
.carouselArea .content.hide{ height: 0; visibility: hidden; border: 0; }
.carouselArea .content{ padding: 0 50px; background-color: #945425; border-top: 1px solid #FEF4E1; border-bottom: 1px solid #FEF4E1; }

.carousel01 .slick-dots{ margin: 0 !important; bottom: 7px; }
.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; }
.carouselArea .carousel01{ margin-bottom: 0; padding-top: 20px; padding-bottom: 30px; }
.carouselArea .slider-item{ padding: 10px; }
.carouselArea .slider-item>a{ background-color: #fff; display: block; }
.carouselArea .slider-item>a:hover{ text-decoration: none; }
.carouselArea .slider-item img{ max-width: 100%; }
.carouselArea .slider-item>a p{ min-height: 5.1em; padding: 10px; font-size: 14px; line-height: 1.3; color: #222; }
.carouselArea .slider-item>a ul{ min-height: 4em; margin: 0 !important; padding: 0 10px 10px; line-height: 1; }
.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; }
.carouselArea .slider-item>a ul li.red{ border: 1px solid #c50062; color: #c50062; }
.carouselArea .slider-item>a ul li.green{ border: 1px solid #208900; color: #208900; }

.contentArea1200Block .best5{ width: 100%; max-width: 976px; margin: 0 auto; padding: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
.contentArea1200Block .best5>div{ width: 47.952%; }
.contentArea1200Block .best5>div:nth-of-type(2n){ margin-left: auto; }
.contentArea1200Block .best5>div h3{ padding: 6px 0; font-size: 28px!important; color: #a96124; border: 2px solid #a96124; text-align: center; }
.contentArea1200Block .best5>div ol{  }
.contentArea1200Block .best5>div ol li{ margin-top: 12px; padding-left: 1.7em; text-indent: -1.7em; font-size: 18px; line-height: 1.3; }
.contentArea1200Block .best5>div ol li a{ color: #222; }
.contentArea1200Block .best5>div ol li span{ width: 23px; margin-right: 8px; background-color: #a96124; color: #fff; display: inline-block; text-align: center; text-indent: 0; }

.carousel02{ padding: 20px 0; background-color: #333; }
.carousel02 .slider-item{ width: 360px!important; margin-right: 20px; }
.carousel02 .slider-item img{ max-width: 100%; }
.carousel02 .slick-prev{ left: 0; }
.carousel02 .slick-next{ right: 0; }
.carousel02 .slick-prev,.carousel02 .slick-next{ width: 33px; height: 34px; z-index: 3; }
.carousel02 .slick-prev,.carousel02 .slick-prev:hover,.carousel02 .slick-prev:focus{ background: url('/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/btn-slideback34.png') 0 0 no-repeat; }
.carousel02 .slick-next,.carousel02 .slick-next:hover,.carousel02 .slick-next:focus{ background: url('/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/btn-slidenext34.png') 0 0 no-repeat; }

.public-online h5{
	line-height: 1.5em;
}

.link-file-span {
	background-image: url(/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/ico-blank.svg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 22px;
}

@media screen and (max-width: 750px) {
.hitodukuri {
	width: 90%;
}
.hitodukuri h2 {
	font-size: 22px	!important; 
}

.column2-T{ width: 94%; display: block; }
.column2-T>div:nth-of-type(1){ width: 90%; margin: 0 auto; }
.column2-T>div:nth-of-type(2){ width: 90%; margin: 30px auto 0; }
.column2-T>div:nth-of-type(2) .box1 p:nth-of-type(1) a{ font-size: 1.1rem; }
.column2-T>div:nth-of-type(2) .box2 li{ width: 100%; }
.column2-T>div:nth-of-type(2) .box2 li:nth-of-type(n+2){ margin-top: 10px; }
.column2-T>div:nth-of-type(2) .box3>ul li:after{ margin: 0; }
.column2-T>div:nth-of-type(2) .box3>ul li a{  }
.column2-T>div:nth-of-type(2) .box3>div p{ line-height: 1.35; }
.column2-T>div:nth-of-type(2) .box3>div ul li{ margin-top: 5px; }
.carouselArea h2{ font-size: 22px!important; }
.carouselArea .tab{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
.carouselArea .tab li{ width: 32.5%; margin-right: 1%; padding: 5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }
.carouselArea .tab li:nth-of-type(3n){ margin-right: 0; }
.carouselArea .tab li:nth-of-type(n+4){ margin-top: 3px; }
.contentArea1200Block .best5{ width: 94%; margin: 0 auto; display: block; }
.contentArea1200Block .best5>div{ width: 90%; margin: 0 auto; }
.contentArea1200Block .best5>div:nth-of-type(2){ margin-top: 30px; }
.contentArea1200Block .best5>div h3{ font-size: 19px!important; }
.contentArea1200Block .best5>div ol li{ font-size: 16px; }
.contentArea1200Block .best5>div ol li span{ width: 21px; }

.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; }
.carouselArea .slider-item{ padding: 0; }

.carousel02 .slider-item{ width: 280px!important; margin-right: 20px; }

.contentsArea .contentBlock .featuresBox3{ padding: 0 20px; }
.contentsArea .contentBlock .featuresBox3>div{ width: 100%; margin-right: 0; height: auto;}
.contentsArea .contentBlock .featuresBox3>div h3{ font-size: 37px!important; }
.contentsArea .contentBlock .featuresBox3>div:nth-of-type(n+2){ margin-top: 15px; }
.contentsArea .contentBlock .featuresBox3>div a{ height: 8em; padding: 15px; }
	
	.carouselArea .carousel01{ padding-bottom: 20px; }
}


/* 20221224 追加分 */
.carousel01 {
	margin:0 auto !important;
	width: 1200px;
}
.carouselArea{
	margin:0 auto !important;
}
{
	padding:0 0 50px 0 !important;
}
#slider_box1 .slider-item{ width: 200px !important; }
.carousel01 { width: 100%; }


@media screen and (max-width: 750px) {
	.carousel01 {
		width: 100%;
	}
}

/* 20250120 追加分 */
.ApplyBtn {
	display: inline-block;
	box-sizing: border-box;
	background-color: #0181a1;
	padding: 20px 30px;
	font-size: 20px;
}
.ApplyBtn:hover .ApplyBtn__text {
	text-decoration: underline;
}
.ApplyBtn__text {
	color: #fff;
	display: flex;
	align-items: center;
	font-weight: bold;
}
.ApplyBtn__text::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	margin-right: 10px;
}
.ApplyBtn__text::after {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-left: 10px;
	background: url(/ew/pewbct/img/icon/icon_search.png);
}

.GuideBtn {
	display: inline-block;
	box-sizing: border-box;
	background-color: #0181a1;
	padding: 6px 20px;
	font-size: 14px;
}
.GuideBtn:hover .GuideBtn__text {
	text-decoration: underline;
}
.GuideBtn__text {
	color: #fff;
	display: flex;
	align-items: center;
}
.GuideBtn__text::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	margin-right: 10px;
}
.GuideBtn__text::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 12px;
	margin-left: 10px;
	background: url(/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/ico-blank-white.svg);
}

.LoginBtn {
	box-sizing: border-box;
	border: 2px solid #0181a1;
	display: inline-block;
	padding: 2px 10px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}
.LoginBtn::after {
	position: absolute;
	content: "";
	display: inline-block;
	top: 35%;
	right: 20px;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-top: 2px solid #0181a1;
	border-right: 2px solid #0181a1;
	transform: rotate(45deg);
}

.Training {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
@media screen and (max-width: 750px) {
	.Training {
		flex-direction: column;
	}
}
.Training__item {
	width: calc((100% - 45px) / 2);
}
@media screen and (max-width: 750px) {
	.Training__item {
		width: 100%;
	}
}
.Training__cta {
	box-sizing: border-box;
	border: 2px solid #0181a1;
	padding: 18px;
}
@media screen and (max-width: 750px) {
	.Training__cta {
		margin-bottom: 20px;
	}
}
.Training__applyBtn.ApplyBtn {
	display: block;
	margin-bottom: 15px;
}
.Training__login {
	text-align: center;
}
@media screen and (max-width: 750px) {
	.Training__login {
		font-size: 14px;
	}
}
.Training__login .LoginBtn {
	width: 155px;
	margin-left: 10px;
}
.Training__guides {
	display: flex;
	flex-wrap: wrap;
}
.Training__guides .Training__guide {
	padding-bottom: 0;
}
.Training__guide a {
	font-size: 14px;
}
.Training__guide:not(:first-child) {
	padding-left: 10px;
}
.Training__guide:not(:first-child)::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 1rem;
	background-color: #0181a1;
	margin-right: 10px;
	vertical-align: middle;
}
.Training__guide--pdf {
}
.Training__guide--pdf::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url(/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/ga2012_icn_pdf.gif);
	background-size: cover;
	margin-left: 5px;
}
.Training__payment {
	font-size: 14px;
	margin-bottom: 10px;
}
.Training__payment > * {
	vertical-align: middle;
}
.Training__mail__title {
	font-size: 14px;
	display: flex;
	align-items: stretch;
	line-height: 1.5;
}
.Training__mail__title::before {
	content: "";
	display: block;
	width: 6px;
	background-color: #0181a1;
	margin-right: 10px;
}
.Training__mail__body {
	margin-left: 1em;
}
.Training__template {
	display: flex;
	flex-wrap: wrap;
}
.Training__template .Training__template__item {
	font-size: 14px;
}
.Training__template__item:not(:first-child) {
	margin-left: 20px;
}
.Training__template__item {
	display: flex;
	align-items: center;
}
.Training__template__item::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 1px solid #0181a1;
	border-right: 1px solid #0181a1;
	transform: rotate(45deg);
	margin-right: 10px;
}
.Training__guideBtn {
	display: block;
}

.Features {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	row-gap: 10px;
}
@media screen and (max-width: 750px) {
	.Features {
		flex-direction: column;
		margin-left: -3%;
		margin-right: -3%;
	}
}
.Features__item {
	width: calc((100% - 10px) / 2);
	background-color: #FEF4E1;
	padding: 20px 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 750px) {
	.Features__item {
		width: 100%;


	}
}
.Features__num {
	font-size: 0;
	width: 85px;
	text-align: center;
}
.Features__text {
	width: calc(100% - 85px);
	line-height: 1.6;
}
@media screen and (max-width: 750px) {
	.Features__text {
		font-size: 14px;
	}
}
.Features__head {
	font-size: 20px !important;
}
@media screen and (max-width: 750px) {
	.Features__head {
		font-size: 18px !important;
	}
}

.AnchorGroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
@media screen and (max-width: 750px) {
	.AnchorGroup {
		gap: 10px;
	}
}
.AnchorGroup__item {
	width: 312px;
}
@media screen and (max-width: 750px) {
	.AnchorGroup__item {
		width: 100%;
	}
}


.AnchorButton {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	border: 1px solid #0181a1;
	color: #0181a1;
	font-size: 18px;
	font-weight: bold;
}
.AnchorButton__text {
	width: calc(100% - 15px);
}
.AnchorButton::after {
	content: "";
	width: 15px;
	height: 13px;
	background: url(/ew/pewbct/img/icon/icon_link.png);
	background-size: cover;
}

.TrainingSystem {
	position: relative;
}
.TrainingSystem__date {
	position: absolute;
	top: 10px;
	right: 37px;
	font-size: 14px;
}
@media screen and (max-width: 750px) {
	.TrainingSystem__date {
		right: 10px;
	}
}
.TrainingSystem__head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
	.TrainingSystem__head {
		flex-direction: column;
	}
}
.TrainingSystem__total {
	font-size: 0;
}
.TrainingSystem__img {
	text-align: center;
}