@charset "UTF-8";

.r { text-align: right; }
.c { text-align: center; }
.l { text-align: left; }

input, 
textarea, 
select { 
	padding: 4px;
	border: 1px solid #888888;
	margin-bottom: 3px;
}

input:invalid,
select:invalid,
textarea:invalid {
	background: #FFBBBB;
}

input:disabled,
select:disabled,
textarea:disabled {
	background: #DDDDDD;
}

textarea { 
	line-height: 1.3;
}

h2 {
	min-height: 80px;
	margin: 20px auto 0px auto;
	background-image: url(/img/h2bg_pc.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
}

h2 span {
	display: block;
	padding: 15px 0px 15px 15px;
	font-size: 31px;
	font-weight: normal;
	text-align: left;
}

h3 {
	margin: 10px auto;
	text-align: center;
	padding: 3px 0px 0px 0px;
	background-image: url(/img/h3bg_pc.png);
}

h3 span {
	display: block;
	margin: 0px auto;
	text-align: center;
}

h3 span,
h3 span a {
	font-size: 20px;
	font-weight: normal;
	color: #FAFAFA;
	text-decoration: none;
}

h4 {
	
}

h4 span {
	display: block;
	margin: 0px auto;
	font-size: 20px;
}

h5 {
	display: block;
	font-size: 17px;
	margin-top: 40px;
}

button[type="button"],
button[type="submit"] {
	border: none;
	width: 180px;
	height: 30px;
	background: #0087a6;
	color: #FFFFFF;
	font-size: 16px;
}

button[type="button"][disabled],
button[type="submit"][disabled] {
	background: rgba(0, 135, 166, 0.33);
	color: rgba(255, 255, 255, 0.33);
}

.dButton {
	margin-bottom: 20px;
}

article {
	width: 100%;
	margin: 30px auto;
	word-break: break-all;
	display: block;
	text-align: left;
}

article:after {
	content: " ";
	display: block;
	clear: both;
}

article img {
	max-width: 100%;
	height: auto;
}

article p {
	margin: 5px auto 7px auto;
	line-height: 150%;
}

article ul,
article ol {
	margin: 10px 0px 10px 28px;
}

article ul,
article ol,
article dl {
	line-height: 175%;
}

article dl:after {
	content: " ";
	display: block;
	clear: both;
}

article hr {
	margin: 20px;
	height: 1px;
	border: none;
	border-top: 1px #DCE6FC solid;
}

.topicdate {
	display: block;
	text-align: right;
	font-size: 90%;
	margin: 0px 0px 10px 0px;
}

.bilst dl * {
	margin: 0;
	padding: 0;
}

.bilst dt ul,
.bilst dd ul {
	list-style-type: none;
}

.bilst dl { 
	margin-top: 10px;
	width: calc(100% - 2px);
	border: 1px solid #219699;
}

.bilst dt {
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(/img/icon_training.svg);
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.bilst dt ul li {
	display: block;
}

.bilst dt ul li:nth-of-type(1) {
	line-height: 40px;
	font-size: 20px;
	font-weight: 500;
	padding-left: calc(40px + 15px);
}

.bilst dt ul li:nth-of-type(2) {
	
}

.bilst dt ul li:nth-of-type(3) {
	clear: both;
	width: calc(100% - 10px - 10px);
	font-size: 15px;
	line-height: 135%;
	padding: 5px 10px;
	background: #219699;
	color: #FFFFFF;
}

.bilst dd {
	width: calc(100% - 10px - 10px);
	padding: 0px 10px;
	background: #E4E4E4;
	color: #000000; /* #0087a6; */
}

.faqdl {
	margin: 0px 0px 0px 30px;
}

.faqdl dt {
	clear: both;
	width: 100% !important;
	margin-top: 10px;
}

.faqdl dt::first-letter {
	font-size: 1.5rem;
	padding-right: 10px;
	font-weight: bold;
	color: #E64E00;
}

.faqdl dt p {
	width: calc(100% - 20px - 1rem);
	margin-top: 6px;
	float: right;
}

.faqdl dd {
	clear: both;
	width: 100% !important;
	margin-left: 20px;
	margin-bottom: 40px;
}

.faqdl dd::first-letter {
	font-size: 1.5rem;
	padding-right: 10px;
	font-weight: bold;
	color: #004EE6;
	float: left;
}

.faqdl dd div {
	width: calc(100% - 20px - 1rem);
	float: right;
}

#tabzone {
	margin: 0px 0px 0px 0px;
	position: relative;
}

#tabzone a {
	text-decoration: none;
}

