@charset "UTF-8";

/******************************************************************/
/* 参加登録 */
/******************************************************************/
.page__entry__check .entry__check__section01 .note__list {
	display: flex;
	justify-content: center;
}
.page__entry__check .entry__check__section01 .catch p {
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
}

.page__entry__check .entry__check__section01 .course__block .course__box {
	border: 5px solid #ccc;
	padding: 20px;
}
.page__entry__check .entry__check__section01 .course__block .course__box+.course__box {
	margin-top: 20px;
}
.page__entry__check .entry__check__section01 .course__block .course__box.basic {
	border-color: #43b1c4;
	border-color: #c4e6ec;
}
.page__entry__check .entry__check__section01 .course__block .course__box.advance {
	border-color: #eedecc;
}

.page__entry__check .entry__check__section01 .course__block .course__box.advance .advance__note__list {
	margin-top: .5em;
}
.page__entry__check .entry__check__section01 .course__block .course__box.advance .advance__note__list .list {
	display: flex;
	color: #f00;
}
.page__entry__check .entry__check__section01 .course__block .course__box.advance .advance__note__list .list::before {
	content: "※";
}

.page__entry__check .entry__check__section01 .course__block .course__box .course__title {
	display: flex;
	align-items: center;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 10px;
}
.page__entry__check .entry__check__section01 .course__block .course__box .course__title .online {
	font-size: .8em;
	color: #fff;
	background-color: #43b1c4;
	border-radius: 100vh;
	margin-left: 5px;
	padding: .15em .4em;
}

.page__entry__check .entry__check__section01 .course__block .course__box .course__detail {
	background-color: #f6f6f6;
	padding: 15px;
}
.page__entry__check .entry__check__section01 .course__block .course__box .course__detail .detail__info {
	display: grid;
	font-size: 1.1em;
	grid-template-columns: 5em 1fr;
}
.page__entry__check .entry__check__section01 .course__block .course__box .course__detail .detail__info dt {
	font-weight: 600;
	position: relative;
}
.page__entry__check .entry__check__section01 .course__block .course__box .course__detail .detail__info dt::after {
	content: "：";
	position: absolute;
	top: 0;
	right: 0;
}
.page__entry__check .entry__check__section01 .course__block .course__box .course__detail .detail__info dd {
	padding-left: .5em;
}


.page__entry__check .entry__check__section01 .note__list .note__list__box {
	background-color: #f6f6f6;
	padding: 20px 30px;
}
.page__entry__check .entry__check__section01 .note__list .note__list__box li .kome {
	color: #f00;
}
.page__entry__check .btn__wrapper {
	margin-top: 20px;
}


.page__entry__check .entry__check__section02 .check__agree {
	flex-direction: column;
	align-items: center;
	background-color: #f6f6f6;
	padding: 20px 10px;
}
.page__entry__check .entry__check__section02 .check__agree .note li+li {
	margin-top: .3em;
}
.page__entry__check .entry__check__section02 .check__agree .note strong {
	color: #f00;
}
.page__entry__check .entry__check__section02 .check__agree .check__agree__main {
	margin-top: 10px;
}

/* screens smaller than 1200---------------------------------------------------------- */
@media only screen and (max-width:1200px) {

}
/* screens smaller than 1000---------------------------------------------------------- */
@media only screen and (max-width:1000px) {

}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {

}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__entry__check .entry__check__section01 .course__block .course__box {
	border: 3px solid #ccc;
	padding: 10px;
}
.page__entry__check .entry__check__section01 .course__block .course__box+.course__box {
	margin-top: 10px;
}

.page__entry__check .entry__check__section01 .course__block .course__box .course__title {
	margin-bottom: 8px;
}

.page__entry__check .entry__check__section01 .course__block .course__box .course__detail {
	background-color: #f6f6f6;
	padding: 10px;
}
.page__entry__check .entry__check__section01 .course__block .course__box .course__detail .detail__info {
	display: block;
}
.page__entry__check .entry__check__section01 .course__block .course__box .course__detail .detail__info dt::after {
	position: static;
}

.page__entry__check .btn__wrapper {
	margin-top: 4%;
}


.page__entry__check .entry__check__section02 {
	margin-top: 10px;
}
.page__entry__check .entry__check__section02 .check__agree {
	padding: 3% 2%;
}
.page__entry__check .entry__check__section02 .check__agree .note li+li {
	margin-top: .3em;
}
.page__entry__check .entry__check__section02 .check__agree .check__agree__main {
	margin-top: 3%;
}
}





