@charset "UTF-8";
@import url(fonts.css);
/********************************************************* page common*/
.secondImg {
	display: table;
	width: 100%;
	height: 110px;
	background-color: #eee;
	margin-bottom: 10px;
}
.secondImg .ttlPage {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 32px;
	letter-spacing: 1px;
	font-weight: bold;
	text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff;
}
.secondImg + .breadArea {
	margin: 15px 0 20px 0;
}

.secondImg.exam {
	background: url(../images/bg_exam_top.webp) no-repeat center center/cover;
}
.secondImg.business,
.secondImg.learning {
	background: url(../images/bg_business_top.webp) no-repeat center center/cover;
}
.secondImg.about {
	background: url(../images/bg_about_top.webp) no-repeat center center/cover;
}
.secondImg.howto {
	background: url(../images/bg_howto_top.webp) no-repeat center center/cover;
}
.secondImg.webform {
	background: url(../images/bg_webform_top.webp) no-repeat center center/cover;
}
.secondImg.blog {
	background: url(../images/bg_blog_top.webp) no-repeat center center/cover;
}
.secondImg.company {
	background: url(../images/bg_company_top.webp) no-repeat center center/cover;
}
.secondImg.comment {
	background: url(../images/bg_comment_top.webp) no-repeat center center/cover;
}
.secondImg.faq {
	background: url(../images/bg_faq_top.webp) no-repeat center center/cover;
}
.secondImg.topics {
	background: url(../images/bg_topics_top.webp) no-repeat center center/cover;
}

.breadArea {
	margin: 30px auto;
	font-size: 13px;
}
.breadArea li {
	display: inline-block;
	vertical-align: top;
	color: #83c362;
}
.breadArea li:not(:last-child):after {
	content: ">";
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	margin: 0 7px 0 10px;
	color: #000;
	line-height: 1;
}
.breadArea a {
	color: #000;
}

#leftContents {
	float: left;
	width: 220px;
}

#rightContents {
	float: right;
	width: 686px;
}

.secBasicL p:not(:last-child),
.secBasicLP p:not(:last-child),
.secBasic p:not(:last-child) {
	margin-bottom: 1.5em;
}
.secBasicL p.ttlSubList,
.secBasicLP p.ttlSubList,
.secBasic p.ttlSubList {
	margin-bottom: 0;
}

.secBasicL,
.secBasicLP {
	margin-bottom: 80px;
}
.secBasic {
	margin-bottom: 40px;
}
.secBasicLP {
	border-top: 4px solid #83c362;
	width: 100%;
}
.leadCat {
	text-align: center;
	font-size: 16px;
	margin-bottom: 40px;
}

@media screen and (max-width: 950px) {
	.secondImg {
		height: 80px;
	}
	.secondImg .ttlPage {
		font-size: 28px;
	}
	.secondImg.exam,
	.secondImg.about,
	.secondImg.business,
	.secondImg.learning,
	.secondImg.howto,
	.secondImg.webform,
	.secondImg.blog,
	.secondImg.comment,
	.secondImg.faq,
	.secondImg.topics {
		background-position: right center;
	}
	.secondImg.company {
		background-position: right center;
	}

	.breadArea {
		padding: 0 10px;
		margin-bottom: 15px;
	}

	#leftContents,
	#rightContents {
		width: auto;
		float: none;
	}

	#rightContents {
		margin-bottom: 40px;
	}

	.secBasicL,
	.secBasicLP {
		margin-bottom: 50px;
	}

	.secBasic {
		margin-bottom: 30px;
	}

	.leadCat {
		margin-bottom: 20px;
	}
}
/********************************************************* side*/
.sideTtl {
	margin-bottom: 1px;
}
.sideTtl a {
	text-align: center;
	color: #fff;
	border-radius: 5px 5px 0 0;
	background-color: #a8d591;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0;
	display: block;
}
.sideTtl a:hover {
	text-decoration: none;
}

.localNav {
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 1.2;
}
.localNav a {
	display: block;
	position: relative;
	padding: 15px 15px 15px 25px;
	color: #000;
	font-weight: bold;
}
.localNav a:hover {
	text-decoration: none;
}
.localNav a:before {
	content: "\e903";
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -0.5em;
	font-size: 12px;
	color: #83c362;
}
.localNav > li {
	border-bottom: 1px dotted #a8d591;
}
.localNav > li:not(.current) a:hover {
	background-color: #a8d591;
	text-decoration: none;
	color: #fff;
}
.localNav > li:not(.current) a:hover:before {
	color: #fff;
}
.localNav .current a {
	color: #83c362;
}
.localNav .current a:before {
	display: none;
}

.sideBtns {
	margin-top: 24px;
}
.sideBtns li {
	margin-bottom: 5px;
}
.sideBtns .btnStyle01 {
	height: 60px;
	text-align: left;
	font-size: 16px;
}
.sideBtns .btnStyle01 span {
	padding-left: 15px;
}

@media screen and (max-width: 950px) {
	.sideTtl a {
		padding: 10px;
	}
}
/********************************************************* examination*/
.examTopIntro {
	margin-bottom: 30px;
	display: table;
	width: 100%;
}
.examTopIntro > div {
	display: table-cell;
	vertical-align: top;
}
.examTopIntro > div:first-child {
	padding-right: 20px;
}
.examTopIntro > div ul {
	clear: both;
}
.examTopIntro .introTxt + ul {
	padding-top: 10px;
}
.examTopIntro .bookImg {
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	width: 210px;
	padding: 10px;
}
.examTopIntro .bookImg a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.examTopIntro .bookImg a:hover {
	opacity: 0.7;
}
.examTopIntro .listBtns > li {
	margin-top: 10px;
	margin-bottom: 0;
}
.examTopIntro .introImg {
	float: left;
	padding-right: 20px;
}
.examTopIntro .introImg + div {
	overflow: hidden;
}

.examTopIntroL {
	margin-bottom: 30px;
	display: table;
	width: 100%;
}
.examTopIntroL > div {
	display: table-cell;
	vertical-align: top;
}
.examTopIntroL > div:first-child {
	padding-left: 20px;
}
.examTopIntroL > div ul {
	clear: both;
}
.examTopIntroL .introTxt + ul {
	padding-top: 10px;
}
.examTopIntroL .bookImg {
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	width: 210px;
	padding: 10px;
}
.examTopIntroL .bookImg a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.examTopIntroL .bookImg a:hover {
	opacity: 0.7;
}
.examTopIntroL .listBtns > li {
	margin-top: 10px;
	margin-bottom: 0;
}
.examTopIntroL .introImg {
	float: right;
	padding-left: 20px;
}
.examTopIntroL .introImg + div {
	overflow: hidden;
}

