@charset "shift_jis";
/* Updated 2023/04/03.T */
/* Updated 2022/09/02.T */
/******************************
Components
******************************/
/* fonts */
@font-face {
	font-family: noto-sans;
	src: url(/hojin/cmn/fonts/Noto_Sans_JP/NotoSansJP-Regular.otf);
}
@font-face {
	font-family: noto-sans;
	font-weight: bold;
	font-style: normal;
	src: url(/hojin/cmn/fonts/Noto_Sans_JP/NotoSansJP-Bold.otf);
}
@font-face {
	font-family: roboto;
	src: url(/hojin/cmn/fonts/Roboto/RobotoCondensed-Regular.ttf);
}
@font-face {
	font-family: roboto;
	font-weight: bold;
	font-style: normal;
	src: url(/hojin/cmn/fonts/Roboto/RobotoCondensed-Bold.ttf);
}
/* base styles */
header[role=banner] #headerGroup ul {
	max-width: 1046px;
	width: 100%;
	box-sizing: border-box;
}
#wrap {
	font-family: noto-sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#wrap #mainArea {
	margin: 0 auto;
	font-size: 1.6rem;
}
#wrap #mainArea main {
	width: auto;
	word-break: normal;
}
#wrap #mainArea.-full {
	width: auto;
}
#wrap #mainArea.-full .main-inner {
	width: 1008px;
	margin: 0 auto;
}

#topicPath {
	padding: 12px 0;
	background: #fff;
}
#topicPath a {
	text-decoration: none;
}

._t-num {
	font-family: roboto;
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
	outline: 3px solid #c4d700;
}

@media screen and (max-width: 767px) {
	#wrap #mainArea main {
		padding: 0 18px;
	}
	#wrap #mainArea.-full .main-inner {
		width: auto;
	}
}

/* A_01_01 */
.kv-category-wrap {
	position: relative;
	margin: 0 auto;
	width: 1008px;
}
.kv-category-wrap .image01 {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
	z-index: 2;
}
.kv-category-wrap .image01 img {
	position: absolute;
	left: 50%;
	right: 50%;
	min-width: 100%;
	max-width: inherit;
	min-height: 100%;
	transform: translateX(-50%);
}
.kv-category-wrap .inner {
	display: flex;
	justify-content: start;
	align-items: flex-end;
	position: relative;
	z-index: 2;
	padding: 44px 40px;
	height: 320px;
	box-sizing: border-box;
}
.kv-category-wrap .inner .kv-textwrap .title01 {
	margin-top: 10px;
	font-size: 4rem;
	line-height: 1;
	font-weight: bold;
	color: #004831;
}
.kv-category-wrap .inner .kv-textwrap .text01 {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: bold;
	color: #004831;
}
.kv-category-wrap .inner .kv-textwrap .text02 {
	margin-top: 14px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #004831;
}
@media screen and (max-width: 767px) {
	.kv-category-wrap {
		width: auto;
		margin: 0 -18px;
	}
	.kv-category-wrap .image01 {
		top: 0;
		left: 0;
		right: 0;
		border-radius: 0;
	}
	.kv-category-wrap .image01 img {
		width: 100%;
	}
	.kv-category-wrap .inner {
		display: block;
		padding: 68% 18px 7%;
		height: auto;
	}
	.kv-category-wrap .inner .kv-textwrap {
		width: auto;
	}
	.kv-category-wrap .inner .kv-textwrap .title01 {
		font-size: 26px;
		letter-spacing: -1px;
	}
	.kv-category-wrap .inner .kv-textwrap .text01 {
		font-size: 12px;
	}
}

/* A_01_02 */
.kv-wrap {
	position: relative;
	background: #E5EDEA;
}
.kv-wrap .inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1008px;
	margin: 0 auto;
	height: 200px;
	box-sizing: border-box;
}
.kv-wrap .inner .title {
	font-size: 3.6rem;
	font-weight: bold;
	color: #004831;
}
@media screen and (max-width: 767px) {
	.kv-wrap {
		margin: 0 -18px;
	}
	.kv-wrap .inner {
		width: auto;
		margin: 0 auto;
		height: auto;
		min-height: 130px;
		padding: 10px;
	}
	.kv-wrap .inner .title {
		font-size: 2.8rem;
	}
}

/* A_02_01 */
.title-section01 {
	margin: 96px 0 0;
	padding: 0 0 12px;
	border-bottom: 2px solid #004831;
}
.title-section01 .title {
	margin: 0;
	color: #004831;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.75;
}
@media screen and (max-width: 767px) {
	.title-section01 {
		margin: 60px -18px 0;
		padding: 0 18px 14px;
	}
}

/* A_03_01 */
.title-section02 {
	margin: 42px 0 24px;
}
.title-section02 .title {
	margin: 0;
	color: #004831;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.9;
}

/* A_04_01 */
.title-section03 .title {
	margin: 0;
	color: #004831;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.625;
}
@media screen and (max-width: 767px) {
	.title-section03 .title {
		font-size: 1.6rem;
	}
}

/* B_01_01 */
.text-block01 {
	margin: 24px 0 0;
	font-size: 1.6rem;
}
.text-block01 > p:not(:first-child) {
	margin-top: 1em;
}

/* B_01_03 */
.text-mark01 {
	background: linear-gradient(transparent 60%, #E2EFBC 60%);
	font-weight: bold;
}

/* B_02 */
.list-circle01 > .item {
	position: relative;
	padding-left: 1.3em;
	font-size: 1.6rem;
}
.list-circle01 > .item:not(:first-child), .list-circle01 > .item > .child > .detail:not(:first-child) {
	margin-top: 8px;
}
.list-circle01 > .item::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 0.65em;
	height: 0.65em;
	background: #004831;
	border-radius: 50%;
}
.list-circle01 > .item.-gray01::before {
	background: #D5DEDB;
}
.list-circle01 > .item.-gray02::before {
	background: #788883;
}
.list-circle01 > .item.-red01 {
	color: #C83030;
}
.list-circle01 > .item.-red01::before {
	background: #C83030;
}
.child > .detail > .list-circle01 > .item::before {
	top: 0.6em;
	width: 0.4em;
	height: 0.4em;
}

/* B_03_01 */
.list-num01 > .item {
	position: relative;
	padding-left: calc(1.5em + 5px);
	font-size: 1.6rem;
}
.list-num01 > .item:not(:first-child), .list-num01 > .item > .child > .detail:not(:first-child) {
	margin-top: 8px;
}
.list-num01 > .item > .mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5em;
	text-align: right;
}
.list-num01 > .item.-wide01 {
	padding-left: 2.4em;
}
.list-num01 > .item.-wide01 > .mark {
	width: 2em;
}

/* B_03_02 */
.list-num02 > .item {
	position: relative;
	padding-left: calc(3em + 2px);
	font-size: 1.6rem;
}
.list-num02 > .item:not(:first-child), .list-num02 > .item > .child > .detail:not(:first-child) {
	margin-top: 8px;
}
.list-num02 > .item > .mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 3em;
	text-align: right;
}
.list-num02 > .item.-wide01 {
	padding-left: 3.8em;
}
.list-num02 > .item.-wide01 > .mark {
	width: 3.6em;
}

