@charset "utf-8";

.h1Block-subMenu {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	background-color: #a96124;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 8px;
}
.basic-page .h1Block-subMenu ul {
	margin: 0px!important;
	padding: 0px!important;
}
.basic-page .h1Block-subMenu ul li{
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-right: 7px;
	padding-bottom: 0px!important;
	padding-left: 7px;
}
.basic-page .h1Block-subMenu ul li:last-of-type{
	border-style: none;
}
.basic-page .h1Block-subMenu ul li a{
	color: #fff;
}
.h1Block-subMenuB {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	background-color: #a96124;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 8px;
}
.basic-page .h1Block-subMenuB ul {
	margin: 0px!important;
	padding: 0px!important;
}
.basic-page .h1Block-subMenuB ul li{
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-right: 7px;
	padding-bottom: 0px!important;
	padding-left: 7px;
}
.basic-page .h1Block-subMenuB ul li:last-of-type{
	border-style: none;
}
.basic-page .h1Block-subMenuB ul li a{
	color: #fff;
}

p.headline40000{
	font-size: 24px;
	margin-top: 30px!important;
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	line-height: 1.35em;
}
p.movie4{
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 7px;
	font-weight: bold;
	text-align: center;
	width: 560px;
	background-color: #FFA54B;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.pointEW{
	margin-bottom: 20px;
	overflow: hidden;
}
p.pointEW img{
	float: left;
	margin-right: 30px;
}
h4.pointHikkiT{
	color: #036ED9!important;
	font-size: 20px!important;
}
h5.pointHikki{
	color: #FFF;
	background-color: #036ED9;
	clear: both;
	border: none!important;
}
h5.pointHikki span{
	font-size: 20px;
	line-height: 2em;
}
h4.pointGinoT{
	color: #CB0065!important;
	font-size: 20px!important;
}
h5.pointGino{
	color: #FFF;
	background-color: #CB0065;
	clear: both;
	border: none!important;
}
h5.pointGino span{
	font-size: 20px;
	line-height: 2em;
}
.tab{ margin: 0!important; display: -webkit-box; display: -ms-flexbox; display: flex; }
.tab li{ width: 50%; padding: 10px 0; text-align: center; cursor: pointer; background-color: #EBECF2; border-right: 5px solid #fff; }
.tab li:last-of-type{ border-right: 0; }
.tab li.select{ background-color: #FFDC73; }
.content.hide{ display: none; }

.openBlock{ margin: 0; }
.openBlock>dt{ margin: 3px 0 0; padding: 11px 50px 11px 18px; font-size: 20px; background-color: #444; color: #fff; cursor: pointer; position: relative; }
.openBlock>dt:after{ content: '＋'; width: 50px; height: 100%; padding-top: 10px; position: absolute; top: 0; right: 0; background-color: #0181a1; text-align: center; font-size: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.openBlock>dt.active:after{ content: '－'; }
.openBlock>dd{  }
.openBlock .bTitle{ margin-top: 20px; font-size: 20px; color: #0068d0; font-weight: bold; }

.place{ margin: 3px 0 0; padding: 11px 50px 11px 18px; font-size: 20px; background-color: #444; color: #fff; cursor: pointer; position: relative; }
.place2{ margin: 3px 0 0; padding: 11px 50px 11px 18px; font-size: 20px; background-color: #444; color: #fff; position: relative; }
.blueTitle{ margin-top: 20px; font-size: 20px; color: #0068d0; font-weight: bold; }
h3{ margin-top: 5px!important; }

.caution {
	color: #D42222;
	font-weight: bold;
	margin-top: 50px;
}
.caution-box {
	border: 1px solid #D42222;
	padding: 15px;
	color: #D42222;
	font-weight: bold;
	margin: 20px 0;
}

.detail{ margin-bottom: 30px; }
.detail>div{ display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.detail .areaTitle {
	padding-left: 18px;
	background-image: url(/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/ico-dot5.svg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
}

.detail .areaDate ul li {
	text-indent: -1em;
	padding-left: 1em;
}
.detail .areaDate-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 0 2%;
}
@media screen and (max-width: 750px) {
	.detail .areaDate-wrap {
		display: block;
	}
}
.detail .areaDate-item {
	width: 49%;
}
@media screen and (max-width: 750px) {
	.detail .areaDate-item {
		width: auto;
	}
	.detail .areaDate-item:nth-of-type(n+2) {
		margin-top: 15px;
	}
}
.detail .areaDate-item ul li {
	font-size: 14px;
}

.detail .cancel {
	position: relative;
}
.detail .cancel .cancel-date {
	text-decoration-line: line-through;
	text-decoration-style: solid;
	text-decoration-color: #D42222;
}
.detail .cancel .cancel-text {
	position: absolute;
	right: -50px;
	top: 50%;
	transform: translateY(-60%);
	color: #D42222;
}
@media screen and (max-width: 750px) {
	.detail .cancel .cancel-text {
		position: static;
		margin-left: 30px;
	}
}

.detail .date-multiple {
	display: flex;
}
@media screen and (max-width: 750px) {
	.detail .date-multiple {
		display: block;
	}
}
.detail .indent {
	text-indent: -1em;
	padding-left: 1em;
}

.detail>div:nth-of-type(n+2){ margin-top: 10px; }
.detail>div>div:nth-of-type(1){ width: 60px; padding: 3px 0; border: 1px solid #000; -ms-flex-item-align: start; align-self: flex-start; text-align: center; font-size: 13px; line-height: 1; }
.detail>div>div:nth-of-type(2){ width: calc(100% - 80px); margin-left: auto; }
.detail>div>div:nth-of-type(2) ul{ margin: 0!important; }
.detail>div>div:nth-of-type(2) ul li{ padding-bottom: 5px; }
.detail>div>div:nth-of-type(2) .textB{ font-size: 18px; 	border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #9B9EB6; margin-bottom: 10px; padding-bottom: 10px; width: 50%;}
.detail>div>div:nth-of-type(2) .btnText{ margin-top: 10px; font-size: 14px; text-align: center; }
.detail>div.voice{ display: block }
.detail>div.voice>div:nth-of-type(1){ width: auto; padding: 3px 5px; display: inline-block; color: #b636d5; border: 1px solid #b636d5; }
.detail>div.voice>div:nth-of-type(2){ width: 100%; }
.link-arrow{ margin-top: 5px; }
.nonvoice { width: 100%; text-align: center; }
.nonvoice .btnText{ margin-top: 10px; font-size: 14px; text-align: center; }
.nonvoice .link-arrow{ width: 100%; text-align: left; }

#e-learning .btn-set{
	text-align: center;
	width: 100%;
	 }
#e-learning .btn-set .btnText{
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
	 }
#e-learning p.titleGakka{
	text-align: left;
	font-size: 22px;
	margin-top: 20px;
	line-height: 1.35em;
	background-color: #FAEBAA;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	 }
#e-learning p.titleGino{
	text-align: left;
	font-size: 22px;
	margin-top: 20px;
	line-height: 1.35em;
	background-color: #9DCAA8;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	 }


.openBlockPlus{ margin: 0 0px; }
.openBlockPlus div{  }
.openBlockPlus div dt{ padding: 8px 5px; cursor: pointer; border-bottom: 1px solid #bbb; position: relative; font-size: 18px; }
.openBlockPlus div dt:after{ content: ''; width: 16px; height: 16px; display: block; background: url('/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/ico-open-plus.svg') 0 0 no-repeat; position: absolute; top: 50%; right: 18px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.openBlockPlus div dt.active:after{ background: url('/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/ico-open-minus.svg') 0 0 no-repeat; }
.openBlockPlus div dt>span{ width: 30px; height: 30px; margin-right: 15px; color: #B50C0C; border: 2px solid #B50C0C; font-size: 20px; display: inline-block; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 5px; left: 5px; }
.openBlockPlus div dt>div{ padding-left: 45px; padding-right: 45px; }
.openBlockPlus div dd{ padding: 8px 5px; background-color: #eee; font-size: 16px; position: relative; display: none; }
.openBlockPlus div dd>span{ width: 30px; height: 30px; color: #3467CB; background-color: #fff; border: 2px solid #3467CB; font-size: 20px; display: inline-block; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 5px; left: 5px; }
.openBlockPlus div dd>div{ padding-left: 45px; font-size: 16px; }


#voices .openBlockVoice{  }
#voices .openBlockVoice>div:nth-of-type(n+2){ margin-top: 20px; }
#voices .openBlockVoice dt{ cursor: pointer; font-weight: bold; }
#voices .openBlockVoice dt>div:nth-of-type(1){ padding: 7px 45px 7px 10px; font-size: 18px; position: relative; line-height: 1.5; }
#voices .openBlockVoice dt>div:nth-of-type(1):after{ content: ''; width: 16px; height: 16px; display: block; background: url(/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/ico-open-plus.svg) 0 0 no-repeat; position: absolute; top: 50%; right: 18px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
#voices .openBlockVoice dt.active>div:nth-of-type(1):after{ background: url(/ew/pewbct/etc/designs/panasonic/common-clientlibs/images/ico-open-minus.svg) 0 0 no-repeat; }
#voices .openBlockVoice dt>div:nth-of-type(2){ padding: 10px; font-size: 16px; background-color: #ebecf2; border-top: 1px solid #a96124; line-height: 1.5; font-weight: normal; }
#voices .openBlockVoice dd>div{ margin-top: 20px; position: relative; padding: 15px; background-color: #E7F4FF; border-radius: 10px; display: inline-block; }
#voices .openBlockVoice dd>div:before{ content: ''; position: absolute; left: 20px; top: -10px; display: block; width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 10px solid #E7F4FF; border-left: 10px solid transparent; }
#voices .openBlockVoice dd>div .subTitle{ margin-bottom: 2px; font-weight: bold; font-size: 16px; line-height: 1.5; }
#voices .openBlockVoice dd>div .text{ margin-bottom: 11px; font-size: 16px; line-height: 1.5; }
#voices .openBlockVoice dd>div p:last-of-type{ margin-bottom: 0!important; }

.gmailHowto-dai2 {
	background-color: #FFDC75;
	padding: 20px;
	width: 740px;
	border: 4px solid #0181A1;
	margin-bottom: 30px;
	line-height: 1.5em;
}
.osusumeTitle {
	margin-bottom: 17px;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2em;
}
.osusumeTitle-caution {
	text-align: center;
}
.faxBox {
	width: 100%;
	border: 1px solid #FEA857;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
}
.faxBox p {
	padding: 15px;
}
.sokuho {
	border: 3px solid #09809F;
	background-color: #FFDD7E;
	text-align: center;
}
.sokuho h2 {
	padding: 10px;
	color: #FFF;
	background-color: #09809F;
	font-size: 1.35em;
}


#koza-link{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#koza-link>div{ width: 32.5%; margin-right: 1.25%; padding: 10px 10px 5px; }
#koza-link>div:nth-of-type(3n){ margin-right: 0; }
#koza-link>div strong{ margin-bottom: 10px; display: block; text-align: center; font-size: 1.25rem; }
#koza-link>div p{ padding: 0 5px; line-height: 1.5; text-align: center; }

#koza-link-start{ background-color: #F5DFE9; }
.main-Start a{ display: block; background-color: #fff; border-radius: 13px; color: #000!important; text-decoration: none; font-size: 1.4rem; text-align: center; font-weight: bold; padding: 13px 0; line-height: 1.2; }
.main-Start a:hover{ background-color: #fbf1f6; text-decoration: none!important; }

#koza-link-gakka { background-color: #FBEDAF; }
.k-Hosusume {  }
.main-Hcourse a{ display: block; background-color: #FFF; border-radius: 30px; color: #000!important; text-decoration: none; font-size: 1.59rem; text-align: center; font-weight: bold; padding: 10px 0; }
.main-Hcourse a:hover{ background-color: #fdf8df; text-decoration: none!important; }
.sub-Hcourse a{ padding: 3px 0; display: block; background-color: #FDF8DF; border-radius: 30px; color: #000!important; text-decoration: none; text-align: center; font-weight: bold; font-size: 1.05rem; }
.sub-Hcourse a:hover{ background-color: #fff; text-decoration: none!important; }

#koza-link-gino { background-color: #9FCAAA; }
.k-Gosusume {  }
.main-Gcourse a{ display: block; background-color: #FFF; border-radius: 30px; color: #000!important; text-decoration: none; font-size: 1.59rem; text-align: center; font-weight: bold; padding: 10px 0; }
.sub-Hcourse,.sub-Gcourse{ padding-bottom: 5px !important; }
.sub-Gcourse a{ display: block; background-color: #D9EBDD; border-radius: 30px; color: #000!important; text-decoration: none; }
.main-Gcourse a{ display: block; background-color: #FFF; }
.main-Gcourse a:hover{ background-color: #D9EBDD; text-decoration: none!important; }
.sub-Gcourse a{ padding: 3px 0; display: block; background-color: #d9ebdd; border-radius: 30px; color: #000!important; text-decoration: none; text-align: center; font-weight: bold; font-size: 1.05rem; }
.sub-Gcourse a:hover{ background-color: #fff; text-decoration: none!important; }

.k-Hosusume,.k-Gosusume{ margin-top: -10px; padding-bottom: 0!important; }
.k-Hosusume span,.k-Gosusume span{ margin: 0 0 0 10px; padding: 3px 10px!important; background-color: #FFF36C; color: #000; display: inline-block; line-height: 1.0em; font-size: .8rem!important; }
.main-Hcourse,.main-Gcourse{ margin-top: -10px; padding-bottom: 15px!important; }
.sub-Hcourse-title,.sub-Gcourse-title{ padding-bottom: 2px !important; font-size: 18px!important; text-align: center; }


#study-link{ width: 100%; max-width: 600px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }
#study-link>div{ width: 49%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#study-link>div:nth-of-type(2n){ margin-left: auto; }
#study-link-gakka { background-color: #FAEBAA; }
.main-SHcourse a{ background-color: #FFF; }
.main-SHcourse a:hover{ background-color: #fdf8df; text-decoration: none!important; }
#study-link-gino { background-color: #9FCAAA; }
.main-SGcourse a{ background-color: #FFF; }
.main-SGcourse a:hover{ background-color: #d9ebdd; text-decoration: none!important; }
#study-link strong{ margin-bottom: 10px; display: block; text-align: center; font-size: 1.25rem; }
.main-SHcourse a,.main-SGcourse a{ display: block; background-color: #FFF; border-radius: 30px; color: #000!important; text-decoration: none; font-size: 1.59rem; text-align: center; font-weight: bold; padding: 10px 0; }


@media screen and (max-width: 750px) {
#reason p.pointEW img{
	margin-right: 20px;
}
#reason p.movie4{
	width: 100%;
}
.tab{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
.tab li{ width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 3px solid #fff; }
.tab li:nth-of-type(2n){ border-right: 0; }
.tab li:nth-of-type(n+3){ border-top: 3px solid #fff; }
.openBlock>dd .bTitle{ font-size: 18px; }
.openBlock>dt{ padding: 5px 50px 5px 15px; }
.openBlock>dt:after{ padding-top: 20px; }
.detail>div{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.detail>div>div:nth-of-type(1){  }
.detail>div>div:nth-of-type(2){ width: 100%; margin-top: 10px; }
.detail>div>div:nth-of-type(2) .textB{ font-size: 16px; width: 100%;}


.fNavi{ width: 100%!important; }
.h1Block-subMenu{ width: 100%; }
.basic-page .fNavi .h1Block-subMenu{ padding: 0!important; }
.basic-page .h1Block-subMenu ul li{ padding: 0!important; display: block; }
.basic-page .h1Block-subMenu ul li a{ padding: 10px 0; border-bottom: 1px solid #fff; display: block; }

.openBlockPlus{ margin: 0 0px; }
.openBlockPlus div dt{ font-size: 16px; }
.openBlockPlus div dd{ font-size: 14px; }

#voices .openBlockVoice dt>div:nth-of-type(1){ font-size: 16px; }
#voices .openBlockVoice dt>div:nth-of-type(2){ font-size: 14px; }
#voices .openBlockVoice dd>div .subTitle{ font-size: 14px; }
#voices .openBlockVoice dd>div .text{ font-size: 14px; }

.sp-mgTB50.fNavi{ margin: 0!important; position: fixed; bottom: -100%; left: 0; z-index: 9; -webkit-transition: .8s; transition: .8s; }
.is-fixed .sp-mgTB50.fNavi{ bottom: 0; }
.h1Block-subMenuB{ width: 100%; padding: 0; }
.basic-page .h1Block-subMenuB ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.basic-page .h1Block-subMenuB ul li{ width: 50%; display: block; border: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.basic-page .h1Block-subMenuB ul li a{ padding: 10px 5px; display: block; border-right: 1px solid #fff; border-top: 1px solid #fff; }
.basic-page .h1Block-subMenuB ul li:nth-of-type(1) a{ border-top: 0; }
.basic-page .h1Block-subMenuB ul li:nth-of-type(2) a{ border-top: 0; }
.basic-page .h1Block-subMenuB ul li:nth-of-type(2n) a{ border-right: 0; }

.gmailHowto-dai2 {
	width: auto;
}
.osusumeTitle {
	font-size: 32px;
}


	#koza-link{ display: block; }
	#koza-link>div{ width: 100%; margin-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#koza-link>div:nth-of-type(n+2){ margin-top: 10px; }
	#koza-link>div strong{ font-size: 1.1rem; }
	.main-Start a{ font-size: 1.2rem }
	.main-Hcourse a{ font-size: 1.35rem }
	.main-Gcourse a{ font-size: 1.35rem }
	.main-Hcourse, .main-Gcourse{ margin-top: -5px; }
	.k-Hosusume, .k-Gosusume{ margin-top: -5px; }
	.main-Hcourse a,.main-Gcourse a{ padding: 5px 0; }

	#study-link{ width: 100%; max-width: 600px; margin: 0 auto; display: block; }
	#study-link>div{ width: 100%; }
	#study-link>div:nth-of-type(n+2){ margin-top: 10px; }
	#study-link strong{ font-size: 1.1rem; }
	.main-SHcourse a, .main-SGcourse a{ font-size: 1.35rem; padding: 5px 0; }
}

.BnrBox2023siken {
	display: flex;
	margin-top: 5px;
}
.BnrBox2023siken a:hover {
	opacity: 0.7;
}

.OutlineMsg {
	width: 794px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 750px) {
	.OutlineMsg {
		width: auto;
	}
}

.TopImage {
	text-align: center;
}

.CustomerVoice {

}
.CustomerVoice__items {}
.CustomerVoice__item {
	background-color: #f2f2f2;
	border-radius: 10px;
	padding: 10px 30px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 750px) {
	.CustomerVoice__item {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.CustomerVoice__item:not(:first-child) {
	margin-top: 10px;
}
.CustomerVoice__item::before {
	content: "";
	display: inline-block;
	width: 48px;
	height: 37px;
	background: url(/ew/pewbct/img/icon/icon-comment.png);
}
.CustomerVoice__item__text {
	display: inline-block;
	width: calc(100% - 48px);
	padding-left: 10px;
	font-size: 18px;
}
.CustomerVoice__item .bold {
	font-weight: bold;
}

.koushi_atsuku_kataru {
	text-align: center;
	margin-right: 156px;
}
@media screen and (max-width: 750px) {
	.koushi_atsuku_kataru {
		margin-right: 0;
	}
}