@charset "UTF-8";

.bnr_wrapper{
	text-align: center;
	margin: 0 auto 30px;
}

.bnr_wrapper img{
	width:850px;
	height: auto;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
ul{margin:0;padding:0}img{border:0;vertical-align:top;width:100%;height:auto}a{text-decoration:none;color:#212121;transition:0.3s;-webkit-transition:0.3s;}em{font-style:normal}ul li{list-style-type:none;list-style-image:none}address{font-style:normal}
*{box-sizing: border-box;}
.sp_hide {
	display: none !important;
}
.en {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}





/* flex */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.flex {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-start {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.flex-end {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	 -ms-flex-direction: row-reverse;
		 flex-direction: row-reverse;
}
.flex-center {
	display: flex;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-justify {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通エリア */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.st-GlobalHeader {
	background: #fff;
	z-index: 103;
}
.layout-Top_ContentsHeader {
	background: #fff;
	position: relative;
	z-index: 102;
	border-bottom: 1px solid #e6e6e6;
}
.st-Breadcrumb {
    padding: 10px 0 10px;
	margin: 0;
}
.st-GlobalFooter {
	background: #fff;
	position: relative;
	z-index: 102;
}
.st-GlobalHeader_StatementImage.st-GlobalHeader_StatementImage {
	vertical-align: middle;
}
main {
	display: block;
}
main figure {
    margin: 0 !important;
}

/* border-area */
.border-area {
	width: 1028px;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateY(0) translateX(-50%);
	-webkit-transform: translateY(0) translateX(-50%);
	z-index: 1;
	pointer-events: none;
}
	.border-area span {
		width: 1px;
		height: 100vh;
		background: #ddd;
	}

/* inner */
.inner {
	width: 1028px;
	margin: 0 auto;
	position: relative;
}

/* txt */
.txt {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.8em;
}

/* red */
.red {
	color: #DF0522;
}

/* btn-link */
.btn-link {
	width: 140px;
	position: fixed;
	left: 15px;
	bottom: 15px;
	z-index: 10;
}
.btn-link.end {
	bottom: 140px;
}
	.btn-link a {
		display: block;
		border-radius: 50%;
		overflow: hidden;
	}
	.btn-link a:hover {
		padding-bottom: 10px;
	}

/* pagetop */
.pagetop {
	width: 100%;
	position: relative;
	z-index: 1;
}
	.pagetop a {
		height: 90px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #212121;
		font-size: 20px;
		font-size: 1.25rem;
		font-weight: 700;
		line-height: 1;
		color: #fff;
	}
	.pagetop a:hover {
		background: #DF0522;
	}

/* floating */
.floating {
	width: 220px;
	position: fixed;
	top: 73px;
	right: 0;
	z-index: 10;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.floating.is-animation {
	top: 0;
}
	.floating li {
		width: 50%;
	}
		.floating li a {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 56px;
			background: #DF0522;
			font-size: 14px;
			font-size: 0.875rem;
			color: #fff;
			text-align: center;
			line-height: 1;
		}
		.floating li:nth-child(1) a {
			border-right: solid 1px rgba(255,255,255,0.3);
			border-radius: 0 0 0 10px;
		}
		.floating li a:hover {
			color: rgba(255,255,255,0.6);
		}

/* title */
.title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 40px;
}
	.title h2 {
		font-size: 40px;
		font-size: 2.5rem;
		font-weight: 700;
		line-height: 1.3em;
		margin-right: 20px;
	}

	.title p {
		background: #F4F4F4;
		padding: 6px 10px;
		font-size: 14px;
		font-size: 0.875rem;
		position: relative;
	}
	.title p:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 8px 6px 0;
		border-color: transparent #F4F4F4 transparent transparent;
		position: absolute;
		top: 50%;
		left: -8px;
		margin-top: -6px;
	}
	.title.white p {
		background: #fff;
	}
	.title.white p:before {
		border-color: transparent #ffffff transparent transparent;
	}
		.title p span {
			font-size: 12px;
			font-size: 0.75em;
		}

/* popup-btn */
a.popup-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 205px;
	height: 50px;
	background: #fff url("../img/icon_plus_red.svg") no-repeat right 15px center;
	border-radius: 5px;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}
a.popup-btn:hover {
	color: #DF0522;
	background: #fff url("../img/icon_plus_red.svg") no-repeat right 12px center;
}

/* link-btn */
a.link-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 205px;
	height: 50px;
	background: #DF0522 url("../img/icon_arrow_white.svg") no-repeat right 15px center;
	border-radius: 5px;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.2em;
	color: #fff;
	text-align: center;
}
a.link-btn:hover {
	background: #DF0522 url("../img/icon_arrow_white.svg") no-repeat right 12px center;
}
a.link-btn.pdf {
	background: #DF0522 url("../img/icon_pdf.svg") no-repeat right 15px center;
}
a.link-btn.pdf:hover {
	background: #DF0522 url("../img/icon_pdf.svg") no-repeat right 12px center;
}
a.link-btn.off {
	height: 50px;
	background: #DF0522 none;
	color: rgba(255,255,255,0.7);
	pointer-events: none;
	text-indent: 0 !important;
}
	a.link-btn .small {
		font-size: 12px;
		font-size: 0.75rem;
	}

/* js_modalWrap */
.js_modalWrap {
  opacity: 0;
  z-index: -1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.js_modalWrap.active {
  animation: modalOpen 0.3s ease forwards;
}
.js_modalWrap.active2 {
  animation: modalClose 0.3s ease forwards;
}
.js_modalBG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}
.js_modalContInner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 900px;
  max-width: 90%;
  background: #fff;
  max-height: auto;
  padding: 50px;
}
.js_modalCont > * + * {
  margin-top: 10px;
}
.js_modalContInner > .js_modalClose + * {
  margin-top: 0;
}
.js_modalClose {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1001;
}
.js_modalClose::before,
.js_modalClose::after {
  content: "";
  background-color: #DF0522;
  position: absolute;
  top: -5px;
  right: 10px;
  width: 1px;
  height: 30px;
}
.js_modalClose::before {
  transform: rotate(45deg);
}
.js_modalClose::after {
  transform: rotate(-45deg);
}
@keyframes modalOpen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    z-index: 1000;
  }
}
@keyframes modalClose {
  0% {
    opacity: 1;
    z-index: 1000;
  }
  100% {
    opacity: 0;
  }
}
	.js_modalContInner h2 {
		font-size: 26px;
		font-size: 1.75rem;
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: 10px;
	}

	.js_modalContInner h3.state {
		font-size: 20px;
		font-size: 1.25rem;
		font-weight: 700;
		line-height: 1.3em;
		margin-top: 30px;
		margin-bottom: 10px;
	}

	.js_modalContInner ul.pht-list li {
		width: 23.5%;
		margin-right: 2%;
	}
	.js_modalContInner ul.pht-list li:nth-child(4n) {
		margin-right: 0;
	}

	.js_modalContInner table {
		width: 100%;
		border-collapse: collapse;
		margin-top: 20px;
	}
		.js_modalContInner table th {
			width: 120px;
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			font-size: 15px;
			font-size: 0.9375rem;
			font-weight: 500;
			text-align: center;
			padding: 15px 0;
		}

		.js_modalContInner table td {
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			padding: 15px 0;
			font-size: 14px;
			font-size: 0.875rem;
		}
			.js_modalContInner table td a {
				font-size: 13px;
				font-size: 0.8125rem;
				color: #DF0522;
				text-decoration: underline;
				word-break: break-all;
			}
			.js_modalContInner table td a.link-txt {
				font-size: 14px;
				font-size: 0.875rem;
				color: #DF0522;
				text-decoration: underline;
			}
			.js_modalContInner table td a.blank {
				padding-left: 14px;
				background: url("../img/icon_blank.svg") no-repeat left top 3px;
			}
			.js_modalContInner table td a:hover {
				text-decoration: none;
			}

	.js_modalContInner ul.flow {
		width: 100%;
		margin-top: 30px;
	}
		.js_modalContInner ul.flow li {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100px;
			background: #F7EFF0;
			padding: 0 10px;
			border-radius: 5px;
			position: relative;
		}
		.js_modalContInner ul.flow.column2 li {
			width: 48.5%;
		}
		.js_modalContInner ul.flow.column4 li {
			width: 23%;
		}
		.js_modalContInner ul.flow.column5 li {
			width: 18%;
		}
			.js_modalContInner ul.flow li .number {
				width: 100%;
				font-size: 13px;
				font-size: 0.8125rem;
				text-align: center;
				color: #DF0522;
				position: absolute;
				top: -10px;
				left: 0;
			}

			.js_modalContInner ul.flow li h3 {
				font-size: 14px;
				font-size: 0.875rem;
				font-weight: 700;
				text-align: center;
				line-height: 1.4em;
			}
				.js_modalContInner ul.flow li h3 span {
					font-size: 11px;
					font-size: 0.6875rem;
				}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* pagetitle */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.pagetitle {
	width: 100%;
	height: 280px;
	background: url("../img/pagetitle_pht.jpg") no-repeat center / cover;
	position: relative;
	z-index: 2;
}
	.pagetitle .head {
		font-size: 24px;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		margin-bottom: 8px;
		position: relative;
	}

	.pagetitle h1 {
		font-size: 40px;
		font-size: 2.5rem;
		font-weight: 700;
		line-height: 1.3em;
		position: relative;
		color: #fff;
	}

	.pagetitle .en {
		font-size: 60px;
		font-size: 3.75rem;
		font-weight: 700;
		line-height: 1;
		color: rgba(255,255,255,0.5);
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%) translateX(0);
		-webkit-transform: translateY(-50%) translateX(0);
		z-index: 0;
		margin-top: -20px;
	}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* field-training */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.field-training {
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}
	.field-training .read {
		text-align: center;
		margin-bottom: 80px;
	}


	.field-training .btn-thema {
		max-width: 500px;
		margin: 0 auto 90px auto;
		position: relative;
		z-index: 2;
	}
		.field-training .btn-thema a {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 70px;
			border-radius: 10px;
			background: #DF0522 url("../img/icon_pdf.svg") no-repeat right 20px center;
			font-size: 20px;
			font-size: 1.25rem;
			font-weight: 700;
			line-height: 1;
			color: #fff;
			text-align: center;
		}
		.field-training .btn-thema a:hover {
			background: #DF0522 url("../img/icon_pdf.svg") no-repeat right 15px center;
			color: rgba(255,255,255,0.7);
		}
			.field-training .btn-thema a .small {
				font-size: 12px;
				font-weight: 500;
				font-size: 0.75rem;
			}


	.field-training .thema .seek {
		background: #F4F4F4;
		padding: 45px 50px 40px 50px;
		position: relative;
		z-index: 2;
	}
		.field-training .thema .seek h2 {
			width: 100%;
			font-size: 24px;
			font-size: 1.5rem;
			text-align: center;
			position: absolute;
			top: -18px;
			left: 0;
		}

		.field-training .thema .seek dl {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin-bottom: 20px;
		}
			.field-training .thema .seek dl dt {
				width: 110px;
				font-size: 18px;
				font-weight: 700;
				font-size: 1.125rem;
				line-height: 1;
			}

			.field-training .thema .seek dl dd {
				width: -webkit-calc(100% - 110px);
				width: calc(100% - 110px);
			}
				.field-training .thema .seek dl dd .selectbox {
					width: 100%;
					display: inline-flex;
					align-items: center;
					position: relative;
					margin-bottom: 10px;
				}
				.field-training .thema .seek dl dd .selectbox::after {
					position: absolute;
					right: 15px;
					width: 10px;
					height: 7px;
					background: #535353;
					clip-path: polygon(0 0, 100% 0, 50% 100%);
					content: '';
					pointer-events: none;
				}
					.field-training .thema .seek dl dd .selectbox select {
						appearance: none;
						width: 100%;
						height: 50px;
						padding: .4em calc(.8em + 30px) .4em .8em;
						border: none;
						border-radius: 3px;
						background: #fff;
						color: #333333;
						font-size: 16px;
						font-size: 1.0rem;
						cursor: pointer;
					}

				.field-training .thema .seek dl dd .checkbox li {
					margin: 0 10px 10px 0;
				}
				.field-training .thema .seek dl dd .checkbox li:nth-last-child(1) {
					margin-right: 0;
				}
					.field-training .thema .seek dl dd .checkbox li input {
						clip: rect(1px, 1px, 1px, 1px);
						position: absolute;
					}
						.field-training .thema .seek dl dd .checkbox li label.cat{
							display: flex;
							justify-content: center;
							align-items: center;
							padding: 0 10px;
							min-width: 80px;
							height: 50px;
							margin-inline-start: 0;
							border-radius: 5px;
							font-size: 16px;
							font-size: 1.0rem;
							line-height: 1.4em;
							background: #fff;
							transition: all .2s;
							cursor: pointer;	
						}

						.field-training .thema .seek dl dd .checkbox li input[type="checkbox"]:checked + label{
							background: #DF0522;
							color: #fff;
						}

				.field-training .thema .seek dl dd .checkbox.and li {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					margin: 0 15px 15px 0;
				}
				.field-training .thema .seek dl dd .checkbox.and li:nth-last-child(1) {
					margin-right: 0;
				}
					.field-training .thema .seek dl dd .checkbox.and li input {
						position: relative;
						width: 18px;
						height: 18px;
						appearance: none;
						background: #FFFFFF;
						border: solid 1px #ddd;
						border-radius: 4px;
						box-shadow: 0 0 0 0 transparent;
						margin-right: 5px;
					}
					.field-training .thema .seek dl dd .checkbox.and li input:before {
						content: "";
						display: block;
						opacity: 0;
						position: absolute;
						top: 4px;
						left: 4px;
						width: 10px;
						height: 5px;
						border-left: 2px solid #DF0522;
						border-bottom: 2px solid #DF0522;
						transform: rotate(-45deg);
					}
					.field-training .thema .seek dl dd .checkbox.and li input[type="checkbox"]:checked:before{
						opacity: 1;
					}
						.field-training .thema .seek dl dd .checkbox.and li label.cat{
							display: block;
							padding: 0;
							min-width: auto;
							height: auto;
							margin-inline-start: 0;
							border-radius: 0;
							background: none;
						}

						.field-training .thema .seek dl dd .checkbox.and li input[type="checkbox"]:checked + label{
							background: none;
							color: #DF0522;
						}

		.field-training .thema .seek .reset-btn {
			width: 205px;
			margin: 0 auto;
		}
			.field-training .thema .seek .reset-btn input {
				width: 100%;
				height: 50px;
				background: #212121;
				border: none;
				border-radius: 5px;
				font-size: 15px;
				font-size: 0.9375rem;
				color: #fff;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			.field-training .thema .seek .reset-btn input:hover {
				background: #000;
			}


	.field-training .thema .cell {
		background: #fff;
		border: solid 1px #ddd;
		padding: 40px 50px;
		margin-top: 80px;
		position: relative;
		z-index: 2;
	}
		.field-training .thema .cell {
		}
		.field-training .thema .cell h2 {
			font-size: 24px;
			font-size: 1.5rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 20px;
		}

		.field-training .thema .cell .detail dl {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width: 49%;
			margin-right: 2%;
			border-top: dashed 1px #ddd;
			padding: 15px 0;
		}
		.field-training .thema .cell .detail dl:nth-child(2n) {
			margin-right: 0;
		}
		.field-training .thema .cell .detail dl:nth-last-child(1),
		.field-training .thema .cell .detail dl:nth-last-child(2),
		.field-training .thema .cell .detail dl:nth-last-child(3),
		.field-training .thema .cell .detail dl:nth-last-child(4),
		.field-training .thema .cell .detail dl:nth-last-child(5) {
			display: block;
			width: 100%;
			margin-right: 0;
		}
			.field-training .thema .cell .detail dl dt {
				display: block;
				width: 80px;
				height: 22px;
				border-radius: 10px;
				background: #F4F4F4;
				font-size: 12px;
				font-size: 0.75rem;
				color: #DF0522;
				line-height: 22px;
				text-align: center;
			}
			.field-training .thema .cell .detail dl dd {
				width: -webkit-calc(100% - 80px);
				width: calc(100% - 80px);
				margin-inline-start: 0;
				padding-left: 15px;
				font-size: 14px;
				font-size: 0.875rem;
			}
			.field-training .thema .cell .detail dl:nth-last-child(1) dt,
			.field-training .thema .cell .detail dl:nth-last-child(2) dt,
			.field-training .thema .cell .detail dl:nth-last-child(3) dt,
			.field-training .thema .cell .detail dl:nth-last-child(4) dt,
			.field-training .thema .cell .detail dl:nth-last-child(5) dt {
				display: inline-block;
				width: auto;
				padding: 0 15px;
				margin-bottom: 8px;
			}
			.field-training .thema .cell .detail dl:nth-last-child(1) dd,
			.field-training .thema .cell .detail dl:nth-last-child(2) dd,
			.field-training .thema .cell .detail dl:nth-last-child(3) dd,
			.field-training .thema .cell .detail dl:nth-last-child(4) dd,
			.field-training .thema .cell .detail dl:nth-last-child(5) dd {
				width: 100%;
				padding-left: 0;
			}
				.field-training .thema .cell .detail dl dd span {
					font-size: 12px;
					font-size: 0.75em;
				}

		.field-training .thema .cell .linkbtn {
			width: 205px;
			position: absolute;
			bottom: -25px;
			left: 50%;
			margin-left: -102.5px;
		}
			.field-training .thema .cell .linkbtn a {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 50px;
				background: #DF0522 url("../img/icon_blank_white.svg") no-repeat right 12px center;
				border-radius: 5px;
				font-size: 20px;
				font-size: 1.25rem;
				color: #fff;
			}
			.field-training .thema .cell .linkbtn a:hover {
				background: #DF0522 url("../img/icon_blank_white.svg") no-repeat right 9px center;
			}

	.field-training .thema .cell.not-found {
		display: none;
		text-align: center;
	}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* kv */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.kv {
	width: 100%;
	background: #F4F4F4 url("../img/kv_motif08.svg") no-repeat left 20% center;
	position: relative;
}
.kv:before {
	content: "";
	width: 80px;
	height: 112px;
	background: url("../img/kv_motif06.svg") no-repeat center / 100%;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: 160px;
}
	.kv .inner {
		background: url("../img/kv_motif07.svg") no-repeat center;
		height: 500px;
		z-index: 2;
	}
	.kv .inner:after {
		content: "";
		width: 92px;
		height: 92px;
		background: url("../img/kv_motif04.svg") no-repeat center / 100%;
		position: absolute;
		top: 230px;
		left: -90px;
	}
	.kv .inner:before {
		content: "";
		width: 140px;
		height: 115px;
		background: url("../img/kv_motif01.svg") no-repeat center top / 100%;
		position: absolute;
		bottom: 0;
		right: 0px;
	}
		.kv h1 {
			background: url("../img/kv_motif03.svg") no-repeat left 170px top 42px;
			display: inline-block;
			padding-top: 60px;
			font-size: 94px;
			font-size: 5.875rem;
			font-weight: 600;
			line-height: 1.3em;
			position: relative;
		}
		.kv h1:after {
			content: "";
			width: 36px;
			height: 44px;
			background: url("../img/kv_motif02.svg") no-repeat center / 100%;
			position: absolute;
			bottom: 25px;
			left: 210px;
		}
		.kv h1:before {
			content: "";
			width: 92px;
			height: 100px;
			background: url("../img/kv_motif05.svg") no-repeat center / 100%;
			position: absolute;
			top: 150px;
			right: -50px;
		}

		.kv .txt {
			width: 345px;
			position: absolute;
			bottom: 105px;
			left: 50%;
			margin-left: -230px;
		}

		.kv .ttl {
			font-size: 50px;
			font-size: 3.125rem;
			font-weight: 700;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			line-height: 1;
			position: absolute;
			top: 70px;
		}
		.kv .ttl01 {
			right: 98px;
		}
		.kv .ttl02 {
			right: 164px;
		}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* anchor */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.anchor {
	width: 100%;
	background: #F4F4F4;
	padding-bottom: 120px;
}
	.anchor ul {
		position: relative;
		z-index: 2;
	}
		.anchor ul li {
			width: 31%;
		}
			.anchor ul li a {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				height: 110px;
				padding: 0 35px 0 25px;
				background: #fff url("../img/anchor_arrow_red.svg") no-repeat right 20px center;
				border-bottom: 5px solid #D8D8D8;
			}
			.anchor ul li a:hover {
				border-bottom: 2px solid #D8D8D8;
			}
				.anchor ul li a .head {
					font-size: 20px;
					font-size: 1.25rem;
					font-weight: 700;
					line-height: 1.2em;
					margin-bottom: 6px;
				}
				.anchor ul li a .read {
					font-size: 12px;
					font-size: 0.750rem;
					line-height: 1.4em;
				}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* seminar */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.seminar {
	width: 100%;
	background: #F4F4F4;
	padding-bottom: 120px;
}
	.seminar .inner {
		z-index: 2;
	}
		.seminar .list .box {
			width: 48.5%;
			margin-right: 3%;
		}
		.seminar .list .box:nth-child(2n) {
			margin-right: 0;
		}
			.seminar .list .box .pht {
				position: relative;
			}
				.seminar .list .box .pht span {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 205px;
					height: 40px;
					background: #212121;
					font-size: 18px;
					font-size: 1.125rem;
					color: #fff;
					text-align: center;
					position: absolute;
					bottom: -20px;
					left: 0;
				}
				.seminar .list .box.off .pht span {
					background: #5D5D5D;
					color: #C6C6C6;
				}

			.seminar .list .box .text {
				padding: 38px 30px 0 30px;
			}
			.seminar .list .box.off .text {
				opacity: 0.7;
			}
				.seminar .list .box .text h3 {
					font-size: 26px;
					font-size: 1.625rem;
					font-weight: 700;
					line-height: 1.3em;
					margin-bottom: 5px;
				}
					.seminar .list .box .text h3 .en {
						font-size: 16px;
						font-size: 1rem;
						font-weight: 500;
						padding-left: 14px;
					}

				.seminar .list .box .text .txt {
					margin-bottom: 20px;
				}

		.seminar .bnr {
			background: #fff;
			padding: 10px;
		}
		.seminar .bnr a:hover {
			opacity: 0.6;
		}
			.seminar .bnr a.off {
				pointer-events: none;
			}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* course */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.course {
	width: 100%;
	background: #F4F4F4;
	padding-bottom: 120px;
}
	.course .inner {
		z-index: 2;
	}
		.course .list .box {
			background: #fff;
			margin-bottom: 50px;
		}
		.course .list .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			.course .list .box .text {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 50%;
				padding: 40px;
			}
				.course .list .box .text .txt-center {
					width: 100%;
				}
				.course .list .box .text .head {
					text-align: center;
				}
					.course .list .box .text .head span {
						display: inline-block;
						height: 30px;
						background: #212121;
						border-radius: 15px;
						padding: 0 10px;
						font-size: 14px;
						font-size: 0.875rem;
						color: #fff;
						line-height: 30px;
						margin-bottom: 12px;
					}

				.course .list .box .text h3 {
					font-size: 34px;
					font-size: 2.125rem;
					font-weight: 700;
					text-align: center;
					line-height: 1.2em;
					margin-bottom: 20px;
				}

				.course .list .box .text dl {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					width: 100%;
					margin-bottom: 12px;
				}
					.course .list .box .text dl dt {
						display: block;
						width: 80px;
						height: 22px;
						border-radius: 11px;
						background: #F4F4F4;
						font-size: 12px;
						font-size: 0.75rem;
						color: #DF0522;
						line-height: 22px;
						text-align: center;
					}
					.course .list .box .text dl dd {
						width: -webkit-calc(100% - 80px);
						width: calc(100% - 80px);
						margin-inline-start: 0;
						padding-left: 15px;
						font-size: 14px;
						font-size: 0.875rem;
					}

				.course .list .box .text ul.btn-list {
					width: 100%;
					margin-top: 25px;
				}
					.course .list .box .text ul.btn-list li {
						width: 48%;
					}
						.course .list .box .text ul.btn-list li a {
							width: 100%;
						}
						.course .list .box .text ul.btn-list li a.popup-btn {
							border: solid 1px #ddd;
						}


			.course .list .box .pht {
				width: 50%;
				overflow: hidden;
			}
				.course .list .box .pht img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* voice */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.voice {
	width: 100%;
	padding-top: 120px;
	padding-bottom: 100px;
}
	.voice .inner {
		z-index: 2;
	}
		.voice h3 {
			font-size: 26px;
			font-size: 1.625rem;
			text-align: center;
			line-height: 1.3em;
			margin-bottom: 30px;
		}


		.voice .list {
			position: relative;
		}
		.voice .list:before {
			content: "";
			width: 92px;
			height: 100px;
			background: url("../img/voice_motif.svg") no-repeat center / 100%;
			position: absolute;
			top: -60px;
			left: -45px;
		}
			.voice .list .box {
				width: 31%;
				background: #fff;
				border: solid 1px #707070;
				margin-right: 3.5%;
				margin-bottom: 3.5%;
			}
			.voice .list .box:nth-child(3n) {
				margin-right: 0;
			}
				.voice .list .box .text {
					padding: 25px;
				}
					.voice .list .box .text p {
						font-size: 15px;
						font-size: 0.9375rem;
					}

				.voice .list .box .profile {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					background: #F4F4F4;
					border-top: solid 1px #707070;
					padding: 15px 25px;
				}
					.voice .list .box .profile dt {
						width: 52px;
					}
					.voice .list .box .profile dd {
						width: -webkit-calc(100% - 52px);
						width: calc(100% - 52px);
						padding-left: 15px;
						font-size: 12px;
						font-size: 0.750rem;
						line-height: 1.4em;
						margin-inline-start: 0;
					}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* footer */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.global-Breadcrumb {
    background: #fff;
    position: relative;
    z-index: 8;
	border-top: solid 1px #ddd;
}
.global-Footer {
    background: #fff;
    position: relative;
    z-index: 8;
}
.global-Pagetop a {
    position: relative;
    z-index: 8;
}