/* B_03_03 */
.list-num03 > .item {
	position: relative;
	padding-left: calc(1.2em + 12px);
	font-size: 1.6rem;
}
.list-num03 > .item:not(:first-child), .list-num03 > .item > .child > .detail:not(:first-child) {
	margin-top: 8px;
}
.list-num03 > .item > .child > .title > .mark, .list-num03 > .item > .mark {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.1em;
	height: 1.1em;
	margin-top: 0.3em;
	background: #004831;
	border-radius: 50%;
}
.list-num03 > .item > .child > .title > .mark > span, .list-num03 > .item > .mark > span {
	color: #fff;
	font-family: roboto;
	font-size: 1.2rem;
}

/* B_05_01 */
.list-notice01 > .item {
	position: relative;
	padding-left: calc(2.4em + 5px);
	color: #788883;
}
.list-notice01 > .item:not(:first-child), .list-notice01 > .item > .child > .detail:not(:first-child) {
	margin-top: 8px;
}
.list-notice01 > .item > .mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 2.4em;
	text-align: right;
}
.list-notice01 > .item.-wide01 {
	padding-left: calc(2.9em + 5px);
}
.list-notice01 > .item.-wide01 > .mark {
	width: 2.9em;
}

/* B_05_02 */
.list-notice02 > .item {
	position: relative;
	padding-left: calc(4.3em + 6px);
	color: #788883;
}
.list-notice02 > .item:not(:first-child), .list-notice02 > .item > .child > .detail:not(:first-child) {
	margin-top: 8px;
}
.list-notice02 > .item > .mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 4.3em;
	text-align: right;
}
.list-notice02 > .item.-wide01 {
	padding-left: calc(4.6em + 6px);
}
.list-notice02 > .item.-wide01 > .mark {
	width: 4.8em;
}

/* B_05_03 */
.list-note01 > .item {
	position: relative;
	padding-left: 1em;
	color: #788883;
	font-size: 1.2rem;
}
.list-note01 > .item:not(:first-child), .list-note01 > .item > .child > .detail:not(:first-child) {
	margin-top: 8px;
}
.list-note01 > .item::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 0.43em;
	height: 0.43em;
	background: #788883;
	border-radius: 50%;
}
.text-block01 + .list-note01 {
	margin-top: 8px;
}

/* C_01_01 */
.link {
	font-weight: bold;
}
.link:hover {
	color: #004831;
	text-decoration: none;
}

/* C_01_02 */
.link-icon {
	display: inline-block;
	position: relative;
	padding-right: 22px;
	text-decoration: none;
}
.link-icon::after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: calc(50% - 9px);
	width: 20px;
	height: 20px;
	background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) no-repeat 0 0/100%;
}
.link-icon:hover {
	color: #004831;
	text-decoration: underline;
}

/* C_02_01 */
.link-external {
	font-weight: bold;
}
.link-external:hover {
	color: #004831;
	text-decoration: none;
}
.link-external > .inner > .item {
	margin: 0 4px;
	width: 21px;
}

/* C_03_01 */
.link-pdf {
	font-weight: bold;
}
.link-pdf:hover {
	color: #004831;
	text-decoration: none;
}
.link-pdf > .inner > .item {
	margin: 0 5px;
	width: 44px;
}

/* C_04_01 */
.card-link-wrap01 {
	margin: 24px 0 0;
}
.card-link-wrap01 .item01 {
	margin: 16px 0 0;
	border-radius: 8px;
	box-shadow: 0 0 4px 0 rgba(20, 29, 29, 0.05), 0 12px 14px 0 rgba(20, 29, 29, 0.08);
	background: #fff;
}
.card-link-wrap01 .title01 a {
	display: block;
	position: relative;
	padding: 34px 60px 34px 144px;
	font-weight: bold;
	font-size: 2.2rem;
	text-decoration: none;
	color: #004831;
	border-radius: 8px 8px 0 0;
	transition: background-color 0.3s ease-out;
}
.card-link-wrap01 .title01 a:hover {
	background: #f5f5f5;
}
.card-link-wrap01 .title01 a:focus {
	background: #e1eb80;
	outline: 0;
}
.card-link-wrap01 .title01 a::after {
	display: block;
	content: "";
	position: absolute;
	right: 40px;
	top: calc(50% - 16px);
	width: 32px;
	height: 32px;
	background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) no-repeat 0 0/100%;
}
.card-link-wrap01 .title01 span {
	display: inline-block;
	position: relative;
	padding-left: 50px;
	margin-left: 30px;
	font-size: 1.6rem;
	font-weight: normal;
}
.card-link-wrap01 .title01 span::before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 22px;
	background: url(/hojin/cmn/imgs/ico_separation_01.svg) no-repeat 0 0/100%;
}
.card-link-wrap01 .title01 .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 40px;
	top: 0;
	bottom: 0;
	width: 64px;
}
.card-link-wrap01 .-accordion .title01 a::after {
	transform: rotate(90deg);
}
.card-link-wrap01 .-accordion .title01 a.show::after {
	transform: rotate(-90deg);
}
.card-link-wrap01 .body {
	margin: 18px 40px 0;
	padding-bottom: 30px;
	border-top: 1px solid #D5DEDB;
}
.card-link-wrap01 .body a {
	font-weight: bold;
	text-decoration: none;
}
.card-link-wrap01 .body a:hover {
	color: #004831;
	text-decoration: underline;
}
.card-link-wrap01 .body a:focus {
	color: #004831;
	outline: 3px solid #c4d700;
}
.card-link-wrap01 .title01:not(.show) + .body {
	display: none;
}
.card-link-wrap01 .item-card01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.card-link-wrap01 .item-card01 li {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	margin: 28px 0 0;
	width: 456px;
	height: 96px;
	border-radius: 4px;
	background: #F3F8F6;
	font-weight: bold;
	font-size: 1.8rem;
	color: #004831;
	text-align: center;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.card-link-wrap01 .title01 a {
		padding: 18px 50px 18px 82px;
		font-size: 1.8rem;
	}
	.card-link-wrap01 .title01 a::after {
		right: 12px;
		top: calc(50% - 15px);
		width: 30px;
		height: 30px;
	}
	.card-link-wrap01 .title01 span {
		display: block;
		padding-left: 0;
		margin: 5px 0 0;
		font-size: 1.4rem;
	}
	.card-link-wrap01 .title01 span::before {
		display: none;
	}
	.card-link-wrap01 .title01 sup {
		font-size: 1.2rem;
	}
	.card-link-wrap01 .title01 .icon {
		left: 18px;
		width: 54px;
	}
	.card-link-wrap01 .body {
		max-width: calc(100% - 16px);
		margin: 23px 16px 0;
		padding-bottom: 24px;
	}
	.card-link-wrap01 .item-card01 {
		display: block;
		margin: 20px 0 0;
	}
	.card-link-wrap01 .item-card01 li {
		padding: 10px 15px;
		margin: 12px 0 0;
		width: auto;
		height: auto;
		min-height: 80px;
		font-size: 1.4rem;
	}
}

