@charset "utf-8";
#kv { background: url('/img/kv/career.jpg') no-repeat 50% 50% / cover;}


#career .inner-sct { width: 88%; margin: 0 auto; padding: 40px 0 80px;}

.bloc { padding: 30px 0;}
.bloc .ctn { width: 88%; max-width: 960px; margin: 0 auto;}
.bloc .ctn .tit { margin-bottom: 30px;}
.bloc .ctn h4.left { position: relative; margin-bottom: 16px; padding-left: 20px; border-left: solid 7px #00aa83; font-size: 1.35rem; font-weight: 700; line-height: 1.25;}
.bloc .ctn .read { margin: 0 auto 80px;}

.bloc .ctn p { font-size: 1.0rem; letter-spacing: 0.05rem;}
.bloc .ctn p.mb { margin-bottom: 20px;}
.bloc .ctn p a { color: #000; text-decoration-thickness: 1px; text-underline-offset: 3px;}
.bloc .ctn p a:hover { text-decoration: none; }

.bloc .ctn ul.disc { padding-left: 2.0rem;}
.bloc .ctn ul.disc li { font-size: 1.0rem; list-style-type: disc;}
.bloc .ctn ul.disc li a { color: #000; text-decoration-thickness: 1px; text-underline-offset: 3px;}
.bloc .ctn ul.disc li a:hover { text-decoration: none; }

.bloc .ctn .box { width: 100%; max-width: 700px; margin: 0 auto; padding: 40px; border: solid 1px #c8c8c8;}
.bloc .ctn .box h4 { margin-bottom: 12px; font-weight: 700;}
@media (max-width: 481px) {
	.bloc { padding: 20px 0px;}

	.bloc .ctn h4.left { padding-left: 12px; border-left: solid 4px #00aa83; font-size: 0.92rem;}
	.bloc .ctn p { font-size: 0.812rem;}
	.bloc .ctn ul.link li { font-size: 0.812rem;}
	.bloc .ctn ul.disc { padding-left: 1.2rem;}
	.bloc .ctn ul.disc li { font-size: 0.812rem;}

	.bloc .ctn .box { padding: 16px 20px;}
	.bloc .ctn .box h4 { font-size: 0.92rem;}
}

.pageLink { width: 88%; max-width: 960px; margin: 0 auto;}
.pageLink ul { padding: 40px 0; font-size: 0px;}
@media (max-width: 481px) {
	.pageLink ul { padding: 20px 0;}
}

#ca-counselor .inner-sct { padding-bottom: 80px;}
#ca-counselor .msg-box { width: 100%; padding: 60px 40px 50px; background: #c2f3e8; border: solid 3px #00aa83;}
#ca-counselor .msg-box h3 { margin-bottom: 30px; font-size: 1.35rem; font-weight: 700; text-align: center;}
#ca-counselor .msg-box h3 br { display: none;}
@media (max-width: 1201px) {
	#ca-counselor .msg-box { padding: 40px 30px 30px;}
}
@media (max-width: 481px) {
	#ca-counselor .inner-sct { padding-bottom: 40px;}
	#ca-counselor .msg-box { padding: 20px;}
	#ca-counselor .msg-box h3 { font-size: 1.0rem;}
}


#office .inner-sct { padding-bottom: 80px;}
@media (max-width: 481px) {
	#office .inner-sct { padding-bottom: 40px;}	
}


#certification .inner-sct { padding-bottom: 80px;}
#certification .ctn ul.mb { margin-bottom: 40px;}
@media (max-width: 481px) {
	#certification .inner-sct { padding-bottom: 40px;}	
	#certification .ctn ul.mb { margin-bottom: 20px;}
}

#renewal .inner-sct { padding-bottom: 80px;}
#renewal .ctn ul.mb { margin-bottom: 60px;}

#renewal .ctn ol.no { margin-bottom: 30px;}
#renewal .ctn ol.no li { font-size: 1.0rem; font-weight: 700;}
#renewal .ctn ol.kana { margin-bottom: 30px;}
#renewal .ctn ol.kana li { font-size: 1.0rem;}

@media (max-width: 481px) {
	#renewal .inner-sct { padding-bottom: 40px;}	
}



/*

#ca-counselor .sct { width: 100%; max-width: 960px; margin: 0 auto;}

#ca-counselor .sct .tit { margin-bottom: 30px;}
#ca-counselor .sct h4 { position: relative; margin-bottom: 20px; padding-left: 30px; border-left: solid 7px #00aa83; font-size: 1.45rem; font-weight: 700; line-height: 1.4;}
#ca-counselor .sct ul.disc.mb { margin-bottom: 50px;}
#ca-counselor .sct ul.disc li { position: relative; margin-bottom: 20px; padding-left: 30px; font-size: 1.32rem; font-weight: 700;}
#ca-counselor .sct ul.disc li:last-child { margin-bottom: 0px;}
#ca-counselor .sct ul.disc li:before { content: ''; display: block; width: 15px; height: 15px; background: #00aa83; border-radius: 50%;
 position: absolute; left: 0; top: 0.4em;
}
#ca-counselor .sct ul.disc li a { color: #000; text-decoration-thickness: 1px; text-underline-offset: 3px;}
#ca-counselor .sct ul.disc li span.date { font-weight: 700;}
#ca-counselor .sct ul.disc li dl { padding-top: 20px;}
#ca-counselor .sct ul.disc li dl dt,
#ca-counselor .sct ul.disc li dl dd { font-weight: 400;}
#ca-counselor .sct ul.disc li dl dt { text-indent: -0.5em;}
#ca-counselor .sct ol { margin-bottom: 30px;}
#ca-counselor .sct ol li { font-size: 1.065rem; font-weight: 700;}
#ca-counselor .sct p { font-size: 1.065rem; letter-spacing: 0.1rem;}
#ca-counselor .sct p.mb { margin-bottom: 50px;}
#ca-counselor .sct p a { color: #000; text-decoration-thickness: 1px; text-underline-offset: 3px;}
#ca-counselor .sct ul.disc li a:hover,
#ca-counselor .sct p a:hover { text-decoration: none;}
#ca-counselor hr { width: 100%; height: 1px; border: none; margin: 0 auto 60px;}
#ca-counselor .sct .box { width: 100%; max-width: 700px; margin: 0 auto; padding: 40px 50px; border: solid 1px #c8c8c8;}
#ca-counselor .sct .box p { font-weight: 700;}
@media (max-width: 1201px) {
	#ca-counselor .pageRead .box h3 { margin-bottom: 20px; font-size: 2.6vw;}
}
@media (max-width: 801px) {

	#ca-counselor .sct .tit { margin-bottom: 20px;}
	#ca-counselor .sct h4 { padding-left: 20px; font-size: 1.25rem;}
	#ca-counselor .sct p { font-size: 14px; letter-spacing: 0.05rem;}
	#ca-counselor .sct ul.disc li { font-size: 1.0rem;}
	#ca-counselor .sct ol li { font-size: 15px;}
	
	#ca-counselor .sct .box { padding: 20px 30px;}
}
@media (max-width: 481px) {
	#ca-counselor .inner-sct { padding: 20px 0 60px;}

	#ca-counselor .pageRead .msg { padding: 20px; border-width: 2px;}
	#ca-counselor .pageRead .msg h3 { margin-bottom: 12px; font-size: 15px;}
	#ca-counselor .pageRead .msg h3 br { display: block;}
	#ca-counselor .pageRead .msg p { font-size: 12px;}

	#ca-counselor .stl h2 br.pc { display: none;}
	#ca-counselor .stl h2 span { display: block;}
	#ca-counselor .sct h4 { margin-bottom: 12px; padding-left: 18px; border-left: solid 4px #00aa83; font-size: 0.92rem;}
	#ca-counselor .sct ul.disc.mb { margin-bottom: 40px;}
	#ca-counselor .sct ul.disc li { margin-bottom: 8px; padding-left: 20px; font-size: 0.85rem;}
	#ca-counselor .sct ul.disc li:before { width: 10px; height: 10px; top: 0.4em;}
	#ca-counselor .sct ul.disc li dl { padding-top: 10px;}
	#ca-counselor .sct ul.disc li dl dt,
	#ca-counselor .sct ul.disc li dl dd { font-size: 0.812rem;}
	#ca-counselor .sct ol li { font-size: 0.812rem;}
	#ca-counselor .sct p { font-size: 0.812rem;}
	#ca-counselor .sct p.mb { margin-bottom: 20px;}

	#ca-counselor .sct .box { padding: 18px 20px; padding-right: 0px;}
	#ca-counselor .sct .box p { font-size: 12px; letter-spacing: 0.025rem;}
	#ca-counselor .sct .box p span { display: block;}
	
	#ca-counselor hr { margin-bottom: 40px;}
}
*/



#course .inner-sct { padding: 0px 0 80px;}
#course .sct { width: 88%; max-width: 960px; margin: 0 auto; padding: 40px 0 80px;}
#course .sct.pt0 { padding-top: 0px;}
#course .sct .stl { margin-bottom: 10px;}
#course .sct .stl.mb { margin-bottom: 30px;}
#course .bloc { border-bottom: dashed 1px #c8c8c8;}
#course .bloc.no-border { margin-bottom: 40px; border-bottom: none;}
#course .bloc:last-child { border-bottom: none;}

#course .bloc h3.left { padding-left: 20px; border-left: solid 7px #00aa83; font-size: 1.35rem; font-weight: 700; line-height: 1.45;}
@media (max-width: 481px) {
	#course .bloc.no-border { margin-bottom: 20px;}
	#course .bloc h3.left { padding-left: 12px; border-left: solid 4px #00aa83; font-size: 0.92rem;}
	#course .bloc p { font-size: 0.812rem;}
}

#course .article-ctn { padding: 20px 0px;}
#course .article-ctn h3 { margin-bottom: 12px; font-size: 1.35rem; font-weight: 700; line-height: 1.45;}
#course .article-ctn h4 { margin-bottom: 12px; font-size: 1.25rem;}
#course .article-ctn p { font-size: 1.0rem; letter-spacing: 0.05rem; word-break: break-all;}
#course .article-ctn p.mb { margin-bottom: 20px;}
#course .article-ctn p a { color: #000; text-decoration-thickness: 1px; text-underline-offset: 3px;}
#course .article-ctn p a:hover { text-decoration: none;}
#course .article-ctn hr { height: 1px; border: none; margin-bottom: 40px;}

#course .bloc ul.schedule { margin: 16px auto 30px; border: solid 1px #c8c8c8;}
#course .bloc ul.schedule li { padding-left: 0px; border-bottom: solid 1px #c8c8c8; font-size: 1.0rem;}
#course .bloc ul.schedule li:last-child { border-bottom: none;}
#course .bloc ul.schedule li dl { display: table; width: 100%;}
#course .bloc ul.schedule li dl dt,
#course .bloc ul.schedule li dl dd { display: table-cell; padding: 10px;}
#course .bloc ul.schedule li dl dt { width: 160px; background: #00aa83; color: #fff; font-weight: 700;}

#course .toggle-tit { cursor: pointer; padding: px 0;}
#course .hide-ctn { display: none; padding-top: 12px;}

@media (max-width: 801px) {
	#course .article-ctn { padding: 12px 0px;}
	#course .article-ctn h3 { font-size: 1.12rem;}
	#course .article-ctn h4 { font-size: 1.08rem;}
	#course .article-ctn p { font-size: 14px; letter-spacing: 0.05rem; line-height: 1.72;}
}
@media (max-width: 481px) {
	#course .inner-sct { padding: 0px 0 60px;}

	#course .article-ctn h3 { margin-bottom: 6px; padding-left: 12px; border-left: solid 4px #00aa83; font-size: 0.92rem;}
	#course .article-ctn h4 { margin-bottom: 6px; font-size: 0.86rem;}
	#course .article-ctn p { font-size: 0.812rem;}
	#course .article-ctn hr { margin-bottom: 20px;}
	#course .bloc ul.schedule li { font-size: 0.78rem;}
	#course .bloc ul.schedule li dl dt { width: 110px;}
}

#course .pagerNo { margin-top: 40px;}

#course .past { width: 88%; max-width: 960px; margin: 0px auto; padding-top: 40px; border-top: dashed 1px #c8c8c8;}
#course .past p { font-size: 1.0rem;}
#course .past p a { color: #000; text-decoration-thickness: 1px; text-underline-offset: 3px;}
#course .past p a:hover { text-decoration: none;}
@media (max-width: 481px) {
	#course .past p { font-size: 0.812rem;}
}