#tabzone hr {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 1px;
	border: none;
	border-top: 1px #006bb4 solid;
	position: absolute;
	top: 36px;
	z-index: 1;
}

.tabbtn {
	display: none;
}

.tabitm h4.h4half {
	display: block;
	width: calc(50% - 2px);
	height: 28px;
	line-height: 28px;
	text-align: center;
	float: left;
	background: #80abb2;
	color: #FFFFFF;
	border-top: 1px solid #80abb2;
	border-left: 1px solid #80abb2;
	border-right: 1px solid #80abb2;
	border-bottom: 1px solid #005766;
	position: relative;
	z-index: 2;
}

.tabitm h4:hover {
	cursor: pointer;
}

input:checked + .tabitm h4 {
	border-top: 1px solid #005766;
	border-left: 1px solid #005766;
	border-right: 1px solid #005766;
	border-bottom: 1px solid #FFFFFF;
	background: #FFFFFF;
	color: #000000;
}

.tabcnt {
	display: none;
	padding: 0;
	clear: both;
	overflow: hidden;
}

#tab1:checked ~ #view1,
#tab2:checked ~ #view2 {
	display: block;
}

#view1,
#view2 {
	margin: 0px 0px;
}

.tabcnt div,
.tabcnt table,
.tabcnt dl,
.tabcnt ul,
.tabcnt ol {
	margin-left: 17px;
	margin-bottom: 15px;
}

.tabcnt time {
	padding: 20px 0px 0px 0px;
}

.rtdl * {
	margin: 0px;
	padding: 0px;
}

.rtdl dt {
	display: inline;
	width: 6rem;
	font-size: 13px;
	text-align: center;
	background: #002bb3;
	color: #FFFFFF;
}

.rtdl dd {
	display: inline;
	padding-left: 1rem;
}

.dlul {
	list-style-type: none;
}

.dlul li {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 2px 30px;
	border-bottom: 1px solid #005766;
	background-size: 1rem auto; 
	background-repeat: no-repeat;
}

#inqform select,
#inqform input[type="text"],
#inqform input[type="mail"],
#apmform select,
#apmform input[type="text"],
#apmform input[type="mail"] {
	width: calc(100% - 4px - 1px - 1px - 4px);
}

#apmform .att { color: #ea3323; }

#inqform textarea {
	width: calc(100% - 4px - 1px - 1px - 4px);
	height: calc(1.3em * 10);
}