/* D_01_01 */
.btn-list01 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn-list01 > .item {
	width: 100%;
	min-width: 0;
	max-width: 400px;
	text-align: center;
}
.btn-list01 > .item:not(:first-child) {
	margin-left: 48px;
}

.btn-type01 {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	position: relative;
	min-width: 140px;
	max-width: 100%;
	padding: 3px 15px;
	transition: background-color 0.3s ease-out;
	background: #fff;
	border-radius: 3.65em;
	box-shadow: 0 0 4px 0 rgba(20, 29, 29, 0.05), 0 12px 14px 0 rgba(20, 29, 29, 0.08);
	text-decoration: none;
}
.btn-type01.-large01 {
	width: 370px;
}
.btn-type01.-green01 {
	background: #004831;
	border: none;
	box-shadow: 0 12px 15px 0 rgba(81, 127, 111, 0.3);
}
.btn-type01.-green01:focus {
	background: #628f18;
	outline: none;
}
.btn-type01.-green01 > .inner {
	color: #fff;
}
.btn-type01.-green02 {
	background: #C4D700;
	border: none;
	box-shadow: 0 12px 15px 0 rgba(196, 215, 0, 0.3);
}
.btn-type01.-green02:focus {
	background: #F6FF9D;
	outline: none;
}
.btn-type01.-green02 > .inner {
	color: #004831;
}
.btn-type01.-white01 {
	background: #fff;
	border: none;
	box-shadow: 0 12px 15px 0 rgba(81, 127, 111, 0.3);
}
.btn-type01.-white01:focus {
	background: #e1eb80;
	outline: none;
}
.btn-type01.-white01 > .inner {
	color: #004831;
}
.btn-type01 > .inner {
	display: flex;
	align-items: center;
	min-height: 42px;
	text-align: center;
	line-height: 1.1;
	font-weight: 700;
	color: #004831;
}
@media screen and (max-width: 767px) {
	.btn-list01:not(.-spColumn) {
		flex-direction: column;
	}
	.btn-list01:not(.-spColumn) > .item {
		width: 100%;
	}
	.btn-list01:not(.-spColumn) > .item:not(:first-child) {
		margin: 18px 0 0 0;
	}
}

/* D_02_01 */
.btn-single01 {
	text-align: center;
}
@media screen and (min-width: 768px) {
	.btn-type01.-green01:not(:disabled):not([aria-disabled=true]):hover {
		background: #003927;
	}
	.btn-type01.-green01:not(:disabled):not([aria-disabled=true]):focus {
		background: #628f18;
		outline: none;
	}
	.btn-type01.-green02:not(:disabled):not([aria-disabled=true]):hover {
		background: #A6B600;
	}
	.btn-type01.-green02:not(:disabled):not([aria-disabled=true]):focus {
		background: #F6FF9D;
		outline: none;
	}
	.btn-type01.-white01:not(:disabled):not([aria-disabled=true]):hover {
		background: #f5f5f5;
	}
	.btn-type01.-white01:not(:disabled):not([aria-disabled=true]):focus {
		background: #e1eb80;
		outline: none;
	}
}

/* D_03_01 */
.btn-type02 {
	box-sizing: border-box;
	position: relative;
	width: 400px;
	background: #fff;
	border: 1px solid #004831;
	border-radius: 3px;
	box-shadow: none;
	display: inline-flex;
	justify-content: center;
	min-width: 140px;
	max-width: 100%;
	padding: 3px 15px;
	transition: background-color 0.3s ease-out;
	text-decoration: none;
}
.btn-type02:focus {
	background: #e1eb80;
	outline: 0;
}
.btn-type02 > .inner {
	display: flex;
	align-items: center;
	position: static;
	min-height: 42px;
	padding: 0 2.25em;
	color: #004831;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	vertical-align: middle;
}
.btn-type02 > .inner > .item {
	position: absolute;
	top: calc(50% - 13px);
	right: 0.5em;
	left: auto;
	width: 1.625em;
	height: 1.625em;
	margin: 0 0 0 8px;
}
@media screen and (min-width: 768px) {
	.btn-type02:hover {
		background: #f5f5f5;
		border-color: rgba(0, 72, 49, 0.65);
	}
	.btn-type02:focus {
		background: #e1eb80;
		outline: 0;
	}
}

/* D_05_01 */
.btn-type02.icon-pdf01 > .inner {
	padding: 0 2.5em 0 0.5em;
}
.btn-type02.icon-pdf01 > .inner > .item {
	top: calc(50% - 11px);
	right: 6px;
	width: 2.875em;
	height: 1.375em;
	margin-bottom: 0;
	line-height: 1;
}

/* D_06_01 */
.card-btn-wrap01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 14px 0 0;
}
.card-btn-wrap01 .item {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	width: 496px;
	margin: 16px 0 0;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 4px 0 rgba(20, 29, 29, 0.05), 0 12px 14px 0 rgba(20, 29, 29, 0.08);
}
.card-btn-wrap01 .item .inner {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 100%;
	padding: 31px 50px 31px 24px;
	color: #004831;
	text-decoration: none;
	transition: background-color 0.3s ease-out;
}
.card-btn-wrap01 .item .inner:hover {
	background: #f5f5f5;
}
.card-btn-wrap01 .item .inner:focus {
	background: #e1eb80;
	outline: 0;
}
.card-btn-wrap01 .item .inner::after {
	display: block;
	content: "";
	position: absolute;
	bottom: calc(50% - 11px);
	right: 9px;
	width: 22px;
	height: 22px;
	background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) no-repeat 0 0/100%;
}
.card-btn-wrap01 .item .inner .title01 {
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	color: #004831;
}
.card-btn-wrap01 .item .inner .text01 {
	min-height: 3em;
	margin: 10px 0 0;
	font-size: 1.4rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.card-btn-wrap01 {
		display: block;
		margin: 24px 0 0;
	}
	.card-btn-wrap01 .item {
		width: auto;
		margin: 12px 0 0;
	}
	.card-btn-wrap01 .item .inner {
		padding: 20px 47px 20px 16px;
	}
	.card-btn-wrap01 .item .inner::after {
		right: 10px;
	}
	.card-btn-wrap01 .item .inner .text01 {
		min-height: auto;
	}
}

