@charset "utf-8";
/*--------------------------------------
コンテンツ
--------------------------------------*/
.page_body_01 {
	width: 100%;
	padding: 0 35px;
}
.page_body_01.noline {
	margin: 0;
	border-left: none;
}
@media only screen and (min-width: 1388px) {
	.page_body_01 {
		width: 998px;
		margin: auto;
		padding: 0;
	}
}
.nav_col {
	position: fixed;
	z-index: 12;
	width: 100%;
	background: var(--sidebar-bg);
}
.side_area {
	display: none;
}
.contents_col {
	position: relative;
	padding: 49px 0 0;
}
@media only screen and (min-width: 1025px) {
	.nav_col {
		width: 320px;
		height: 100%;
		padding: 0;
		overflow: hidden;
		box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.05);
	}
	.nav_col_inner {
		width: calc(100% + 17px);
		height: 100%;
		overflow-y: scroll;
	}
	.contents_col {
		padding: 30px 0 0 320px;
	}
	.side_area {
		position: absolute;
		top: 0;
		left: 0;
		width: 105px;
		height: 105px;
		background: url(../images/common/sp_logo_bg.png) no-repeat;
	}
	.side_area {
		display: block;
		width: calc(100% + 17px);
		height: 100%;
		padding: 30px 17px 30px 0;
		overflow-y: scroll;
	}
	.side_area_pc {
		padding: 30px 0;
	}
}
/* ロゴ */
.logo {
	display: none;
}
.sidebar_site_ttl {
	margin: 15px 0 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	color: var(--site_ttl);
}
@media only screen and (min-width: 1025px) {
	.logo {
		display: block;
		text-align: center;
	}
}
/*ナビ*/
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
.drawer-hamburger {
	display: block;
	z-index: 14;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: var(--main-color);
	-webkit-transition: all .5s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: all .5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
	width: 20px;
	height: 2px;
	margin: 0 auto 17px;
	background: #fff;
	border-radius: 4px;
}
.drawer-open .drawer-hamburger-icon:after {
	width: 100%;
}
.drawer--left .drawer-nav {
	-webkit-transition: left .5s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: left .5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	position: absolute;
	top: -7px;
	left: 0;
	content: " ";
}
.drawer-hamburger-icon:after {
	top: 7px;
}
.drawer--left.drawer-open .drawer-hamburger {
	left: 13.25rem;
}
.drawer--right.drawer-open .drawer-hamburger {
	top: 0;
	right: 0;
}
.drawer-hamburger:hover {
	background-color: var(--main-color);
}
.drawer-nav {
	width: 100%;
	padding: 0 0 50px;
	z-index: 13;
	overflow-y: scroll;
	color: var(--nav-font-color);
	background: var(--sidebar-bg);
	touch-action: none;
}
.drawer-menu {
	overflow-y: scroll;
}
.drawer-overlay {
	z-index: 11;
	background-color: rgba(0,0,0,.8);
}
.drawer-hamburger-txt {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 6px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	/* transform: scale(0.8); */
}
.gnav {
	padding: 50px 0 0;
}
.gnav > ul {
	border-top: solid var(--nav-border-color) 1px;
}
.gnav > ul.drawer-menu {
	border-top: solid var(--nav-border-color) 1px;
}
.gnav > ul > li {
	font-weight: bold;
	border-bottom: solid var(--nav-border-color) 1px;
}
.gnav > ul > li > a {
	position: relative;
	display: block;
	padding: 12px 0 12px 41px;
	font-size: 18px;
	transition: all 0.3s ease-out;
	color: var(--nav-font-color);
}
.gnav > ul > li > a > svg {
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -7.5px 0 0;
	transition: all .3s ease-out;
	fill: var(--main-color);
}
.gnav > ul > li > span {
	position: relative;
	display: block;
	padding: 10px 0;
	font-size: 18px;
	transition: all 0.3s ease-out;
	cursor: pointer;
}
.gnav > ul > li > span > svg {
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -7.5px 0 0;
	transition: all .3s ease-out;
}
.inner_nav {
	display: none;
	width: calc(100% + 55px);
	margin: 0 0 0 -27.5px;
	padding: 20px 27.5px;
	background: #F2F2F2;
}
.inner_nav ul li {
	margin: 0 0 10px;
}
.inner_nav ul li a span {
	display: inline-block;
	padding-left: 1.5em;
	text-indent: -1.5em;
	transition: all .3s ease-out;
	font-size: 14px;
}
.languages {
	margin: 15px 0 0;
}
.drawer--right .drawer-nav {
	right: -100%;
	transition: right 1s cubic-bezier(.19,1,.22,1);
}
/* テキスト2行 */
/* .gnav ul li:nth-child(9) a {
	font-size: 14px;
	line-height: 1.5;
} */
/* ナビ色変更 */
/* .gnav ul li:nth-child(12) a {
	background: #4666AF;
	color: #fff;
}
.gnav > ul > li:nth-child(12) > a > svg {
	fill: #fff;
} */
@media only screen and (min-width: 481px) {
	.drawer-hamburger {
		top: 0;
		margin: 0;
	}
	.drawer--right .drawer-nav {
		width: 320px;
		right: -320px;
	}
}
@media only screen and (min-width: 769px) {
	.gnav > ul > li > a:hover {
		padding: 12px 0 12px 50px;
		background: var(--nav-hover-bg);
		color: var(--nav-font-color);
	}
	.gnav > ul > li > span:hover {
		color: #808080;
	}
	.gnav > ul > li > span.gnav_hover {
		color: #808080;
	}
	.gnav > ul > li > span:hover svg {
		color: #222;
	}
	.inner_nav ul li:hover a {
		color: #808080;
	}
}
@media only screen and (min-width: 1025px) {
	.drawer-hamburger {
		display: none;
	}
	.drawer-nav {
		padding: 0;
	}
	.gnav > ul.drawer-menu {
		border-top: none;
	}
}
.gnav > ul > li.list_tag {
	position: relative;
}
/* NEW マーク */
.gnav > ul > li.list_tag a::before {
	display: block;
	position: absolute;
	background: #ca351c;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	content: 'NEW';
	padding: 3px 3px 2px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}