/* 1028px */
@media screen and (max-width: 1028px) {



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通エリア */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* border-area */
.border-area {
	width: 90%;
}

/* inner */
.inner {
	width: 100%;
	padding: 0 5%;
}

/* txt */
.txt {
	font-size: 15px;
	font-size: 0.9375rem;
}

/* btn-link */
.btn-link {
	width: 120px;
}
.btn-link.end {
	bottom: 15px;
}

/* link-btn */
a.link-btn {
	width: 205px;
	height: 50px;
}

/* pagetop */
.pagetop a {
	height: 80px;
	font-size: 18px;
	font-size: 1.125rem;
}

/* floating */
.floating {
	top: 52px;
}

/* title */
.title {
	display: block;
	margin-bottom: 35px;
}
	.title h2 {
		font-size: 36px;
		font-size: 2.25rem;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.title p:before {
		border-width: 0 8px 12px 8px;
		border-color: transparent transparent #ffffff transparent !important;
		top: -12px;
		left: 20px;
		margin-top: 0;
	}

/* popup-btn */
a.popup-btn {
	width: 180px;
	height: 46px;
	font-size: 13px;
	font-size: 0.8125rem;
	justify-content: flex-start;
	text-align: left;
	padding-left: 10px;
}

/* link-btn */
a.link-btn {
	width: 180px;
	height: 46px;
	font-size: 13px;
	font-size: 0.8125rem;
	justify-content: flex-start;
	text-align: left;
	padding-left: 10px;
}
	a.link-btn .small {
		font-size: 10px;
		font-size: 0.625em;
	}

/* js_modalWrap */
.js_modalContInner {
  padding: 30px;
}
	.js_modalContInner h2 {
		font-size: 22px;
		font-size: 1.375rem;
	}

	.js_modalContInner h3.state {
		font-size: 17px;
		font-size: 1.0625rem;
	}

	.js_modalContInner table th {
		width: 100px;
		font-size: 14px;
		font-size: 0.875rem;
	}

	.js_modalContInner table td {
		font-size: 13px;
		font-size: 0.8125rem;
	}
		.js_modalContInner table td a {
			font-size: 12px;
			font-size: 0.750rem;
		}
		.js_modalContInner table td a.link-txt {
			font-size: 13px;
			font-size: 0.8125rem;
		}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* pagetitle */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.pagetitle {
	height: 230px;
}
	.pagetitle .head {
		font-size: 22px;
		font-size: 1.375rem;
	}

	.pagetitle h1 {
		font-size: 34px;
		font-size: 2.125rem;
	}

	.pagetitle .en {
		font-size: 50px;
		font-size: 3.125rem;
		right: 5%;
	}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* field-training */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.field-training {
	padding-top: 80px;
	padding-bottom: 80px;
}
	.field-training .read {
		margin-bottom: 70px;
	}


	.field-training .btn-thema {
		max-width: 400px;
		margin: 0 auto 80px auto;
	}
		.field-training .btn-thema a {
			height: 64px;
		}


	.field-training .thema .seek {
		padding: 45px 30px 30px 30px;
	}
		.field-training .thema .seek h2 {
			font-size: 22px;
			font-size: 1.375rem;
			top: -16px;
		}

			.field-training .thema .seek dl dt {
				width: 100px;
				font-size: 16px;
				font-size: 1rem;
			}

			.field-training .thema .seek dl dd {
				width: -webkit-calc(100% - 100px);
				width: calc(100% - 100px);
				margin-inline-start: 0;
			}
				.field-training .thema .seek dl dd .selectbox {
					margin-bottom: 10px;
				}
					.field-training .thema .seek dl dd .selectbox select {
						font-size: 15px;
						font-size: 0.9375rem;
					}

				.field-training .thema .seek dl dd .checkbox li {
					margin: 0 10px 10px 0;
				}
					.field-training .thema .seek dl dd .checkbox li label.cat{
						font-size: 15px;
						font-size: 0.9375rem;
					}

				.field-training .thema .seek dl dd .checkbox.and li {
					margin: 0 12px 12px 0;
				}
					.field-training .thema .seek dl dd .checkbox.and li input {
						width: 16px;
						height: 16px;
					}

		.field-training .thema .seek .reset-btn {
			width: 180px;
		}


	.field-training .thema .cell {
		padding: 40px 30px;
		margin-top: 60px;
	}
	.field-training .thema .cell.hide {
		display: none;
	}
		.field-training .thema .cell h2 {
			font-size: 20px;
			font-size: 1.25rem;
		}

		.field-training .thema .cell .detail dl dt {
			width: 76px;
			height: 20px;
			font-size: 11px;
			font-size: 0.6875rem;
			line-height: 20px;
		}
		.field-training .thema .cell .detail dl dd {
			width: -webkit-calc(100% - 76px);
			width: calc(100% - 76px);
			font-size: 13px;
			font-size: 0.8125rem;
		}

		.field-training .thema .cell .linkbtn {
			width: 180px;
			margin-left: -90px;
		}
			.field-training .thema .cell .linkbtn a {
				font-size: 18px;
				font-size: 1.125rem;
			}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* kv */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.kv {
	background: #F4F4F4 url("../img/kv_motif08.svg") no-repeat left 20% center;
}
.kv:before {
	width: 80px;
	height: 80px;
	top: 70px;
	left: auto;
	right: 20%;
	margin-left: 0;
}
	.kv .inner {
		background: url("../img/kv_motif07.svg") no-repeat center / 700px;
		height: 350px;
	}
	.kv .inner:after {
		width: 62px;
		height: 62px;
		top: 175px;
		left: -10px;
	}
	.kv .inner:before {
		width: 150px;
		height: 124px;
		right: 120px;
	}
		.kv h1 {
			background: url("../img/kv_motif03.svg") no-repeat left 170px top 50px / 20px;
			font-size: 66px;
			font-size: 4.125rem;
			line-height: 1.2em;
		}
		.kv h1:after {
			width: 26px;
			height: 32px;
			bottom: 15px;
			left: 150px;
		}
		.kv h1:before {
			width: 66px;
			height: 80px;
			top: 110px;
			right: -40px;
		}

		.kv .txt {
			width: 280px;
			font-size: 13px;
			font-size: 0.8125rem;
			line-height: 1.5em;
			bottom: 75px;
			left: 235px;
			margin-left: 0;
		}

		.kv .ttl {
			font-size: 32px;
			font-size: 2rem;
			top: 70px;
		}
		.kv .ttl01 {
			right: 20px;
		}
		.kv .ttl02 {
			right: 62px;
		}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* anchor */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.anchor {
	padding-bottom: 100px;
}
	.anchor ul li {
		width: 32%;
	}
		.anchor ul li a {
			height: 90px;
			padding: 0 35px 0 15px;
			background: #fff url("../img/anchor_arrow_red.svg") no-repeat right 15px center;
		}
			.anchor ul li a .head {
				font-size: 17px;
				font-size: 1.0625rem;
			}
			.anchor ul li a .read {
				font-size: 10px;
				font-size: 0.625rem;
			}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* seminar */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.seminar {
	padding-bottom: 80px;
}
	.seminar .list .box .pht span {
		width: 50%;
		height: 34px;
		font-size: 16px;
		font-size: 1rem;
		bottom: -17px;
	}

	.seminar .list .box .text {
		padding: 38px 20px 0 20px;
	}
		.seminar .list .box .text h3 {
			font-size: 22px;
			font-size: 1.375rem;
		}
			.seminar .list .box .text h3 .en {
				font-size: 13px;
				font-size: 0.8125rem;
			}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* course */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.course {
	padding-bottom: 80px;
}
	.course .list .box {
		margin-bottom: 40px;
	}
		.course .list .box .text {
			padding: 20px;
		}
			.course .list .box .text .head span {
				height: 26px;
				border-radius: 13px;
				font-size: 12px;
				font-size: 0.750rem;
				line-height: 26px;
			}

			.course .list .box .text h3 {
				font-size: 26px;
				font-size: 1.625rem;
				margin-bottom: 16px;
			}

			.course .list .box .text dl dt {
				width: 74px;
				height: 20px;
				border-radius: 10px;
				font-size: 11px;
				font-size: 0.6875rem;
				line-height: 20px;
			}
			.course .list .box .text dl dd {
				width: -webkit-calc(100% - 74px);
				width: calc(100% - 74px);
				padding-left: 10px;
				font-size: 13px;
				font-size: 0.8125rem;
			}

			.course .list .box .text ul.btn-list {
				margin-top: 20px;
			}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* voice */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.voice {
	padding-top: 80px;
	padding-bottom: 70px;
}
	.voice h3 {
		font-size: 24px;
		font-size: 1.5rem;
		margin-bottom: 25px;
	}


	.voice .list .box .text {
		padding: 20px;
	}
		.voice .list .box .text p {
			font-size: 14px;
			font-size: 0.875rem;
		}

	.voice .list .box .profile {
		padding: 12px 20px;
	}
		.voice .list .box .profile dt {
			width: 36px;
		}
		.voice .list .box .profile dd {
			width: -webkit-calc(100% - 36px);
			width: calc(100% - 36px);
			padding-left: 10px;
			font-size: 10px;
			font-size: 0.625em;
			line-height: 1.5em;
		}




}

	







/* max 767px */
@media screen and (max-width: 767px) {


.sp_hide {
	display: block !important;
}
.pc_hide {
	display: none;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通エリア */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* btn-link */
.btn-link {
	width: 80px;
}
	
/* pagetop */
.pagetop a {
	height: 60px;
}

/* floating */
.floating {
	width: 160px;
}
	.floating li a {
		height: 36px;
		font-size: 12px;
		font-size: 0.75em;
	}
	.floating li:nth-child(1) a {
		border-radius: 0 0 0 5px;
	}

/* title */
.title {
	margin-bottom: 30px;
}
	.title h2 {
		font-size: 30px;
		font-size: 1.875rem;
	}

	.title p {
		font-size: 13px;
		font-size: 0.8125rem;
	}

/* popup-btn */
a.popup-btn {
	width: 80%;
	height: 50px;
	margin: auto;
	background: #fff url("../img/icon_plus_red.svg") no-repeat right 8px center;
}
a.popup-btn:hover {
	background: #fff url("../img/icon_plus_red.svg") no-repeat right 8px center;
}

/* link-btn */
a.link-btn {
	width: 80%;
	height: 50px;
	margin: auto;
	background: #DF0522 url("../img/icon_arrow_white.svg") no-repeat right 8px center;
    font-size: 13px;
	font-size: 0.8125rem;
}
a.link-btn:hover {
	background: #DF0522 url("../img/icon_arrow_white.svg") no-repeat right 8px center;
}
a.link-btn.pdf {
	background: #DF0522 url("../img/icon_pdf.svg") no-repeat right 8px center;
}
a.link-btn.pdf:hover {
	background: #DF0522 url("../img/icon_pdf.svg") no-repeat right 8px center;
}

/* js_modalWrap */
.js_modalContInner {
	padding: 30px 30px 20px 30px;
	max-height: 90vh;
	max-height: 90dvh;
	overflow-y: scroll;
}
	.js_modalContInner h2 {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.js_modalContInner h3.state {
		font-size: 18px;
		font-size: 1.125rem;
		margin-top: 25px;
	}

	.js_modalContInner ul.pht-list li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.js_modalContInner ul.pht-list li:nth-child(2n) {
		margin-right: 0;
	}

	.js_modalContInner table th {
		display: block;
		width: 100%;
		border-bottom: none;
		text-align: left;
		padding: 15px 0 5px 0;
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.js_modalContInner table td {
		display: block;
		width: 100%;
		border-top: none;
		border-bottom: none;
		padding: 0 0 15px 0;
	}
		.js_modalContInner table td a.blank {
			background: url("../img/icon_blank.svg") no-repeat left top 1px;
		}

	.js_modalContInner ul.flow {
		display: block;
		margin-top: 30px;
	}
		.js_modalContInner ul.flow li {
			height: 60px;
			margin-bottom: 20px;
		}
		.js_modalContInner ul.flow.column2 li {
			width: 100%;
		}
		.js_modalContInner ul.flow.column4 li {
			width: 100%;
		}
		.js_modalContInner ul.flow.column5 li {
			width: 100%;
		}
			.js_modalContInner ul.flow li h3 br {
				display: none;
			}
			.js_modalContInner ul.flow li h3 span {
				padding-left: 8px;
				font-size: 10px;
				font-size: 0.625rem;
			}
	




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* pagetitle */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.pagetitle {
	height: 160px;
}
.pagetitle .inner {
	position: static;
}
	.pagetitle .head {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.pagetitle h1 {
		font-size: 28px;
		font-size: 1.75rem;
	}

	.pagetitle .en {
		font-size: 40px;
		font-size: 2.5rem;
		top: auto;
		right: auto;
		bottom: 0;
		left: 5%;
		transform: translateY(0) translateX(0);
		-webkit-transform: translateY(0) translateX(0);
	}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* field-training */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.field-training {
	padding-top: 60px;
}


.field-training .btn-thema {
	max-width: 100%;
	margin: 0 auto 70px auto;
}
	.field-training .btn-thema a {
		height: 54px;
		font-size: 16px;
		font-size: 1rem;
	}
		.field-training .btn-thema a .small {
			font-size: 10px;
			font-size: 0.625em;
		}


.field-training .thema .seek {
	padding: 35px 20px 20px 20px;
}
	.field-training .thema .seek h2 {
		font-size: 20px;
		font-size: 1.25rem;
	}
		.field-training .thema .seek dl {
			display: block;
			margin-bottom: 12px;
		}
			.field-training .thema .seek dl dt {
				width: 100%;
				font-size: 16px;
				font-size: 1rem;
				margin-bottom: 12px;
			}

			.field-training .thema .seek dl dd {
				width: 100%;
			}
				.field-training .thema .seek dl dd .selectbox select {
					height: 44px;
					font-size: 14px;
					font-size: 0.875rem;
				}

				.field-training .thema .seek dl dd .checkbox li label.cat{
					height: 44px;
					font-size: 14px;
					font-size: 0.875rem;
				}

				.field-training .thema .seek dl dd .checkbox.and li input {
					margin-top: -2px;
				}

		.field-training .thema .seek .reset-btn {
			width: 60%;
			margin: 0 auto;
		}
			.field-training .thema .seek .reset-btn input {
				height: 44px;
				font-size: 14px;
				font-size: 0.875rem;
			}


.field-training .thema .cell {
	padding: 20px 20px 30px 20px;
	margin-top: 60px;
}
.field-training .thema .cell.not-found {
	padding: 20px;
}
	.field-training .thema .cell h2 {
		font-size: 17px;
		font-size: 1.0625rem;
		line-height: 1.4em;
		margin-bottom: 15px;
	}

	.field-training .thema .cell .detail {
		display: block;
	}
		.field-training .thema .cell .detail dl {
			width: 100%;
			margin-right: 0;
			display: block;
			padding: 15px 0 10px 0;
		}
			.field-training .thema .cell .detail dl dt {
				width: 100%;
				height: auto;
				background: none;
				font-size: 13px;
				font-size: 0.8125rem;
				line-height: 1;
				text-align: left;
				margin-bottom: 5px;
			}
			.field-training .thema .cell .detail dl:nth-last-child(1) dt,
			.field-training .thema .cell .detail dl:nth-last-child(2) dt,
			.field-training .thema .cell .detail dl:nth-last-child(3) dt,
			.field-training .thema .cell .detail dl:nth-last-child(4) dt,
			.field-training .thema .cell .detail dl:nth-last-child(5) dt {
				display: block;
				width: 100%;
				padding: 0;
				margin-bottom: 5px;
			}
			.field-training .thema .cell .detail dl dd {
				width: 100%;
				font-size: 14px;
				font-size: 0.875em;
				padding: 0;
			}
				.field-training .thema .cell .detail dl dd span {
					font-size: 10px;
					font-size: 0.625em;
				}

	.field-training .thema .cell .linkbtn {
		width: 80%;
		left: 10%;
		margin-left: 0;
	}
		.field-training .thema .cell .linkbtn a {
			font-size: 16px;
			font-size: 1rem;
		}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* kv */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.kv {
	background: #F4F4F4 url("../img/kv_motif08.svg") no-repeat left 20% center / 400px;
}
.kv:before {
	display: none;
}
	.kv .inner {
		background: url("../img/kv_motif07.svg") no-repeat center / 500px;
		height: auto;
	}
	.kv .inner:after {
		width: 82px;
		height: 82px;
		top: 175px;
		left: auto;
		right: 5%;
	}
	.kv .inner:before {
		display: none;
	}
		.kv h1 {
			padding-top: 40px;
			background: url("../img/kv_motif03.svg") no-repeat left 115px top 24px / 20px;
			font-size: 46px;
			font-size: 2.875rem;
			line-height: 1.2em;
			margin-bottom: 15px;
		}
		.kv h1:after {
			width: 26px;
			height: 32px;
			bottom: 12px;
			left: 115px;
		}
		.kv h1:before {
			width: 46px;
			height: 60px;
			top: 78px;
			right: -35px;
		}

		.kv .txt {
			width: 100%;
			line-height: 1.7em;
			position: static;
			margin-top: 15px;
			padding-bottom: 30px;
		}

		.kv .ttl {
			font-size: 28px;
			font-size: 1.75rem;
			position: static;
			writing-mode: horizontal-tb;
			margin-bottom: 5px;
		}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* anchor */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.anchor {
	padding-bottom: 70px;
}
	.anchor ul {
		display: block;
	}
		.anchor ul li {
			width: 100%;
			margin-bottom: 10px;
		}
		.anchor ul li:nth-last-child(1) {
			margin-bottom: 0;
		}
			.anchor ul li a {
				height: 76px;
				padding: 0 45px 0 15px;
				background: #fff url("../img/anchor_arrow_red.svg") no-repeat right 20px center;
			}
				.anchor ul li a .head {
					margin-bottom: 4px;
				}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* seminar */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.seminar {
	padding-bottom: 60px;
}
	.seminar .list {
		display: block;
	}
		.seminar .list .box {
			width: 100%;
			margin-right: 0;
			margin-bottom: 35px;
		}
		.seminar .list .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			.seminar .list .box .text {
				padding: 34px 0 0 0;
			}
	
			.seminar .list .box .text .txt {
				margin-bottom: 15px;
			}

	.seminar .bnr {
		padding: 5px;
	}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* course */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.course {
	padding-bottom: 60px;
}
	.course .list .box {
		display: block;
		margin-bottom: 35px;
	}
		.course .list .box .text {
			width: 100%;
			padding: 20px;
		}
			.course .list .box .text h3 {
				font-size: 22px;
				font-size: 1.375rem;
			}


		.course .list .box .pht {
			aspect-ratio: 16 / 9;
			width: 100%;
		}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* voice */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.voice {
	padding-top: 60px;
	padding-bottom: 50px;
}
	.voice h3 {
		font-size: 22px;
		font-size: 1.375rem;
		margin-bottom: 20px;
	}
	
	.voice .list {
		display: block;
	}
	.voice .list:before {
		width: 82px;
		height: 90px;
		top: -54px;
		left: -45px;
	}
		.voice .list .box {
			width: 100%;
			margin-right: 0;
			margin-bottom: 20px;
		}
			.voice .list .box .profile dd {
				padding-left: 12px;
				font-size: 12px;
				font-size: 0.75em;
				line-height: 1.5em;
			}

	
	



}