/* D_06_02 */
.card-btn-wrap02 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 14px 0 0;
}
.card-btn-wrap02 .item {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	width: 324px;
	margin: 16px 0 0;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 4px 0 rgba(20, 29, 29, 0.05), 0 12px 14px 0 rgba(20, 29, 29, 0.08);
}
.card-btn-wrap02 .item .inner {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 100%;
	padding: 28px 28px 26px 24px;
	color: #004831;
	text-decoration: none;
	transition: background-color 0.3s ease-out;
}
.card-btn-wrap02 .item .inner:hover {
	background: #f5f5f5;
}
.card-btn-wrap02 .item .inner:focus {
	background: #e1eb80;
	outline: 0;
}
.card-btn-wrap02 .item .inner::after {
	display: block;
	content: "";
	position: absolute;
	bottom: calc(50% - 11px);
	right: 9px;
	width: 22px;
	height: 22px;
	background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) no-repeat 0 0/100%;
}
.card-btn-wrap02 .item .inner .title01 {
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	color: #004831;
}
.card-btn-wrap02 .item .inner .text01 {
	margin: 10px 0 0;
	font-size: 1.4rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.card-btn-wrap02 {
		display: block;
		margin: 24px 0 0;
	}
	.card-btn-wrap02 .item {
		width: auto;
		margin: 12px 0 0;
	}
	.card-btn-wrap02 .item .inner {
		padding: 20px 47px 20px 16px;
	}
	.card-btn-wrap02 .item .inner::after {
		right: 10px;
	}
}

/* D_06_03 */
.card-btn-wrap03 {
	display: flex;
	flex-wrap: wrap;
	margin: 14px 0 0;
}
.card-btn-wrap03 .item {
	position: relative;
	width: 324px;
	border-radius: 8px;
	margin: 16px 0 0 18px;
	background: #fff;
	box-shadow: 0 0 4px 0 rgba(20, 29, 29, 0.05), 0 12px 14px 0 rgba(20, 29, 29, 0.08);
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
}
.card-btn-wrap03 .item:nth-child(3n+1) {
	margin-left: 0;
}
.card-btn-wrap03 .item .inner {
	position: relative;
	height: 100%;
	padding: 97px 24px 42px;
	display: block;
	text-decoration: none;
	color: #004831;
	transition: background-color 0.3s ease-out;
	box-sizing: border-box;
}
.card-btn-wrap03 .item .inner::after {
	display: block;
	content: "";
	position: absolute;
	bottom: calc(50% - 11px);
	right: 9px;
	width: 22px;
	height: 22px;
	background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) no-repeat 0 0/100%;
}
.card-btn-wrap03 .item .inner:hover {
	background: #f5f5f5;
}
.card-btn-wrap03 .item .inner:focus {
	background: #e1eb80;
	outline: 0;
}
.card-btn-wrap03 .item .inner .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 97px;
}
.card-btn-wrap03 .item .inner .title01 {
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	color: #004831;
}
.card-btn-wrap03 .item .inner .text01 {
	margin: 10px 0 0;
	font-size: 1.4rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.card-btn-wrap03 {
		display: block;
		margin: 24px 0 0;
	}
	.card-btn-wrap03 .item {
		width: auto;
		margin-left: 0;
		text-align: left;
	}
	.card-btn-wrap03 .item .inner {
		padding: 24px 50px 24px 82px;
	}
	.card-btn-wrap03 .item .inner::after {
		right: 10px;
	}
	.card-btn-wrap03 .item .inner .icon {
		right: auto;
		bottom: 0;
		height: auto;
		width: 66px;
	}
	.card-btn-wrap03 .item .inner .text01 {
		margin: 7px 0 0;
	}
}

/* D_07_01 */
.card-btn-list01 {
	display: flex;
	justify-content: space-between;
	margin: 40px 44px 0;
}
.card-btn-list01 .item {
	width: 140px;
}
.card-btn-list01 .item > a, .card-btn-list01 .item > span {
	box-sizing: border-box;
	display: block;
	position: relative;
	height: 130px;
	padding: 72px 10px 10px;
	border-radius: 8px;
	box-shadow: 0 0 4px 0 rgba(20, 29, 29, 0.05), 0 12px 14px 0 rgba(20, 29, 29, 0.08);
	background: #fff;
	color: #004831;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.3s ease-out;
}
.card-btn-list01 .item > a .icon, .card-btn-list01 .item > span .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 72px;
}
.card-btn-list01 .item > a:hover {
	background: #f5f5f5;
	color: #004831;
}
.card-btn-list01 .item > a:focus {
	background: #e1eb80;
	outline: 0;
}
.card-btn-list01 .item > a::after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: calc(50% - 12px);
	width: 24px;
	height: 24px;
	background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) no-repeat 0 0/100%;
}
.card-btn-list01 .item > span {
	background: #B3C8C1;
	color: #789f92;
}
.card-btn-list01 .item > span > .icon {
	opacity: 0.5;
}
@media screen and (max-width: 767px) {
	.card-btn-list01 {
		flex-wrap: wrap;
		margin: 4px auto 0;
		max-width: 340px;
	}
	.card-btn-list01 .item {
		width: 31%;
		height: 27vw;
		min-height: 97px;
		max-height: 100px;
		margin: 16px 0 0;
	}
	.card-btn-list01 .item > a, .card-btn-list01 .item > span {
		height: 100%;
		padding: 55px 5px 10px;
		font-size: 12px;
	}
	.card-btn-list01 .item > a .icon, .card-btn-list01 .item > span .icon {
		height: 55px;
	}
	.card-btn-list01 a::after {
		display: none;
	}
}

/* D_08_01 */
[class*=glyph-] {
	position: relative;
}
[class*=glyph-][class*=btn-type] {
	padding-right: 2.25em;
	padding-left: 2.25em;
}
[class*=glyph-][class*=btn-type] > .inner::before {
	top: calc(50% - 0.6875em);
	left: 1em;
}
[class*=glyph-] > .inner::before {
	content: "";
	display: block;
	position: absolute;
	width: 1.375em;
	height: 1.375em;
}
.btn-type01.-large01 {
	width: 400px;
}
.btn-type01.-noShadow, .btn-type01:disabled, .btn-type01[aria-disabled=true] {
	border: 1px solid #d5dedb;
	box-shadow: none;
}
.btn-type01.-noShadow:focus, .btn-type01:disabled:focus, .btn-type01[aria-disabled=true]:focus {
	background: #e1eb80;
	outline: none;
}
.btn-type01.-noShadow > .inner, .btn-type01:disabled > .inner, .btn-type01[aria-disabled=true] > .inner {
	position: static;
	padding: 0;
	font-size: 1.6rem;
	text-decoration: none;
}
.glyph-link01.-bottom > .inner::before {
	transform: rotate(90deg);
}
.glyph-link01 > .inner::before {
	background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) 0 0/100% auto no-repeat;
}
@media screen and (min-width: 768px) {
	.btn-type01.-noShadow:not(:disabled):not([aria-disabled=true]):hover {
		background: #f5f5f5;
	}
	.btn-type01.-noShadow:not(:disabled):not([aria-disabled=true]):focus {
		background: #e1eb80;
		outline: none;
	}
}