/* .gnav > ul > li.list_bg.list_tag a::before {
	background: #fff;
	color: #CC0066;
} */
/* 色付きメニュー */
.gnav > ul > li.list_bg a {
	/* background: #CC0066; */
  color: #CC0066;
}
.gnav > ul > li.list_bg a svg {
	fill: #CC0066;
}
/* 2行メニュー */
.list_lines {
	display: inline-block;
  line-height: 1.5;
}
/* page_top */
.page_top {
	right: 10px;
	z-index: 10;
}
.page_top a {
	background: var(--main-color);
	width: 60px;
    height: 60px;
    border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_top svg {
	fill: #fff;
	width: 55%;
}
@media only screen and (min-width: 768px) {
	.page_top {
		right: 2.5%;
	}
	.page_top a {
		width: 6.6vw;
		height: 6.6vw;
		max-width: 80px;
		max-height: 80px;
	}
}
@media only screen and (min-width: 1850px) {
	.page_top {
		right: 120px;
	}
}
/*フッター*/
.footer_wrap {
	background: var(--footer-bg);
}
.footer_inner {
	padding: 34px 0 33px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
	color: #222;
	font-size: 12px;
}
.copyright_box {
	background: var(--footer-foot);
	padding: 10px 0;
	color: #fff;
}
.copyright_box small {
	display: block;
	text-align: center;
	line-height: 1.3;
	font-size: 12px;
	letter-spacing: 0.125em;
}
.footer_contents {
	line-height: 1.7;
}
.contents_txt {
	margin: 6px 0 0;
}
.footer_contents .ttl_box {
	border: 1px solid;
	padding: 4px 5px;
	line-height: 1.1;
	display: inline-block;
}
.display_bar {
	display: flex;
	justify-content: center;
	font-size: 12px;
	padding: 0 0 42px;
}
.display_pc {
	border: 1px solid #fff;
	background: var(--footer-bg);
	color: #fff;
	padding: 5px 0;
	line-height: 1.3;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 96px;
	gap: 3px;
}
.display_pc svg {
	fill: #fff;
	width: 12.445px;
	height: 11.2px;
}
.display_sp {
	background: #fff;
	color: #000;
	padding: 5px 0;
	line-height: 1.3;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 96px;
	gap: 3px;
}
.display_sp svg {
	fill: #000;
	width: 8.4px;
	height: 12px;
}
.display_bar_none {
	display: none;
}
@media screen and (min-width: 768px) {
	.footer_inner {
		padding: 40px 0;
		flex-direction: row;
		gap: 10%;
		font-size: clamp(12px, 1.25vw, 16px);
	}
	.contents_txt {
		margin: 7px 0 0;
	}
	.footer_contents .ttl_box {
		padding: 5px 10px;
	}
	.copyright_box {
		padding: 17px 0;
	}
	.copyright_box small {
		font-size: clamp(12px, 1.01vw, 13px);
	}
	.display_bar {
		font-size: clamp(12px, 1.09vw, 14px);
	}
}
@media screen and (min-width: 1280px) {
	.footer_inner {
		font-size: 16px;
	}
	.copyright_box small {
		font-size: 13px;
	}
	.display_bar {
		font-size: 14px;
	}
	.display_pc {
		border: 1px solid #fff;
		background: #fff;
		color: #000;
		padding: 8px 0;
		width: 150px;
	}
	.display_pc svg {
		fill: #000;
		width: 15px;
		height: 13px;
	}
	.display_sp {
		border: 1px solid #fff;
		background: var(--footer-foot);
		color: #fff;
		padding: 8px 0;
		width: 150px;
	}
	.display_sp svg {
		fill: #fff;
		width: 10px;
		height: 13px;
	}
}

/*--------------------------------------
共通パーツ
--------------------------------------*/
/* リンクテキスト */
.intro_txt_wrap a,
.main_wrap a {
	text-decoration: underline;
	color: var(--main-color);
}
@media screen and (min-width: 1280px) {
	.intro_txt_wrap a:hover,
	.main_wrap a:hover {
		text-decoration: none;
		color: var(--hover-color);
	}
}
/* 導入section */
.intro_sec {
	background: var(--sub-color);
	padding: 40px 0;
}
.intro_sec p + p {
	margin: 1em 0 0;
}
.intro_sec p + .indent {
	margin: 23px 0 0;
}
.intro_sec .txt_bg {
	background: #fff;
}
.intro_sec *:first-child {
	margin-top: 0;
}
.intro_txt_wrap {
	margin: 40px 0 0;
}
.intro_txt_wrap *:first-child {
	margin-top: 0;
}
.intro_txt_wrap h2 {
	font-size: 16px;
	margin: 40px 0 12px;
}
@media only screen and (min-width: 768px) {
	.intro_sec {
		padding: 80px 0;
	}
	.intro_sec p + .indent {
		margin: 40px 0 0;
	}
	.intro_txt_wrap {
		margin: 45px 0 0;
	}
	.intro_txt_wrap h2 {
		font-size: clamp(16px, 1.9vw, 24px) ;
		margin: 45px 0 15px;
	}
}
@media only screen and (min-width: 1280px) {
	.intro_txt_wrap h2 {
		font-size: 24px;
	}
}
/* 線のsection */
.line_sec {
	border-top: var(--line-color) 1px solid;
}
.line_sec_inner {
	/* padding: 30px 0; */
	padding: 20px 0;
	border-left: var(--line-color) 1px solid;
}
.line_sec:first-of-type  { /* 最初のラインなし */
	border-top: none;
}
.line_sec:first-of-type .line_sec_inner { /* ページ最初の上部余白 */
	/* padding-top: 60px; */
	padding-top: 20px;
}
.line_sec:last-of-type .line_sec_inner { /* ページ最後の下部余白 */
	padding-bottom: 80px;
}
@media only screen and (min-width: 768px) {
	.line_sec_inner {
		/* padding: 40px 0 80px; */
		padding: 40px 0 40px;
	}
	.line_sec:first-of-type .line_sec_inner { /* ページ最初の上部余白 */
		/* padding-top: 120px; */
		padding-top: 40px;
	}
	.line_sec:last-of-type .line_sec_inner { /* ページ最後の下部余白 */
		padding-bottom: 160px;
	}
}
/* section-見出し */
.sec_ttl {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 0 0.75em;
}
.sec_ttl .ttl_note {
	font-size: 14px;
}
.sec_ttl * {
	display: inline-block;
}
.sec_ttl::before {
	content: "";
	background: var(--main-color);
	vertical-align: top;
	width: 5px;
	height: 0.9em;
	position: absolute;
	top: 0.35em;
	left: 0;
}
.sec_ttl .ttl_head {
	font-weight: bold;
	padding: 0 0.6em 0 0;
	font-weight: 900;
}
@media only screen and (min-width: 768px) {
	.sec_ttl {
		font-size: clamp( 18px, 1.9vw, 22px) ;
	}
	.sec_ttl .ttl_note {
		font-size: clamp( 14px, 1.6vw, 20px) ;
	}
	.sec_ttl::before {
		width: 7px;
	}
}
@media only screen and (min-width: 1280px) {
	.sec_ttl {
		font-size: 22px;
	}
	.sec_ttl .ttl_note {
		font-size: 20px;
	}
}
/* section-内容 */
.sec_desc {
	padding: 20px 0 0 28px;
}
.sec_desc *:first-child {
	margin-top: 0;
}
.sec_desc p {
	line-height: 2;
}
.sec_desc p + p,
.sec_desc p + .indent {
	margin: .5em 0 0;
}
@media only screen and (min-width: 768px) {
	.sec_desc {
		/* padding: 40px 0 0 40px; */
		padding: 20px 0 0 20px;
	}
	.sec_desc p + p,
	.sec_desc p + .indent {
			margin: 0.4em 0 0;
	}
}
/* h3 */
.sub_ttl {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 0 1.5em;
	margin: 20px 0 10px;
}
.sub_ttl * {
	display: inline-block;
}
.sub_ttl::before {
	content: "";
	background: var(--main-color);
	vertical-align: top;
	width: 1em;
	height: 0.2em;
	position: absolute;
	top: 0.65em;
	left: 0;
}
.sub_ttl.sub_ttl_mark::before {
	display: none;
}
.sub_ttl.sub_ttl_mark span {
  position: relative;
  display: inline-block;
}
.sub_ttl.sub_ttl_mark span::before {
  content: "◆";
  /* background: var(--main-color); */
  vertical-align: top;
  /* width: 1em; */
  /* height: 0.2em; */
  position: absolute;
  top: 0;
  left: -1.2em;
  color: var(--main-color);
}.sub_ttl.sub_ttl_mark span::after {
  content: "◆";
  /* background: var(--main-color); */
  vertical-align: top;
  /* width: 1em; */
  /* height: 0.2em; */
  position: absolute;
  top: 0;
  right: -1.2em;
  color: var(--main-color);
}
@media only screen and (min-width: 768px) {
	.sub_ttl {
		font-size: clamp( 14px, 1.6vw, 20px) ;
		margin: 40px 0 10px;
	}
}
@media only screen and (min-width: 1280px) {
	.sub_ttl {
		font-size: 20px;
	}
}
/*ボタン*/
.btn_wrap {
	margin: 40px 0 0;
}
.btn_wrap_flex {
	display: flex	;
	flex-wrap: wrap;
	align-items: center;
	/* justify-content: center; */
	gap: 10px 4%;
	margin: 10px 0 0;
}
.btn_wrap_flex.btn_03 {
	justify-content: flex-start;
}
.center_btn .common_btn {
	margin: 0 auto
}
.common_btn svg {
	fill: #fff;
}
a.common_btn {
	background: #007d47;
	color: #fff;
	padding: 10px 6px;
	font-size: 12px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 215px;
	line-height: 1.3;
	text-decoration: none;
}
.common_btn.btntxt_center {
	justify-content: center;
	border-radius: 10px;
}
.btn_wrap_flex a.common_btn {
	justify-content: center;
	width: calc(96% / 2);
}
.btn_wrap_flex.btn_03 a.common_btn {
	justify-content: center;
	width: 100%;
}
a.common_btn.btn_r {
	border-radius: 10px;
}
@media screen and (min-width: 481px) {
	.btn_wrap_flex {
		gap: 20px 3%;
	}
	.btn_wrap_flex a.common_btn {
		width: calc(91% / 4);
	}
}
@media screen and (min-width: 576px) {
	.btn_wrap_flex.btn_03 {
		justify-content: center;
	}
	.btn_wrap_flex.btn_03 a.common_btn {
		width: calc(94% / 3);
	}
}
@media screen and (min-width: 768px) {
	a.common_btn {
		padding: 18px 20px;
		font-size: clamp(12px, 1.4vw, 18px);
		width: 377px;
	}
	.btn_wrap_flex a.common_btn {
		padding: 10px 6px;
	}
}
@media screen and (min-width: 1280px) {
	a.common_btn {
		font-size: 18px;
	}
	a.common_btn:hover {
		/* background: #373737; */
		background: rgba(27, 165, 182, 0.8);
		color: #fff;
	}
}

/*ダウンロードボタン*/
a.common_dl_btn {
	width: 100%;
	border: 1px solid #373737;
	color: #373737;
	font-weight: bold;
	padding: 10px 0.55em 10px 3.2em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
}
/* ハーフサイズ */
a.common_dl_btn.wharf {
	padding: 10px 0.55em 10px 2.7em;
}
.common_dl_btn + .common_dl_btn {
	margin-top: 10px;
}
.common_dl_btn p.dl_btn_txt {
	line-height: 1.2;
}
.common_dl_btn .dl_mark {
	fill: var(--main-color);
	width: 85px;
}
a.common_dl_btn.dl_pdf {
	background: #fff url(../images/common/icon_pdf.svg) 1.1em center/1em 1.1em no-repeat;
}
a.common_dl_btn.dl_word {
	background: #fff url(../images/common/icon_word.svg) 1.1em center/1em 1.1em no-repeat;
}
a.common_dl_btn.dl_excel {
	background: #fff url(../images/common/icon_excel.svg) 1.1em center/1em 1.1em no-repeat;
}
a.common_dl_btn.dl_ppt {
	background: #fff url(../images/common/icon_ppt.svg) 1.1em center/1em 1.1em no-repeat;
}

@media screen and (min-width: 768px) {
	a.common_dl_btn {
		padding: 13px 20px 13px 3.3em;
	}
	a.common_dl_btn.wharf {/* ハーフサイズ */
		max-width: 389px;
		padding: 13px 20px 13px 2.7em;
	}
	.common_dl_btn .dl_mark {
		width: 12.5%;
		min-width: 85px;
		max-width: 118px;
	}
	.common_dl_btn.wharf .dl_mark {
		width: 37%;
		max-width: 118px;
	}
	a.common_dl_btn.dl_pdf {
		background: #fff url(../images/common/icon_pdf.svg) 1.1em center/1em 1.1em no-repeat;
	}
	a.common_dl_btn.dl_word {
		background: #fff url(../images/common/icon_word.svg) 1.1em center/1em 1.1em no-repeat;
	}
	a.common_dl_btn.dl_excel {
		background: #fff url(../images/common/icon_excel.svg) 1.1em center/1em 1.1em no-repeat;
	}
	a.common_dl_btn.dl_ppt {
		background: #fff url(../images/common/icon_ppt.svg) 1.1em center/1em 1.1em no-repeat;
	}
	.common_dl_btn:hover .dl_mark {
		fill: #fff;
	}
}
@media screen and (min-width: 1280px) {
	a.common_dl_btn:hover {
		background-color: var(--main-color);
		border-color: var(--main-color);
		color: #fff;
		text-decoration: none;
	}
}
/* a.common_dl_btn.w389 {
	width: 250px;
	padding: 10px 10px 10px 35px;
}
a.common_dl_btn.w389 {
	width: 250px;
	padding: 10px 10px 10px 35px;
}
@media screen and (min-width: 768px) {
    a.common_dl_btn.w389 {
		width: 389px;
		padding: 13px 20px 13px 50px;
	}
} */

/* ダウンロードリンク */
a.dl_link {
	padding-left: 1.2em;
}
a.dl_link.dl_pdf {
	background: #fff url(../images/common/icon_pdf.svg) left center/1em 1em no-repeat;
}
a.dl_link.dl_word {
	background: #fff url(../images/common/icon_word.svg) left center/1em 1em no-repeat;
}
a.dl_link.dl_excel {
	background: #fff url(../images/common/icon_excel.svg) left center/1em 1em no-repeat;
}
a.dl_link.dl_ppt {
	background: #fff url(../images/common/icon_ppt.svg) left center/1em 1em no-repeat;
}

/*ページトップタイトル*/
.page_top_ttl {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 11;
}
.common_top_txt {
	display: none;
}
a.sp_header {
	display: flex;
	gap: 0 7px;
	align-items: center;
	padding: 0 0 0 15px;
	height: 50px;
	background: #fff;
	color: #373737;
}
.sp_header_ttl {
	font-size: clamp( 12px, 4vw, 15px);
	font-weight: bold;
	color: #373737;
	line-height: 1.1;
}
.sp_header_logo img {
	width: 46px;
}
@media screen and (min-width: 1025px) {
	.common_top_txt {
		display: block;
		font-size: 14px;
		background: var(--main-color);
		color: #fff;
		padding: 7px 0 7px 25px;
		line-height: 1.2;
	}
	a.sp_header {
		display: none;
	}
}
/*パンくず*/
.breadcrumbs {
	display: none;
}
@media screen and (min-width: 768px) {
	.breadcrumbs {
		line-height: 1.2;
		font-size: 14px;
		padding: 7px 0 6px 30px;
	}
	.breadcrumbs {
		background: var(--breadcrumbs-bg-color);
	}
	.breadcrumbs a {
		margin: 0 8px 0 0;
		color: var(--breadcrumbs-font-link-color)
	}
	.breadcrumbs span {
		color: var(--breadcrumbs-font-color)
	}
	.breadcrumbs span + span {
		margin: 0 0 0 8px;
		color: var(--breadcrumbs-font-color)
	}
}
@media screen and (min-width: 1025px) {
	.breadcrumbs {
		display: block;
	}
}
/*下部ページhero*/
.hero_area {
	background: var(--hero-bg) url(../images/common/subpage_hero_sp.webp) center center;
}
.subpage_ttl_wrap {
	padding: 24px 0 36px;
}
.subpage_ttl_wrap::before {
	content: "";
	display: block;
	width: 50px;
	height: 5px;
	background:
		linear-gradient(90deg,
		var(--main-color) 0%, var(--main-color) 50%,
		var(--sub-color) 50%, var(--sub-color) 100%
		);
}
.subpage_ttl_en {
	display: none;
	color: #007d47;
	font-size: 14px;
	line-height: 1.35;
}
.subpage_ttl_ja {
	color: #007d47;
	line-height: 1.5;
	margin: 6px 0 0;
	font-size: 26px;
}
@media only screen and (min-width: 768px) {
	.hero_area {
		background: var(--hero-bg) url(../images/common/subpage_hero_pc.webp) center center;
	}
	.subpage_ttl_wrap {
		/* padding: 90px 0 75px; */
		padding: 60px 0 40px;
	}
	.subpage_ttl_wrap::before {
		width: 70px;
		height: 7px;
	}
	.subpage_ttl_ja {
		font-size: clamp( 26px, 4.7vw, 55px) ;
	}
	.subpage_ttl_en {
		font-size: clamp( 14px, 1.6vw, 20px) ;
	}
	}
	@media only screen and (min-width: 1280px) {
	.subpage_ttl_ja {
		font-size: 55px;
	}
	.subpage_ttl_en {
		font-size: 20px;
	}
}
/*テーブル*/
.common_table {
	border-top: 2px solid #373737;
	width: 100%;
	position: relative;
	line-height: 1.5;
}
.common_table tr {
	border-bottom: 1px solid #373737;
}
.common_table tr:last-child {
	border-bottom: 2px solid #373737;
}
.common_table td {
	padding: 13px 0 8px 5px;
	display: block;
	text-align: left;
}
.common_table th {
	display: block;
	text-align: left;
}
.common_table .left_txt {
	font-weight: bold;
}
.common_table .right_txt {
	padding: 0 0 13px 20px;
}
.common_table .left_txt.common_table_ttl, .common_table .right_txt.common_table_ttl {
	background: var(--main-color);
	color: #fff;
	font-weight: bold;
}
@media only screen and (min-width: 768px) {
	.common_table td {
		padding: 13px 20px;
		display: revert;
	}
	.common_table th {
		display: block revert;
	}
	.common_table.w50 td {
		width: 50%;
	}
	.common_table::before {
		position: absolute;
		border-left: 1px solid #373737;
		content: "";
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		display: block;
		height: 100%;
	}
	.common_table .left_txt {
		font-weight: normal;
	}
	.common_table .right_txt {
		padding: 13px 20px;
	}
}

/*--------------------------------------
装飾関係
--------------------------------------*/
/* 小さいサイズテキスト */
.txt_s {
	font-size: 12px;
	line-height: 1.5;
}
@media only screen and (min-width: 768px) {
	.txt_s {
		font-size: clamp( 12px, 1.25vw, 16px);
	}
}
@media only screen and (min-width: 1280px) {
	.txt_s {
		font-size: 16px;
	}
}
/* センター寄せ */
.txt_center {
	text-align: center;
}
/* 注釈テキスト */
p.note {
	position: relative;
	padding: 0 0 0 1.5em;
	line-height: 1.5;
}
p.note::before {
	content: "※";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
p.note + p.note {
	margin: 10px 0 0;
}
.indent {
	padding: 0 0 0 1.5em;
}
.txt_indent {
	display: inline-block;
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}
.txt_indent02 {
	display: inline-block;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.notes_wrap {
	margin: 30px 0 0;
}
/* 上余白 */
.line_space {
	padding: 20px 0 0;
}
/* 座布団 */
.sec_desc .txt_bg {
	background: var(--sub-color);
	display: inline;
}
/* 太字 */
.bolder {
	font-weight: bold;
}
/* 打消し線 */
.cross_out {
	text-decoration: line-through;
}
.cross_out_double {
	position: relative;
}
.cross_out_double::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	top:calc(50% - 2px);
	left: 0;
	background: var(--accent-color);
}
.cross_out_double::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	top:calc(50% + 2px);
	left: 0;
	background: var(--accent-color);
}
/* 強調文字色 */
.attn {
	color: var(--accent-color);
}
.color_note02 {
	color: #007d47;
}
/* メインカラー文字 */
.color_note {
	/* color: #4666AF; */
	color: var(--main-color);
}
/* 本文文字拡大 */
.font_l {
	font-size: 1.2em;
}
/* 下線 */
.u_line {
	text-decoration: underline;
}
/* リスト */
.main_wrap ul,
.main_wrap ol {
		margin: 10px 0 0;
}
.main_wrap ul.row_list > li,
.main_wrap ol.row_list > li {
		line-height: 2;
}
.main_wrap ul.row_list > li + li,
.main_wrap ol.row_list > li + li {
		margin: 0.5em 0 0;
}
@media only screen and (min-width: 768px) {
	.main_wrap ul.row_list > li + li,
	.main_wrap ol.row_list > li + li {
			margin: 0.4em 0 0;
	}
}
/* リスト(箇条書き) */
.unorder_list li {
	position: relative;
	padding: 0 0 0 1em;
}
.unorder_list li::before {
	content: "";
	display: block;
	width: 0.55em;
	height: 0.55em;
	position: absolute;
	top: 0.75em;
	left: 0;
	border-radius: 1em;
	background: var(--main-color);
}
/* リスト(ナンバー) */
.order_list {
	counter-reset: number 0;
}
.order_list li {
	position: relative;
	padding: 0 0 0 1em;
}
.order_list li::before {
	counter-increment: number 1;
	content: counter(number)".";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
/* リストマーク(ul以外) */
.dot_ttl {
	position: relative;
	padding: 0 0 0 1em;
}
.dot_ttl::before {
	content: "";
	display: block;
	width: 0.55em;
	height: 0.55em;
	position: absolute;
	top: 0.75em;
	left: 0;
	border-radius: 1em;
	background: var(--main-color);
}
/* リスト用小見出し */
.list_ttl {
    margin: 10px 0 0;
    line-height: 1.5;
}
.row_list + .list_ttl {
    margin-top: 1.6em;
}

/*--------------------------------------
インデントそろえ(募集日程の延長)
--------------------------------------*/
.align_date_wrap {
	font-size: 1.4em;
}
.align_date_wrap * {
	display: inline-block;
}
/* 文字強調 */
.left_col.color_note,
.right_col.color_note {
	color: #007d47;
}
@media only screen and (min-width: 576px) {
	.align_date_wrap {
		display: grid;
		grid-template-columns: auto 1fr;
	}
}