.pickupWrap {
	position: relative;
}
.pickupWrap .bx-next,
.pickupWrap .bx-prev {
	text-indent: -9999em;
	position: absolute;
	display: block;
	width: 20px;
	height: 100%;
	top: 0;
	background: url(../images/bg_pattern2.webp) #a8d591;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pickupWrap .bx-next:hover,
.pickupWrap .bx-prev:hover {
	background-color: #83c362;
}
.pickupWrap .bx-next {
	right: 0;
}
.pickupWrap .bx-next:before {
	content: "\e903";
	text-indent: 0;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -0.5em;
	color: #83c362;
}
.pickupWrap .bx-prev {
	left: 0;
}
.pickupWrap .bx-prev:before {
	content: "\e907";
	text-indent: 0;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -0.5em;
	color: #83c362;
}

.pickupSlider li {
	float: left;
}
.pickupSlider li > a {
	display: block;
	border: 1px solid #ccc;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pickupSlider li > a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.pickupSlider p {
	color: #fff;
	padding: 5px 20px 5px 5px;
	background-color: #666;
	position: relative;
}
.pickupSlider p:before {
	position: absolute;
	font-size: 12px;
	right: 5px;
	top: 10px;
}
.pickupSlider .semi p {
	background-color: #25b54e;
}
.pickupSlider .hw p {
	background-color: #42abfc;
}
.pickupSlider .ie p {
	background-color: #f65d6f;
}

.listBookItem > li {
	overflow: hidden;
	margin-bottom: 20px;
}
.listBookItem > li .img {
	float: left;
	margin-right: 15px;
}
.listBookItem > li .txt {
	overflow: hidden;
}

.listFaq dt {
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
	padding-left: 2.5em;
}
.listFaq dt span:first-child {
	left: 0;
	top: 0;
	position: absolute;
}
.listFaq dd {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	position: relative;
	padding-left: 2.5em;
}
.listFaq dd span:first-child {
	left: 0;
	top: 0;
	position: absolute;
}

.boxFlow {
	border: 1px solid #83c362;
	padding: 20px;
	border-radius: 8px;
	position: relative;
	background-color: #d1e7bf;
}
.boxFlow.icon-arrow_down {
	margin-bottom: 60px;
}
.boxFlow.icon-arrow_down:before {
	position: absolute;
	bottom: -45px;
	left: 0;
	font-size: 25px;
	text-align: center;
	width: 100%;
	color: #83c362;
}
.boxFlow .boxObject {
	background-color: #f5f5f5;
}

.listMovies {
	margin: 0 0 0 -44px;
}
.listMovies li {
	float: left;
	width: 320px;
	text-align: center;
	margin: 0 0 60px 44px;
}
.listMovies li h3 {
	margin-bottom: 10px;
	font-size: 16px;
}

.examMovie {
	text-align: center;
	margin-bottom: 10px;
}
.examMovie video {
	display: inline-block;
	border: 1px solid #ccc;
}

.listCourse {
	overflow: hidden;
	margin: 0 -8px -25px -8px;
}
.listCourse li {
	float: left;
	padding: 0 8px 25px 8px;
	text-align: center;
	width: 33.3%;
}
.listCourse li a {
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.listCourse li a img {
	margin-bottom: 5px;
}
.listCourse li a:hover {
	opacity: 0.7;
}
/*top bookstore-----------------------------------*/
#Bookstore {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.margin {
	margin: 5px 5px; /* 上下左右に0.5emを指定 */
}
a.hover_Bookstore {
	background-color: #fff; /*背景に白を設定*/
	display: block; /*ブロック化重要！*/
}
a.hover_Bookstore img {
	transition: all 0.5s ease;
}
a:hover.hover_Bookstore img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
@media screen and (max-width: 950px) {
	.examTopIntro {
		margin-bottom: 20px;
		display: block;
	}
	.examTopIntro > div {
		display: block;
	}
	.examTopIntro > div:first-child {
		padding-right: 0;
		margin-bottom: 10px;
	}
	.examTopIntro > div ul {
		padding-top: 15px;
	}
	.examTopIntro .bookImg {
		width: auto;
	}
	.examTopIntro .introImg {
		padding-right: 0;
		float: none;
		text-align: center;
	}
	.examTopIntro .listBtns > li {
		margin-top: 10px;
	}

	.pickupWrap {
		height: auto;
		padding: 0 25px;
	}
	.pickupWrap img {
		width: 100%;
		height: auto;
	}

	.boxFlow {
		padding: 15px;
	}

	.listMovies {
		margin: 0;
	}
	.listMovies li {
		float: none;
		width: auto;
		margin: 0 0 20px 0;
	}

	.examMovie video {
		max-width: 300px;
		width: 100%;
	}

	.listCourse li {
		width: 50%;
	}
}
/********************************************************* blog*/
.wp_single .entryBody {
	margin-bottom: 60px;
}
.wp_single .entryBody p {
	margin-bottom: 1.5em;
}
.wp_single .entryBody p + h2 {
	margin-top: 80px;
}
.wp_single .entryBody p + h3 {
	margin-top: 40px;
}
.wp_single .entryBody p:last-child {
	margin-bottom: 0;
}
.wp_single .entryBody h2 {
	color: #83c362;
	font-size: 24px;
	border-bottom: 1px solid #83c362;
	line-height: 1.2;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}
.wp_single .entryBody ul > li {
	list-style-type: disc;
	margin: 8px 0 8px 25px;
}
.wp_single .entryBody ul + h3 {
	margin-top: 40px;
}
.wp_single .entryBody ul + p {
	margin-top: 15px;
}
.wp_single .entryBody ol > li {
	list-style-type: decimal;
	margin: 8px 0 8px 25px;
}
.wp_single .entryBody .date {
	margin-bottom: 30px;
}

.entryBody + .listBtns {
	margin-top: 30px;
}

.entryNotes {
	color: #666;
	font-size: 14px;
}

.boxWriter {
	background-color: #f5f5f5;
	padding: 15px;
	margin: 20px 0;
	border-radius: 5px;
}
.boxWriter p:last-child {
	margin-bottom: 0;
}
.boxWriter h3 {
	font-size: 16px;
	margin-bottom: 15px;
}
.boxWriter .profPh {
	float: right;
	margin: 0 0 20px 20px;
}

.listArticles {
	margin-bottom: 40px;
}
.listArticles.top {
	margin: 60px -10px 40px -10px;
}
.listArticles.top article {
	float: left;
	width: 303px;
	margin: 0 10px;
}
.listArticles.top article.sizeL {
	width: 465px;
}
.listArticles.top article.sizeL .thumb {
	width: 138px;
}
.listArticles article {
	border-bottom: 1px dotted #ccc;
}
.listArticles article h2 {
	font-size: 18px;
	line-height: 1.3;
}
.listArticles article p {
	margin-top: 10px;
}
.listArticles a {
	border: 3px solid #fff;
	display: block;
	width: 100%;
	padding: 15px;
	margin: 5px 0;
	overflow: hidden;
	color: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.listArticles a:hover {
	border-color: #fc8536;
	color: #fc8536;
	text-decoration: none;
}
.listArticles .thumb {
	float: left;
	margin-right: 10px;
	width: 94px;
}
.listArticles .thumb img {
	width: 100%;
	height: auto;
}
.listArticles .txt {
	overflow: hidden;
}

.wp-tag-cloud,
.listTags {
	margin-bottom: 20px;
}
.wp-tag-cloud li,
.listTags li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.wp-tag-cloud a,
.listTags a {
	display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px 30px 10px 20px;
	color: #83c362;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
}
.wp-tag-cloud a:hover,
.listTags a:hover {
	text-decoration: none;
	background-color: #83c362;
	color: #fff;
}
.wp-tag-cloud a:after,
.listTags a:after {
	content: "\e903";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -0.5em;
	font-size: 12px;
}

.pagePrevNext {
	overflow: hidden;
	margin-bottom: 40px;
}
.pagePrevNext a {
	display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px 20px;
	color: #83c362;
	font-weight: bold;
	font-size: 18px;
	min-width: 120px;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pagePrevNext a:hover {
	text-decoration: none;
	background-color: #83c362;
	color: #fff;
}
.pagePrevNext .prev {
	float: left;
}
.pagePrevNext .prev a:before {
	position: absolute;
	left: 10px;
	top: 50%;
	font-size: 14px;
	margin-top: -0.5em;
}
.pagePrevNext .next {
	float: right;
}
.pagePrevNext .next a:before {
	position: absolute;
	right: 10px;
	top: 50%;
	font-size: 14px;
	margin-top: -0.5em;
}

.wp-pagenavi {
	margin: 40px 0;
	text-align: center;
}
.wp-pagenavi span {
	display: inline-block;
	padding: 5px 0;
	width: 35px;
	margin: 0 5px;
	vertical-align: top;
}
.wp-pagenavi a {
	display: inline-block;
	padding: 5px 0;
	margin: 0 5px;
	width: 35px;
	border-radius: 3px;
	border: 1px solid #ccc;
	vertical-align: top;
}
.wp-pagenavi a:hover,
.wp-pagenavi a.current {
	background-color: #e55927;
	text-decoration: none;
	color: #fff;
}

/********************************************************* form*/
form input[type="hidden"] + br {
	display: none;
}

.requiredText,
.require {
	color: red;
}

.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form input[type="number"],
.form textarea,
.mw_wp_form table input[type="text"],
.mw_wp_form table input[type="email"],
.mw_wp_form table input[type="tel"],
.mw_wp_form table input[type="number"],
.mw_wp_form table textarea {
	border: 1px solid #ccc;
	padding: 5px;
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
	width: 100%;
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="tel"]:focus,
.form input[type="number"]:focus,
.form textarea:focus,
.mw_wp_form table input[type="text"]:focus,
.mw_wp_form table input[type="email"]:focus,
.mw_wp_form table input[type="tel"]:focus,
.mw_wp_form table input[type="number"]:focus,
.mw_wp_form table textarea:focus {
	background-color: #f5f5f5;
}
.form select,
.mw_wp_form table select {
	border: 1px solid #ccc;
	padding: 5px;
	outline: none;
	border-radius: 0;
	width: 100%;
}
.form select:focus,
.mw_wp_form table select:focus {
	background-color: #f5f5f5;
}

.wp-list-table {
	width: 100%;
}

.mw_wp_form table {
	width: 100%;
}
.mw_wp_form table th,
.mw_wp_form table td {
	padding: 15px;
	border: 1px solid #dbdddc;
	word-break: break-all;
}
.mw_wp_form table th {
	background-color: #a8d591;
	font-weight: bold;
	width: 40%;
}
.mw_wp_form table + table,
.mw_wp_form table + h3,
.mw_wp_form table + h4 {
	margin-top: 30px;
}
.mw_wp_form table iframe {
	border: 1px solid #ccc;
	width: 100%;
}

.mwform-checkbox-field.vertical-item,
.mwform-radio-field.vertical-item {
	display: block;
	margin: 4px 0;
}

.action-buttons {
	text-align: center;
	margin-top: 20px;
}

@media screen and (max-width: 950px) {
	.entryBody h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.entryBody p + h2,
	.entryBody p + h3 {
		margin-top: 40px;
	}

	.boxWriter .profPh {
		float: right;
	}
	.boxWriter .profPh img {
		width: 60px;
		height: auto;
	}

	.listArticles {
		margin: 0 0 20px 0;
	}
	.listArticles.top {
		margin: 0 0 20px 0;
	}
	.listArticles.top article {
		float: none;
		width: auto;
		margin: 0;
	}
	.listArticles.top article.sizeL {
		width: auto;
	}
	.listArticles.top article.sizeL .thumb {
		width: 94px;
	}
	.listArticles article {
		width: auto !important;
		margin: 0;
		float: none !important;
	}
	.listArticles a {
		padding: 10px;
	}

	.form th {
		width: 100% !important;
	}

	.mw_wp_form table th,
	.mw_wp_form table td {
		padding: 10px;
	}
	.mw_wp_form table:not(.noRespons) {
		border-bottom: 1px solid #ccc;
	}
	.mw_wp_form table:not(.noRespons) > tbody > tr > th,
	.mw_wp_form table:not(.noRespons) > tbody > tr > td {
		display: list-item;
		list-style: none;
		width: 100%;
		border-bottom: none;
	}
}
/********************************************************* faq*/
.listFAQArticles {
	margin-bottom: 80px;
}

.faqBox {
	margin-bottom: 20px;
}
.faqBox h2 {
	padding: 15px 50px 15px 15px;
	cursor: pointer;
	border: 1px solid #83c362;
	font-weight: bold;
	font-size: 18px;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.faqBox h2:hover {
	background-color: #83c362;
	color: #fff;
}
.faqBox h2:hover:after {
	color: #fff;
}
.faqBox h2:after {
	color: #83c362;
	content: "+";
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.faqBox h2.open:after {
	content: "－";
}
.faqBox .contents {
	padding: 13px 0 30px 50px;
	display: none;
	position: relative;
}
.faqBox .contents:before {
	content: "A：";
	font-weight: bold;
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 18px;
}
.faqBox p {
	margin-bottom: 1.5em;
}
.faqBox p:last-child {
	margin-bottom: 0;
}
.faqBox p.ttlSubList {
	margin-bottom: 0;
}

@media screen and (max-width: 950px) {
	.listFAQArticles {
		margin-bottom: 40px;
	}

	.faqBox h2 {
		font-size: 16px;
	}
}
/********************************************************* comment*/
.commentBox {
	margin-bottom: 20px;
}
.commentBox .ttl {
	padding: 15px 50px 15px 15px;
	cursor: pointer;
	border: 1px solid #83c362;
	font-weight: bold;
	font-size: 18px;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.commentBox .ttl:hover {
	background-color: #83c362;
	color: #fff;
}
.commentBox .ttl:hover:after {
	color: #fff;
}
.commentBox .ttl:after {
	color: #83c362;
	content: "+";
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.commentBox .ttl.open:after {
	content: "－";
}
.commentBox .contents {
	display: none;
}
.commentBox .contents table {
	margin-top: 20px;
}

.boxComFormat {
	padding: 20px;
	border-radius: 5px;
	background-color: #f5f5f5;
}

@media screen and (max-width: 950px) {
	.commentBox .ttl {
		font-size: 16px;
	}
}
/********************************************************* company*/
.listCatTop {
	margin: 0 0 0 -18px;
}
.listCatTop > li {
	float: left;
	width: 224px;
	margin: 0 0 20px 18px;
}
.listCatTop > li > a {
	display: block;
	color: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.listCatTop > li > a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.listCatTop .ttl {
	font-weight: bold;
	font-size: 16px;
	color: #83c362;
	margin-bottom: 5px;
}
.listCatTop .thumb {
	position: relative;
	margin-bottom: 10px;
}
.listCatTop .thumb.icon-arrow:before {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #83c362;
}

.mapFrame iframe {
	border: 1px solid #ccc;
}

.listTeachers > li,
.areaTeachersDetail > li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
.listTeachers .ph,
.areaTeachersDetail .ph {
	float: left;
}
.listTeachers .ph img,
.areaTeachersDetail .ph img {
	border: 1px solid #ccc;
}
.listTeachers .txt,
.areaTeachersDetail .txt {
	width: 575px;
	float: right;
}

.areaTeachersDetail {
	overflow: hidden;
}

@media screen and (max-width: 950px) {
	.listCatTop {
		margin: 0;
	}
	.listCatTop > li {
		float: none;
		width: auto;
		margin: 0 0 20px 0;
	}
	.listCatTop .thumb {
		text-align: center;
	}
	.listCatTop .thumb.icon-arrow:before {
		display: none;
	}

	.mapFrame iframe {
		width: 100%;
	}

	.listTeachers > li,
	.areaTeachersDetail > li {
		padding-bottom: 20px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.listTeachers .ph,
	.areaTeachersDetail .ph {
		margin: 0 15px 15px 0;
	}
	.listTeachers .txt,
	.areaTeachersDetail .txt {
		width: auto;
		float: none;
	}
}
/********************************************************* business*/
.subSemi {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	background-color: #999;
	padding: 0 3px;
	vertical-align: middle;
}

.listSkillItem li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.listSemi {
	margin: 0 -10px 20px -10px;
}
.listSemi.col2 > li {
	float: left;
	padding: 0 10px 20px 10px;
	width: 50%;
}
.listSemi.col3 {
	display: flex;
	text-align: left;
}
.listSemi.col3 > li {
	display: flex;
	padding: 0 10px 20px 10px;
	width: 33%;
}
.listSemi.col3 > li > * {
	display: flex;
}
.listSemi.col3 > li > * > * {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 950px) {
	.listSemi.col3 {
		display: block;
		text-align: center;
	}
	.listSemi.col3 > li {
		display: block;
	}
	.listSemi.col3 > li > * {
		display: block;
	}
	.listSemi.col3 > li > * > * {
		display: block;
	}
}

.listSemi.mini {
	margin: 0 -3px 10px -3px;
	font-size: 13px;
}
.listSemi.mini > li {
	padding: 0 3px 6px 3px;
}
.listSemi p:not(:last-child) {
	margin-bottom: 0.7em;
}
.listSemi > li a {
	display: block;
	border: 1px solid #83c362;
	padding: 15px 30px 15px 15px;
	border-radius: 5px;
	overflow: hidden;
	color: #000;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.listSemi > li a:hover {
	text-decoration: none;
	background-color: #83c362;
	color: #fff;
}
.listSemi > li a:hover:after {
	color: #fff;
}
.listSemi > li a:after {
	content: "\e903";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -0.5em;
	color: #83c362;
	font-size: 12px;
}
.listSemi .thumb {
	float: left;
	margin-right: 15px;
}
.listSemi .txt {
	overflow: hidden;
}
.mgr-5 {
	margin-right: 5px;
}
.mgr-10 {
	margin-right: 10px;
}
.mgr-15 {
	margin-right: 15px;
}
.mgr-30 {
	margin-right: 30px;
}
.mgr-45 {
	margin-right: 45px;
}
.mgl-5 {
	margin-left: 5px;
}
.mgl-10 {
	margin-left: 10px;
}
.mgl-15 {
	margin-left: 15px;
}
.mgl-30 {
	margin-left: 30px;
}
.mgl-45 {
	margin-left: 45px;
}

@media screen and (max-width: 950px) {
	.listSemi {
		margin: 0 0 20px 0;
	}
	.listSemi > li {
		float: none !important;
		width: auto !important;
		padding: 0 !important;
		margin-bottom: 10px;
	}
}

.listReason_B {
	margin: 0 -9px;
}
.listReason_B li {
	float: left;
	width: 210px;
	margin: 0 9px 20px 9px;
}
.listReason_B li div {
	margin-bottom: 15px;
}

@media screen and (max-width: 950px) {
	.listReason_B {
		margin: 0;
	}
	.listReason_B li {
		float: none;
		width: auto;
		margin: 0 0 20px 0;
	}
	.listReason_B li:last-child {
		margin-bottom: 0;
	}
	.listReason_B li div {
		text-align: center;
	}
}
/********************************************************* about*/
.listReason {
	margin: 0 -9px;
}
.listReason li {
	float: left;
	width: 304px;
	margin: 0 9px 20px 9px;
}
.listReason li div {
	margin-bottom: 15px;
}

@media screen and (max-width: 950px) {
	.listReason {
		margin: 0;
	}
	.listReason li {
		float: none;
		width: auto;
		margin: 0 0 20px 0;
	}
	.listReason li:last-child {
		margin-bottom: 0;
	}
	.listReason li div {
		text-align: center;
	}
}
/********************************************************* howto*/
.saleend {
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	padding: 2px 7px;
	font-size: 14px;
	background-color: #666;
	color: #fff;
}

.listRecoBook {
	margin-right: -20px;
}
.listRecoBook > li {
	float: left;
	width: 50%;
	overflow: hidden;
	margin-bottom: 40px;
	padding-right: 20px;
}
.listRecoBook .img {
	float: left;
	margin-right: 15px;
}
.listRecoBook h3 {
	margin-bottom: 10px;
}
.listRecoBook .txt {
	overflow: hidden;
}

@media screen and (max-width: 950px) {
	.listRecoBook {
		margin-right: 0;
	}
	.listRecoBook > li {
		float: none;
		width: auto;
		margin-bottom: 40px;
		padding-right: 0;
	}
	.listRecoBook .img {
		float: left;
		margin-right: 15px;
	}
	.listRecoBook .txt {
		overflow: hidden;
	}
}
/********************************************************* learning*/
.learningTopIntro .introImg {
	float: right;
}
.learningTopIntro .introTxt {
	width: 460px;
	float: left;
}

.listLinks {
	margin: 0 -12px 0 -13px;
}
.listLinks > li {
	float: left;
	width: 300px;
	border: 2px solid #a8d591;
	margin: 0 12px 26px 13px;
	border-radius: 8px;
	overflow: hidden;
}
.listLinks a {
	display: block;
	padding: 10px 15px;
	color: #000;
	background: url(../images/bg_pattern2.webp) #d1e7bf;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.listLinks a:hover {
	text-decoration: none;
	background-color: #83c362;
}
.listLinks p {
	padding: 15px;
	font-size: 14px;
}
.listLinks .siteName {
	font-size: 16px;
	font-weight: bold;
}
.listLinks .icon-external {
	position: relative;
	padding-right: 40px;
}
.listLinks .icon-external:before {
	color: #83c362;
	position: absolute;
	right: 15px;
	top: 12px;
	font-size: 18px;
}

.listViewer li {
	margin-bottom: 15px;
	overflow: hidden;
}
.listViewer li .flL {
	margin-right: 10px;
}
.listViewer li p {
	overflow: hidden;
}

@media screen and (max-width: 950px) {
	.learningTopIntro .introImg {
		float: none;
	}
	.learningTopIntro .introTxt {
		width: auto;
		float: none;
		margin-bottom: 15px;
	}

	.listLinks {
		margin: 0;
	}
	.listLinks > li {
		float: none;
		width: auto;
		margin: 0 0 15px 0;
	}
	.listLinks > li:last-child {
		margin-bottom: 0;
	}
}
/********************************************************* others*/
p.indent,
ul.indent li {
	text-indent: -1em;
	padding-left: 1em;
}

ul.indent li {
	margin: 5px 0;
}
/********************************************************* feature*/
.listFeature {
	margin: 0 -9px;
}
.listFeature li {
	float: left;
	width: 200px;
	margin: 0 18px 20px 18px;
}
.listFeature li div {
	margin-bottom: 15px;
}

@media screen and (max-width: 950px) {
	.listFeature {
		margin: 0;
	}
	.listFeature li {
		float: none;
		width: auto;
		margin: 0 0 20px 0;
	}
	.listFeature li:last-child {
		margin-bottom: 0;
	}
	.listFeature li div {
		text-align: center;
	}
}
/*LP -----------------------------------*/
#sectLP {
	padding: 10px 0;
	background-color: #f5f5f5;
}
@media screen and (max-width: 950px) {
	#sectLP {
		padding: 10px 10px;
	}
}
/*top news-----------------------------------*/
#sectNews {
	padding: 70px 0;
	background-color: #f5f5f5;
	border-top: 4px solid #83c362;
}

#newsArea {
	min-height: 200px;
	position: relative;
}

.feedloading {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 49px;
	height: 49px;
	border: 3px solid #82c362;
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 575ms infinite linear;
	-o-animation: cssload-spin 575ms infinite linear;
	-ms-animation: cssload-spin 575ms infinite linear;
	-webkit-animation: cssload-spin 575ms infinite linear;
	-moz-animation: cssload-spin 575ms infinite linear;
}

@keyframes cssload-spin {
	100% {
		transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes cssload-spin {
	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-ms-keyframes cssload-spin {
	100% {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes cssload-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes cssload-spin {
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@media screen and (max-width: 950px) {
	#sectPickUp {
		margin: 30px 0;
		padding: 0 10px;
	}

	.listPickUp {
		margin: 0 0 10px 0;
	}
	.listPickUp li {
		float: none;
		width: auto;
		margin: 0 0 2px 0;
	}
	.listPickUp a {
		padding: 20px;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.listPickUp a > div {
		width: 100%;
		display: block;
	}
	.listPickUp a .thumb {
		-webkit-order: 2;
		order: 2;
		margin-top: 15px;
		width: 100%;
		text-align: center;
	}
	.listPickUp a .thumb img {
		max-width: 100%;
		height: auto;
	}
	.listPickUp_Business {
		margin: 0 0 10px 0;
	}
	.listPickUp_Business li {
		float: none;
		width: auto;
		margin: 0 0 2px 0;
	}
	.listPickUp_Business a {
		padding: 20px;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.listPickUp_Business a > div {
		width: 100%;
		display: block;
	}
	.listPickUp_Business a .thumb {
		-webkit-order: 2;
		order: 2;
		margin-top: 15px;
		width: 100%;
		text-align: center;
	}
	.listPickUp_Business a .thumb img {
		max-width: 100%;
		height: auto;
	}

	#sectNews {
		padding: 30px 10px;
	}
}
/********************************************************* moshi*/
.listmoshi {
	margin: 0 -9px;
}
.listmoshi li {
	float: left;
	width: 130px;
	margin: 0 18px 20px 18px;
}
.listmoshi li div {
	margin-bottom: 15px;
}

@media screen and (max-width: 950px) {
	.listmoshi {
		margin: 0;
	}
	.listmoshi li {
		float: none;
		width: auto;
		margin: 0 0 20px 0;
	}
	.listmoshi li:last-child {
		margin-bottom: 0;
	}
	.listmoshi li div {
		text-align: center;
	}
}
.anchor {
	padding-top: 50px;
}
/********************************************************* dx_service_01*/
/* Balloon */
.bizBalloon {
	padding: 0 40px;
}
@media screen and (max-width: 950px) {
	.bizBalloon {
		padding: 0px;
	}
}
.bizBalloon h2 {
	position: relative;
	display: inline-block;
	border-bottom: #7a85a8 solid 3px;
	padding-bottom: 10px;
	font-size: 22px;
	text-align: center;
	width: 100%;
	font-weight: bold;
	color: #fff;
}
.bizBalloon h2:before {
	content: "";
	position: absolute;
	display: block;
	z-index: 1;
	border-style: solid;
	border-color: #021859 transparent;
	border-width: 25px 25px 0 0;
	bottom: -16px;
	left: 50%;
	margin-left: -10px;
}
.bizBalloon h2:after {
	content: "";
	position: absolute;
	display: block;
	z-index: 0;
	border-style: solid;
	border-color: #7a85a8 transparent;
	border-width: 25px 25px 0 0;
	bottom: -25px;
	left: 50%;
	margin-left: -14px;
}

/********************************************************* biz_service_04*/
main.biz_service_04 .col2 {
	display: flex;
	justify-content: space-between;
}
main.biz_service_04 .col2 > div {
	width: 49%;
}

main.biz_service_04 .col2 ul {
	text-align: center;
}

main.biz_service_04 section:nth-of-type(3) .fcGray {
	margin-left: 2.2rem;
}

@media screen and (max-width: 950px) {
	main.biz_service_04 .col2 {
		display: block;
		margin-top: 20px;
	}
	main.biz_service_04 .col2 > div {
		width: 100%;
	}
	main.biz_service_04 section:nth-of-type(3) .fcGray {
		margin-left: 0;
	}
}

/********************************************************* highperformer-training_03*/
main.highperformer-training_03 .listDisc.no_style > li {
	list-style: none;
	margin-left: 0;
}
main.highperformer-training_03 .listDisc > li:nth-last-of-type(2) {
	margin-top: 20px;
	margin-bottom: 20px;
}

/********************************************************* new_normal_01*/
main.new_normal_01 .txtC.border_gr {
	border: 1px solid #83c362;
	border-radius: 5px;
	padding: 25px 40px 20px;
}
main.new_normal_01 #practice_ex p:first-of-type {
	margin-bottom: 5px;
}
main.new_normal_01 #practice_ex ol {
	margin-left: 0.5rem;
}
main.new_normal_01 ol.idt_list li {
	text-indent: -1.2rem;
	padding-left: 1rem;
}

/* box */
.bizBoxObjectNavy {
	padding: 30px 70px 40px 70px;
	background-color: #021859;
}
.bizBoxObjectWide {
	padding: 30px 30px 50px 30px;
	border-radius: 5px;
	background-color: #faebc4;
	margin-bottom: 20px;
}
.bizBoxObjectMd {
	padding: 23px;
	border-radius: 5px;
	background-color: #faebc4;
	margin-bottom: 10px;
}
.bizBoxFlowGr {
	padding: 15px 15px 10px 15px;
	background-color: #edfbe1;
	margin-bottom: 20px;
	margin-left: 35px;
	margin-right: 35px;
}
.bizBoxObjectGr {
	padding: 30px;
	border-radius: 5px;
	background-color: #d1e7bf;
}
.bizBoxObjectWh {
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #83c362;
	background-color: #fff;
}
@media screen and (max-width: 950px) {
	.bizBoxObjectNavy {
		padding: 30px;
	}
}

/* btn */
a.btnStyleBiz {
	display: table;
	width: 100%;
	color: #fff;
	background: #fc8536;
	height: 60px;
	font-weight: bold;
	font-size: 18px;
	border-radius: 5px;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	line-height: 1.3;
}
a.btnStyleBiz.icon-persons:before {
	font-size: 32px;
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -0.5em;
}
a.btnStyleBiz > span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 40px 0 20px;
	width: 100%;
}
a.btnStyleBiz:hover {
	background: #fff;
	color: #fc8536;
	text-decoration: none;
	border: 1px solid #fc8536;
}
a.btnStyleBiz:hover.icon-arrow:after {
	color: #fc8536;
}
@media screen and (max-width: 950px) {
	a.btnStyleBiz > span {
		padding-left: 60px;
	}
}
a.btnStyleBiz.icon-persons span {
	text-align: center;
}
a.btnStyleBiz.icon-arrow:after {
	content: "\e903";
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	z-index: 2;
	color: #fff;
}
.btn-bizBorderGr {
	width: 205px;
	margin-left: auto;
}
@media screen and (max-width: 950px) {
	.btn-bizBorderGr {
		width: 100%;
	}
}
a.btnStyle01.bizBorderGr {
	border: 1px solid #83c362;
	background-color: #fff;
	color: #000;
}
.btn-bizBorderGr .bizBorderGr span {
	padding: 0 25px 0 0;
	font-size: 14px;
	letter-spacing: -0.5px;
}
a.btnStyle01.bizBorderGr.icon-arrow:after {
	color: #85c36b;
}
a.btnStyle01.bizBorderGr:hover {
	background: #85c36b;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
}
a.btnStyle01.bizBorderGr:hover.icon-arrow:after {
	color: #fff;
}
a.btnStyleBiz.bizCircleButton {
	width: 282px;
	border: 2px solid #fff;
	border-radius: 50px;
	margin: 0 auto;
}
.bizCircleButton.icon-persons:before {
	content: "\e900";
}
a.btnStyleBiz.bizCircleButton > span {
	padding: 0 40px 0 60px;
	font-size: 16px;
}
a.btnStyleBiz.bizCircleButton:hover {
	background: #fff;
	color: #fc8536;
	text-decoration: none;
	border: 3px solid #fc8536;
}
@media screen and (max-width: 768px) {
	a.btnStyleBiz.bizCircleButton {
		width: 100%;
	}
}

/* 20230628 */
.btnFlexBox {
	display: flex;
}
a.btnStyleBiz.type2 {
	font-weight: 100;
	font-size: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	line-height: 1.1;
	height: auto;
	max-width: 250px;
	padding: 0.5em 0.2em;
	border: 1px solid #fc8536;
}
@media screen and (max-width: 768px) {
	a.btnStyleBiz.type2 {
		max-width: 100%;
	}
}
a.btnStyleBiz.type2 span {
	display: block;
	width: 100%;
}
a.btnStyleBiz.type2.btnc-bl {
	background-color: #1e90ff;
	border-color: #1e90ff;
}
a.btnStyleBiz.type2.btnc-bl:hover {
	border-color: #1e90ff;
	color: #1e90ff;
	background-color: #fff;
}
a.btnStyleBiz.type2.btnc-bl:hover.icon-arrow:after {
	color: #1e90ff;
}
a.btnStyleBiz.type2.btnc-gr {
	background-color: #25b54e;
	border-color: #25b54e;
}
a.btnStyleBiz.type2.btnc-gr:hover {
	border-color: #25b54e;
	color: #25b54e;
	background-color: #fff;
}
a.btnStyleBiz.type2.btnc-gr:hover.icon-arrow:after {
	color: #25b54e;
}

/* main image */

.bizSP {
	display: none;
}
.bizPC {
	display: block;
}
@media screen and (max-width: 768px) {
	.bizSP {
		display: block;
	}
	.bizPC {
		display: none;
	}
}
.bizLayerBg {
	width: 100%;
	height: 0;
	padding-top: 45.1895044%;
	background: url(../../business/dx_service/images/hero.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.bizLayerBg.dx_service_03 {
	background: url(../../business/dx_service/images/hero_dx_service_03.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.bizLayerBg.dx_service_04 {
	background: url(../../business/dx_service/images/hero_dx_service_04.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bizLayerBg.dx_service_05 {
	background: url(../../business/dx_service/images/hero_dx_service_05.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bizLayerBg.dx_service_02 {
	background: url(../../business/dx_service/images/hero_dx_service_02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bizLayerBg.dx_service_08 {
	background: url(../../business/dx_service/images/hero_dx_service_08.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bizLayerBg.biz_service_01 {
	background: url(../../business/biz_service/images/hero_biz_service_01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bizLayerBg.biz_service_04 {
	background: url(../../business/biz_service/images/hero_biz_service_04_.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bizLayerBg.highperformer-training_03 {
	background: url(../../business/highperformer-training/images/hero_highperformer-training_03.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bizLayerBg.new_normal_01 {
	background: url(../../business/new_normal/images/hero_new_normal_01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.bizLayerBg.pcidss {
	background: url(../../examination/pcidss/images/pcidss_main_images.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.bizLayerBg.seminars_001 {
	background: url(../../business/seminars/images/seminars_001.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.bizLayerBg.seminars_002 {
	background: url(../../business/seminars/images/seminars_002.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.bizMainImageBg {
	background-color: rgba(255, 255, 255, 0.8);
	width: 600px;
	border-radius: 5px;
	margin-bottom: 25px;
}
.bizMainImageBg p {
	font-size: 20px;
	font-weight: bold;
	padding: 28px 50px;
	letter-spacing: -1.5px;
	text-align: center;
	line-height: 37px;
}
.bizMainImageBg1c {
	background-color: rgba(255, 255, 255, 0.8);
	width: 700px;
	border-radius: 5px;
	margin-bottom: 25px;
}
.bizMainImageBg1c p {
	font-size: 24px;
	font-weight: bold;
	padding: 28px 40px;
	letter-spacing: -1.5px;
	text-align: center;
	line-height: 37px;
}

.bizLayer {
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.bizLayerIn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
	.bizMainImageBg {
		width: 100%;
		height: auto;
	}
	.bizMainImageBg p {
		padding: 10px;
		text-align: left;
	}
}
.bizHeadingUnder {
	font-size: 20px;
	border-bottom: 1px solid #000;
	line-height: 1.2;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}
.bizHeadingUnder_gray {
	border-bottom: 1px solid #707070;
	line-height: 1;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.bizUnderLine {
	background: linear-gradient(transparent 60%, #83c362 0%);
}
.bizTextLink a {
	color: #505050;
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 15px;
}
.bizTextLink a:hover {
	text-decoration: none;
}

.fcGray {
	color: #505050;
}

/* flex box */

.bizFlexCustomer {
	display: flex;
}
@media screen and (max-width: 950px) {
	.bizFlexCustomer {
		display: block;
	}
}
@media screen and (max-width: 950px) {
	.bizCustomerSatisfaction {
		text-align: center;
	}
}
.bizCustomer2 {
	padding-left: 35px;
}
@media screen and (max-width: 950px) {
	.bizCustomer2 {
		padding-left: 0px;
	}
}
.bizRibbon {
	position: relative;
	top: -200px;
	right: 5px;
}
@media screen and (max-width: 950px) {
	.bizRibbon {
		right: 0px;
	}
}
.bizCircle {
	position: relative;
	display: inline-block;
	width: 186px;
	height: 186px;
	border-radius: 50%;
	background: #faebc4;
	text-align: center;
	line-height: 150px;
	margin-top: 30px;
}
.bizCircle .bizStar {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 70%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 186px;
	text-align: center;
}
.bizNumber {
	font-size: 40px;
	color: #fc8536;
	font-weight: bold;
	font-family: "Roboto", sans-serif;
}
.bizNumber span {
	font-size: 62px;
}
.bizStar {
	position: relative;
	font-size: 32px;
	line-height: 1em;
	letter-spacing: -0.2em;
	color: #ccc;
	margin: 0;
	padding: 0;
}
.bizStar.starNum5:before {
	content: "★★★★★";
	position: absolute;
	color: #fbc73c;
}
.bizStar.starNum4_5:before {
	content: "★★★★★";
	position: absolute;
	color: #fbc73c;
	width: calc(4.5em - 0.2 * (4.5em - 0.5em));
	overflow: hidden;
	white-space: nowrap;
}
.bizStar.starNum4:before {
	content: "★★★★★";
	position: absolute;
	color: #fbc73c;
	width: calc(4em - 0.2 * (4em - 0.5em));
	overflow: hidden;
	white-space: nowrap;
}
.bizStar.starNum3_5:before {
	content: "★★★★★";
	position: absolute;
	color: #fbc73c;
	width: calc(3.5em - 0.2 * (3.5em - 0.5em));
	overflow: hidden;
	white-space: nowrap;
}
.bizStar.starNum3:before {
	content: "★★★★★";
	position: absolute;
	color: #fbc73c;
	width: calc(3em - 0.2 * (3em - 0.5em));
	overflow: hidden;
	white-space: nowrap;
}
.bizVoc {
	padding: 16px;
	border-radius: 5px;
	border: 1px solid #dfdfdf;
}
.bizVoc p {
	font-size: 13px;
}
.bizVocName {
	font-size: 13px;
	color: #021859;
	text-align: end;
}
.bizSentence {
	font-size: 16px;
}

/* contact */

.bizContact {
	position: fixed;
	bottom: 40px;
	right: -50px;
	z-index: 1000;
}
.bizContact a.btnStyleBiz {
	width: 379px;
	border-radius: 66px;
	margin: 0 auto;
	border: 2px solid #fff;
	background: #fbc73c url(../images/bg_tiltline.webp);
}
.bizContact a.btnStyleBiz > span {
	padding: 0 40px 0 60px;
	font-size: 15px;
}
.bizContact a.btnStyleBiz:hover {
	background: #fff;
	color: #fbc73c;
	text-decoration: none;
	border: 2px solid #fbc73c;
}
@media screen and (max-width: 360px) {
	.bizContact a.btnStyleBiz > span {
		padding: 0 70px 0 60px;
	}
	.bizContact {
		right: -80px;
	}
}

/* text */

.bizTextLink1 a:link {
	text-decoration: underline;
	color: #000;
}
.bizTextLink2 a:link {
	text-decoration: underline;
	color: #505050;
}
.bizTextLink1 a:link:hover {
	text-decoration: none;
}
.bizTextLink2 a:link:hover {
	text-decoration: none;
}
.bizAttention {
	color: #ff0000;
	font-size: 14px;
}
.biztextIndent {
	text-indent: 15px;
}
.bizWordWrap {
	word-wrap: break-word;
}

/* header */
/*
.biz_service #gHeader {
	background-color: #fff;
}
.biz_service .hdNav a {
	color: #000;
	background-color: #ddd;
}
.biz_service .hdNav a:hover {
	background-color: rgba(221, 221, 221, 0.6);
}
.biz_service .hdNav a.ex {
	color: #fff;
	background-color: #021859;
}
.biz_service .hdNav a.ex:hover {
	background-color: rgba(2, 24, 89, 0.8);
}
.biz_service #gNav li {
	border-color: #ddd;
}
.biz_service #gNav a {
	color: #000;
}
.biz_service #gNav a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}
.biz_service #gNav li.current a {
	border-bottom: #021859 solid 2px;
}*/

@media screen and (max-width: 950px) {
	/*top header-----------------------------------*/
	/*
	.biz_service #hamburger {
		border-color: #ccc;
	}
	.biz_service #hamburger-icon .line {
		background-color: #000;
	}
	.biz_service #hamburger .txt {
		color: #000;
	}
	.biz_service #gNav {
		background-color: #fff;
	}
	.biz_service #gNav li.current a{
		border-bottom: none;
		background-color: transparent;
	}
*/
}

/* margin */
.bxMbSp25 {
	margin-bottom: 25px;
}

/* padding */
@media screen and (max-width: 950px) {
	.spPl20 {
		padding-left: 20px !important;
	}
}

/* BusinessTop */
.businessBoxList {
	display: flex;
	flex-wrap: wrap;
	font-size: 20px;
	padding: 0 15px;
	margin: 15px 0 20px;
}
.businessBoxList li {
	width: 50%;
	white-space: nowrap;
	display: flex;
	align-items: baseline;
	padding: 5px 0;
}

.listHeading {
	color: #42861f;
	padding-right: 10px;
	font-size: 16px;
}

.boxObjectBorderGr {
	padding: 20px 60px 30px;
	border: solid 2px #83c362;
}

#sectBusiness .boxObjectBorderGr {
	margin: 45px 0 15px;
}
.emphasisTxt {
	display: flex;
	align-items: baseline;
	font-size: 42px;
	font-weight: bold;
	color: #42861f;
	padding: 0 5px;
	line-height: 1;
}
.txt .emphasisTxt {
	display: inline;
	font-size: 20px;
	color: #000;
}
.emphasisUnit {
	font-size: 22px;
	white-space: nowrap;
}
.yellowUnderLine {
	background: linear-gradient(transparent 0% 60%, #ffe050 60%);
}
@media screen and (max-width: 950px) {
	.businessBoxList {
		font-size: 15px;
		margin: 0 0 15px;
		padding-right: 0;
	}
	.businessBoxList li {
		width: 100%;
		white-space: unset;
		padding: 10px 0;
	}
	.listHeading {
		font-size: 12px;
	}
	#sectBusiness .boxObjectBorderGr {
		margin: 25px 0 20px;
	}
	.boxObjectBorderGr {
		padding: 20px 15px 25px;
	}
	.emphasisTxt {
		font-size: 26px;
	}
	.emphasisUnit {
		font-size: 15px;
	}
	.txt .emphasisTxt {
		line-height: 1.2;
	}
}

/*------------------------------------------------

*examination： IT資格ステップ図の制作(アコーディオン対応分)【開始?】

--------------------------------------------------*/
@supports (-webkit-touch-callout: none) {
	html {
		height: -webkit-fill-available;
	}
	body {
		min-height: 100vh;
		min-height: 100dvh;
		min-height: -webkit-fill-available;
	}
}
.br_sp {
	display: none;
}
.licenseImg {
	width: 89%;
	height: auto;
	margin: 0 auto 20px;
}
.licenseImg-02 {
	/* width: 70%; */
	height: auto;
	/* margin: 20px auto; */
	padding: 48px 11%;
}
.licenseImg-02 img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}
.licenseImg-03 {
	background: #fff;
	padding: 0 11%;
}
.licenseImg-03_hd {
	font-size: 24px;
	font-weight: 700;
	border-bottom: 1px solid #83c262;
	padding-bottom: 16px;
	margin-bottom: 60px;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1;
}
.licenseImg-03_item-hd {
	position: relative;
	background: #edf6e6;
	border-radius: 50px;
	width: 627px;
	/* display: block; */
	padding: 18px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.licenseImg-03_item {
	/* position: relative; */
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}
.licenseImg-03_item:not(:last-of-type) {
	margin-bottom: 14px;
	align-items: flex-start;
	justify-content: space-between;
}

.licenseImg-03_item-label {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	background: #83c262;
	width: 80px;
	min-width: 80px;
	height: 80px;
	display: inline-block;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* margin-bottom: 30px; */
	margin-right: 24px;
}
.licenseImg-03_item-hd:not(:first-of-type)::before {
	content: "";
	background-image: url(/examination/images/img_arrow_top.svg);
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -28%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	margin: auto;
}
.licenseImg-03_item-hd span:not(:first-of-type) {
	margin-left: 1.2em;
}
.licenseImg-03_dl {
	display: flex;
	margin-bottom: 10px;
	width: calc(100% - 104px);
	margin-bottom: 24px;
}
.licenseImg-03_dt {
	position: relative;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	width: 180px;
	padding: 6px 0;
	text-align: center;
	margin: 0 auto;
}
.licenseImg-03_dt--01 {
	background: #f3c13a;
	border-radius: 50px;
}
.licenseImg-03_dt--02 {
	background: #fb8535;
	border-radius: 50px;
}
.licenseImg-03_dt--03 {
	background: #1e90ff;
	border-radius: 50px;
}
.licenseImg-03_dd {
	border-radius: 30px;
	background-color: #edf6e6;
	padding: 38px 0 28px;
	text-align: center;
	margin-top: -20px;
}
.licenseImg-03_dl-wrap:not(:last-of-type) {
	margin-right: 3%;
}
.licenseImg-03_dl-wrap:first-child {
	width: 42.3%;
}
.licenseImg-03_dl-wrap:last-child {
	width: 54.7%;
}
.licenseImg-03_dd-item {
	line-height: 1;
}
.licenseImg-03_dd-item:not(:last-of-type) {
	margin-bottom: 16px;
}
.licenseImg-03_dd-item--02 {
	line-height: 1.7;
}
.mb80 {
	margin-bottom: 80px;
}
/* これが無いとモーダルウィンドウ表示の際に余白が出る */
* {
	margin: 0;
	padding: 0;
}
#wrapper.is-locked {
	position: fixed;
	width: 100%;
}
html {
	height: 100vh;
	height: 100dvh;
}
/*
.modalClose {
  width: 40px;
  position: absolute;
  top: 13px;
  right: 25px;
  text-decoration: none;
  color: #fff !important;
  font-size: 28px;
  height: 40px;
  background: #666666;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.modalClose a, .modalClose a:hover{
  text-decoration: none !important;
} */
.modal {
	visibility: hidden;
	overflow-y: scroll;
	opacity: 0;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 10px;
	transition: opacity 0.3s, visibility 0s 0.3s;
	background: rgba(0, 0, 0, 0.7);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.modal.is-active {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.3s, visibility 0s 0s;
}
.modal_container {
	display: flex;
	min-height: 100%;
	justify-content: center;
	align-items: center;
}
.modal_container {
	min-height: 100vh;
	min-height: 100dvh;
	min-height: calc(var(--vh, 1vh) * 100);
}
.modal_container::after {
	content: "";
	min-height: inherit;
	font-size: 0;
}
.modal_inner {
	margin: 64px auto 88px;
	width: auto;
}
.modal_content {
	position: relative;
	display: none;
	max-width: 950px;
	width: 100%;
	min-width: 950px;
	background: #fff;
}
.is-active .modal_content {
	display: block;
}
@media screen and (min-width: 767px) {
	.licenseImg-03_dd {
		display: block !important;
	}
}
@media screen and (max-width: 768px) {
	.br_sp {
		display: block;
	}
	.licenseImg-02 {
		width: 98%;
		height: auto;
		margin: 30px auto 50px;
	}
	.licenseImg-02 img {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	.modal_content {
		min-width: 100%;
	}
	.modal_inner {
		margin: 30px auto 50px;
		width: 100%;
	}
	.modalClose {
		width: 20px;
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 11px;
		height: 20px;
	}
	.licenseImg-03 {
		background: #fff;
		padding: 48px 2.7% 30px;
	}
	.licenseImg-03_hd {
		font-size: 16px;
		padding-bottom: 8px;
		text-align: center;
		margin-bottom: 38px;
	}
	.licenseImg-03_item {
		align-items: start;
		font-size: 14px;
	}
	.licenseImg-03_item-hd {
		background: #edf6e6;
		border-radius: 8px;
		width: 100%;
		/* display: block; */
		padding: 13px;
		text-align: center;
	}
	/* .licenseImg-03_item{
      display: block;
    } */
	.licenseImg-03_item:not(:first-of-type)::before {
		top: -18%;
		left: 50%;
		right: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		margin: auto;
	}
	.licenseImg-03_item-label {
		margin: 0 12px 0 0;
		text-align: center;
		width: 64px;
		min-width: 64px;
		height: 64px;
		font-size: 12px;
	}
	.licenseImg-03_dl {
		display: block;
		margin-bottom: 0;
		border-radius: 8px;
		width: calc(100% - 76px);
		background-color: #edf6e6;
		padding: 16px 4%;
	}
	.licenseImg-03_dt {
		position: relative;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		width: 100%;
		padding: 5px 0;
		text-align: center;
		margin: 0 auto;
	}
	.licenseImg-03_dt--01 {
		background: #f3c13a;
		border-radius: 10px;
		margin: 0;
	}
	.licenseImg-03_dt--02 {
		background: #fb8535;
		border-radius: 10px;
		margin: 0;
	}
	.licenseImg-03_dd {
		padding: 16px 0 12px 12.6%;
		margin-top: 0;
		box-shadow: initial;
	}
	.licenseImg-03_dl-wrap:not(:last-of-type) {
		margin-right: 0;
		margin-bottom: 16px;
		width: 100%;
	}
	.licenseImg-03_dl-wrap:last-child {
		width: 100%;
	}
	.licenseImg-03_list {
		padding-right: 3%;
	}
	.licenseImg-03_dd-item {
		text-align: left;
		line-height: 1.5;
	}
	.licenseImg-03_item:not(:last-of-type) {
		margin-bottom: 38px;
	}
	.licenseImg-03_item:not(:first-of-type) {
		align-items: center;
	}
	.licenseImg-03_item-hd:not(:first-of-type)::before {
		top: -18px;
	}
	.licenseImg-03_dd-item:not(:last-of-type) {
		margin-bottom: 9px;
	}

	/* アコーディオンに関するcss */
	.list_title {
		padding: 4px 0;
		display: block;
		position: relative;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		width: 100%;
	}
	.list_content {
		display: block;
		position: relative;
	}
	.list_title p,
	.list_content p {
		position: relative;
		margin-right: 5px;
		line-height: 22px;
	}
	.list_title p {
		margin-right: 35px;
	}
	.list_title p:before,
	.list_content p:before {
		position: absolute;
		color: #aaa;
		font-size: 26px;
		font-weight: bold;
		left: -40px;
	}
	.list_title:after {
		content: "";
		position: absolute;
		right: 13px;
		top: 50%;
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		width: 10px;
		height: 10px;
		border: 2px solid currentColor;
		border-left: 0;
		border-bottom: 0;
		box-sizing: border-box;
		transform: translateY(-75%) rotate(135deg);
		transition: 0.5s;
		border-radius: 1.5px;
	}
	.list_title.active:after {
		transform: translateY(-25%) rotate(-45deg);
		transition: 0.5s;
		top: 50%;
	}
	.list_content {
		display: none;
		padding: 17px 0 0 13%;
	}
}
/*------------------------------------------------

*examination： IT資格ステップ図の制作(アコーディオン対応分)【?終了】

--------------------------------------------------*/
/*------------------------------------------------

*howto：ポップアップ対応分【開始?】

--------------------------------------------------*/
.examTopIntro .introImg + div {
	overflow: initial;
}
/* CSSで作るドロップダウンメニュー */
.menu {
	list-style-type: none;
}
.menu > .menu__list {
	display: inline-block;
	position: relative;
}
.menu > .menu__list::after {
	content: "";
	display: block;
	width: 97%;
	height: 26px;
	position: absolute;
	top: -27px;
}
.menu > .menu__list .pc-btn {
	display: none;
}
.menu > .menu__list:hover .pc-btn {
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	bottom: 62px;
	left: -82%;
	list-style-type: none;
	border: 5px solid #dbdddc;
	background-color: #fff;
	width: 280%;
	padding: 20px 5.6% 17px;
	z-index: 5;
}
.menu > .menu__list:last-of-type:hover .pc-btn {
	left: -182%;
}

.menu > .menu__list:hover .pc-btn::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -26px;
	left: 303px;
	border-style: solid;
	border-width: 25px 20px 0 20px;
	border-color: #dbdddc transparent transparent transparent;
}
.menu > .menu__list:hover .pc-btn::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -18px;
	left: 303px;
	border-style: solid;
	border-width: 25px 20px 0 20px;
	border-color: #fff transparent transparent transparent;
}
.menu > .menu__list:last-of-type:hover .pc-btn::before {
	left: auto;
	right: 260px;
}
.menu > .menu__list:last-of-type:hover .pc-btn::after {
	left: auto;
	right: 259.4px;
}
.introTxt .sp-btn {
	display: none;
}
@media screen and (max-width: 950px) {
	.menu > .menu__list .pc-btn {
		display: none;
	}
	.menu > .menu__list {
		display: block;
	}
	.introTxt .sp-btn {
		display: block;
		margin: 30px 0 50px;
	}
	.menu > .menu__list:last-of-type:hover .pc-btn {
		display: none;
	}
}
/* 人気TOP3(パターンA) */
.menu > .menu__list:hover > div .ranking {
	margin-bottom: 30px;
}
.menu > .menu__list:hover > div .ranking h3 {
	color: #fb8535;
	margin: 0 0 16px;
}
.menu > .menu__list:hover > div .ranking ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 4px 4px;
	align-items: stretch;
}
.menu > .menu__list:hover > .pc-btn .ranking ul > li > a {
	width: 100%;
	color: #333;
	font-weight: 600;
	display: block;
	position: relative;
	background-color: #dbedd2;
	border: solid 3px #83c362;
	border-radius: 8px;
	min-height: 48px;
	height: 100%;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu .menu__list:hover > div .ranking ul > li > a::before {
	content: url(../../howto/images/icon01.svg);
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-43%);
}
.menu .menu__list:hover > div .ranking ul > li:nth-child(2) > a::before {
	content: url(../../howto/images/icon02.svg);
}
.menu .menu__list:hover > div .ranking ul > li:nth-child(3) > a::before {
	content: url(../../howto/images/icon03.svg);
}
.menu > li:hover > div .ranking ul > li > .pc-btn a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 22px;
	border-top: 2px solid rgb(130, 195, 98);
	border-right: 2px solid rgb(130, 195, 98);
	width: 8px;
	height: 8px;
	transform: translate(0, -50%) rotate(45deg);
}
/* Aパターンリスト */
.menu > .menu__list:hover > div .list h3 {
	margin: 0 0 16px;
}
.menu > .menu__list:hover > div .list ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 4px 4px;
}
.menu > .menu__list:hover > div .list ul > li > a {
	width: 100%;
	color: #333;
	font-weight: 600;
	display: block;
	position: relative;
	border: solid 3px #83c362;
	border-radius: 8px;
	height: 68px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.menu > li:hover > div .list ul > li > a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 22px;
	border-top: 2px solid rgb(130, 195, 98);
	border-right: 2px solid rgb(130, 195, 98);
	width: 8px;
	height: 8px;
	transform: translate(0, -50%) rotate(45deg);
}
/* スマホのアコーディオン */
@media screen and (max-width: 950px) {
	.menu > .menu__list:hover > .pc-btn {
		display: none;
	}
	.menu > .menu__list:hover > div .ranking ul {
		display: block;
	}
	.menu {
		margin-bottom: 36px;
	}
	.licenseImg-04_dl {
		display: block;
		margin-bottom: 0;
		border-radius: 8px;
		border: solid 2px #c6c6c6;
		padding: 0 6%;
	}
	.licenseImg-04_dt {
		position: relative;
		color: #333333;
		font-size: 16px;
		font-weight: 700;
		width: 100%;
		margin: 0 auto;
		border-radius: 10px;
		margin: 0;
	}
	.licenseImg-04_dd {
		padding: 16px 0 12px 12.6%;
		margin-top: 0;
		box-shadow: initial;
	}
	.licenseImg-04_dl-wrap:not(:last-of-type) {
		margin-right: 0;
		width: 100%;
		padding: 18px 0 19px;
		border-bottom: dotted 1px #707070;
	}
	.licenseImg-04_dl-wrap .licenseImg-04_dt.active {
		position: relative;
	}
	.licenseImg-04_dl-wrap:last-of-type .licenseImg-04_dt.active::before {
		content: "";
		position: absolute;
		width: 100%;
		left: 50%;
		bottom: -22px;
		transform: translateX(-50%);
		border-bottom: dotted 1px #707070;
	}
	.licenseImg-04_dl-wrap:last-child {
		width: 100%;
		padding: 18px 0 19px;
	}
	.licenseImg-04_dd .licenseImg-04_dd-list {
		margin-top: 38px;
		padding: 0;
	}
	.licenseImg-04_dd-list li {
		text-align: left;
		line-height: 1.3;
		border: solid 2px #83c362;
		border-radius: 10px;
		height: 48px;
		margin-bottom: 8px;
		font-weight: 600;
		display: flex;
		align-items: center;
		position: relative;
	}
	.licenseImg-04_dd-list li::after {
		content: "";
		position: absolute;
		right: 9px;
		border-top: solid 2px #333;
		border-right: solid 2px #333;
		border-radius: 1px;
		width: 6px;
		height: 6px;
		transform: rotate(45deg);
	}
	.licenseImg-04_dd-list li a {
		text-align: center;
		width: 100%;
		display: block;
		color: #333333;
	}

	.licenseImg-04_dl .ranking li {
		background-color: #dbedd2;
	}
	.licenseImg-04_dl .ranking li a {
		width: 100%;
		color: #333;
		font-weight: 600;
		display: block;
		position: relative;
		border-radius: 8px;
		min-height: 48px;
		height: 100%;
		padding: 10px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.licenseImg-04_dl .ranking li a::before {
		content: url(../../howto/images/icon01.svg);
		position: absolute;
		top: 50%;
		left: 12px;
		transform: translateY(-43%);
	}
	.licenseImg-04_dl .ranking li:nth-child(2) > a::before {
		content: url(../../howto/images/icon02.svg);
	}
	.licenseImg-04_dl .ranking li:nth-child(3) > a::before {
		content: url(../../howto/images/icon03.svg);
	}
	/* アコーディオンに関するcss */
	.licenseImg-04_dl .list_title {
		display: block;
		position: relative;
		text-decoration: none;
		cursor: pointer;
		width: 100%;
		text-align: start;
		padding: 0 3%;
	}
	.licenseImg-04_dl .list_content {
		display: block;
		position: relative;
	}

	.licenseImg-04_dl .list_title-max950:after {
		content: "";
		position: absolute;
		right: 3px;
		top: 50%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 4.5px 0 4.5px;
		border-color: #070707 transparent transparent transparent;
		transform: translateY(-55%) rotate(0deg);
	}
	.licenseImg-04_dl .list_title-max950.active:after {
		transform: translateY(-50%) rotate(180deg);
		transition: 0.5s;
		top: 50%;
	}
	.licenseImg-04_dl .list_content {
		display: none;
		padding: 0 1.4%;
	}
}
/*------------------------------------------------

*howto：ポップアップ対応分【?終了】

--------------------------------------------------*/

/*examination配下のこの試験を受ける方におすすめの商品のスマホスライダー*/
@media screen and (max-width: 768px) {
	a.hover_Bookstore .bookstore-recommend__img {
		margin: 0 auto 20px;
	}
	.bookstore-recommend {
		display: flex;
	}
	.bookstore-recommend li {
		height: auto !important;
	}
	.slick-initialized .slick-slide {
		display: flex !important;
		flex-direction: column;
	}
	.bookstore-recommend__thumb {
		flex-grow: 1;
	}
}
.bookstore-recommend__thumb {
	text-align: center;
	margin-bottom: 8px;
}
.bookstore-recommend__hd {
	display: block;
	text-align: center;
	line-height: 1.2;
}
@media print, screen and (min-width: 769px) {
	.bookstore-recommend li {
		display: flex;
		flex-direction: column;
	}
	.bookstore-recommend .txtL {
		flex-grow: 1;
	}
}

/* 22/5/30 デジタルリテラシー強化サービスの図 */
.p-enhanced-service {
	overflow-x: scroll;
}
.p-enhanced-service__wrap {
	display: flex;
	width: 918px;
	margin: 0 auto 60px;
}
.p-enhanced-service-body {
	flex-grow: 1;
}
.p-enhanced-service__side-list {
	position: relative;
	width: 54px;
	border-right: 6px solid #dbdddc;
	margin-right: 10px;
	margin-top: 20px;
	height: 100%;
}
.p-enhanced-service__side-list::before {
	content: "";
	position: absolute;
	top: -12px;
	right: -10px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent #dbdddc transparent;
	border-width: 0px 7px 17px 7px;
}
.p-enhanced-service__side-list::after {
	content: "";
	position: absolute;
	bottom: -12px;
	right: -10px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #dbdddc transparent transparent transparent;
	border-width: 17px 7px 0 7px;
}
.p-enhanced-service__side-item {
	width: 100%;
	padding-right: 10px;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
}
.p-enhanced-service__side-item--01 {
	min-height: 190px;
	margin-bottom: 30px;
}
.p-enhanced-service__side-item--02 {
	min-height: 173px;
	margin-bottom: 5px;
}
.p-enhanced-service__side-item--03 {
	min-height: 119.5px;
}
.p-enhanced-service-body__box-dt {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	padding: 12px 0;
	text-align: center;
}
.p-enhanced-service-body__box-dd {
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}
.p-enhanced-service-body__box--01 {
	display: flex;
	align-items: flex-end;
	gap: 0 16px;
	margin-bottom: 10px;
	padding: 0 8px;
}
.p-enhanced-service-body__box-dl {
	flex-grow: 1;
}
.p-enhanced-service-body__box-dl--01 {
	width: 188px;
}
.p-enhanced-service-body__box-dl--02 {
	width: 200px;
}
.p-enhanced-service-body__box-dl--03 {
	width: 200px;
}
.p-enhanced-service-body__box-dl--04 {
	width: 200px;
}
.p-enhanced-service-body__box-dl--05 {
	width: 188px;
}
.p-enhanced-service-body__box-dl--06 {
	width: 200px;
}
.p-enhanced-service-body__box-dl--07 {
	width: 200px;
}
.p-enhanced-service-body__box-dl--08 {
	width: 100%;
}
.p-enhanced-service-body__box-dd-list--01 {
	writing-mode: vertical-rl;
	margin: 0 auto;
	width: 100%;
	display: flex;
	flex-direction: column-reverse;
	gap: 10px 0;
	align-items: center;
}
.p-enhanced-service-body__box-dd-list--01 .p-enhanced-service-body__box-dd-item {
	text-align: left;
	display: flex;
	align-items: center;
	min-height: 140px;
	justify-content: center;
}
.p-enhanced-service-body__box-dd-item--01 {
	background-color: #ffdb94;
	border-radius: 8px;
	width: calc(100% / 3);
}
.p-enhanced-service-body__box-dd {
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p-enhanced-service-body__box-dd--small {
	display: block;
	font-size: 14px;
}
.p-enhanced-service-body__box-dd--01 {
	background: #afd0f3;
	min-height: 86px;
}
.p-enhanced-service-body__box-dd--02 {
	background: #ffb8db;
	min-height: 86px;
}
.p-enhanced-service-body__box-dd--03 {
	background: #db94fe;
	min-height: 86px;
	flex-direction: column;
}
.p-enhanced-service-body__box-dd--04 {
	background: #afd0f3;
	min-height: 86px;
	flex-direction: column;
}
.p-enhanced-service-body__box-dd--05 {
	background: #ffb8db;
	min-height: 58px;
}
.p-enhanced-service-body__box-dd-list--02 {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 4px 0;
}
.p-enhanced-service-body__box-dd-item--02 {
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #faebc4;
	min-height: 60px;
}
.p-enhanced-service-body__box--02 {
	/* background-color: #FDE2E2; */
	padding: 15px 6px;
	border-radius: 8px;
	margin-bottom: 16px;
	border: 4px solid #d31b1b;
}
.p-enhanced-service-body__box__hd--02 {
	color: #d31b1b;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 10px;
	padding-left: 10px;
}
.p-enhanced-service-body__box-top--02 {
	display: flex;
	align-items: flex-end;
	gap: 0 16px;
	margin-bottom: 8px;
}
.p-enhanced-service-body__box-top--02 .p-enhanced-service-body__box-dl {
	flex-grow: inherit;
}
.p-enhanced-service-body__box-top--02 .p-enhanced-service-body__box-dl:nth-of-type(3) {
	width: 50%;
}
.p-enhanced-service-body__box-dd-list--03 {
	width: 100%;
	display: flex;
	gap: 0 16px;
}
.p-enhanced-service-body__box-dd-item--03 {
	background-color: #d1e7bf;
	border-radius: 8px;
	min-height: 58px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.p-enhanced-service-body__box-dd-item--04 {
	width: 404px;
}
.p-enhanced-service-body__box-dd-item--05 {
	width: 416px;
}
.p-enhanced-service-footer-list {
	position: relative;
	display: flex;
	gap: 0 20px;
	border-top: 6px solid #dbdddc;
	margin: 0 10px;
}
.p-enhanced-service-footer-list::before {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent #dbdddc transparent transparent;
	border-width: 7px 17px 7px 0;
}
.p-enhanced-service-footer-list::after {
	content: "";
	position: absolute;
	top: -10px;
	right: -10px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent transparent #dbdddc;
	border-width: 7px 0 7px 17px;
}
.p-enhanced-service-footer-item {
	flex-grow: 1;
	min-height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% / 4);
	line-height: 1.78;
	font-size: 18px;
	font-weight: 700;
}

/* デジタルリテラシー(高さ調整)の図 */
.p-literacy {
	overflow-x: scroll;
}
.p-literacy-wrap {
	min-width: 780px;
	padding: 0 0 0 28px;
	margin: 0 auto;
	min-height: 700px;
}
.p-literacy-inner {
	position: relative;
	background: #000;
	background: url(../../business/dx_service/images/bg_triangle.png) center top no-repeat;
	background-size: contain;
	width: 89%;
	min-width: 740px;
	margin: 0 auto;
	min-height: 600px;
	background-size: cover;
}
@media screen and (max-width: 850px) {
	.p-literacy-wrap {
		min-width: 770px;
		width: 90%;
		padding: 0 0 0 28px;
		margin: 0 auto;
	}
	.p-literacy-inner {
		position: relative;
		background: #000;
		background: url(../../business/dx_service/images/bg_triangle.png) center top no-repeat;
		background-size: cover;
		margin: 0 auto;
	}
}

.p-literacy-arrow {
	width: 8px;
	height: 96.2%;
	background: #9d9e9e;
	position: absolute;
	margin: 13px 0 -80px -23px;
}
.p-literacy-arrow::before {
	content: "";
	position: absolute;
	top: -12px;
	left: -6px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent #9d9e9e transparent;
	border-width: 0px 10px 13px 10px;
}
.p-literacy-arrow::after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: -6px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #9d9e9e transparent transparent transparent;
	border-width: 13px 10px 0 10px;
}
.p-literacy__box {
	padding: 9px 16px;
}
.p-literacy__box--01 {
	background: rgba(240, 187, 183, 0.2);
}
.p-literacy__box--02 {
	background: rgba(208, 223, 184, 0.2);
}
.p-literacy__box--03 {
	background: rgba(184, 210, 223, 0.2);
}
.p-literacy__box-hd {
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	padding: 8px 4px;
	line-height: 1;
	display: inline-block;
	margin-bottom: 11px;
}
.p-literacy__box-hd__01 {
	background: #f5645d;
}
.p-literacy__box-hd__02 {
	background: #6cac4b;
}
.p-literacy__box-hd__03 {
	background: #3d5493;
}
.p-literacy__box-inner {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto;
	gap: 0 20px;
}
.p-literacy__box-inner--03 {
	border: 4px solid #d31b1b;
	padding: 2px 4px 2px;
	width: 67%;
	margin: 0 auto 12px;
}
.p-literacy__box-ttl {
	display: inline-block;
	width: 212px;
	font-size: 14px;
	font-weight: 700;
	background: rgba(255, 255, 255, 0.8);
	border: 4px solid #9a9a9a;
	text-align: center;
	padding: 3px 0;
	line-height: 1.2;
}
.p-literacy__box-dt {
	width: 230px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	padding: 2px 0;
	margin-bottom: 14px;
	line-height: 1.4;
}
.p-literacy__box-dt--01 {
	position: relative;
	background: #eb9a96;
	width: 230px;
}
.p-literacy__box-dt--01:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -8px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #eb9a96 transparent transparent transparent;
	border-width: 9px 11px 0 11px;
}
.p-literacy__box-dt--02 {
	position: relative;
	background: #96ebca;
	font-size: 12px;
}
.p-literacy__box-dt--02:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -8px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #96ebca transparent transparent transparent;
	border-width: 9px 11px 0 11px;
}
.p-literacy__box-dt--03 {
	position: relative;
	background: #51a9f4;
	font-size: 12px;
}
.p-literacy__box-dt--03:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -8px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #51a9f4 transparent transparent transparent;
	border-width: 9px 11px 0 11px;
}
.p-literacy__box-dt-item {
	position: relative;
	font-size: 12px;
	line-height: 1.3;
	padding-left: 14px;
}
.p-literacy__box-dt-item::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	display: inline-block;
}
.p-literacy__box--02-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 465px;
	margin: 0 auto 12px;
}
.p-literacy__box--02-dt {
	width: 211px;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	background: #d1e7bf;
	display: inline-block;
	margin-bottom: 5px;
}
.p-literacy__box--02-dd {
	text-align: center;
}
.p-literacy__box--02-dd-list {
	width: 211px;
	display: flex;
	gap: 0 4px;
	justify-content: center;
}
.p-literacy__box--02-dd-item {
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 0;
	line-height: 1;
	letter-spacing: -0.01em;
}
.p-literacy__box--02-dd-item--01 {
	background: #a4d4e5;
	width: 75px;
}
.p-literacy__box--02-dd-item--02 {
	background: #e9f159;
	width: 52px;
}
.p-literacy__box--02-icon {
	padding: 0 6px;
}
.p-literacy__box-list {
	width: 230px;
}
.p-literacy__box-item {
	position: relative;
	font-size: 12px;
	line-height: 1;
	padding-left: 14px;
	margin-bottom: 8px;
}
.p-literacy__box-item::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	display: inline-block;
}
.p-literacy-source {
	margin: 8px 0 36px 0;
	text-align: right;
	font-size: 14px;
}

#sectBusiness .breadArea {
	margin: 0 auto 30px;
	font-size: 13px;
}
@media screen and (max-width: 950px) {
	#sectBusiness .breadArea {
		padding: 0 10px;
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 951px) {
	#gHeader + .breadArea {
		margin: 0 auto 20px auto;
		padding: 65px 0 0 0;
		width: 950px;
	}
	.secondImg + .breadArea {
		margin: 15px 0 20px 0;
		display: flex;
		justify-content: center;
		width: auto;
	}
	.secondImg + .breadArea > ul {
		width: 950px;
	}
}
.btnStyle02 {
	border: 2px solid #fff;
	display: table;
	width: 100%;
	color: #fff;
	background: #fbc73c url(../images/bg_tiltline.webp);
	height: 110px;
	font-weight: bold;
	font-size: 24px;
	border-radius: 8px;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ns-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	line-height: 1.3;
}
.btnStyle02.icon-arrow:after {
	content: "\e903";
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	z-index: 2;
	color: #fff;
}
.btnStyle02 > span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 40px 0 20px;
	width: 100%;
}
.btnStyle02 em {
	font-size: 13px;
	display: inline-block;
}
.btnStyle02:hover.icon-arrow:after {
	color: #fbc73c;
}
.btnStyle02.icon-persons span {
	padding-left: 130px;
}
.btnStyle02.icon-persons:before {
	font-size: 70px;
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -0.5em;
}
.btnStyle02.icon-pen span {
	padding-left: 90px;
}
.btnStyle02.icon-pen:before {
	font-size: 70px;
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -0.5em;
}
.btnStyle02.icon-check span {
	padding-left: 90px;
}
.btnStyle02.icon-check:before {
	font-size: 35px;
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -0.5em;
}
.btnStyle02.icon-license span {
	padding-left: 100px;
}
.btnStyle02.icon-license:before {
	font-size: 45px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -0.5em;
}
.btnStyle02.icon-voice span {
	padding-left: 105px;
}
.btnStyle02.icon-voice:before {
	font-size: 66px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -0.5em;
}
.btnStyle02.icon-hat span {
	padding-left: 135px;
}
.btnStyle02.icon-hat:before {
	font-size: 40px;
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -0.5em;
	/*text-align: center;
  display: inline-block;
  vertical-align: middle;
  padding: 0 25px;*/
}
.btnStyle02.icon-building span {
	padding-left: 100px;
}
.btnStyle02.icon-building:before {
	font-size: 55px;
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -0.5em;
}
.btnStyle02.icon-mail span {
	padding-left: 100px;
}
.btnStyle02.icon-mail:before {
	font-size: 40px;
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -0.5em;
}
.btnStyle02.icon-person span {
	padding-left: 100px;
}
.btnStyle02.icon-person:before {
	font-size: 70px;
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -0.5em;
}

@media screen and (max-width: 950px) {
	.btnStyle02 {
		height: 90px;
		font-size: 19px;
	}
	.btnStyle02 span {
		padding: 5px 40px;
	}
	.btnStyle02.icon-persons span {
		padding-left: 60px;
	}
	.btnStyle02.icon-persons:before {
		font-size: 38px;
		left: 10px;
	}
	.btnStyle02.icon-pen span {
		padding-left: 60px;
	}
	.btnStyle02.icon-pen:before {
		font-size: 50px;
		left: 20px;
	}
	.btnStyle02.icon-check span {
		padding-left: 60px;
	}
	.btnStyle02.icon-check:before {
		font-size: 28px;
		left: 15px;
	}
	.btnStyle02.icon-license span {
		padding-left: 60px;
	}
	.btnStyle02.icon-license:before {
		font-size: 25px;
		left: 15px;
	}
	.btnStyle02.icon-voice span {
		padding-left: 60px;
	}
	.btnStyle02.icon-voice:before {
		font-size: 50px;
		left: 15px;
	}
	.btnStyle02.icon-hat span {
		padding-left: 60px;
	}
	.btnStyle02.icon-hat:before {
		font-size: 20px;
		left: 10px;
	}
	.btnStyle02.icon-building span {
		padding-left: 60px;
	}
	.btnStyle02.icon-building:before {
		font-size: 40px;
		left: 15px;
	}
	.btnStyle02.icon-mail span {
		padding-left: 60px;
	}
	.btnStyle02.icon-mail:before {
		font-size: 25px;
		left: 15px;
	}
	.btnStyle02.icon-person span {
		padding-left: 60px;
	}
	.btnStyle02.icon-person:before {
		font-size: 45px;
		left: 15px;
	}
}

/*aside-To-aboutpage*/
main #gMain aside {
	display: block;
	width: 100%;
}
div #pagelinkArea {
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 40px 0 60px;
}
#pagelinkArea div.linkTxtArea {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	text-align: left;
}
#pagelinkArea div.linkTxtArea a {
	display: block;
	text-decoration: underline 1px;
	text-decoration-color: #83c362;
	padding-bottom: 3px;
}
#pagelinkArea p.l_category {
	padding-bottom: 10px;
	width: 350px;
}
#pagelinkArea p.l_text {
	padding-bottom: 10px;
}

@media screen and (max-width: 950px) {
	main #gMain aside {
		display: block;
		width: 100%;
	}
	div #pagelinkArea {
		display: block;
		width: 90%;
		text-align: center;
		margin: 0 auto;
		padding: 30px 0 40px;
	}
	#pagelinkArea div.linkTxtArea {
		display: block;
		text-align: left;
	}
	#pagelinkArea div.linkTxtArea a {
		display: block;
		text-decoration: underline 1px;
		text-decoration-color: #83c362;
		padding-bottom: 3px;
	}
	#pagelinkArea p.l_category {
		padding-bottom: 10px;
		width: initial;
	}
	#pagelinkArea p.l_text {
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 380px) {
	main #gMain aside {
		display: block;
		width: 100%;
	}
	div #pagelinkArea {
		display: block;
		width: 98%;
		text-align: center;
		margin: 0 auto;
		padding: 30px 0 40px;
	}
	#pagelinkArea div.linkTxtArea {
		display: block;
		text-align: left;
	}
	#pagelinkArea div.linkTxtArea a {
		display: block;
		text-decoration: underline 1px;
		text-decoration-color: #83c362;
		padding-bottom: 3px;
	}
	#pagelinkArea p.l_category {
		padding-bottom: 10px;
		width: initial;
	}
	#pagelinkArea p.l_text {
		padding-bottom: 20px;
	}
}
/*automark*/
.auto_mark-step .auto_mark-step__subttl {
	position: relative;
	margin-bottom: 8px;
}
.secBasicL p:not(:last-child),
.secBasicLP p:not(:last-child),
.secBasic p:not(:last-child) {
	margin-bottom: 1em;
}
.ttlLv02 + div:has(.auto_mark-step__subttl) .auto_mark-step__subttl::before {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	width: 40px;
	height: 40px;
	background: #83c262;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 12px;
}
.ttlLv02 + div:has(.auto_mark-step__subttl) .auto_mark-step__subttl:nth-of-type(1)::before {
	content: "1";
}
.ttlLv02 + div:has(.auto_mark-step__subttl) .auto_mark-step__subttl:nth-of-type(2)::before {
	content: "2";
}
.auto_mark-step__txt--orange {
	color: #fb8535;
}

.auto_mark-step__table.auto_mark-step__table--01 {
	display: grid;
	grid-template-columns: 10% 40% 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 2px 2px;
	grid-auto-flow: row;
	max-width: 950px;
	width: 100%;
	margin-bottom: 78px;
}

.auto_mark-step__table.auto_mark-step__table--01 > .l-gnav-main-sub__title,
.auto_mark-step__table.auto_mark-step__table--01 > .auto_mark-step__table-dt {
	background: #83c262;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	padding: 12px 0;
	margin-bottom: 2px;
}

.auto_mark-step__table.auto_mark-step__table--01 > dt:nth-of-type(1) {
	grid-area: 1 / 1 / 2 / 3;
}

.auto_mark-step__table.auto_mark-step__table--01 > dt:nth-of-type(2) {
	grid-area: 1 / 3 / 2 / 4;
}

auto_mark-step__table.auto_mark-step__table--01 > .auto_mark-step__table-dd {
	grid-area: 2 / 1 / 3 / 4;
}

.auto_mark-step__table.auto_mark-step__table--01 > .auto_mark-step__table-dd--num {
	background: #faebc4;
	font-size: 12px;
	font-weight: 700;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.auto_mark-step__table.auto_mark-step__table--01 > .auto_mark-step__table-dd--title {
	font-size: 16px;
	font-weight: 700;
	padding-left: 25px;
	padding: 14px 0 14px 25px;
	background: #efefef;
	display: flex;
	align-items: center;
}

.auto_mark-step__table.auto_mark-step__table--01 > .auto_mark-step__table-dd--text {
	font-size: 16px;
	font-weight: 700;
	/* padding: 14px 0 14px 25px; */
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.auto_mark-step__table.auto_mark-step__table--01 > .auto_mark-step__table-dl {
	grid-area: 2 / 1 / 3 / 4;
}

.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en > .auto_mark-step__table-dd-ja > a::before {
	font-size: 11px;
	color: #fff;
	border-radius: 50%;
	min-width: 24px;
	min-height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 8px 0 25px;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en > .auto_mark-step__table-dd-ja > a:hover::before {
	text-decoration: underline;
}
.auto_mark-step__table-dd-en--sc > .auto_mark-step__table-dd-ja > a::before {
	background: #027fbf;
	content: "SC";
}
.auto_mark-step__table-dd-en--st > .auto_mark-step__table-dd-ja > a::before {
	background: #8d33fd;
	content: "ST";
}
.auto_mark-step__table-dd-en--sa > .auto_mark-step__table-dd-ja > a::before {
	background: #e36466;
	content: "SA";
}
.auto_mark-step__table-dd-en--nw > .auto_mark-step__table-dd-ja > a::before {
	background: #01b7df;
	content: "NW";
}
.auto_mark-step__table-dd-en--db > .auto_mark-step__table-dd-ja > a::before {
	background: #009de1;
	content: "DB";
}
.auto_mark-step__table-dd-en--es > .auto_mark-step__table-dd-ja > a::before {
	background: #e461a5;
	content: "ES";
}
.auto_mark-step__table-dd-en--pm > .auto_mark-step__table-dd-ja > a::before {
	background: #c59502;
	content: "PM";
}
.auto_mark-step__table-dd-en--sm > .auto_mark-step__table-dd-ja > a::before {
	background: #8d7fd3;
	content: "SM";
}
.auto_mark-step__table-dd-en--au > .auto_mark-step__table-dd-ja > a::before {
	background: #bc6541;
	content: "AU";
}
.auto_mark-step__table-dd-ja {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	width: 100%;
}
.auto_mark-step__table-dd-ja > a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--sc {
	border: 1px solid #027fbf;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--st {
	border: 1px solid #8d33fd;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--no {
	border: 1px solid #efefef;
	justify-content: center;
	padding: 14px 0;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--sa {
	border: 1px solid #e36466;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--nw {
	border: 1px solid #01b7df;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--db {
	border: 1px solid #009de1;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--es {
	border: 1px solid #e461a5;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--pm {
	border: 1px solid #e36466;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--sm {
	border: 1px solid #c59502;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--sm {
	border: 1px solid #8d7fd3;
}
.auto_mark-step__table--01 > .auto_mark-step__table-dd--text.auto_mark-step__table-dd-en--au {
	border: 1px solid #990000;
}

.auto_mark-step__table.auto_mark-step__table--02 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 0.6fr 1fr 1fr 1fr 1fr;
	gap: 2px 2px;
	grid-auto-flow: row;
	max-width: 950px;
	width: 100%;
	margin-bottom: 78px;
}

.auto_mark-step__table--02 > .auto_mark-step__table-dt {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	flex-flow: column wrap;
	color: #fff;
	font-weight: 700;
	background: #83c262;
	margin-bottom: 4px;
}

.auto_mark-step__table--02 > .auto_mark-step__table-dd {
	background: #efefef;
	padding: 26px 24px;
	font-size: 16px;
	font-weight: 700;
}
.auto_mark-step__table-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.auto_mark-step__table--02 > .auto_mark-step__table-dd.auto_mark-step__table-dd--title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.auto_mark-step__table--02 .auto_mark-step__table-item {
	display: inline-block;
	font-size: 22px;
	color: #fff;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 16px;
}
.auto_mark-step__table--02 .auto_mark-step__table-item > a,
.auto_mark-step__table--02 .auto_mark-step__table-item > a:link,
.auto_mark-step__table--02 .auto_mark-step__table-item > a:hover,
.auto_mark-step__table--02 .auto_mark-step__table-item > a:active,
.auto_mark-step__table--02 .auto_mark-step__table-item > a:visited {
	margin: 0;
	padding: 9px;
	color: inherit;
	text-decoration: none;
}
.auto_mark-step__table--02 .auto_mark-step__table-item--sc {
	background: #027fbf;
}
.auto_mark-step__table--02 .auto_mark-step__table-item--nw {
	background: #01b7df;
}
.auto_mark-step__table--02 .auto_mark-step__table-item--db {
	background: #009de1;
}
.auto_mark-step__table--02 .auto_mark-step__table-item--es {
	background: #e461a5;
}
.auto_mark-step__table--02 .auto_mark-step__table-item--st {
	background: #8d33fd;
}
.auto_mark-step__table--02 .auto_mark-step__table-item--sa {
	background: #e36466;
}
.auto_mark-step__table--02 .auto_mark-step__table-item--sm {
	background: #8d7fd3;
}
.auto_mark-step__table--02 .auto_mark-step__table-item--pm {
	background: #c59502;
}
.auto_mark-step__table--02 .auto_mark-step__table-item--au {
	background: #bc6541;
}
@media screen and (max-width: 950px) {
	.auto_mark-step__table.auto_mark-step__table--02 {
		grid-template-rows: 4rem 1fr 1fr 1fr 1fr;
		margin-bottom: 39px;
	}
	.auto_mark-step__table.auto_mark-step__table--02 .auto_mark-step__table-item {
		margin: 0 0.5em 0.5em 0;
	}
	.auto_mark-step__table.auto_mark-step__table--02 > .auto_mark-step__table-dd {
		padding: 1rem 1.2em;
	}
	.auto_mark-step__table.auto_mark-step__table--01 > .auto_mark-step__table-dt {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1em 0.5em;
		line-height: 1.7em;
	}
	.auto_mark-step__table-list {
		height: 100%;
		flex-flow: row wrap;
		align-items: center;
	}
	.auto_mark-step__table.auto_mark-step__table--01 > .auto_mark-step__table-dd--title,
	.auto_mark-step__table.auto_mark-step__table--01 > .auto_mark-step__table-dd--text {
		padding-left: 1em;
		padding: 14px 0.5em;
	}
	.auto_mark-step__table.auto_mark-step__table--01 > .auto_mark-step__table-dd--text > .auto_mark-step__table-dd-en {
		min-width: 2em;
		min-height: 2em;
	}
}

/*------------------------------------------------

*youtube：レスポンシブ対応】

--------------------------------------------------*/
.youtube__aspect-ratio {
    width: 84%;
    aspect-ratio: 16 / 9;
margin: 0 auto;
}
.youtube__aspect-ratio iframe {
    width: 84%;
    height: 84%;
}

@media screen and (max-width: 834px) {
.youtube__aspect-ratio {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube__aspect-ratio iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 600px) {
.youtube__aspect-ratio {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube__aspect-ratio iframe {
    width: 100%;
    height: 100%;
}


.youtube__aspect-ratio_contents {
    width: 84%;
    aspect-ratio: 16 / 9;
margin: 0 auto;
margin-bottom: -40px;
}
.youtube__aspect-ratio_contents iframe {
    width: 84%;
    height: 84%;
}

@media screen and (max-width: 834px) {
.youtube__aspect-ratio_contents {
    width: 100%;
    aspect-ratio: 16 / 9;
margin: 0 auto;
margin-bottom: -40px;
}
.youtube__aspect-ratio_contents iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 600px) {
.youtube__aspect-ratio_contents {
    width: 100%;
    aspect-ratio: 16 / 9;
margin: 0 auto;
margin-bottom: -40px;
}
.youtube__aspect-ratio_contents iframe {
    width: 100%;
    height: 100%;
}