/* E_01_01 */
.card-wrap01 {
	display: flex;
	justify-content: space-between;
	margin: 24px 0 0;
}
.card-wrap01 .inner01 {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: stretch;
	position: relative;
	width: 496px;
	min-height: 150px;
	padding: 32px 38px;
	background: #F3F8F6;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
}
.card-wrap01 .inner01::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 20px;
	width: 16px;
	height: 32px;
	background: url(/hojin/cmn/imgs/bg_ribbon_green_01.png) no-repeat 0 0/100%;
}
@media screen and (max-width: 767px) {
	.card-wrap01 .inner01 {
		display: block;
		width: 47.8%;
		height: auto;
		padding: 20px 10px 10px;
		background: #F3F8F6;
		font-size: 18px;
		text-align: center;
	}
	.card-wrap01 .inner01::after {
		right: 10px;
		width: 10px;
		height: 20px;
	}
}

/* E_01_02 */
.card-wrap05 {
	display: flex;
	justify-content: space-between;
	margin: 24px 0 0;
}
.card-wrap05 .inner01 {
	position: relative;
	width: 496px;
	min-height: 150px;
	padding: 32px 38px;
	background: #F3F8F6;
	border-radius: 8px;
	box-sizing: border-box;
}
.card-wrap05 .inner01::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 20px;
	width: 16px;
	height: 32px;
	background: url(/hojin/cmn/imgs/bg_ribbon_green_01.png) no-repeat 0 0/100%;
}
@media screen and (max-width: 767px) {
	.card-wrap05 .inner01 {
		display: block;
		width: 47.8%;
		height: auto;
		padding: 20px 10px 10px;
		background: #F3F8F6;
		font-size: 18px;
	}
	.card-wrap05 .inner01::after {
		right: 10px;
		width: 10px;
		height: 20px;
	}
}

/* E_01_03 */
.box-bg-wrap01 {
	box-sizing: border-box;
	max-width: 1008px;
	margin: 24px auto 0;
	padding: 40px 22px 44px;
	background: #DCDCDC;
}
.box-bg-wrap01 .card-wrap02 {
	margin: 0;
}
.box-bg-wrap01 .card-wrap02 .card-wrap-list {
	display: flex;
	justify-content: space-between;
}
.box-bg-wrap01 .card-wrap02 .card-wrap-list .item {
	position: relative;
	width: 310px;
	padding: 20px 10px;
	box-sizing: border-box;
	border-radius: 8px;
	background: #fff;
	color: #004831;
	font-size: 1.5rem;
	text-align: center;
}
.box-bg-wrap01 .card-wrap02 .card-wrap-list .item > div {
	display: inline-block;
	position: relative;
	padding-left: 38px;
}
.box-bg-wrap01 .card-wrap02 .card-wrap-list .item > div .icon01 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 30px;
}
@media screen and (max-width: 767px) {
	.box-bg-wrap01 {
		width: 100%;
		border-radius: 0;
	}
	.box-bg-wrap01 .card-wrap02 {
		margin: 16px 26px 0;
	}
	.box-bg-wrap01 .card-wrap02 .card-wrap-list {
		display: block;
	}
	.box-bg-wrap01 .card-wrap02 .card-wrap-list .item {
		width: auto;
		margin: 12px 0 0;
		padding: 20px 10px 20px 52px;
		font-size: 15px;
		text-align: left;
	}
	.box-bg-wrap01 .card-wrap02 .card-wrap-list .item > div {
		position: static;
		padding: 0;
	}
	.box-bg-wrap01 .card-wrap02 .card-wrap-list .item > div .icon01 {
		top: 0;
		left: 0;
		right: auto;
		bottom: 0;
		height: auto;
		width: 52px;
	}
}

/* E_01_04 */
.card-wrap03 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 14px 0 0;
}
.card-wrap03 > .item {
	box-sizing: border-box;
	position: relative;
	width: 496px;
	margin: 16px 0 0;
	padding: 45px 32px 45px 50px;
	background: #fff;
	border: 1px solid #D5DEDB;
	border-radius: 8px;
}
.card-wrap03 > .item > .point {
	position: absolute;
	left: 0;
	top: 0;
	width: 64px;
	height: 64px;
	background: url(/hojin/cmn/imgs/bg_frame_green_01.png) no-repeat 0 0/100%;
	color: #fff;
	font-size: 1.4rem;
	font-family: roboto;
}
.card-wrap03 > .item > .point > span {
	display: block;
	position: absolute;
	left: 4px;
	top: 14px;
	transform: rotate(-45deg);
}
.card-wrap03 > .item > .inner .title01 {
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	color: #004831;
}
.card-wrap03 > .item > .inner .text01 {
	margin: 10px 0 0;
	font-size: 1.6rem;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.card-wrap03 {
		justify-content: center;
	}
	.card-wrap03 > .item {
		width: 100%;
	}
}

/* E_01_05 */
.card-wrap04 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 14px 0 0;
}
.card-wrap04 > .item {
	box-sizing: border-box;
	position: relative;
	width: 496px;
	margin: 16px 0 0;
	padding: 45px 32px 45px 166px;
	background: #fff;
	border: 1px solid #D5DEDB;
	border-radius: 8px;
}
.card-wrap04 > .item > .point {
	position: absolute;
	left: 0;
	top: 0;
	width: 64px;
	height: 64px;
	background: url(/hojin/cmn/imgs/bg_frame_green_01.png) no-repeat 0 0/100%;
	color: #fff;
	font-size: 1.4rem;
	font-family: roboto;
}
.card-wrap04 > .item > .point > span {
	display: block;
	position: absolute;
	left: 4px;
	top: 14px;
	transform: rotate(-45deg);
}
.card-wrap04 > .item > .image {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 166px;
}
.card-wrap04 > .item > .inner .text01 {
	font-size: 1.6rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.card-wrap04 {
		justify-content: center;
	}
	.card-wrap04 > .item {
		width: 100%;
		padding: 24px 16px 24px 124px;
	}
	.card-wrap04 > .item > .image {
		width: 124px;
	}
	.card-wrap04 > .item > .image img {
		width: 62px;
		margin-left: 8px;
	}
}

/* E_02_01 */
.btn-bg-wrap01 {
	position: relative;
	margin: 40px 0 0;
	padding: 45px 0;
	border-radius: 8px;
	background: #F3F8F6;
	box-sizing: border-box;
	text-align: center;
}
.btn-bg-wrap01::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	width: 16px;
	height: 32px;
	background: url(/hojin/cmn/imgs/bg_ribbon_green_01.png) no-repeat 0 0/100%;
}
.btn-bg-wrap01 .title01 {
	font-weight: bold;
	color: #004831;
	font-size: 2.2rem;
	line-height: 1.45;
}
.btn-bg-wrap01 .text01 {
	margin: 16px 0 0;
	font-size: 1.6rem;
	line-height: 1.43;
}
.btn-bg-wrap01 .text02 {
	margin: 32px 0 0;
	font-size: 1.4rem;
	line-height: 1.67;
}
.btn-bg-wrap01 + .list-notice01 {
	margin-top: 15px;
}
.btn-bg-wrap01 + .list-notice01 > .item {
	font-size: 1.2rem;
}
.btn-bg-wrap01 + .list-notice01 > .item:not(:first-child) {
	margin-top: 2px;
}
@media screen and (max-width: 767px) {
	.btn-bg-wrap01 {
		margin: 60px 0 0;
		padding: 40px 16px;
	}
	.btn-bg-wrap01::before {
		right: 10px;
		width: 10px;
		height: 32px;
	}
	.btn-bg-wrap01 .text01 {
		margin: 15px 0 0;
		font-size: 14px;
	}
	.btn-bg-wrap01 .text02 {
		margin: 20px 0 0;
		font-size: 12px;
	}
}