.crsform { margin: 0px auto; }
.crsform * { font-size: 16px; }
.crsform p { text-align: center; margin: 20px auto 0px auto; }
.crsform blockquote:nth-of-type(1) { text-align: center; font-size: 125%; margin: 10px auto; }
.crsform blockquote:nth-of-type(2) { padding: 10px 2rem; }
.crsform dl label, .crsform blockquote label { white-space: nowrap; }
.crsform dl label.nw { white-space: normal; display: block; text-indent: -2.5rem; padding-left: 2.5rem; padding-right: 0rem; }
.crsform .att { font-size: 12px; color: #ea3323; }
.crsform .sml { font-size: 12px; color: #000000; }
.crsform .dis { color: #AAAAAA; }
.crsform .gray { color: #777777; }
.crsform .dtlb { color: #0057b4; }
.crsform .l100 { line-height: 100%; margin-bottom: 5px; }
.crsform .idx2 { padding-left: 2rem; }
.crsform div.att { margin: 0px; padding: 0px; line-height: 115%; }
.crsform h4 { clear: left; font-size: 125%; color: #0000E6; font-weight: normal; border-bottom: 1px solid #0000E6; margin-top: 20px; }
.crsform h4 span.att { display: inline; text-align: left; padding-left: 2em; white-space: nowrap; }
.crsform ol, .crsform ul { line-height: 110%; }
.crsform ol li, .crsform ul li { margin-bottom: 5px; }
.crsform dl  {  }
.crsform dt { margin: 14px 0px 0px 0px; }
.crsform dd { margin: 10px 0px 0px 0px; }
.crsform dt { display: block; clear: none; float: left; text-align: right; color: #0057b4; line-height: 125%; }

.crsform dt span {
	display: block;
}

.crsform dt span::after {
	content: "：";
	color: transparent
}

.crsform dt span:nth-of-type(1)::after {
	color: #0057b4;
}

.crsform dt.clear { clear: left; }
.crsform dd  { display: block; float: left !important; }
.crsform dt.ill1 { color: #000000; text-align: center !important; line-height: 133%; }
.crsform dd.ill1 { width: calc(100% - 620px); background: #F15a24; text-align: center; }
.crsform dd.ill1 label { font-size: 120%; letter-spacing: 0.25rem; color: #FFFFFF; line-height: 340%; }
.crsform dd.ill1 label:hover { background: #e14a14; } 
.crsform dd input[type="text"], 
.crsform dd input[type="number"], 
.crsform dd input[type="date"], 
.crsform dd input[type="file"], 
.crsform dd select,
.crsform dd textarea { width: calc(100% - 1.25rem); padding: 0.25rem 0.5rem; }
.crsform dd textarea { line-height: 1.25rem; }
.crsform dd input.rem01, .crsform dd select.rem01 { width:  1rem; }
.crsform dd input.rem02, .crsform dd select.rem02 { width:  2rem; }
.crsform dd input.rem03, .crsform dd select.rem03 { width:  3rem; }
.crsform dd input.rem04, .crsform dd select.rem04 { width:  4rem; }
.crsform dd input.rem05, .crsform dd select.rem05 { width:  5rem; }
.crsform dd input.rem06, .crsform dd select.rem06 { width:  6rem; }
.crsform dd input.rem07, .crsform dd select.rem07 { width:  7rem; }
.crsform dd input.rem08, .crsform dd select.rem08 { width:  8rem; }
.crsform dd input.rem09, .crsform dd select.rem09 { width:  9rem; }
.crsform dd input.rem10, .crsform dd select.rem10 { width: 10rem; }

.crsform dd input.rem-4, .crsform dd select.rem-4 { width: calc(100% - 4rem); }

.crsform dd.none { display: none; }

.crsform dd div.attp {
	background: #FFF4F4;
	padding: 0.5rem 1rem 0.5rem 1rem;
	border-left: 5px solid #FFAAAA;
	margin-left: 1rem;
}

.crsform label.indent1 { 
	display: inline-block;
	white-space: normal;
	text-indent: -2.5rem;
	padding-left: 2.5rem;
}

.crsform label:hover {
	background: #EEEEFF;
}

.crsform label.indent1 span {
	padding-left: .5rem;
}

.crsform .ico {
	font-size: 12px;
	background-repeat: no-repeat;
	background-size: 13px 13px;
	background-position: center left 3px;
	padding: 0px 2px 0px 16px;
}

.crsform .nolabelwrap label {
	white-space: normal !important;
}

.crsform #rdo7402 { display: none; margin: 10px 0px 0px 20px;  }
.crsform #rdo7402 p { text-align: left !important; margin: 0px; }
.crsform #chk7402 { display: none; margin: 15px 0px 0px 0px; background: #FFEEEE; border-radius: 7px; border: 1px solid #880000; padding: 10px 15px; }
.crsform #chk7402 ul { list-style-type: none; margin: 0px 0px 0px 1rem !important; }
.crsform #chk7402 li { margin: 15px 0px; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* pc */
@media all and (min-width: 901px) {
	article {
		width: 861px;
		padding: 7px 20px;
		margin: 0px auto;
	}
	
	#tpath {
		display: none;
	/*	margin: 7px auto 0px;	*/
	}
	
	#tpath,
	#tpath a {
		font-size: 12px;
		color: #000;
		text-decoration: none;
	}
	
	h2 {
		width: 901px;
	}
	
	h3 span {
		width: 901px;
	}
	
	h4 span {
		width: 901px;
		text-align: left;
	}
	
	h5 {
		width: 901px;
	}
	
	article dt {
		clear: left;
		width: 170px;
		display: block;
		float: left;
	}
	
	article dd {
		width: calc(100% - 170px - 20px);
		margin-left: 190px;
		display: block;
	}
	
	.bizinfor {
		width: 250px;
		height: auto;
		float: right;
		margin: 0px 0px 15px 15px;
	}
	
	.bilst dt ul li:nth-of-type(1) {
		width: calc(100% - 180px - 5px - 40px - 15px);
		height: 40px;
		float: left;
	}
	
	.bilst dt ul li:nth-of-type(2) {
		width: calc(180px - 0px);
		height: calc(40px - 5px);
		padding: 5px 5px 0px 0px;
		float: right;
	}
	
	.bilst dd ul li {
		display: inline;
	}
	
	.bilst dd ul li:nth-of-type(1):after {
		content: "　/　";
	}
	
	.feepc {
		width: calc(100% - 17px - 3px);
		background: #777777;
		border-spacing: 1px;
	}
	
	.feepc th,
	.feepc td {
		padding: 4px;
		text-align: center;
		font-weight: normal;
	}
	
	.feepc th {
		background: #666666;
		color: #FFFFFF;
	}
	
	.feepc td {
		background: #CCCCCC;
	}
	
	.feesp {
		display: none;
	}
	
	.dlul li {
		background-position: 5px 5px;
	}
	
	.grppc {
		width: calc(100% - 17px);
		border-spacing: 0px;
	}
	
	.grppc th,
	.grppc td {
		padding: 4px;
		border-bottom: 1px solid #005766;
	}
	
	.grppc th {
		font-weight: normal;
		font-size: 13px;
		color: #005766;
		text-align: left;
	}
	
	.grpsp {
		display: none;
	}
	
	.bibtns {
		margin-top: 40px;
	}
	
	.bibtns div {
		width: 50%;
		float: left;
		text-align: center;
	}
	
	#inqform dt,
	#inqform dd {
		padding-top: 7px;
	}
	
	#apmform dt,
	#apmform dd {
		margin-top: 15px;
	}
	
	#apmform dt {
		float: none; 
		width: 100%; 
		background: #F8F8F8; 
		text-indent: .5rem;
	}
	
	.timg {
		width: 400px;
		height: auto;
		float: right;
		margin: 0px 0px 10px 10px;
	}
	
	.crsform { width: 800px; }
	.crsform dl label, .crsform blockquote label { padding-right: 2rem; }
	.crsform label.indent1 { padding-right: 0rem; }
	.crsform dd.ill1 label { padding-right: 0rem; }
	.crsform dt  { width: 170px; }
	.crsform dd  { width: calc(100% - 170px); }
	.crsform dd.half { width: calc(50% - 170px); }
	.crsform dt.ill1 { width: 620px;  }
	.crsform dd.ill1 { width: calc(100% - 620px);  }
	.crsform dt.huge { width: 100%; text-align: left; }
	.crsform dd.huge { width: calc(100% - 170px); margin-left: 170px; }
	.crsform dt.long { width: 340px; }
	.crsform dd.long { width: calc(100% - 340px);  }
	.crsform dd textarea { height: 1.25rem; }
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* sp */
@media all and (max-width: 900px) {
	article {
		width: calc(100% - 10px - 10px);
		padding: 7px 10px;
	}
	
	#tpath {
		display: none;
	}
	
	h2 {
		width: 100%;
	}
	
	h3 span {
		width: 100%;
	}
	
	h4 span {
		width: 100%;
		text-align: center;
	}
	
	h5 {
		text-align: center;
		background: rgba(128, 171, 178, 0.15);
	}
	
	article dt {
		font-weight: bold;
	}
	
	article dd {
		margin-left: 10px;
	}
	
	iframe {
		width: 100%;
		height: 300px;
	}
	
	.bilst dt ul li:nth-of-type(2) {
		text-align: right;
		margin: 0px 5px 5px 0px;
	}
	
	.bilst dd ul li {
		margin-left:  5.0em;
		text-indent: -5.0em;
	}
	
	.feepc {
		display: none;
	}
	
	.feesp {
		
	}
	
	.dlul li {
		background-position: 5px 15px;
	}
	
	.dlul li span {
		display: block;
		padding-left: 5px;
	}
	
	.grppc {
		display: none;
	}
	
	.grpsp {
		padding: 4px;
		border-bottom: 1px solid #005766;
	}
	
	.grpsp * {
		margin: 0px;
		padding: 0px;
	}
	
	.grpsp dt {
		clear: left;
		width: 4rem;
		float: left;
	}
	
	.grpsp dd {
		width: calc(100% - 4rem);
		margin-left: 4rem;
	}
	
	.bibtns {
		margin-top: 20px;
	}
	
	.bibtns div {
		margin-top: 20px;
		text-align: center;
	}
	
	.crsform { width: 100%; }
	.crsform dl label, .crsform blockquote label { padding-right: 1rem; }
	.crsform dt.ill1 { margin-bottom: 10px; }
	.crsform dd.ill1 label { padding-right: 0rem; }
	.crsform dt  { width: 100px; }
	.crsform dt span::before { content: "　\A"; white-space: pre; }
	.crsform dd  { width: calc(100% - 100px); }
	.crsform blockquote label,
	.crsform dt,
	.crsform dt span, 
	.crsform dd,
	.crsform dd span,
	.crsform dd label { font-size: 11px; }
	.crsform p label { font-size: 13px; }
	.crsform dt.ill1 { width: 100%; text-align: left; }
	.crsform dd.ill1 { width: calc(100% - 40px); margin: 0px 20px; }
	.crsform dt.huge { width: 100%; text-align: left;  }
	.crsform dd.huge { margin-left: 100px;  }
	.crsform dt.long { width: 100%; text-align: left;  }
	.crsform dd.long { margin-left: 100px;  }
	.crsform dd span { white-space: nowrap; }
	.crsform dd textarea { height: calc(1.25rem * 3); }
}