/******************************************************************/
/* ご登録者情報の入力 */
/******************************************************************/
.icon__must {
	display: inline-flex;
	flex-shrink: 0;
	font-size: .85em;
	font-weight: 600;
	color: #fff;
	line-height: 1.1;
	background-color: #f00;
	border-radius: .2em;
	padding: .25em .3em;
}
.page__entry__form .entry__form__info p {
	font-size: 1.1em;
}
.page__entry__form .entry__form__info .icon__must {
	margin-right: .3em;
}
.page__entry__form .entry__form__main {
	margin-top: 20px;
}

.page__entry__form .form__main__block {
	display: grid;
	font-size: .9em;
	grid-template-columns: 270px 1fr;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
.page__entry__form .form__main__block:last-of-type {
	border-bottom: 1px solid #999;
}
.page__entry__form .form__main__block .block__title {
	display: flex;
	align-items: center;
	font-size: .9em;
	font-weight: 600;
	background-color: #f4f4f4;
	border-right: 1px solid #999;
	padding: .5em;
}
.page__entry__form .form__main__block .block__title .icon__must {
	margin-left: .5em;
}

.page__entry__form .form__main__block .block__main {
	padding: .8em .5em;
}

.page__entry__form .form__main__block .form__contents {
	display: flex;
}
.page__entry__form .form__main__block .form__contents .contents__block {
	display: flex;
	align-items: center;
	width: 100%;
}
.page__entry__form .form__main__block .form__contents .contents__block+.contents__block {
	margin-left: 20px;
}

.page__entry__form .form__main__block .form__contents .contents__block .contents__title {
	font-weight: 600;
	margin-right: .5em;
}
.page__entry__form .form__main__block .form__contents .contents__block .contents__box {
	display: flex;
	font-size: 1.3em;
}
.page__entry__form .form__main__block .form__contents .contents__block .contents__box input[type="text"] {
	-webkit-appearance: none;
	width: 100%;
	border: 2px solid #828282;
	margin: 0;
	padding: .35em.5em;
}
.page__entry__form .form__main__block .form__contents .contents__block .contents__box input[type="text"]:focus {
	background-color: #e3f9ff;
}

.page__entry__form .form__main__block .form__contents .contents__block .contents__box input[type="text"].noLink {
	background-color: #f3f3f3;
	border-color: #cbcbcb;
}


.page__entry__form .form__main__block .form__remarks {
	background-color: #f4f4f4;
	margin-top: .5em;
	padding: .3em;
}
.page__entry__form .form__main__block .form__remarks .example {
	display: inline-flex;
	font-size: .9em;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	background-color: #333;
	border-radius: .15em;
	margin-right: .5em;
	padding: .25em;
}


.page__entry__form .form__main__block .form__contents .contents__block .select__RC__list {
	display: flex;
}
.page__entry__form .form__main__block .form__contents .contents__block .select__RC__list li+li {
	margin-left: 1em;
}
.page__entry__form .form__main__block .form__contents .contents__block .select__RC__list .select__RC__label {
	display: inline-flex;
	vertical-align: top;
	line-height: 1.2;
	cursor: pointer;
}
.page__entry__form .form__main__block .form__contents .contents__block .select__RC__list .select__RC__label .text {
	margin-left: .3em;
}
.page__entry__form .form__main__block .form__contents .contents__block .select__RC__list .select__RC__label > input:checked ~ .text {
	background:linear-gradient(transparent 80%, #66e0ff 80%);
}


/* 項目ごと設定  */
.page__entry__form .form__main__block.form__name .form__contents .contents__block {
	display: grid;
	grid-template-columns: 4em 1fr;
}

.page__entry__form .form__main__block.single .form__contents .contents__block .contents__box {
	width: 100%;
}

.page__entry__form .form__main__block.form__prefectures .form__contents .contents__block {
}
.page__entry__form .form__main__block.form__prefectures .form__contents .contents__block .contents__box select {
	border: 2px solid #828282;
	margin: 0;
	padding: .35em.5em;
}

.page__entry__form .form__main__block.form__tel .form__contents .contents__block {
	display: grid;
	grid-template-columns: 6em 2em 6em 2em 6em;
}
.page__entry__form .form__main__block.form__tel .form__contents .contents__block .num input {
	text-align: center;
}
.page__entry__form .form__main__block.form__tel .form__contents .contents__block .hyphen {
	font-size: 1.8em;
	justify-content: center;
}

.page__entry__form .form__main__block.form__mail .form__remarks > span {
	color: #192bc6;
}

.page__entry__form .form__main__block.form__reason .form__contents .contents__block .select__RC__list {
	flex-direction: column;
	width: 100%;
}
.page__entry__form .form__main__block.form__reason .form__contents .contents__block .select__RC__list li {
	width: 100%;
}
.page__entry__form .form__main__block.form__reason .form__contents .contents__block .select__RC__list li+li {
	margin-left: 0;
	margin-top: .5em;
}

.page__entry__form .form__main__block.form__reason .form__contents .contents__block .select__RC__list .other__text {
	margin-top: .5em;
}

/* screens smaller than 1200---------------------------------------------------------- */
@media only screen and (max-width:1200px) {
}
/* screens smaller than 1000---------------------------------------------------------- */
@media only screen and (max-width:1000px) {
.page__entry__form .form__main__block {
	grid-template-columns: 250px 1fr;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__entry__form .form__main__block {
	display: block;
}
.page__entry__form .form__main__block .block__title {
	border-right: 0;
	border-bottom: 1px solid #999;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__entry__form .form__main__block .form__contents {
	display: block;
}
.page__entry__form .form__main__block .form__contents .contents__block+.contents__block {
	margin-left: 0;
	margin-top: 10px;
}
.page__entry__form .form__main__block .form__contents .contents__block .contents__box {
	font-size: 1.4em;
}
.page__entry__form .form__main__block .form__contents .contents__block .select__RC__list {
	display: block;
}
.page__entry__form .form__main__block .form__contents .contents__block .select__RC__list li+li {
	margin-left: 0;
	margin-top: 10px;
}
}



/******************************************************************/
/* ご登録者情報 入力情報確認 */
/******************************************************************/
.page__entry__form.state__conf .form__main__block .form__contents .contents__block .contents__box input[type="text"] {
	pointer-events: none;
	background-color: #eaf7f5;
	border-color: #eaf7f5;
}
.page__entry__form.state__conf .form__main__block .form__contents .contents__block .contents__box input[type="text"]:focus {
	background-color: #eaf7f5;
	border-color: #eaf7f5;
}
.page__entry__form.state__conf .form__main__block.form__prefectures .form__contents .contents__block .contents__box select {
	pointer-events: none;
}
.page__entry__form.state__conf .form__main__block .form__contents .contents__block .select__RC__list .select__RC__label {
	pointer-events: none;
}
.page__entry__form.state__conf .form__main__block .form__contents .contents__block .select__RC__list .select__RC__label > input:not(:checked) ~ .text {
	color: #ccc;
}

.page__entry__form.state__conf .send__info__text {
	background-color: #fffe92;
	padding: 20px;
}
.page__entry__form.state__conf .send__info__text p {
	font-size: 1.3em;
	text-align: center;
}



/******************************************************************/
/* 参加登録完了 */
/******************************************************************/
.page__entry__form.state__comp .section__block.thanks {
	background-color: #f6f6f6;
	padding: 30px;
}
.page__entry__form.state__comp .section__block.thanks h3 {
	font-size: 1.4em;
	font-weight: 600;
	text-align: center;
}
.page__entry__form.state__comp .section__block.thanks p {
	font-size: 1.1em;
	font-weight: 600;
	text-align: center;
}
.page__entry__form.state__comp .section__block.thanks h3+p {
	margin-top: 1em;
}





/******************************************************************/
/* 修了テスト チェック事項ページ */
/******************************************************************/
.page__confirmation__check .course__block .course__box .course__title {
	display: flex;
	align-items: center;
	font-size: 2.4em;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 10px;
}
.page__confirmation__check .course__block .course__box .course__title .online {
	font-size: .65em;
	color: #fff;
	background-color: #43b1c4;
	border-radius: 100vh;
	margin-left: 5px;
	padding: .15em .4em;
}
.page__confirmation__check .course__block .course__box .course__detail .detail__info {
	display: grid;
	font-size: 1.3em;
	grid-template-columns: 5em 1fr;
}
.page__confirmation__check .course__block .course__box .course__detail .detail__info dt {
	font-weight: 600;
	position: relative;
}
.page__confirmation__check .course__block .course__box .course__detail .detail__info dt::after {
	content: "：";
	position: absolute;
	top: 0;
	right: 0;
}
.page__confirmation__check .course__block .course__box .course__detail .detail__info dd {
	padding-left: .5em;
}

.page__confirmation__check .course__information {
	border: 5px solid #ccc;
	padding: 20px;
}
.page__confirmation__check .course__information .info__box {
	padding: 0 10px;
}
.page__confirmation__check .course__information .info__box+.info__box {
	border-top: 2px dashed #ccc;
	margin-top: 15px;
	padding-top: 15px;
}
.page__confirmation__check .course__information .info__box .box__title {
	display: flex;
	font-size: 1.1em;
	font-weight: 600;
}
.page__confirmation__check .course__information .info__box .box__title .num {
	margin-right: 5px;
}

.page__confirmation__check .course__information .info__box .box__contents {
	margin-top: 10px;
}
.page__confirmation__check .course__information .info__box .box__contents .contents__list {
	display: inline-grid;
	grid-template-columns: 1fr 1fr;
	padding-left: .5em;
}
.page__confirmation__check .course__information .info__box .box__contents .contents__list li {
	display: flex;
	padding: .2em;
}
.page__confirmation__check .course__information .info__box .box__contents .contents__list li .num {
	margin-right: .5em;
}
.page__confirmation__check .course__information .info__box .box__contents .page__lisk {
	margin-top: 15px;
}
.page__confirmation__check .course__information .info__box .box__contents .page__lisk .page__name {
	display: flex;
	margin-bottom: 5px;
}
.page__confirmation__check .course__information .info__box .box__contents .page__lisk .page__name > span {
	font-weight: 600;
	color: #fff;
	line-height: 1.1;
	background-color: #333;
	padding: .25em .3em;
}

.page__confirmation__check .confirmation__check__section02 .check__agree {
	flex-direction: column;
	align-items: center;
	background-color: #f6f6f6;
	padding: 20px 10px;
}
.page__confirmation__check .confirmation__check__section02 .check__agree .note li+li {
	margin-top: .3em;
}
.page__confirmation__check .confirmation__check__section02 .check__agree .note strong {
	color: #f00;
}
.page__confirmation__check .confirmation__check__section02 .check__agree .check__agree__main {
	margin-top: 10px;
}
.page__confirmation__check .btn__wrapper {
	margin-top: 20px;
}

/* screens smaller than 1200---------------------------------------------------------- */
@media only screen and (max-width:1200px) {
.page__confirmation__check .course__block .course__box .course__title {
	font-size: 2.2em;
}
}
/* screens smaller than 1000---------------------------------------------------------- */
@media only screen and (max-width:1000px) {
.page__confirmation__check .course__block .course__box .course__title {
	font-size: 2em;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {

}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__confirmation__check .course__block .course__box.basic {
	font-size: .8em;
}
.page__confirmation__check .course__information {
	border: 3px solid #ccc;
	margin-top: 3%;
	padding: 4% 2%;
}
.page__confirmation__check .course__information .info__box {
	padding: 0;
}
.page__confirmation__check .course__information .info__box .box__contents .contents__list {
	display: block;
}
}



/******************************************************************/
/* ログイン | オンライン事前学習 */
/******************************************************************/
.page__confirmation__login .login__form__main {
	display: flex;
	justify-content: center;
}
.page__confirmation__login .login__form__main .login__contents {
	width: 40%;
	font-size: 1.1em;
}
.page__confirmation__login .login__form__main .login__contents .contents__block+.contents__block {
	margin-top: 15px;
}
.page__confirmation__login .login__form__main .login__contents .contents__block .contents__title {
	font-weight: 600;
}
.page__confirmation__login .login__form__main .login__contents .contents__block .contents__box input[type="text"],
.page__confirmation__login .login__form__main .login__contents .contents__block .contents__box input[type="password"] {
	-webkit-appearance: none;
	width: 100%;
	font-size: 1.2em;
	border: 2px solid #828282;
	margin: 0;
	padding: .35em.5em;
}
.page__confirmation__login .login__form__main .login__contents .contents__block .contents__box input[type="text"]:focus {
	background-color: #e3f9ff;
}
.page__confirmation__login .login__form__main .login__contents .contents__block .contents__box input[type="text"].noLink {
	background-color: #f3f3f3;
	border-color: #cbcbcb;
}

.page__confirmation__login .login__form__link .info__text {
	display: flex;
	justify-content: center;
	background-color: #f3f3f3;
	padding: 15px;
}
/* screens smaller than 1200---------------------------------------------------------- */
@media only screen and (max-width:1200px) {
.page__confirmation__login .login__form__main .login__contents {
	width: 60%;
}
}
/* screens smaller than 1000---------------------------------------------------------- */
@media only screen and (max-width:1000px) {
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__confirmation__login .login__form__main .login__contents {
	width: 80%;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__confirmation__login .login__form__main .login__contents {
	width: 90%;
}
}



/******************************************************************/
/* 修了テスト | オンライン事前学習 */
/******************************************************************/
.contents__section.contents__page__move {
	margin-top: 20px;
}
.page__move__link {
	display: flex;
}
.page__move__link .btn__move__link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: .8em;
	font-weight: 600;
	color: #333;
	line-height: 1.3;
	text-decoration: none;
	background-color: #eafeff;
	border: 2px solid #00aebd;
	border-radius: .3em;
	margin: 2px;
	padding: .5em 0;
}
.contents__page__move+.contents__section {
	margin-top: 15px;
}
/* screens smaller than 1200---------------------------------------------------------- */
@media only screen and (max-width:1200px) {
.page__move__link .btn__move__link {
/*	font-size: .85em;*/
}
}
/* screens smaller than 1120---------------------------------------------------------- */
@media only screen and (max-width:1120px) {
.page__move__link {
	flex-wrap: wrap;
}
.page__move__link .btn__move__link {
	width: calc((100% - 30px) / 3);
	font-size: .9em;
	margin: 3px;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.page__move__link .btn__move__link {
	width: calc((100% - 20px) / 2);
	font-size: 1em;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.page__move__link .btn__move__link {
	width: calc((100% - 8px) / 2);
	font-size: .9em;
	margin: 5px 2px;
}
}



.page__confirmation__form .confirmation__main__block {
	border-top: 5px solid #00afbd;
}
.page__confirmation__form .confirmation__main__block+.confirmation__main__block {
	margin-top: 20px;
}
.page__confirmation__form .confirmation__main__block .quiz__title {
	display: flex;
	font-size: 1.1em;
	font-weight: 600;
	background-color: #f4f4f4;
	padding: 15px;
}
.page__confirmation__form .confirmation__main__block .quiz__title .num {
	display: flex;
	width: 2.4em;
}
.page__confirmation__form .confirmation__main__block .quiz__title .num > span {
	width: 100%;
	color: #fff;
	text-align: center;
	background-color: #009cc0;
	background-color: #212121;
}
.page__confirmation__form .confirmation__main__block .quiz__title .text {
	width: calc(100% - 2.4em);
	padding-left: 15px;
}

.page__confirmation__form .confirmation__main__block .quiz__contents {
	padding: 20px 15px;
}
.page__confirmation__form .confirmation__main__block .quiz__contents__block {
	display: flex;
	width: 100%;
}
.page__confirmation__form .confirmation__main__block .quiz__contents__box {
	display: flex;
	width: 100%;
	padding: 0 5px;
}
.page__confirmation__form .confirmation__main__block .quiz__contents__box .answer__box {
	display: flex;
	width: 100%;
	position: relative;
}
.page__confirmation__form .confirmation__main__block .quiz__contents__box .answer__box input {
	display: none;
}
.page__confirmation__form .confirmation__main__block .quiz__contents__box .answer__box label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: #fff;
	border: 2px solid #666;
	border-radius: .5em;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	padding: 1em .3em;
	transition: .2s;
}
.page__confirmation__form .confirmation__main__block .quiz__contents__box .answer__box label:hover {
	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
	-webkit-transform: translateY(-5%);
	transform: translateY(-5%);
}
.page__confirmation__form .confirmation__main__block .quiz__contents__box .answer__box > input:checked ~ label {
	background-color: #fffad6;
	border-color: #ff8300;
}


.page__confirmation__form .confirmation__main__block .quiz__contents__box .answer__box .icon__correct {
	display: none;
	justify-content: center;
	align-items: center;
	width: 1.1em;
	height: 1.1em;
	font-size: 2em;
	color: #666;
	line-height: 1;
	background-color: #fff;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 10;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.page__confirmation__form .confirmation__main__block .quiz__contents__box .answer__box.answer__true .icon__correct.true {
	display: flex;
	color: #00badf;
	border-color: #00badf;
}
.page__confirmation__form .confirmation__main__block .quiz__contents__box .answer__box.answer__false .icon__correct.false {
	display: flex;
	color: #df003f;
	border-color: #df003f;
}





.confirmation__question__area {
/*	background-color: #f4f4f4;*/
	border-top: 5px solid #00afbd;
}
.confirmation__question__area .question__area__title {
	font-size: 1.7em;
	font-weight: 600;
	line-height: 1.1;
	padding: 10px;
}

.confirmation__question__area .confirmation__question__block {
	background-color: #f4f4f4;
	padding: 10px;
}
.confirmation__question__area .confirmation__question__block+.confirmation__question__block {
	margin-top: 10px;
}
.confirmation__question__area .question__block__main {
	background-color: #fff;
	padding: 10px;
}
.confirmation__question__area .question__block__main .question__block__title {
	display: flex;
	align-items: center;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 10px;
	position: relative;
}
.confirmation__question__area .question__block__main .question__block__title .block__title__num {
	display: flex;
	align-items: center;
/*	width: 4em;*/
}
.confirmation__question__area .question__block__main .question__block__title .block__title__num > span {
	width: 100%;
	color: #fff;
	text-align: center;
	background-color: #333;
	padding: .15em 1em;
}
.confirmation__question__area .question__block__main .question__block__title .block__title__text {
/*	width: calc(100% - 4em);*/
	padding-left: .6em;
}
.confirmation__question__area .question__block__main .question__block__title .block__title__text .line {
	display: inline-block;
	background:linear-gradient(transparent 80%, #ffb4c5 80%);
	padding: 0 .2em;
}

.confirmation__question__area .question__block__main .question__choices__list {
/*	border: 5px solid #f4f4f4;*/
	padding: 0 10px 10px 10px;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__box {
	display: flex;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__box+.choices__list__box {
/*	margin-top: 10px;
	padding-top: 10px;*/
/*	border-top: 2px dashed #ccc;*/
}
.confirmation__question__area .question__block__main .question__choices__list .TF__box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.2em;
	font-size: 1.8em;
	line-height: 1;
	margin-right: 5px;
}
.confirmation__question__area .question__block__main .question__choices__list .TF__box .icon__correct {
/*	padding: 0 .4em 0 .2em;*/
}
.confirmation__question__area .question__block__main .question__choices__list .TF__box .icon__correct.true,
.confirmation__question__area .question__block__main .question__choices__list .TF__box .icon__correct.false {
	display: none;
}
.confirmation__question__area .question__block__main .question__choices__list .answer__true .TF__box .icon__correct.true,
.confirmation__question__area .question__block__main .question__choices__list .answer__false .TF__box .icon__correct.false {
	display: block;
}
.confirmation__question__area .question__block__main .question__choices__list .TF__box .icon__correct.true {
	color: #00bbcb;
}
.confirmation__question__area .question__block__main .question__choices__list .TF__box .icon__correct.false {
	color: #f00;
}

.confirmation__question__area .question__block__main .question__choices__list .choices__list__select {
	display: flex;
	width: calc(100% - 1.2em);
	border-bottom: 2px dashed #ccc;
	padding: .5em;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__select input[type=checkbox] {
	display: none;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__select .select__label {
	display: inline-flex;
	align-items: center;
	font-size: 1.2em;
	cursor: pointer;
/*	padding-left: 2.2em;*/
	position: relative;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__select .select__label .checkbox {
	width: 1.6em;
	height: 1.6em;
	border: 3px solid #999;
	border-radius: 4px;
	background-color: #fff;
	margin-right: .5em;
	position: relative;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__select input[type=checkbox]:checked + .select__label .checkbox::after {
	display: block;
	content: "";
	width: 1em;
	height: .5em;
	border-bottom: 4px solid;
	border-left: 4px solid;
	border-color:  #1dbde6;
	transform: rotate(-45deg);
	position: absolute;
	top: .3em;
	left: .13em;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__select .select__label .select__text {
	display: flex;
	align-items: baseline;
	width: calc(100% - 1.6em);
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__select .select__label:hover .select__text .text {
	text-decoration: underline;
/*	color: #b4f1ff;*/
/*	background:linear-gradient(transparent 70%, #b4f1ff 70%);*/
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__select .select__label .select__text .num {
	margin-right: .3em;
}





/******************************************************************/
/* 修了テスト 合格 / 不合格 | オンライン事前学習 */
/******************************************************************/
.confirmation__question__area .confirmation__question__block.passed__block .select__label,
.confirmation__question__area .confirmation__question__block.fail__block .select__label {
	pointer-events: none;
}

.confirmation__question__area .confirmation__question__block .mark__box {
	display: none;
	justify-content: center;
	width: 4em;
	color: #fff;
	background-color: #666;
	padding: .5em 0;
	margin-right: 10px;
}
.confirmation__question__area .confirmation__question__block.passed__block .mark__box,
.confirmation__question__area .confirmation__question__block.fail__block .mark__box {
	display: flex;
}
.confirmation__question__area .confirmation__question__block.passed__block .mark__box {
	background-color: #f05285;
}
.confirmation__question__area .confirmation__question__block.fail__block .mark__box {
	background-color: #004dde;
}

/*.confirmation__question__area .confirmation__question__block.passed__block .question__block__title,
.confirmation__question__area .confirmation__question__block.fail__block .question__block__title {
	padding-left: 3.5em;
}

.confirmation__question__area .confirmation__question__block.passed__block .mark__box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3em;
	height: 3em;
	font-size: 1em;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.confirmation__question__area .confirmation__question__block.passed__block .mark__box > span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-weight: 600;
	color: #fff;
	background-color: #333;
	border-radius: 100vh;
}*/




.passed .confirmation__question__area .question__block__main .question__answer__block {
	border: 5px solid #fecfde;
	padding: 10px;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .correct__answer__box {
	display: flex;
	align-items: center;
	font-size: 1em;
	line-height: 1;
	border-bottom: 2px solid #999;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .correct__answer__box .answer__title {
	display: flex;
	width: 4em;
	font-weight: 600;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .correct__answer__box .answer__title > span {
	width: 100%;
	color: #f05285;
	text-align: center;
	background-color: #fff;
	border: 2px solid #f05285;
	padding: .3em 0;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .correct__answer__box .answer__contents {
	width: calc(100% - 4em);
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1;
	padding: 0 15px;
}

.passed .confirmation__question__area .question__block__main .question__answer__block .explanation__answer__box {
	display: flex;
	align-items: flex-start;
	font-size: 1em;
	line-height: 1;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .explanation__answer__box .answer__title {
	display: flex;
	width: 4em;
	font-weight: 600;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .explanation__answer__box .answer__title > span {
	width: 100%;
	color: #497af0;
	text-align: center;
	background-color: #fff;
	border: 2px solid #497af0;
	padding: .3em 0;
}

.passed .confirmation__question__area .question__block__main .question__answer__block .explanation__answer__box .answer__contents {
	width: calc(100% - 4em);
	font-size: .85em;
	padding: 0 15px;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .explanation__answer__box .answer__contents ol {
	list-style-type: lower-alpha;
	padding-left: 1.2em;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .explanation__answer__box .answer__contents ol li {
	line-height: 1.4;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .explanation__answer__box .answer__contents ol li+li {
	margin-top: .7em;
}







.page__confirmation__form .confirmation__form__info.pass__fail .section__block {
	display: flex;
	justify-content: center;
	align-items: baseline;
	font-size: 2em;
	font-weight: 600;
	color: #fff;
	line-height: 1.1;
	background-color: #ccc;
	padding: .3em 0;
}
.page__confirmation__form .confirmation__form__info.pass__fail .section__block p {
	display: flex;
	justify-content: center;
	align-items: center;
}
.page__confirmation__form .confirmation__form__info.pass__fail .section__block p:before,
.page__confirmation__form .confirmation__form__info.pass__fail .section__block p:after
 {
	content: "";
	width: .8em;
	height: .8em;
	background-color: #ccc;
}
.page__confirmation__form .confirmation__form__info.pass__fail .section__block p:before {
	border-top: 6px solid #fff;
	border-left: 6px solid #fff;
	transform: rotate(-45deg);
}
.page__confirmation__form .confirmation__form__info.pass__fail .section__block p:after {
	border-top: 6px solid #fff;
	border-right: 6px solid #fff;
	transform: rotate(45deg);
}
.page__confirmation__form .confirmation__form__info.pass__fail .section__block p > span {
 	margin: 0 1em;
}

.page__confirmation__form .confirmation__form__info.pass__fail .section__block .passing__line {
	font-size: .9em;
	margin-left: 1em;
}

.page__confirmation__form .confirmation__form__info.pass__fail .section__block {
}
.page__confirmation__form.passed .confirmation__form__info.pass__fail .section__block {
	background-color: #f05285;
}
.page__confirmation__form.passed .confirmation__form__info.pass__fail .section__block p:before,
.page__confirmation__form.passed .confirmation__form__info.pass__fail .section__block p:after
 {
	background-color: #f05285;
}
.page__confirmation__form.unpassed .confirmation__form__info.pass__fail .section__block {
	background-color: #374860;
}
.page__confirmation__form.unpassed .confirmation__form__info.pass__fail .section__block p:before,
.page__confirmation__form.unpassed .confirmation__form__info.pass__fail .section__block p:after
 {
	background-color: #374860;
}

.page__confirmation__form .confirmation__main__block .quiz__contents__box .answer__box label {
	pointer-events: none;
}

.page__confirmation__form .confirmation__main__block.correct .quiz__contents {
	background-color: #d2f4fb;
}
.page__confirmation__form .confirmation__main__block.incorrect .quiz__contents {
	background-color: #ffe5ee;
}

/* screens smaller than 1200---------------------------------------------------------- */
@media only screen and (max-width:1200px) {

}
/* screens smaller than 1000---------------------------------------------------------- */
@media only screen and (max-width:1000px) {
.page__confirmation__form .confirmation__form__info.pass__fail .section__block {
	font-size: 1.8em;
}
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
.confirmation__question__area {
	border-top: 3px solid #00afbd;
}
.confirmation__question__area .question__area__title {
	font-size: 1.5em;
	padding: 10px 7px;
}
.confirmation__question__area .confirmation__question__block {
	padding: 7px;
}
.confirmation__question__area .question__block__main {
	padding: 7px;
}
.confirmation__question__area .question__block__main .question__block__title {
	font-size: 1.1em;
	margin-bottom: 7px;
}
.confirmation__question__area .question__block__main .question__choices__list {
	padding: 0 7px 7px 7px;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__box {
	font-size: .9em;
}
.confirmation__question__area .question__block__main .question__choices__list .TF__box {
	width: 1.1em;
	font-size: 1.6em;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__select {
	width: calc(100% - 1.1em);
	padding: .5em .3em;
}
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.confirmation__question__area .question__block__main .question__block__title {
	flex-wrap: wrap;
	font-size: 1.15em;
}
.page__confirmation__form .confirmation__form__info.pass__fail .section__block {
	font-size: 1.6em;
}
.confirmation__question__area .question__block__main .question__block__title .block__title__text {
	width: 100%;
	margin-top: 10px;
	padding-left: 0;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__select .select__label .checkbox {
	width: 1.5em;
	height: 1.5em;
	border: 2px solid #999;
	border-radius: 2px;
}
.confirmation__question__area .question__block__main .question__choices__list .choices__list__select input[type=checkbox]:checked + .select__label .checkbox::after {
	border-bottom: 3px solid;
	border-left: 3px solid;
	border-color: #1dbde6;
}

.passed .confirmation__question__area .question__block__main .question__answer__block {
	border: 3px solid #fecfde;
	padding: 5px;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .correct__answer__box {
	border-bottom: 1px solid #999;
	margin-bottom: 7px;
	padding-bottom: 7px;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .explanation__answer__box {
	display: block;
}
.passed .confirmation__question__area .question__block__main .question__answer__block .explanation__answer__box .answer__contents {
	width: 100%;
	font-size: 1em;
	padding: 10px;
}
}





.form__privacy__policy {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
/*.form__privacy__policy .form__privacy__main {
	background-color: #fff;
	border: 5px solid #f4f4f4;
	padding: 15px 20px;
}*/
.form__privacy__policy .privacy__policy__text p {
	font-weight: 600;
	text-align: center;
}

.form__privacy__policy .privacy__policy__info {
	display: flex;
	justify-content: center;
	font-size: .85em;
	margin-top: 15px;
}
.form__privacy__policy .privacy__policy__info .policy__info__main {
	display: flex;
/*	align-items: flex-start;*/
}
.form__privacy__policy .privacy__policy__info .policy__info__main .title {
	display: flex;
	align-items: center;
	font-size: .9em;
	font-weight: 600;
	color: #fff;
	background-color: #234e9c;
	padding: 0 .3em;
}
.form__privacy__policy .privacy__policy__info .policy__info__main .text {
	padding-left: 10px;
}

.form__privacy__policy .form__privacy__main {
	width: 80%;
	background-color: #fff;
	border: 5px solid #f4f4f4;
	padding: 15px 20px;
}
.form__privacy__policy .form__privacy__catch {
	font-size: 1.1em;
	font-weight: 600;
}
.form__privacy__policy .form__privacy__list {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}
.form__privacy__policy .form__privacy__list dt {
	font-weight: 600;
}
.form__privacy__policy .form__privacy__list dd+dt {
	margin-top: 1em;
}
.form__privacy__policy .form__privacy__list dd a {
	word-break: break-all;
}
/* screens smaller than 1200---------------------------------------------------------- */
@media only screen and (max-width:1200px) {
.form__privacy__policy .form__privacy__main {
	width: 100%;
}
}
/* screens smaller than 1000---------------------------------------------------------- */
@media only screen and (max-width:1000px) {
}
/* screens smaller than 768---------------------------------------------------------- */
@media only screen and (max-width:768px) {
}
/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
.form__privacy__policy {
	margin-bottom: 10px;
}
/*.form__privacy__policy .form__privacy__main {
	border: 3px solid #f4f4f4;
	padding: 10px 15px;
}*/
.form__privacy__policy .privacy__policy__info .policy__info__main {
	flex-direction: column;
	align-items: center;
}
.form__privacy__policy .privacy__policy__info .policy__info__main .text {
	padding-left: 0;
}
.form__privacy__policy .privacy__policy__info .policy__info__main .title {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding: .5em 1em;
}

.form__privacy__policy .form__privacy__list {
	margin-top: 10px;
}
}