/* E_02_02 */
.card-btn-list02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	gap: 25px;
	margin: 34px 45px 0;
}
.card-btn-list02 > .item {
	width: 100%;
	max-width: 445px;
}
.card-btn-list02 > .item > a {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 19px 38px 19px 32px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 8px 20px rgba(20, 29, 29, 0.06);
	font-size: 1.8rem;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	transition: background-color 0.3s ease-out;
}
.card-btn-list02 > .item > a:hover {
	background: #f5f5f5;
	color: #004831;
}
.card-btn-list02 > .item > a:focus {
	background: #e1eb80;
	outline: 0;
}
.card-btn-list02 > .item > a::after {
	display: block;
	content: "";
	position: absolute;
	right: 10px;
	top: calc(50% - 12px);
	width: 24px;
	height: 24px;
	background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) no-repeat 0 0/100%;
}
.card-btn-list02 > .item > a > .icon {
	width: 146px;
}
.card-btn-list02 > .item > a > .inner {
	flex: 1;
}
@media screen and (max-width: 767px) {
	.card-btn-list02 {
		gap: 16px;
		margin: 20px auto 0;
	}
	.card-btn-list02 > .item {
		max-width: none;
	}
	.card-btn-list02 > .item > a {
		padding-left: 16px;
		font-size: 1.6rem;
	}
	.card-btn-list02 > .item > a > .icon {
		width: 73px;
		margin-right: 12px;
	}
}

/* F_01_01 */
.tbl-layout01 {
	width: 100%;
	margin: 24px 0 0;
	border-collapse: collapse;
}
.tbl-layout01 tr th {
	background: #4D7F6F;
	border: 1px solid #D5DEDB;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3125;
	text-align: center;
	vertical-align: middle;
}
.tbl-layout01 tr td {
	background: #fff;
	border: 1px solid #D5DEDB;
	color: #141D1D;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.3125;
	text-align: center;
	vertical-align: middle;
}
.tbl-layout01 thead tr th,
.tbl-layout01 thead tr td {
	padding: 18px 8px;
}
.tbl-layout01 tbody tr th,
.tbl-layout01 tbody tr td {
	padding: 34px 8px;
}
@media screen and (max-width: 767px) {
	.tbl-layout01 tr th {
		padding-left: 13px;
	}
}

/* F_01_02 */
.tbl-layout02 {
	width: 100%;
	margin: 24px 0 0;
	border-collapse: collapse;
}
.tbl-layout02 tr th,
.tbl-layout02 tr td {
	padding: 18px 8px;
	border: 1px solid #D5DEDB;
	text-align: center;
	vertical-align: middle;
}
.tbl-layout02 thead tr th {
	background: #4D7F6F;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3125;
}
.tbl-layout02 tbody tr th {
	padding: 34px 8px;
	background: #F3F8F6;
	color: #004831;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3125;
}
.tbl-layout02 tbody tr td {
	padding: 34px 8px;
	background: #fff;
	color: #141D1D;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.3125;
}
@media screen and (max-width: 767px) {
	.tbl-layout02 tr th,
.tbl-layout02 tr td {
		padding: 13px 8px;
	}
	.tbl-layout02 tbody tr th {
		padding-left: 13px;
	}
}

/* G_01_01 */
.block-box01 {
	margin: 16px 0 0;
	background: #fff;
	border: 1px solid #D5DEDB;
}
.block-box01 .head {
	padding: 15px 40px 16px;
	background: #F3F8F6;
	color: #004831;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.45;
}
.block-box01 .body {
	margin: 0;
	padding: 24px 40px 30px;
}
.block-box01 .body .text-wrap01 {
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.5;
}
.block-box01 .body .text-wrap01 .text {
	margin: 16px 0 0;
}
.block-box01 .body .text-wrap01 .text:first-child {
	margin-top: 0;
}

/* G_01_02 */
.block-box01.-red01 .head {
	background: #FDF6F9;
	color: #CD0000;
}

/* G_02_01 */
.block-box01.-white01 .head {
	padding-bottom: 0;
	background: #fff;
}
.block-box01.-white01 .head .head-txt {
	padding-bottom: 16px;
	border-bottom: 1px solid #D5DEDB;
}

/* G_03_01 */
.block-box02 {
	box-sizing: border-box;
	max-width: 1008px;
	margin: 0 auto;
	padding: 40px 79px 47px;
	background: #fff;
	border: 1px solid #D5DEDB;
	border-top: 8px solid #004831;
	border-radius: 8px;
	text-align: center;
}
.block-box02 .title01 {
	color: #004831;
	font-size: 2.2rem;
	font-weight: bold;
}
.block-box02 .title01 + .text01 {
	margin-top: 24px;
}
.block-box02 .text01 {
	margin-top: 8px;
	font-size: 1.6rem;
}
.block-box02 .tel-wrap {
	color: #004831;
	font-size: 3.2rem;
	font-weight: bold;
}
.block-box02 .tel-wrap > .tel-num {
	margin-left: 16px;
	font-size: 3.6rem;
	text-decoration: none;
}
.block-box02 .tel-wrap > .tel-num.-pcOnly {
	display: inline-block;
}
.block-box02 .tel-wrap > .tel-num.-spOnly {
	display: none;
}
.block-box02 .tel-wrap > .tel-num:hover {
	color: #004831;
}
.block-box02 .tel-wrap > .tel-num:focus {
	color: #004831;
	outline: 3px solid #c4d700;
}
.block-box02 .tel-wrap > .sub {
	color: #141D1D;
	font-size: 1.6rem;
	font-weight: normal;
}
.block-box02 .list-notice01 {
	margin-top: 6px;
}
.block-box02 .list-notice01 > .item {
	display: inline-block;
	font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
	.block-box02 {
		padding: 40px 16px 47px;
	}
	.block-box02 .list-notice01 {
		text-align: left;
	}
}
@media screen and (max-width: 480px) {
	.block-box02 .tel-wrap > .tel-num {
		margin-left: 0;
	}
	.block-box02 .tel-wrap > .tel-num.-pcOnly {
		display: none;
	}
	.block-box02 .tel-wrap > .tel-num.-spOnly {
		display: inline-block;
	}
}

/* H_01_01 */
.cv-wrap01 {
	margin: 136px 0 0;
	background: #F3F8F6;
}
.cv-wrap01 .inner {
	position: relative;
	top: -40px;
	max-width: 1008px;
	margin: 0 auto;
	padding: 40px 79px 47px;
	background: #fff;
	border-radius: 8px;
	border-top: 8px solid #004831;
	box-sizing: border-box;
	box-shadow: 0 8px 20px rgba(20, 29, 29, 0.06);
}
.cv-wrap01 .inner .title01 {
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.1;
	font-weight: bold;
}
.cv-wrap01 .inner .btn-list01 {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin: 23px 0 0;
	font-size: 1.6rem;
}
.cv-wrap01 .inner .btn-list01.col1 {
	justify-content: center;
}
.cv-wrap01 .inner .btn-list01 .item {
	text-align: center;
}
.cv-wrap01 .inner .btn-list01 p {
	margin: 7px 0 0;
}
.cv-wrap01 .inner .btn-list01 p:first-child {
	margin-top: 0;
}
.cv-wrap01 .inner .btn-list01 .text01 {
	margin: 12px 0 0;
	font-size: 1.2rem;
}
[class^=btn-green] .item01,
[class^=btn-white] .item01 {
	transition: background-color 0.3s ease-out;
}
[class^=btn-green] .item01:focus,
[class^=btn-white] .item01:focus {
	outline: 0;
}
.btn-green01 .item01 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 400px;
	height: 52px;
	padding: 5px 10px;
	background: #004831;
	font-weight: bold;
	color: #fff;
	font-size: 1.6rem;
	box-sizing: border-box;
	border-radius: 26px;
	text-decoration: none;
	box-shadow: 0 12px 15px rgba(81, 127, 111, 0.3);
}
.btn-green01 .item01:hover {
	background: #003927;
}
.btn-green01 .item01:focus {
	background: #628f18;
}
.btn-green02 .item01 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 400px;
	height: 52px;
	padding: 5px 10px;
	background: #C4D700;
	font-weight: bold;
	color: #004831;
	font-size: 1.6rem;
	box-sizing: border-box;
	border-radius: 26px;
	text-decoration: none;
	box-shadow: 0 12px 15px rgba(192, 215, 0, 0.3);
}
.btn-green02 .item01:hover {
	background: #A6B600;
}
.btn-green02 .item01:focus {
	background: #F6FF9D;
}
@media screen and (max-width: 767px) {
	.cv-wrap01 {
		margin: 100px -18px 0;
		padding: 0 18px;
	}
	.cv-wrap01 .inner {
		padding: 40px 16px 47px;
	}
	.cv-wrap01 .inner .btn-list01 {
		align-items: center;
	}
	.cv-wrap01 .inner .btn-list01 .item {
		margin-top: 24px;
	}
	.cv-wrap01 .inner .btn-list01 .item:first-child {
		margin-top: 0;
	}
	.cv-wrap01 .btn-green01 .item01,
	.cv-wrap01 .btn-green02 .item01 {
		width: auto;
		font-size: 18px;
	}
}

/* I_01_01 */
.block-sec-green01 {
	box-sizing: border-box;
	position: relative;
	margin-top: 16px;
	padding: 55px 36px 50px;
	background: #E2EFBC;
	border-radius: 8px;
	color: #004831;
	text-align: center;
}
.block-sec-green01 .title01 {
	color: #004831;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.5;
}
.block-sec-green01 .text01 {
	margin: 15px 0 0;
	color: #333333;
	font-size: 1.6rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.block-sec-green01 {
		padding: 20px 15px;
	}
}

/* I_01_02 */
.block-sec-gray01 {
	box-sizing: border-box;
	position: relative;
	margin-top: 16px;
	padding: 55px 36px;
	background: #F3F8F6;
	border-radius: 8px;
	color: #004831;
	text-align: center;
}
.block-sec-gray01::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 20px;
	width: 16px;
	height: 32px;
	background: url(/hojin/cmn/imgs/bg_ribbon_green_01.png) no-repeat 0 0/100%;
}
.block-sec-gray01 .title01 {
	color: #004831;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.5;
}
.block-sec-gray01 .text01 {
	margin: 15px 0 0;
	color: #333333;
	font-size: 1.6rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.block-sec-gray01 {
		padding: 20px 15px;
	}
	.block-sec-gray01::after {
		right: 10px;
		width: 10px;
		height: 20px;
	}
}

/* J_01_01 */
.faq-wrap01 {
	margin: 44px 0 0;
}
.faq-wrap01 .js-acc {
	margin-top: 29px;
	padding-bottom: 28px;
	border-bottom: 1px solid #D5DEDB;
}
.faq-wrap01 .js-acc > dt {
	position: relative;
	padding-top: 0;
	border-top: none;
	padding-left: 28px;
	font-size: 1.6rem;
	font-weight: bold;
}
.faq-wrap01 .js-acc > dt a {
	display: block;
	padding-right: 60px;
	color: #141D1D;
	text-decoration: none;
}
.faq-wrap01 .js-acc > dt a::after {
	display: block;
	content: "";
	position: absolute;
	bottom: calc(50% - 9px);
	right: 0;
	width: 24px;
	height: 24px;
	background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) no-repeat 0 0/100%;
	transform: rotate(90deg);
}
.faq-wrap01 .js-acc > dt a:hover {
	text-decoration: underline;
}
.faq-wrap01 .js-acc > dt a:focus {
	outline: 3px solid #c4d700;
}
.faq-wrap01 .js-acc > dt a.show::after {
	transform: rotate(-90deg);
}
.faq-wrap01 .js-acc > dd {
	display: none;
	position: relative;
	padding-left: 28px;
	padding-right: 60px;
	margin-top: 19px;
	font-size: 1.6rem;
	line-height: 1.5;
}
.faq-wrap01 p {
	margin-top: 8px;
}
.faq-wrap01 .icon01,
.faq-wrap01 .icon02 {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	font-family: roboto;
	font-size: 2.4rem;
	line-height: 1;
	color: #004831;
}
.faq-wrap01 .icon02 {
	color: #C4D700;
}
.faq-wrap01 .icon02 + p {
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	.faq-wrap01 {
		margin: 24px 0 0;
	}
	.faq-wrap01 .js-acc > dt a {
		padding-right: 30px;
	}
	.faq-wrap01 .js-acc > dt a::after {
		bottom: calc(50% - 10px);
		width: 20px;
		height: 20px;
	}
	.faq-wrap01 .js-acc > dd {
		padding-right: 30px;
	}
}

/* K_01_01 */
.card-link-wrap02 {
	margin: 24px 0 0;
}
.card-link-wrap02 .item01 {
	margin: 24px 0 0;
	background: #fff;
}
.card-link-wrap02 .item01:first-child {
	margin-top: 0;
}
.card-link-wrap02 .title01 a {
	display: flex;
	align-items: center;
	position: relative;
	padding: 15px 40px 16px;
	background: #F3F8F6;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.45;
	text-decoration: none;
	color: #004831;
	transition: background-color 0.3s ease-out;
}
.card-link-wrap02 .title01 a:hover {
	background: #f5f5f5;
}
.card-link-wrap02 .title01 a:focus {
	background: #e1eb80;
	outline: 0;
}
.card-link-wrap02 .title01 a::after {
	display: block;
	content: "";
	position: absolute;
	right: 36px;
	top: calc(50% - 12px);
	width: 24px;
	height: 24px;
	background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) no-repeat 0 0/100%;
}
.card-link-wrap02 .-accordion .title01 a::after {
	transform: rotate(90deg);
}
.card-link-wrap02 .-accordion .title01 a.show::after {
	transform: rotate(-90deg);
}
.card-link-wrap02 .body {
	display: none;
	margin: 0;
	padding: 21px 40px 48px;
	border: 1px solid #E5EDEA;
	border-top: none;
}
.card-link-wrap02 .body .text-wrap01 {
	font-size: 1.6rem;
}
.card-link-wrap02 .body .item-text01 {
	margin: 24px 0 0;
	font-size: 1.2rem;
}
.card-link-wrap02 .body .item-text01 .title01 {
	font-weight: bold;
}
.card-link-wrap02 .body .item-text01 .note01 {
	margin: 8px 0 0;
	color: #788883;
}
.card-link-wrap02 .body .item-text01 .note01 li {
	position: relative;
	margin: 8px 0 0;
	padding-left: 16px;
}
.card-link-wrap02 .body .item-text01 .note01 li:first-child {
	margin-top: 0;
}
.card-link-wrap02 .body .item-text01 .note01 li::before {
	display: block;
	content: "";
	position: absolute;
	top: 0.4em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #788883;
}
@media screen and (max-width: 767px) {
	.card-link-wrap02 .title01 a {
		display: block;
	}
	.card-link-wrap02 .-accordion .title01 a::after {
		right: 20px;
	}
}

/* K_01_02 */
.card-link-wrap02.-red01 .title01 a {
	background: #FFEBEB;
	color: #C83030;
}
.card-link-wrap02.-red01 .title01 a:hover {
	background: #f5f5f5;
}
.card-link-wrap02.-red01 .title01 a:focus {
	background: #C83030;
	color: #FFEBEB;
	outline: 0;
}
.card-link-wrap02.-red01 .title01 a:focus::after {
	background-image: url(/hojin/cmn/imgs/ico_arrow_right_03.svg);
}

/* L_01_01 */
.footer-nav-wrap .inner {
	padding: 96px 0 0;
	width: 1008px;
	margin: 0 auto;
}
.footer-nav-wrap .inner .title01 {
	font-size: 2rem;
	font-weight: bold;
	color: #004831;
	text-align: center;
}
.footer-nav-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer-nav-list dl {
	margin: 40px 0 0;
	width: 490px;
	color: #004831;
}
.footer-nav-list dl dt {
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.1;
	padding-bottom: 16px;
	border-bottom: 1px solid #4D7F6F;
}
.footer-nav-list dl dd ul {
	margin: 16px 0 0;
}
.footer-nav-list dl dd ul li {
	margin: 8px 0 0;
}
.footer-nav-list dl dd ul li a {
	text-decoration: none;
	color: #004831;
}
.footer-nav-list dl dd ul li a:hover {
	text-decoration: underline;
}
.footer-nav-list dl dd ul li a:focus {
	outline: 3px solid #c4d700;
}
@media screen and (max-width: 767px) {
	.footer-nav-wrap {
		display: none;
	}
}

/* M_01_01 */
.tab-block01 > .list {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #d5dedb;
}
.tab-block01 > .list > .item {
	width: 49.7%;
	min-height: 54px;
}
.tab-block01 > .list > .item > .switch {
	font-family: noto-sans;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 10px 5px;
	transition: background-color 0.3s ease-out;
	background: #d5dedb;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.tab-block01 > .list > .item > .switch > .inner {
	font-size: 1.8rem;
	font-weight: 700;
	color: #788883;
}
.tab-block01 > .list > .item > .switch[aria-selected=true] {
	background: #004831;
}
.tab-block01 > .list > .item > .switch[aria-selected=true] > .inner {
	color: #fff;
}
@media screen and (min-width: 768px) {
	.tab-block01 > .list > .item > .switch:not([aria-selected=true]):hover {
		background: #f2f4f3;
	}
	.tab-block01 > .wrap > .panel > .inner {
		padding: 28px 28px 0;
	}
}
@media screen and (max-width: 767px) {
	.tab-block01 > .wrap > .panel > .inner {
		padding-top: 28px;
	}
}

/* M_01_02 */
.tab-block01.-column3 > .list > .item {
	width: 33%;
}

/* M_01_03 */
.tab-block01.-column4 > .list > .item {
	width: 24.7%;
}
@media screen and (max-width: 414px) {
	.tab-block01.-column4 > .list {
		margin-right: -4.8vw;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.tab-block01.-column4 > .list > .item {
		min-width: 110px;
	}
	.tab-block01.-column4 > .list > .item:not(:first-child) {
		margin-left: 2px;
	}
}

/* TAB STEPS */
/* .tab-steps {

} */

.tab-step-inner {
	padding: 26px 18px 35px 18px;
	background-color: #F3F8F6;
	border-radius: 8px;
}

.tab-step {
	padding: 0 0 18px 0;
	background-image: url(/hojin/cmn/imgs/arrow-down.png);
	background-position: bottom center;
}

.step-title {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #004831;
}

.step-text {
	margin-top: 14px;
	font-size: 16px;
	color: #004831;
}

.btn-vertical {
	background-color: #004831;
	padding: 15px;
	text-align: center;
}

.btn-vertical-text {
	font-size: 22px;
	font-weight: bold;
}

@media screen and (min-width: 980px) {
	.tab-step {
		padding: 0 18px 0 0;
		background-image: url(/hojin/cmn/imgs/arrow-right.png);
		background-position: right center;
	}

	.btn-vertical-text {
		text-combine-upright: all;
	}
}

/******************************
Generic class
******************************/
._fsXl { font-size: 2.0rem !important; }
._fsL { font-size: 1.8rem !important; }
._fsS { font-size: 1.4rem !important; }
._fsXs { font-size: 1.2rem !important; }

._d-flex { display: flex!important; }
._a-itemStretch { align-items: stretch!important; }
._a-itemStart { align-items: flex-start!important; }
._a-itemEnd { align-items: flex-end!important; }
._a-itemCenter { align-items: center!important; }
._a-itemBaseline { align-items: baseline!important; }
._j-contentStart { justify-content: flex-start!important; }
._j-contentEnd { justify-content: flex-end!important; }
._j-contentCenter { justify-content: center!important; }
._j-contentBetween { justify-content: space-between!important; }
._f-directionRow { flex-direction: row!important; }
._f-directionReverse { flex-direction: row-reverse!important; }
._f-direction_column { flex-direction: column!important; }
._f-directionColumnReverse { flex-direction: column-reverse!important; }
._f-wrapNowrap { flex-wrap: nowrap!important; }
._f-wrapWrap { flex-wrap: wrap!important; }
._f-wrapReverse { flex-wrap: wrap-reverse!important; }
