@charset "UTF-8";
/* ----関数設定---- */
/* ----------------------------------------------------------------------
固定ページ共通
---------------------------------------------------------------------- */
.page .headline {
	margin-bottom: clamp(18px, calc(2.0657276995vw + 10px), 40px);
}
@supports not (margin-bottom: clamp(18px, calc(2.0657276995vw + 10px), 40px)) {
	.page .headline {
		margin-bottom: max(18px, min(calc(2.0657276995vw + 10px), 40px));
	}
}
.page section.bg {
	background-color: #E4E9CF;
	position: relative;
	padding-top: clamp(38px, calc(5.8215962441vw + 16px), 100px);
	padding-bottom: clamp(70px, calc(3.9436619718vw + 55px), 112px);
}
@supports not (padding-top: clamp(38px, calc(5.8215962441vw + 16px), 100px)) {
	.page section.bg {
		padding-top: max(38px, min(calc(5.8215962441vw + 16px), 100px));
	}
}
@supports not (padding-bottom: clamp(70px, calc(3.9436619718vw + 55px), 112px)) {
	.page section.bg {
		padding-bottom: max(70px, min(calc(3.9436619718vw + 55px), 112px));
	}
}
.page section.bg::before {
	content: "";
	width: 100%;
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	background: url(../images/bg_top.svg) repeat-x left top/cover;
	height: clamp(38px, calc(10.1408450704vw + 0px), 146px);
}
@supports not (height: clamp(38px, calc(10.1408450704vw + 0px), 146px)) {
	.page section.bg::before {
		height: max(38px, min(calc(10.1408450704vw + 0px), 146px));
	}
}
.page section.bg::after {
	content: "";
	width: 100%;
	height: 34px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/bg_bottom.svg) repeat-x center bottom/1854px 34px;
}
.page .box {
	background-color: #FFF;
	border-radius: clamp(15px, calc(0.9389671362vw + 11px), 25px);
}
@supports not (border-radius: clamp(15px, calc(0.9389671362vw + 11px), 25px)) {
	.page .box {
		border-radius: max(15px, min(calc(0.9389671362vw + 11px), 25px));
	}
}
.page #content-header::after {
	content: "";
	width: 100%;
	aspect-ratio: 706/756;
	display: block;
	background: url(../images/news_list_image_sp@2x.webp?) no-repeat center top/contain;
	margin-top: 27px;
	margin-bottom: 50px;
}
.page #main_page {
	margin-top: clamp(37px, calc(7.323943662vw + 10px), 115px);
}
@supports not (margin-top: clamp(37px, calc(7.323943662vw + 10px), 115px)) {
	.page #main_page {
		margin-top: max(37px, min(calc(7.323943662vw + 10px), 115px));
	}
}
.page #main_page h2, .page #main_page h3, .page #main_page h4, .page #main_page h5 {
	color: #6A3906;
	font-family: "Potta One", serif;
	font-weight: 400;
	font-style: normal;
}

@media screen and (min-width: 768px) {
	.page #content-header::after {
		aspect-ratio: 1171/552;
		display: block;
		background: url(../images/news_list_image@2x.webp?) no-repeat center top/contain;
		margin-top: -38px;
		margin-bottom: 36px;
	}
}
@media screen and (min-width: 1280px) {
	.headline {
		background-size: 62px 62px;
		padding-top: 62px;
	}
}
/* ----------------------------------------------------------------------
働く
---------------------------------------------------------------------- */
.page.page-id-27 #content-header::after {
	background-image: url(../images/work_image_sp@2x.webp);
}
.page.page-id-27 #content-header .illust01 {
	width: clamp(123px, calc(22.7230046948vw + 38px), 365px);
	top: -10px;
	right: 14%;
}
@supports not (width: clamp(123px, calc(22.7230046948vw + 38px), 365px)) {
	.page.page-id-27 #content-header .illust01 {
		width: max(123px, min(calc(22.7230046948vw + 38px), 365px));
	}
}
.page.page-id-27 #content-header .illust02 {
	display: none;
}

#work #main-job .box {
	margin-top: clamp(20px, calc(2.8169014085vw + 9px), 50px);
}
@supports not (margin-top: clamp(20px, calc(2.8169014085vw + 9px), 50px)) {
	#work #main-job .box {
		margin-top: max(20px, min(calc(2.8169014085vw + 9px), 50px));
	}
}
#work #start-now {
	padding-top: clamp(40px, calc(4.6948356808vw + 22px), 90px);
}
@supports not (padding-top: clamp(40px, calc(4.6948356808vw + 22px), 90px)) {
	#work #start-now {
		padding-top: max(40px, min(calc(4.6948356808vw + 22px), 90px));
	}
}
#work #start-now h3 {
	font-size: clamp(22px, calc(1.1267605634vw + 18px), 34px);
}
@supports not (font-size: clamp(22px, calc(1.1267605634vw + 18px), 34px)) {
	#work #start-now h3 {
		font-size: max(22px, min(calc(1.1267605634vw + 18px), 34px));
	}
}
#work #start-now h4 {
	font-size: clamp(18px, calc(0.9389671362vw + 14px), 28px);
}
@supports not (font-size: clamp(18px, calc(0.9389671362vw + 14px), 28px)) {
	#work #start-now h4 {
		font-size: max(18px, min(calc(0.9389671362vw + 14px), 28px));
	}
}
#work #start-now .box {
	padding: clamp(15px, calc(4.4131455399vw + -2px), 62px);
	margin-bottom: clamp(37px, calc(4.9765258216vw + 18px), 90px);
	box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
}
@supports not (padding: clamp(15px, calc(4.4131455399vw + -2px), 62px)) {
	#work #start-now .box {
		padding: max(15px, min(calc(4.4131455399vw + -2px), 62px));
	}
}
@supports not (margin-bottom: clamp(37px, calc(4.9765258216vw + 18px), 90px)) {
	#work #start-now .box {
		margin-bottom: max(37px, min(calc(4.9765258216vw + 18px), 90px));
	}
}
#work #start-now .flex {
	margin-top: clamp(23px, calc(3.7558685446vw + 9px), 63px);
}
@supports not (margin-top: clamp(23px, calc(3.7558685446vw + 9px), 63px)) {
	#work #start-now .flex {
		margin-top: max(23px, min(calc(3.7558685446vw + 9px), 63px));
	}
}
#work #start-now .flex .image {
	aspect-ratio: 640/522;
	border-radius: 10px;
	overflow: hidden;
}
#work #start-now .flex .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#work #start-now .flex .text {
	margin-top: 10px;
}
#work #start-now .flex .text a.button {
	background-color: #E1D6CA;
	border-radius: 5px;
	height: 60px;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 1.2;
	font-size: clamp(18px, calc(0.1877934272vw + 17px), 20px);
}
@supports not (font-size: clamp(18px, calc(0.1877934272vw + 17px), 20px)) {
	#work #start-now .flex .text a.button {
		font-size: max(18px, min(calc(0.1877934272vw + 17px), 20px));
	}
}
#work #start-now .flex .text a.button:hover {
	background-color: #FFF;
}
#work #start-now .support {
	padding-bottom: 40px;
}
#work #start-now .support h3 {
	text-align: center;
	margin-top: 14px;
	margin-bottom: clamp(16px, calc(23.75vw + -288px), 54px);
}
@supports not (margin-bottom: clamp(16px, calc(23.75vw + -288px), 54px)) {
	#work #start-now .support h3 {
		margin-bottom: max(16px, min(calc(23.75vw + -288px), 54px));
	}
}
#work #start-now .support .support-flex {
	margin-top: clamp(12px, calc(3.8497652582vw + -2px), 53px);
	margin-bottom: 22px;
	gap: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@supports not (margin-top: clamp(12px, calc(3.8497652582vw + -2px), 53px)) {
	#work #start-now .support .support-flex {
		margin-top: max(12px, min(calc(3.8497652582vw + -2px), 53px));
	}
}
#work #start-now .support .support-flex > div {
	border: solid 1px #006934;
	display: flex;
	justify-content: space-between;
	padding: 13px 6px;
	width: 100%;
	border-radius: clamp(20px, calc(1.4084507042vw + 15px), 35px);
}
@supports not (border-radius: clamp(20px, calc(1.4084507042vw + 15px), 35px)) {
	#work #start-now .support .support-flex > div {
		border-radius: max(20px, min(calc(1.4084507042vw + 15px), 35px));
	}
}
#work #start-now .support .support-flex .support-title {
	display: flex;
	flex-wrap: wrap;
	width: 84px;
	justify-content: center;
}
#work #start-now .support .support-flex .support-title:not(:lang(ja)){
	width:102px;
}
#work #start-now .support .support-flex .support-contents {
	width: calc(100% - 93px);
}
#work #start-now .support .support-flex .support-contents:not(:lang(ja)) {
	width: calc(100% - 122px);
}
#work #start-now .support .support-flex h4 {
	font-size: clamp(27px, calc(1.3145539906vw + 22px), 41px);
	line-height: 1;
}
@supports not (font-size: clamp(27px, calc(1.3145539906vw + 22px), 41px)) {
	#work #start-now .support .support-flex h4 {
		font-size: max(27px, min(calc(1.3145539906vw + 22px), 41px));
	}
}
#work #start-now .support .support-flex h4:not(:lang(ja)){
	font-size:16px;
}
#work #start-now .support .support-flex h5 {
	font-size: clamp(15px, calc(0.7511737089vw + 12px), 23px);
	color: #006934;
	letter-spacing: 0;
	line-height: 1.5;
	margin-bottom: 16px;
}
@supports not (font-size: clamp(15px, calc(0.7511737089vw + 12px), 23px)) {
	#work #start-now .support .support-flex h5 {
		font-size: max(15px, min(calc(0.7511737089vw + 12px), 23px));
	}
}
#work #start-now .support .support-flex p.text-indent {
	font-size: clamp(11px, calc(0.5633802817vw + 9px), 17px);
	text-indent: -2em;
	padding-left: 2em;
	line-height: 1.6;
	margin-bottom: 3px;
}
@supports not (font-size: clamp(11px, calc(0.5633802817vw + 9px), 17px)) {
	#work #start-now .support .support-flex p.text-indent {
		font-size: max(11px, min(calc(0.5633802817vw + 9px), 17px));
	}
}
#work #start-now .support .support-desk p {
	margin-bottom: 5px;
}
#work #start-now .convenience h3 {
	text-align: center;
	margin-top: 26px;
	margin-bottom: clamp(16px, calc(23.75vw + -288px), 54px);
}
@supports not (margin-bottom: clamp(16px, calc(23.75vw + -288px), 54px)) {
	#work #start-now .convenience h3 {
		margin-bottom: max(16px, min(calc(23.75vw + -288px), 54px));
	}
}
#work #start-now .convenience .image img {
	width: 100%;
	display: block;
	margin: 26px auto;
}
#work #start-now .convenience .convenience_info {
	margin-top: 26px;
}
#work #start-now .convenience ul {
	padding-left: 20px;
}
#work #start-now .convenience ul li {
	position: relative;
}
#work #start-now .convenience ul li::before {
	content: "■";
	position: absolute;
	top: 0;
	left: -20px;
}
#work #start-now .convenience a.button {
	background-color: #00913A;
	border: solid 1px #00913A;
	border-radius: 5px;
	height: 40px;
	color: #FFF;
	width: 80%;
	margin: 24px auto;
	font-size: clamp(16px, calc(0.3755868545vw + 15px), 20px);
}
@supports not (font-size: clamp(16px, calc(0.3755868545vw + 15px), 20px)) {
  #work #start-now .convenience a.button {
    font-size: max(16px, min(calc(0.3755868545vw + 15px), 20px));
  }
}
#work #start-now .convenience a.button:hover {
	background-color: #FFF;
	color: #00913A;
}
#work #continue figure {
	aspect-ratio: 704/657;
	overflow: hidden;
	margin-top: clamp(28px, calc(3.3802816901vw + 15px), 64px);
	border-radius: clamp(5px, calc(1.4084507042vw + 0px), 20px);
}
@supports not (margin-top: clamp(28px, calc(3.3802816901vw + 15px), 64px)) {
	#work #continue figure {
		margin-top: max(28px, min(calc(3.3802816901vw + 15px), 64px));
	}
}
@supports not (border-radius: clamp(5px, calc(1.4084507042vw + 0px), 20px)) {
	#work #continue figure {
		border-radius: max(5px, min(calc(1.4084507042vw + 0px), 20px));
	}
}
#work #continue figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#work #continue h3 {
	font-size: clamp(20px, calc(1.3145539906vw + 15px), 34px);
	letter-spacing: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	margin-top: 23px;
	margin-bottom: 14px;
}
@supports not (font-size: clamp(20px, calc(1.3145539906vw + 15px), 34px)) {
	#work #continue h3 {
		font-size: max(20px, min(calc(1.3145539906vw + 15px), 34px));
	}
}
#work #continue h3 img {
	width: 58px;
}
#work #continue .pictures {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	margin-top: 18px;
	margin-bottom: 20px;
}
#work #continue .pictures img {
	display: block;
	width: calc((100% - 20px) / 2);
}
#work #continue .flex {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 20px;
}
#work #continue .flex .box {
	width: 100%;
	padding: 25px 28px;
	font-size: clamp(11px, calc(0.3755868545vw + 10px), 15px);
	line-height: 1.2;
	letter-spacing: 0;
}
@supports not (font-size: clamp(11px, calc(0.3755868545vw + 10px), 15px)) {
	#work #continue .flex .box {
		font-size: max(11px, min(calc(0.3755868545vw + 10px), 15px));
	}
}
#work #continue .flex .box h4 {
	font-size: clamp(17px, calc(1.0328638498vw + 13px), 28px);
	margin-bottom: 10px;
}
@supports not (font-size: clamp(17px, calc(1.0328638498vw + 13px), 28px)) {
	#work #continue .flex .box h4 {
		font-size: max(17px, min(calc(1.0328638498vw + 13px), 28px));
	}
}
#work #continue .flex .box h5 {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
	font-weight: bold;
	margin-top: 5px;
}
#work #continue .flex .box .plan {
	padding-left: 1em;
}
#work #continue .flex .box .text-indent {
	margin-top: 5px;
}
#work #continue .flex .box table {
	width: 100%;
}
#work #continue .flex .box table thead th, #work #continue .flex .box table thead td {
	border-top: solid 1px #6A3906;
	border-bottom: solid 1px #6A3906;
	text-align: center;
	vertical-align: middle;
	padding: 3px 0px;
}
#work #continue .flex .box table thead th {
	font-weight: bold;
	border-right: solid 1px #6A3906;
	width: clamp(70px, calc(7.7160493827vw + 41px), 120px);
}
@supports not (width: clamp(70px, calc(7.7160493827vw + 41px), 120px)) {
	#work #continue .flex .box table thead th {
		width: max(70px, min(calc(7.7160493827vw + 41px), 120px));
	}
}
#work #continue .flex .box table thead td {
	border-left: dotted 1px #6A3906;
}
#work #continue .flex .box table thead h5 {
	margin-top: 0;
}
#work #continue .flex .box table tbody th, #work #continue .flex .box table tbody td {
	border-bottom: dotted 1px #6A3906;
	padding: 5px;
	vertical-align: middle;
}
#work #continue .flex .box table tbody th {
	border-right: solid 1px #6A3906;
}
#work #continue .flex .box table tbody td {
	border-left: dotted 1px #6A3906;
}
#work #continue .flex .box table tbody .price {
	text-align: center;
}
#work #continue .flex .box table.equipment {
	border-top: dotted 1px #6A3906;
}
#work #continue .flex .box table.equipment th {
	border-style: dotted;
	padding: 8px 0;
	width: clamp(84px, calc(5.5555555556vw + 63px), 120px);
}
@supports not (width: clamp(84px, calc(5.5555555556vw + 63px), 120px)) {
	#work #continue .flex .box table.equipment th {
		width: max(84px, min(calc(5.5555555556vw + 63px), 120px));
	}
}
#work #continue .flex .box table.equipment td {
	padding-right: 0;
}
#work #job {
	padding-top: clamp(32px, calc(4.7887323944vw + 14px), 83px);
}
@supports not (padding-top: clamp(32px, calc(4.7887323944vw + 14px), 83px)) {
	#work #job {
		padding-top: max(32px, min(calc(4.7887323944vw + 14px), 83px));
	}
}
#work #job #job_list {
	margin-top: clamp(20px, calc(5.1643192488vw + 1px), 75px);
}
@supports not (margin-top: clamp(20px, calc(5.1643192488vw + 1px), 75px)) {
	#work #job #job_list {
		margin-top: max(20px, min(calc(5.1643192488vw + 1px), 75px));
	}
}
#work #job #job_list ul li a {
	align-items: flex-start;
	justify-content: space-between;
	padding: 10px 12px;
	margin-bottom: 27px;
	border-radius: 10px;
	box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
}
#work #job #job_list ul li a figure {
	width: 128px;
	aspect-ratio: 1;
}
#work #job #job_list ul li a .text {
	width: calc(100% - 138px);
	padding: 0;
}
#work #job #job_list ul li a .text .occupation {
	font-size: 12px;
	margin-bottom: 7px;
}
#work #job #job_list ul li a .text .icon {
	background-size: 10px 10px;
	font-size: 10px;
	letter-spacing: 0;
	padding-left: 14px;
}
#work #job #job_list ul li a .text h2 {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #333;
}
#work #job .to_list a {
	background-color: #C30D23;
	border: solid 1px #C30D23;
	color: #FFF;
	font-family: "Potta One", serif;
	font-weight: 400;
	font-style: normal;
	border-radius: 12px;
	display: grid;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	margin: 47px auto 22px;
	font-size: clamp(18px, calc(0.1877934272vw + 17px), 20px);
	width: clamp(353px, calc(18.3098591549vw + 284px), 548px);
	height: clamp(55px, calc(2.7230046948vw + 45px), 84px);
}
@supports not (font-size: clamp(18px, calc(0.1877934272vw + 17px), 20px)) {
	#work #job .to_list a {
		font-size: max(18px, min(calc(0.1877934272vw + 17px), 20px));
	}
}
@supports not (width: clamp(353px, calc(18.3098591549vw + 284px), 548px)) {
	#work #job .to_list a {
		width: max(353px, min(calc(18.3098591549vw + 284px), 548px));
	}
}
@supports not (height: clamp(55px, calc(2.7230046948vw + 45px), 84px)) {
	#work #job .to_list a {
		height: max(55px, min(calc(2.7230046948vw + 45px), 84px));
	}
}
#work #job .to_list a:hover {
	background-color: #FFF;
	color: #C30D23;
}

@media screen and (min-width: 768px) {
	.page.page-id-27 #content-header::after {
		background-image: url(../images/work_image@2x.webp);
	}
	.page.page-id-27 #content-header .illust01 {
		top: -80px;
		right: 0;
	}
	#work #start-now h3 {
		line-height: 1;
		margin-bottom: 5px;
	}
	#work #start-now .flex {
		display: flex;
		justify-content: space-between;
	}
	#work #start-now .flex .image {
		width: 38%;
		aspect-ratio: 523/381;
	}
	#work #start-now .flex .text {
		width: 58%;
		margin-top: 0;
	}
	#work #start-now .support h3 {
		margin-top: 3px;
	}
	#work #start-now .support .support-flex > div {
		width: calc((100% - 20px) / 2);
	}
	#work #start-now .support .support-flex > div:not(:lang(ja)){
		width:100%;
	}
	#work #start-now .support .support-desk {
		text-align: center;
	}
	#work #start-now .convenience a.button {
		border-radius: 17px;
		height: clamp(40px, calc(6.5476190476vw + -10px), 84px);
		width: 52%;
	}
	@supports not (height: clamp(40px, calc(6.5476190476vw + -10px), 84px)) {
		#work #start-now .convenience a.button {
			height: max(40px, min(calc(6.5476190476vw + -10px), 84px));
		}
	}
	#work #continue figure {
		aspect-ratio: 1171/551;
	}
	#work #job #job_list ul {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}
	#work #job #job_list ul li {
		width: calc((100% - 20px) / 2);
	}
	#work #job #job_list ul li a {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 1024px) {
	#work #continue .flex {
		display: flex;
		justify-content: space-between;
	}
	#work #continue .flex .box {
		width: calc((100% - 20px) / 2);
	}
}
@media screen and (min-width: 1280px) {
	#work #start-now h3 {
		line-height: 1;
		margin-bottom: 5px;
	}
	#work #start-now h4 {
		margin-bottom: clamp(5px, calc(14.375vw + -179px), 28px);
	}
	@supports not (margin-bottom: clamp(5px, calc(14.375vw + -179px), 28px)) {
		#work #start-now h4 {
			margin-bottom: max(5px, min(calc(14.375vw + -179px), 28px));
		}
	}
	#work #start-now .flex .image {
		width: 50%;
	}
	#work #start-now .flex .text {
		width: 48%;
	}
	#work #start-now .flex .text .tel {
		margin-top: 20px;
	}
	#work #start-now .flex .text a.button {
		height: 47px;
		border-radius: 99999px;
		margin-bottom: 0;
	}
	#work #start-now .support {
		padding-bottom: 72px;
	}
	#work #start-now .support .support-flex > div {
		width: 47%;
		padding: 25px 24px;
	}
	#work #start-now .support .support-flex .support-title {
		width: 102px;
	}
	#work #start-now .support .support-flex .support-contents {
		width: calc(100% - 122px);
	}
	#work #start-now .support .support-desk {
		margin-top: 60px;
	}
	#work #start-now .convenience .image {
		max-width: 846px;
		margin: 54px auto;
	}
	#work #start-now .convenience a.button {
		margin: 66px auto 29px;
	}
	#work #continue {
		padding-top: 180px;
	}
	#work #continue h3 {
		margin-top: 68px;
		gap: 30px;
	}
	#work #continue h3 img {
		width: 110px;
	}
	#work #continue .pictures {
		margin-top: 65px;
		margin-bottom: 63px;
		gap: 60px;
	}
	#work #continue .pictures img {
		width: calc((100% - 60px) / 2);
	}
	#work #continue .flex {
		margin-top: 40px;
	}
	#work #continue .flex .box {
		width: calc((100% - 64px) / 2);
		padding: 40px 44px;
	}
	#work #continue .flex .box h4 {
		margin-bottom: 14px;
	}
	#work #continue .flex .box h5 {
		margin-top: 14px;
	}
	#work #continue .flex .box .text-indent {
		margin-top: 14px;
	}
	#work #continue .flex .box table thead th {
		width: 110px;
		padding: 7px 0px;
	}
	#work #continue .flex .box table tbody th, #work #continue .flex .box table tbody td {
		padding: 9px 24px;
	}
	#work #continue .flex .box table.equipment th {
		width: 142px;
		padding: 14px 11px;
	}
	#work #continue .flex .box table.equipment td {
		padding: 14px 24px;
	}
	#work #job #job_list ul {
		display: flex;
		flex-wrap: wrap;
		gap: 64px;
	}
	#work #job #job_list ul li {
		width: calc((100% - 64px) / 2);
	}
	#work #job #job_list ul li a {
		padding: 23px 26px 18px;
		border-radius: 20px;
	}
	#work #job #job_list ul li a figure {
		width: 200px;
	}
	#work #job #job_list ul li a .text {
		width: calc(100% - 216px);
	}
	#work #job #job_list ul li a .text .occupation {
		font-size: 19px;
		margin-bottom: 18px;
	}
	#work #job #job_list ul li a .text .icon {
		background-size: 20px 20px;
		font-size: 13px;
		letter-spacing: 0;
		padding-left: 26px;
	}
	#work #job .to_list a {
		border-radius: 20px;
		margin: 124px auto 0px;
	}
}
@media screen and (min-width: 1700px) {
	.page.page-id-27 #content-header .illust01 {
		top: unset;
		bottom: -8px;
		right: unset;
		left: -14%;
	}
	.page.page-id-27 #content-header .illust02 {
		display: block;
		width: 365px;
		top: -41px;
		right: -8px;
	}
}
@media screen and (min-width: 1900px) {
	.page.page-id-27 #content-header .illust01 {
		left: -389px;
	}
}
/* ----------------------------------------------------------------------
住んでみる
---------------------------------------------------------------------- */
.page.page-id-69 #content-header::after {
	background-image: url(../images/live_image_sp@2x.webp);
}
.page.page-id-69 #content-header .illust01 {
	width: clamp(70px, calc(12.20657277vw + 24px), 200px);
	top: -26px;
	right: 18%;
}
@supports not (width: clamp(70px, calc(12.20657277vw + 24px), 200px)) {
	.page.page-id-69 #content-header .illust01 {
		width: max(70px, min(calc(12.20657277vw + 24px), 200px));
	}
}
.page.page-id-69 #content-header .illust02 {
	display: none;
}

#live .house_icon {
	margin-top: 38px;
	margin-bottom: 12px;
	background: url(../images/line.svg) repeat-x left center/796px 2px;
}
#live .house_icon h3 {
	font-size: clamp(20px, calc(0.9389671362vw + 16px), 30px);
	padding-left: 24px;
	padding-right: 5px;
	color: #6A3906;
	font-family: "Potta One", serif;
	font-weight: 400;
	font-style: normal;
	background: url(../images/live_icon@2x.webp) no-repeat left center/18px 24px, #FFFCF5;
	display: inline-block;
}
@supports not (font-size: clamp(20px, calc(0.9389671362vw + 16px), 30px)) {
	#live .house_icon h3 {
		font-size: max(20px, min(calc(0.9389671362vw + 16px), 30px));
	}
}
#live strong {
	color: #CD131C;
}
#live #experience .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 25px;
	margin-top: 23px;
}
#live #experience .flex > div p {
	margin-top: 18px;
}
#live #experience .ar {
	margin-top: 30px;
	text-align: center;
}
#live #experience .ar .ricoh-theta-tour-image {
	margin: 0 auto;
}
#live #experience_info {
	padding-bottom: 93px;
}
#live #experience_info .link {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
}
#live #experience_info .link a.button {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
	font-size: 17px;
	width: 100%;
	height: 40px;
}
#live #experience_info ul {
	margin-top: 36px;
}
#live #experience_info ul li {
	padding-left: 14px;
	position: relative;
}
#live #experience_info ul li::before {
	content: "・";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#live #experience_info .manabiyanosato {
	border: solid 1px #CCC;
	margin-top: 17px;
	border-radius: 27px;
	padding: 25px 20px;
}
#live #experience_info .manabiyanosato p:not(:last-of-type) {
	margin-bottom: 25px;
}
#live #experience_info .help-desk {
	margin-top: 20px;
}
#live #experience_info .help-desk h4 {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
	font-weight: bold;
}
#live #rent .summary-table1 h2 {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
}
#live #rent .house_icon h3 {
	background-color: #E4E9CF;
}
#live #rent ol {
	padding-left: 25px;
	letter-spacing: 0;
}
#live #rent ol li {
	list-style: decimal;
}
#live #rent ol li .text-indent {
	text-indent: -1em;
	padding-left: 1em;
}
#live #vacant {
	padding-top: clamp(25px, calc(7.0422535211vw + -1px), 100px);
}
@supports not (padding-top: clamp(25px, calc(7.0422535211vw + -1px), 100px)) {
	#live #vacant {
		padding-top: max(25px, min(calc(7.0422535211vw + -1px), 100px));
	}
}
#live #vacant .house_icon {
	margin-top: clamp(25px, calc(1.9718309859vw + 18px), 46px);
	margin-bottom: clamp(3px, calc(1.5962441315vw + -3px), 20px);
}
@supports not (margin-top: clamp(25px, calc(1.9718309859vw + 18px), 46px)) {
	#live #vacant .house_icon {
		margin-top: max(25px, min(calc(1.9718309859vw + 18px), 46px));
	}
}
@supports not (margin-bottom: clamp(3px, calc(1.5962441315vw + -3px), 20px)) {
	#live #vacant .house_icon {
		margin-bottom: max(3px, min(calc(1.5962441315vw + -3px), 20px));
	}
}
#live #vacant .text-indent {
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 5px;
}
#live #vacant a.button {
	height: 40px;
	width: 341px;
	margin: 41px auto;
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
}
#live #house_list li a {
	margin-bottom: 30px;
}
#live .help-desk-bottom {
	border-top: dotted 1px #7F4F21;
	border-bottom: dotted 1px #7F4F21;
	text-align: center;
	line-height: 1.4;
	margin-top: 58px;
	padding-top: 11px;
	padding-bottom: 8px;
	max-width: 546px;
	font-size: clamp(14.5px, calc(0.5164319249vw + 13px), 20px);
}
@supports not (font-size: clamp(14.5px, calc(0.5164319249vw + 13px), 20px)) {
	#live .help-desk-bottom {
		font-size: max(14.5px, min(calc(0.5164319249vw + 13px), 20px));
	}
}
#live .help-desk-bottom h2 {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
}

@media screen and (min-width: 768px) {
	.page.page-id-69 #content-header::after {
		background-image: url(../images/live_image@2x.webp);
	}
	#live .house_icon {
		margin-bottom: 3px;
		background-size: 797px 2px;
	}
	#live .house_icon h3 {
		background-size: 36px 47px;
		padding-left: 52px;
		padding-right: 30px;
	}
	#live #experience .flex {
		margin-top: clamp(23px, calc(8.6572438163vw + -43px), 121px);
	}
	@supports not (margin-top: clamp(23px, calc(8.6572438163vw + -43px), 121px)) {
		#live #experience .flex {
			margin-top: max(23px, min(calc(8.6572438163vw + -43px), 121px));
		}
	}
	#live #experience .flex > div {
		width: 48%;
	}
	#live #experience .flex > div.floor-plan {
		width: 47%;
	}
	#live #experience .flex > div p {
		margin-top: clamp(18px, calc(4.593639576vw + -17px), 70px);
	}
	@supports not (margin-top: clamp(18px, calc(4.593639576vw + -17px), 70px)) {
		#live #experience .flex > div p {
			margin-top: max(18px, min(calc(4.593639576vw + -17px), 70px));
		}
	}
	#live #experience .ar {
		margin-top: clamp(30px, calc(4.0636042403vw + -1px), 76px);
	}
	@supports not (margin-top: clamp(30px, calc(4.0636042403vw + -1px), 76px)) {
		#live #experience .ar {
			margin-top: max(30px, min(calc(4.0636042403vw + -1px), 76px));
		}
	}
	#live #experience_info {
		padding-top: clamp(10px, calc(9.3639575972vw + -62px), 116px);
	}
	@supports not (padding-top: clamp(10px, calc(9.3639575972vw + -62px), 116px)) {
		#live #experience_info {
			padding-top: max(10px, min(calc(9.3639575972vw + -62px), 116px));
		}
	}
	#live #experience_info .link {
		padding-top: clamp(10px, calc(3.8869257951vw + -20px), 54px);
	}
	@supports not (padding-top: clamp(10px, calc(3.8869257951vw + -20px), 54px)) {
		#live #experience_info .link {
			padding-top: max(10px, min(calc(3.8869257951vw + -20px), 54px));
		}
	}
	#live #experience_info .link a.button {
		width: 30%;
		height: 40px;
	}
	#live #rent {
		padding-top: clamp(20px, calc(15.9010600707vw + -102px), 200px);
	}
	@supports not (padding-top: clamp(20px, calc(15.9010600707vw + -102px), 200px)) {
		#live #rent {
			padding-top: max(20px, min(calc(15.9010600707vw + -102px), 200px));
		}
	}
	#live #vacant a.button {
		margin-left: 0;
	}
}
@media screen and (min-width: 1280px) {
	#live #experience_info {
		line-height: 2.5;
	}
	#live #experience_info ul {
		margin-top: 50px;
	}
	#live #experience_info .manabiyanosato {
		border: solid 1px #CCC;
		margin-top: 22px;
		border-radius: 34px;
		padding: 32px 46px;
		line-height: 2;
	}
	#live #experience_info .help-desk {
		margin-top: 32px;
	}
	#live #experience_info .help-desk h4 {
		font-size: 20px;
	}
	#live #rent .house_icon {
		margin-top: 80px;
		margin-bottom: 30px;
	}
	#live #rent ol {
		line-height: 2.6;
	}
	#live #vacant #house_list {
		margin-top: 66px;
	}
	#live #vacant p {
		line-height: 2.5;
	}
	#live #house_list.rent-house-list {
		margin-top: 130px;
	}
	#live #house_list li a {
		margin-bottom: 71px;
	}
	#live #house_list li a .flex figure {
		width: 50%;
		aspect-ratio: 581/345;
	}
	#live #house_list li a .flex figure .new {
		bottom: 14px;
		right: 16px;
		font-size: 25px;
		padding: 5px 18px;
	}
	#live #house_list li a .flex .text {
		width: 50%;
	}
	#live #house_list li a .flex .text .status {
		margin-top: 26px;
		margin-bottom: 26px;
	}
	#live #house_list li a .flex .text .status > div {
		width: 220px;
		height: 52px;
		font-size: 25px;
	}
	#live #house_list li a .flex .text .status > div:not(:lang(ja)){
		font-size:16px;
	}
	/*
	#live #house_list li a .flex .text .status > div.sale span {
		width: 74px;
	}
	*/
	#live #house_list li a .flex .text table th, #live #house_list li a .flex .text table td {
		font-size: 15px;
	}
	#live #house_list li a .flex .text table td {
		padding: 21px 6px;
	}
	#live #house_list li a .flex .text table .price_wrapper .price {
		font-size: 21px;
	}
	#live #house_list li a .flex .text table .kind {
		font-size: 22px;
		width: 145px;
		height: 44px;
	}
	#live #house_list li a .flex .text table .kind:not(:lang(ja)){
		height:unset;
	}
	#live .help-desk-bottom {
		margin-top: 93px;
		padding-top: 24px;
		padding-bottom: 24px;
	}
}
@media screen and (min-width: 1700px) {
	.page.page-id-69 #content-header .illust01 {
		width: clamp(70px, calc(12.20657277vw + 24px), 200px);
		top: -67px;
		right: 3%;
	}
	@supports not (width: clamp(70px, calc(12.20657277vw + 24px), 200px)) {
		.page.page-id-69 #content-header .illust01 {
			width: max(70px, min(calc(12.20657277vw + 24px), 200px));
		}
	}
	.page.page-id-69 #content-header .illust02 {
		display: block;
		width: 210px;
		bottom: 80px;
		left: -100px;
	}
}
@media screen and (min-width: 1900px) {
	.page.page-id-69 #content-header .illust02 {
		left: -286px;
	}
}
/* ----------------------------------------------------------------------
暮らす
---------------------------------------------------------------------- */
.page.page-id-131 #content-header::after {
	background-image: url(../images/living_image_sp@2x.webp);
}
.page.page-id-131 #content-header .illust01 {
	width: clamp(116px, calc(15.4929577465vw + 58px), 281px);
	top: 0;
	right: 15%;
}
@supports not (width: clamp(116px, calc(15.4929577465vw + 58px), 281px)) {
	.page.page-id-131 #content-header .illust01 {
		width: max(116px, min(calc(15.4929577465vw + 58px), 281px));
	}
}
.page.page-id-131 #content-header .illust02 {
	display: none;
}

#living {
	padding-top: 20px;
}
#living #facility .facility-slider {
	margin-top: 20px;
}
#living #facility .facility-slider .slick-slide {
	padding: 0 15px;
}
#living #facility ol.facility-list {
	columns: 2;
	list-style: none;
	counter-reset: number;
	margin-top: 25px;
}
#living #facility ol.facility-list li {
	color: #6A3906;
	font-family: "Potta One", serif;
	font-weight: 400;
	font-style: normal;
	font-size: clamp(12px, calc(0.5633802817vw + 10px), 18px);
	letter-spacing: 0;
	position: relative;
	padding: 3px 0 3px 20px;
}
@supports not (font-size: clamp(12px, calc(0.5633802817vw + 10px), 18px)) {
	#living #facility ol.facility-list li {
		font-size: max(12px, min(calc(0.5633802817vw + 10px), 18px));
	}
}
#living #facility ol.facility-list li::before {
	counter-increment: number;
	content: counter(number);
	position: absolute;
	top: 10px;
	left: 0;
	display: grid;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	background-color: #E80044;
	border-radius: 50%;
	font-size: 10px;
	line-height: 1;
	color: #FFF;
}
#living #facility ol.facility-list li:nth-child(n+9) {
	width: 110%;
	margin-left: -10%;
}
#living #facility ol.facility-list li:nth-child(n+9):not(:lang(ja)){
	width:100%;margin-left:0;
}
#living #facility .note {
	color: #6A3906;
	font-family: "Potta One", serif;
	font-weight: 400;
	font-style: normal;
	font-size: clamp(8px, calc(0.4694835681vw + 6px), 13px);
	text-align: right;
}
@supports not (font-size: clamp(8px, calc(0.4694835681vw + 6px), 13px)) {
	#living #facility .note {
		font-size: max(8px, min(calc(0.4694835681vw + 6px), 13px));
	}
}
#living #facility .note .enclosed {
	font-weight: bold;
}
#living #rule {
	padding-top: clamp(30px, calc(6.5727699531vw + 5px), 100px);
}
@supports not (padding-top: clamp(30px, calc(6.5727699531vw + 5px), 100px)) {
	#living #rule {
		padding-top: max(30px, min(calc(6.5727699531vw + 5px), 100px));
	}
}
#living #rule ul {
	margin-top: clamp(17px, calc(2.5352112676vw + 7px), 44px);
}
@supports not (margin-top: clamp(17px, calc(2.5352112676vw + 7px), 44px)) {
	#living #rule ul {
		margin-top: max(17px, min(calc(2.5352112676vw + 7px), 44px));
	}
}
#living #rule ul li {
	background-color: #FFF;
	box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 50px;
}
#living #rule ul li .text {
	padding: 10px 13px 15px;
}
#living #rule ul li .text h3 {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: clamp(23px, calc(0.6572769953vw + 21px), 30px);
}
@supports not (font-size: clamp(23px, calc(0.6572769953vw + 21px), 30px)) {
	#living #rule ul li .text h3 {
		font-size: max(23px, min(calc(0.6572769953vw + 21px), 30px));
	}
}
#living #rule ul li .text .number {
	display: grid;
	color: #FFF;
	background-color: #E87844;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
#living #needs {
	padding-top: clamp(68px, calc(9.5774647887vw + 32px), 170px);
}
@supports not (padding-top: clamp(68px, calc(9.5774647887vw + 32px), 170px)) {
	#living #needs {
		padding-top: max(68px, min(calc(9.5774647887vw + 32px), 170px));
	}
}
#living #needs ul {
	margin-top: clamp(42px, calc(5.4460093897vw + 22px), 100px);
}
@supports not (margin-top: clamp(42px, calc(5.4460093897vw + 22px), 100px)) {
	#living #needs ul {
		margin-top: max(42px, min(calc(5.4460093897vw + 22px), 100px));
	}
}
#living #needs ul li {
	margin-bottom: 58px;
}
#living #needs ul li .line {
	background: url(../images/line.svg) repeat-x left center/796px 2px;
	margin-top: 20px;
}
#living #needs ul li h3 {
	font-size: clamp(23px, calc(1.0328638498vw + 19px), 34px);
	background-color: #E4E9CF;
	display: inline-block;
	padding-right: 10px;
}
@supports not (font-size: clamp(23px, calc(1.0328638498vw + 19px), 34px)) {
	#living #needs ul li h3 {
		font-size: max(23px, min(calc(1.0328638498vw + 19px), 34px));
	}
}

@media screen and (min-width: 768px) {
	.page.page-id-131 #content-header::after {
		background-image: url(../images/living_image@2x.webp);
	}
	#living #facility ol.facility-list {
		columns: 3;
	}
	#living #facility ol.facility-list li {
		padding-left: 24px;
	}
	#living #facility ol.facility-list li::before {
		width: 20px;
		height: 24px;
		font-size: 18px;
	}
	#living #facility ol.facility-list li:nth-child(n+9) {
		width: 100%;
		margin-left: 0;
	}
	#living #facility .note {
		margin-top: -60px;
	}
	#living #facility .note:not(:lang(ja)){
		margin-top:0;
	}
	#living #facility #facility-map {
		position: relative;
	}
	#living #facility #facility-map .facility-info li {
		position: absolute;
		top: 27px;
		left: 0;
	}
	#living #facility #facility-map .tab-item {
		cursor: pointer;
	}
	#living #facility #facility-map .tab-item:hover .cls-36 {
		fill: #6A3906;
	}
	#living #facility #facility-map .panel-item {
		display: none;
	}
	#living #facility #facility-map .panel-item.is-active {
		display: block;
	}
	#living #facility #facility-map .panel-item img {
	  width: clamp(245px, calc(29.4921875vw + 19px), 396px);
	}
	@supports not (width: clamp(245px, calc(29.4921875vw + 19px), 396px)) {
	  #living #facility #facility-map .panel-item img {
		width: max(245px, min(calc(29.4921875vw + 19px), 396px));
	  }
	}
	#living #rule ul li {
		display: flex;
		height: 210px;
	}
	#living #rule ul li:not(:lang(ja)) {
		height: unset;
	}
	#living #rule ul li figure {
		width: 40%;
	}
	#living #rule ul li figure img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	#living #rule ul li .text {
		width: 60%;
	}
	#living #needs {
		padding-bottom: 38px;
	}
	#living #needs ul li {
		display: flex;
		justify-content: space-between;
	}
	#living #needs ul li figure {
		width: 50%;
	}
	#living #needs ul li figure img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	#living #needs ul li .text {
		width: 47%;
	}
	#living #needs ul li:nth-child(2) figure {
		order: 2;
	}
}
@media screen and (min-width: 1280px) {
	#living #facility {
		padding-top: 63px;
		padding-bottom: 70px;
	}
	#living #facility .note {
		margin-top: 0;
	}
	#living #facility ol.facility-list {
		columns: 4;
	}
	#living #rule ul li {
		height: 237px;
		border-radius: 40px;
	}
	#living #rule ul li figure {
		width: 45%;
	}
	#living #rule ul li .text {
		width: 55%;
		padding: 20px 36px 20px;
	}
	#living #rule ul li .text .number {
		width: 33px;
		height: 33px;
	}
	#living #rule ul li .text h3 {
		margin-bottom: 5px;
	}
	#living #needs ul li {
		margin-bottom: 115px;
	}
	#living #needs ul li figure {
		width: 53%;
	}
	#living #needs ul li .text {
		width: 42%;
	}
	#living #needs ul li .line {
		margin-top: 72px;
	}
}
@media screen and (min-width: 1700px) {
	.page.page-id-131 #content-header .illust01 {
		top: -81px;
		right: 2%;
	}
	.page.page-id-131 #content-header .illust02 {
		display: block;
		width: 271px;
		bottom: -34px;
	}
}
@media screen and (min-width: 1900px) {
	.page.page-id-131 #content-header .illust02 {
		left: -353px;
	}
}
/* ----------------------------------------------------------------------
育てる
---------------------------------------------------------------------- */
.page.page-id-143 #content-header::after {
	background-image: url(../images/raise_image_sp@2x.webp);
}
.page.page-id-143 #content-header .illust01 {
	width: clamp(80px, calc(11.9248826291vw + 35px), 207px);
	top: 15px;
	right: 15%;
}
@supports not (width: clamp(80px, calc(11.9248826291vw + 35px), 207px)) {
	.page.page-id-143 #content-header .illust01 {
		width: max(80px, min(calc(11.9248826291vw + 35px), 207px));
	}
}
.page.page-id-143 #content-header .illust02 {
	display: none;
}

#main_page #raise h4, #main_page #raise h5 {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
	font-weight: bold;
}

#raise .line {
	background: url(../images/line.svg) repeat-x left center/796px 2px;
	margin-bottom: 15px;
}
#raise .line h3 {
	font-size: clamp(23px, calc(1.0328638498vw + 19px), 34px);
	display: inline-block;
	padding-right: 10px;
	background-color: #FFFCF5;
}
@supports not (font-size: clamp(23px, calc(1.0328638498vw + 19px), 34px)) {
	#raise .line h3 {
		font-size: max(23px, min(calc(1.0328638498vw + 19px), 34px));
	}
}
#raise .text-indent {
	text-indent: -1em;
	padding-left: 1em;
	font-weight: bold;
}
#raise .three-columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
	margin-top: 10px;
	margin-bottom: 30px;
}
#raise .three-columns > div {
	width: 100%;
}
#raise .three-columns > div h4 {
	margin-top: 10px;
}
#raise #map {
	padding-top: clamp(50px, calc(4.6948356808vw + 32px), 100px);
}
@supports not (padding-top: clamp(50px, calc(4.6948356808vw + 32px), 100px)) {
	#raise #map {
		padding-top: max(50px, min(calc(4.6948356808vw + 32px), 100px));
	}
}
#raise #map ol {
	list-style: none;
	counter-reset: number;
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
}
#raise #map ol li {
	color: #6A3906;
	font-family: "Potta One", serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0;
	position: relative;
	width: 50%;
	font-size: 16px;
	padding-left: 29px;
}
#raise #map ol li::before {
	counter-increment: number;
	content: counter(number);
	position: absolute;
	top: 3px;
	left: 0;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: #E87844;
	border-radius: 50%;
	line-height: 1;
	color: #FFF;
	font-size: 16px;
	width: 24px;
	height: 24px;
}
#raise #nursery {
	padding-top: clamp(50px, calc(2.8169014085vw + 39px), 80px);
	padding-bottom: clamp(50px, calc(4.6948356808vw + 32px), 100px);
}
@supports not (padding-top: clamp(50px, calc(2.8169014085vw + 39px), 80px)) {
	#raise #nursery {
		padding-top: max(50px, min(calc(2.8169014085vw + 39px), 80px));
	}
}
@supports not (padding-bottom: clamp(50px, calc(4.6948356808vw + 32px), 100px)) {
	#raise #nursery {
		padding-bottom: max(50px, min(calc(4.6948356808vw + 32px), 100px));
	}
}
#raise #nursery .box {
	background-color: #FFF;
	border: dotted 2px #6A3906;
	padding: 20px;
	margin-bottom: 23px;
	margin-top: 20px;
}
#raise #nursery .box h3 {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
	font-weight: bold;
}
#raise #nursery .box ul li {
	position: relative;
	padding-left: 1em;
}
#raise #nursery .box ul li::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
#raise #nursery .nursery {
	margin-top: 50px;
}
#raise #nursery .nursery h4 {
	margin-top: 10px;
}
#raise #nursery .nursery table {
	width: 100%;
}
#raise #nursery .nursery table td {
	font-size: 14px;
	border-bottom: dotted 1px #6A3906;
	display: block;
	padding: 5px 0;
}
#raise #nursery .nursery table td > div {
	display: flex;
	gap: 20px;
}
#raise #nursery .nursery table td h5 {
	width: 80px;
}
#raise #nursery .nursery table td p {
	width: calc(100% - 100px);
}
#raise #nursery .nursery table.nursery-table1 {
	border-top: dotted 1px #6A3906;
}
#raise #nursery .nursery .image img {
	margin-top: 20px;
}
#raise #nursery .nursery .texts {
	font-size: 11px;
}
#raise #school {
	padding-top: clamp(60px, calc(0.7511737089vw + 57px), 68px);
	padding-bottom: clamp(50px, calc(4.6948356808vw + 32px), 100px);
}
@supports not (padding-top: clamp(60px, calc(0.7511737089vw + 57px), 68px)) {
	#raise #school {
		padding-top: max(60px, min(calc(0.7511737089vw + 57px), 68px));
	}
}
@supports not (padding-bottom: clamp(50px, calc(4.6948356808vw + 32px), 100px)) {
	#raise #school {
		padding-bottom: max(50px, min(calc(4.6948356808vw + 32px), 100px));
	}
}
#raise #school #junior {
	margin-top: clamp(100px, calc(4.6948356808vw + 82px), 150px);
}
@supports not (margin-top: clamp(100px, calc(4.6948356808vw + 82px), 150px)) {
	#raise #school #junior {
		margin-top: max(100px, min(calc(4.6948356808vw + 82px), 150px));
	}
}
#raise #school .school {
	margin-top: 50px;
}
#raise #school .school h4 {
	margin-top: 10px;
}
#raise #school .school table {
	width: 100%;
	border-top: dotted 1px #6A3906;
	margin-top: 20px;
}
#raise #school .school table td {
	font-size: 14px;
	border-bottom: dotted 1px #6A3906;
	display: block;
	padding: 5px 0;
}
#raise #school .school table td > div {
	display: flex;
	gap: 20px;
}
#raise #school .school table td h5 {
	width: 80px;
}
#raise #school .school table td p {
	width: calc(100% - 100px);
}
#raise #school .school .image img {
	margin-top: 20px;
}
#raise #school .school ul {
	margin-bottom: 10px;
}
#raise #school .school ul li {
	position: relative;
	font-size: 11px;
	padding-left: 1em;
}
#raise #school .school ul li::before {
	content: "●";
	position: absolute;
	top: 0;
	left: 0;
}
#raise #school .school .texts {
	font-size: 11px;
}
#raise #experience {
	padding-top: clamp(50px, calc(15.3051643192vw + -7px), 213px);
	padding-bottom: clamp(50px, calc(4.6948356808vw + 32px), 100px);
}
@supports not (padding-top: clamp(50px, calc(15.3051643192vw + -7px), 213px)) {
	#raise #experience {
		padding-top: max(50px, min(calc(15.3051643192vw + -7px), 213px));
	}
}
@supports not (padding-bottom: clamp(50px, calc(4.6948356808vw + 32px), 100px)) {
	#raise #experience {
		padding-bottom: max(50px, min(calc(4.6948356808vw + 32px), 100px));
	}
}
#raise #experience .inner-narrow {
	margin-bottom: 30px;
}
#raise #experience h3 {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
	font-weight: bold;
	font-size: clamp(18px, calc(0.4694835681vw + 16px), 23px);
	margin-top: 50px;
}
@supports not (font-size: clamp(18px, calc(0.4694835681vw + 16px), 23px)) {
	#raise #experience h3 {
		font-size: max(18px, min(calc(0.4694835681vw + 16px), 23px));
	}
}
#raise #lodging {
	padding-top: clamp(50px, calc(8.6384976526vw + 18px), 142px);
	padding-bottom: clamp(50px, calc(4.6948356808vw + 32px), 100px);
}
@supports not (padding-top: clamp(50px, calc(8.6384976526vw + 18px), 142px)) {
	#raise #lodging {
		padding-top: max(50px, min(calc(8.6384976526vw + 18px), 142px));
	}
}
@supports not (padding-bottom: clamp(50px, calc(4.6948356808vw + 32px), 100px)) {
	#raise #lodging {
		padding-bottom: max(50px, min(calc(4.6948356808vw + 32px), 100px));
	}
}
#raise #lodging h3 {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
	font-weight: bold;
	font-size: clamp(18px, calc(0.4694835681vw + 16px), 23px);
	margin-top: 50px;
}
@supports not (font-size: clamp(18px, calc(0.4694835681vw + 16px), 23px)) {
	#raise #lodging h3 {
		font-size: max(18px, min(calc(0.4694835681vw + 16px), 23px));
	}
}
#raise #lodging .day img {
	display: block;
	width: 60px;
	margin: 35px auto 15px;
}
#raise #lodging .timetable table {
	width: 100%;
	margin-top: 5px;
	border-top: dotted 1px #6A3906;
}
#raise #lodging .timetable table tr td {
	padding: 5px 15px;
	border-bottom: dotted 1px #6A3906;
}
#raise #lodging .timetable table tr td div {
	display: flex;
	gap: 10px;
}
#raise #lodging .timetable table tr td h5 {
	width: 80px;
}
#raise #lodging .timetable table tr td p {
	width: calc(100% - 110px);
}
#raise #playground .inner-narrow {
	margin-bottom: 30px;
}
#raise #playground h3 {
	font-size: clamp(22px, calc(1.1267605634vw + 18px), 34px);
	margin-top: 5px;
}
@supports not (font-size: clamp(22px, calc(1.1267605634vw + 18px), 34px)) {
	#raise #playground h3 {
		font-size: max(22px, min(calc(1.1267605634vw + 18px), 34px));
	}
}
#raise #playground .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
}
#raise #playground .flex > div {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.page.page-id-143 #content-header::after {
		background-image: url(../images/raise_image@2x.webp);
	}
	#raise .three-columns > div {
		width: calc((100% - 60px) / 3);
	}
	#raise #map .flex {
		display: flex;
		justify-content: space-between;
		margin-top: 30px;
	}
	#raise #map .map {
		width: 50%;
	}
	#raise #map ol {
		width: 48%;
		margin-top: 0;
	}
	#raise #map ol li {
		font-size: clamp(16px, calc(1.6369047619vw + 3px), 27px);
		padding-left: clamp(29px, calc(1.0416666667vw + 21px), 36px);
	}
	@supports not (font-size: clamp(16px, calc(1.6369047619vw + 3px), 27px)) {
		#raise #map ol li {
			font-size: max(16px, min(calc(1.6369047619vw + 3px), 27px));
		}
	}
	@supports not (padding-left: clamp(29px, calc(1.0416666667vw + 21px), 36px)) {
		#raise #map ol li {
			padding-left: max(29px, min(calc(1.0416666667vw + 21px), 36px));
		}
	}
	#raise #map ol li::before {
		font-size: clamp(16px, calc(1.6369047619vw + 3px), 27px);
		width: clamp(24px, calc(1.0416666667vw + 16px), 31px);
		height: clamp(24px, calc(1.0416666667vw + 16px), 31px);
	}
	@supports not (font-size: clamp(16px, calc(1.6369047619vw + 3px), 27px)) {
		#raise #map ol li::before {
			font-size: max(16px, min(calc(1.6369047619vw + 3px), 27px));
		}
	}
	@supports not (width: clamp(24px, calc(1.0416666667vw + 16px), 31px)) {
		#raise #map ol li::before {
			width: max(24px, min(calc(1.0416666667vw + 16px), 31px));
		}
	}
	@supports not (height: clamp(24px, calc(1.0416666667vw + 16px), 31px)) {
		#raise #map ol li::before {
			height: max(24px, min(calc(1.0416666667vw + 16px), 31px));
		}
	}
	#raise #nursery .nursery {
		display: flex;
		justify-content: space-between;
	}
	#raise #nursery .nursery .text {
		width: 40%;
		order: 2;
	}
	#raise #nursery .nursery .image {
		width: 55%;
	}
	#raise #school .school {
		display: flex;
		justify-content: space-between;
	}
	#raise #school .school .text {
		width: 40%;
		order: 2;
	}
	#raise #school .school .image {
		width: 55%;
		display: flex;
		flex-direction: column;
	}
	#raise #school .school .image .photo {
		order: 1;
	}
	#raise #school .school .image .atmosphere {
		order: 2;
	}
	#raise #lodging .day img {
		display: block;
		width: 60px;
		margin: 35px auto 15px;
	}
	#raise #lodging .timetable table {
		width: 100%;
		margin-top: 5px;
		border-collapse: separate;
		border-spacing: 0px 10px;
		border-top: none;
	}
	#raise #lodging .timetable table tr {
		display: block;
		border-bottom: dotted 1px #6A3906;
	}
	#raise #lodging .timetable table tr th {
		width: 70px;
		vertical-align: middle;
	}
	#raise #lodging .timetable table tr th img {
		width: 60px;
	}
	#raise #lodging .timetable table tr td {
		padding: 0 5px 0 15px;
		display: table-cell;
		border-bottom: none;
		width: 206px;
		border-right: dotted 1px #6A3906;
	}
	#raise #lodging .timetable table tr td div{display:block}
	#raise #lodging .timetable table tr td:last-child {
		border-right: none;
	}
	#raise #lodging .timetable table tr td h5, #raise #lodging .timetable table tr td p {
		width: unset;
	}
	#raise #lodging .timetable table tr:first-child {
		border-top: dotted 1px #6A3906;
	}
	#raise #playground .flex > div {
		width: calc((100% - 30px) / 2);
	}
}
@media screen and (min-width: 1280px) {
	#raise .line {
		margin-top: 5px;
	}
	#raise .three-columns {
		gap: 25px;
	}
	#raise .three-columns > div {
		width: calc((100% - 50px) / 3);
	}
	#raise #map .flex {
		margin-top: 42px;
		align-items: flex-start;
	}
	#raise #map .map {
		width: 54%;
	}
	#raise #map ol {
		width: 44%;
	}
	#raise #map ol li {
		margin-top: 16px;
	}
	#raise #map ol li:nth-child(even) {
		width: 55%;
	}
	#raise #map ol li:nth-child(odd) {
		width: 45%;
	}
	#raise #nursery .inner-narrow {
		margin-bottom: 44px;
	}
	#raise #nursery .box {
		border-radius: 37px;
		padding: 26px 67px;
	}
	#raise #nursery .nursery {
		margin-top: 105px;
	}
	#raise #nursery .nursery.first {
		margin-top: 80px;
	}
	#raise #nursery .nursery .text {
		width: 41%;
	}
	#raise #nursery .nursery .text table td {
		display: table-cell;
		padding: 13px 8px;
	}
	#raise #nursery .nursery .text table td:not(:last-child) {
		border-right: dotted 1px #6A3906;
	}
	#raise #nursery .nursery .text table td p {
		width: unset;
	}
	#raise #nursery .nursery .text table td > div {
		gap: unset;
	}
	#raise #nursery .nursery .text table.nursery-table1 {
		margin-top: 38px;
	}
	#raise #school .school {
		margin-top: 109px;
	}
	#raise #school .school p {
		font-size: 16px;
		letter-spacing: 0.03em;
	}
	#raise #school .school h4 {
		margin-top: 20px;
	}
	#raise #school .school h4.mt0 {
		margin-top: 0;
	}
	#raise #school .school .text {
		width: 41%;
	}
	#raise #school .school .text table {
		margin-top: 53px;
	}
	#raise #school .school .text table td {
		padding: 13px 0;
	}
	#raise #school .school .text table.mt10 {
		margin-top: 10px;
	}
	#raise #school .school.first {
		margin-top: 62px;
	}
	#raise #experience .text-indent {
		margin-top: 50px;
	}
	#raise #experience .inner-narrow {
		margin-bottom: 84px;
	}
	#raise #lodging h3 {
		margin-top: 75px;
	}
	#raise #lodging .timetable table {
		margin-top: 53px;
		margin-bottom: 76px;
	}
	#raise #lodging .timetable table tr th {
		width: 118px;
		vertical-align: middle;
		text-align: center;
	}
	#raise #lodging .timetable table tr th img {
		width: 93px;
	}
	#raise #lodging .timetable table tr td {
		padding: 0 22px 0 22px;
		width: 230px;
	}
	#raise #lodging .timetable table tr td:nth-child(3) {
		width: 250px;
	}
	#raise #lodging .timetable table tr td:last-child {
		width: unset;
	}
	#raise #lodging .three-columns {
		gap: 50px 25px;
	}
	#raise #lodging .text-indent {
		margin-top: 50px;
	}
	#raise #playground {
		padding-bottom: 170px;
	}
	#raise #playground .inner-narrow {
		margin-bottom: 74px;
	}
	#raise #playground .flex {
		gap: 93px 30px;
	}
}
@media screen and (min-width: 1700px) {
	.page.page-id-143 #content-header .illust01 {
		top: -81px;
		right: 2%;
	}
	.page.page-id-143 #content-header .illust02 {
		display: block;
		width: 317px;
		bottom: -23px;
	}
}
@media screen and (min-width: 1900px) {
	.page.page-id-143 #content-header .illust02 {
		left: -378px;
	}
}
/* ----------------------------------------------------------------------
小国の人
---------------------------------------------------------------------- */
.page.page-id-176 #content-header::after {
	background-image: url(../images/people_image@2x.webp);
	background-size: cover;
	border-radius: 20px;
}
.page.page-id-176 #content-header .illust01 {
	width: clamp(116px, calc(15.4929577465vw + 58px), 281px);
	top: -25px;
	right: 15%;
}
@supports not (width: clamp(116px, calc(15.4929577465vw + 58px), 281px)) {
	.page.page-id-176 #content-header .illust01 {
		width: max(116px, min(calc(15.4929577465vw + 58px), 281px));
	}
}
.page.page-id-176 #content-header .illust02 {
	display: none;
}

#people #event ul {
	display: flex;
	flex-wrap: wrap;
	padding: 25px 35px;
	background: url(../images/people_map.svg) no-repeat center center/contain;
	max-width: 1264px;
	margin-inline: auto;
	margin-top: 12px;
	margin-bottom: 34px;
}
#people #event ul li {
	width: 50%;
	text-align: center;
	margin-bottom: 10px;
}
#people .interview {
	background-color: #E9E2D9;
	padding-top: 50px;
	padding-bottom: 50px;
}
#people .interview ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
#people .interview ul li {
	width: 100%;
	max-width: 346px;
	margin-inline: auto;
}
#people .interview ul li a {
	background-color: #FFF;
	display: block;
}
#people .interview ul li a figure {
	aspect-ratio: 347/263;
	overflow: hidden;
}
#people .interview ul li a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s;
}
#people .interview ul li a:hover img {
	transform: scale(1.03);
}
#people .interview .title {
	padding: 24px;
	height: 180px;
	position: relative;
}
#people .interview .title .flex {
	display: flex;
	gap: 8%;
}
#people .interview .title h3 {
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0;
}
#people .interview .title h3 .normal {
	font-weight: normal;
}
#people .interview .title .readmore {
	color: #6A3906;
	font-family: "Potta One", serif;
	font-weight: 400;
	font-style: normal;
	padding-right: 1.5em;
	text-align: right;
	background: url(../images/readmore.svg) no-repeat right center/1em 1em;
	font-size: 18px;
	position: absolute;
	bottom: 24px;
	right: 24px;
}
#people .interview .title .readmore:not(:lang(ja)){
	bottom:0px;
}
#people .interview .title .info {
	border: solid 1px;
	padding: 0 11px;
	display: inline-block;
	position: absolute;
	bottom: 29px;
	left: 29px;
	line-height: 1.4;
}
#people #immigrant, #people #local_people {
	padding-top: clamp(50px, calc(4.6948356808vw + 32px), 100px);
}
@supports not (padding-top: clamp(50px, calc(4.6948356808vw + 32px), 100px)) {
	#people #immigrant, #people #local_people {
		padding-top: max(50px, min(calc(4.6948356808vw + 32px), 100px));
	}
}
#people #immigrant p.inner-narrow, #people #local_people p.inner-narrow {
	margin-bottom: clamp(75px, calc(-2.3474178404vw + 84px), 50px);
}
@supports not (margin-bottom: clamp(75px, calc(-2.3474178404vw + 84px), 50px)) {
	#people #immigrant p.inner-narrow, #people #local_people p.inner-narrow {
		margin-bottom: max(75px, min(calc(-2.3474178404vw + 84px), 50px));
	}
}

@media screen and (min-width: 768px) {
	.page.page-id-176 #content-header::after {
		background-image: url(../images/people_image@2x.webp);
	}
	#people #event ul li {
		width: 25%;
	}
	#people .interview ul {
		gap: unset;
		justify-content: space-between;
	}
	#people .interview ul li {
		margin-inline: unset;
		width: 32%;
	}
	#people .interview ul li .title {
		padding-left: clamp(10px, calc(2.734375vw + -11px), 24px);
		padding-right: clamp(10px, calc(2.734375vw + -11px), 24px);
	}
	@supports not (padding-left: clamp(10px, calc(2.734375vw + -11px), 24px)) {
		#people .interview ul li .title {
			padding-left: max(10px, min(calc(2.734375vw + -11px), 24px));
		}
	}
	@supports not (padding-right: clamp(10px, calc(2.734375vw + -11px), 24px)) {
		#people .interview ul li .title {
			padding-right: max(10px, min(calc(2.734375vw + -11px), 24px));
		}
	}
	#people .interview ul li .title h3 {
		font-size: clamp(14px, calc(1.171875vw + 5px), 20px);
	}
	@supports not (font-size: clamp(14px, calc(1.171875vw + 5px), 20px)) {
		#people .interview ul li .title h3 {
			font-size: max(14px, min(calc(1.171875vw + 5px), 20px));
		}
	}
	#people .interview ul li .title .info {
		bottom: 60px;
	}
}
@media screen and (min-width: 1280px) {
	#people .interview ul li .title .info {
		bottom: 29px;
	}
	#people .interview ul li .title .info:not(:lang(ja)){
		bottom:50px;
	}
}
@media screen and (min-width: 1700px) {
	.page.page-id-176 #content-header .illust01 {
		top: -48px;
		right: 3%;
		width: 360px;
	}
	.page.page-id-176 #content-header .illust02 {
		display: block;
		width: 238px;
		bottom: 109px;
		left: -257px;
	}
}
/* ----------------------------------------------------------------------
町を知る
---------------------------------------------------------------------- */
.page.page-id-227 #content-header::after {
	background-image: url(../images/introduction_image_sp@2x.webp);
	background-size: cover;
	border-radius: 10px;
}
.page.page-id-227 #content-header .illust01 {
	width: clamp(88px, calc(13.4272300469vw + 38px), 231px);
	top: -6px;
	right: 15%;
}
@supports not (width: clamp(88px, calc(13.4272300469vw + 38px), 231px)) {
	.page.page-id-227 #content-header .illust01 {
		width: max(88px, min(calc(13.4272300469vw + 38px), 231px));
	}
}
.page.page-id-227 #content-header .illust02 {
	display: none;
}

#introduction .line {
	background: url(../images/line.svg) repeat-x left center/796px 2px;
	margin-bottom: 5px;
}
#introduction .line h3 {
	font-size: clamp(23px, calc(1.0328638498vw + 19px), 34px);
	display: inline-block;
	padding-right: 10px;
	background-color: #FFFCF5;
}
@supports not (font-size: clamp(23px, calc(1.0328638498vw + 19px), 34px)) {
	#introduction .line h3 {
		font-size: max(23px, min(calc(1.0328638498vw + 19px), 34px));
	}
}
#introduction #about img {
	margin-inline: auto;
}
#introduction #about img.sp-tab {
	width: 90%;
}
#introduction #about p {
	margin-top: 50px;
}
#introduction #kiyora {
	padding-top: 66px;
	padding-bottom: clamp(61px, calc(3.661971831vw + 47px), 100px);
}
@supports not (padding-bottom: clamp(61px, calc(3.661971831vw + 47px), 100px)) {
	#introduction #kiyora {
		padding-bottom: max(61px, min(calc(3.661971831vw + 47px), 100px));
	}
}
#introduction #kiyora ul {
	margin-top: 43px;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	align-items: center;
	flex-direction: column;
}
#introduction #kiyora ul li:nth-child(1) {
	width: 76%;
}
#introduction #kiyora ul li:nth-child(2) {
	width: 65%;
}
#introduction #kiyora ul li:nth-child(3) {
	width: 69%;
}
#introduction #nature h3 {
	font-size: clamp(21px, calc(1.220657277vw + 16px), 34px);
	margin-bottom: 10px;
	line-height: 1.5;
}
@supports not (font-size: clamp(21px, calc(1.220657277vw + 16px), 34px)) {
	#introduction #nature h3 {
		font-size: max(21px, min(calc(1.220657277vw + 16px), 34px));
	}
}
#introduction #nature .nature_subtitle.temperature {
	margin-top: clamp(20px, calc(4.5070422535vw + 3px), 68px);
	padding-top: 10px;
	background: url(../images/introduction_nature_icon01@2x.webp) no-repeat left top 10px/32px auto;
}
@supports not (margin-top: clamp(20px, calc(4.5070422535vw + 3px), 68px)) {
	#introduction #nature .nature_subtitle.temperature {
		margin-top: max(20px, min(calc(4.5070422535vw + 3px), 68px));
	}
}
#introduction #nature .nature_subtitle.temperature h3 {
	padding-left: 34px;
}
#introduction #nature .nature_subtitle.spa {
	margin-top: clamp(70px, calc(4.7887323944vw + 52px), 121px);
	padding-top: 30px;
	background: url(../images/introduction_nature_icon02@2x.webp) no-repeat left top 10px/51px auto;
}
@supports not (margin-top: clamp(70px, calc(4.7887323944vw + 52px), 121px)) {
	#introduction #nature .nature_subtitle.spa {
		margin-top: max(70px, min(calc(4.7887323944vw + 52px), 121px));
	}
}
#introduction #nature .nature_subtitle.spa h3 {
	padding-left: 53px;
}
#introduction #nature ul.introduction_season {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	align-items: center;
	flex-direction: column;
	margin-top: clamp(32px, calc(1.5023474178vw + 26px), 48px);
}
@supports not (margin-top: clamp(32px, calc(1.5023474178vw + 26px), 48px)) {
	#introduction #nature ul.introduction_season {
		margin-top: max(32px, min(calc(1.5023474178vw + 26px), 48px));
	}
}
#introduction #nature .flex-spa {
	margin-top: 16px;
	position: relative;
}
#introduction #nature .flex-spa .illust {
	position: absolute;
	width: clamp(131px, calc(4.9765258216vw + 112px), 184px);
	right: 23px;
	bottom: 6px;
}
@supports not (width: clamp(131px, calc(4.9765258216vw + 112px), 184px)) {
	#introduction #nature .flex-spa .illust {
		width: max(131px, min(calc(4.9765258216vw + 112px), 184px));
	}
}
#introduction #nature .flex-spa ol {
	list-style: none;
	counter-reset: number;
	margin-top: 22px;
	display: flex;
	flex-wrap: wrap;
}
#introduction #nature .flex-spa ol li {
	color: #6A3906;
	font-family: "Potta One", serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0;
	position: relative;
	width: 50%;
	font-size: 20px;
	line-height: 1.3;
	padding-left: 29px;
	height: 63px;
}
#introduction #nature .flex-spa ol li:nth-child(even):not(:lang(ja)),#introduction #nature .flex-spa ol li:nth-child(odd):not(:lang(ja)){
	width:100%; height:unset;
	margin-bottom:5px;
}
#introduction #nature .flex-spa ol li::before {
	counter-increment: number;
	content: counter(number);
	position: absolute;
	top: 3px;
	left: 0;
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: #E87844;
	border-radius: 50%;
	line-height: 1;
	color: #FFF;
	font-size: 22px;
	width: 24px;
	height: 24px;
}
#introduction #nature .sugi {
	margin-top: 77px;
	padding-top: 30px;
	padding-left: 44px;
	padding-right: 28px;
	padding-bottom: 24px;
	background: url(../images/introduction_nature_icon03@2x.webp) no-repeat left top 30px/48px auto;
}
#introduction #nature .flex .image {
	margin-bottom: 18px;
}
#introduction #nature .flex .text p {
	margin-bottom: 2em;
}
#introduction #food {
	padding-top: 78px;
	padding-bottom: clamp(73px, calc(8.2629107981vw + 42px), 161px);
}
@supports not (padding-bottom: clamp(73px, calc(8.2629107981vw + 42px), 161px)) {
	#introduction #food {
		padding-bottom: max(73px, min(calc(8.2629107981vw + 42px), 161px));
	}
}
#introduction #food .flex {
	margin-top: clamp(50px, calc(6.0093896714vw + 27px), 114px);
}
@supports not (margin-top: clamp(50px, calc(6.0093896714vw + 27px), 114px)) {
	#introduction #food .flex {
		margin-top: max(50px, min(calc(6.0093896714vw + 27px), 114px));
	}
}
#introduction #food .flex:nth-of-type(1) {
	margin-top: clamp(24px, calc(7.1361502347vw + -3px), 100px);
}
@supports not (margin-top: clamp(24px, calc(7.1361502347vw + -3px), 100px)) {
	#introduction #food .flex:nth-of-type(1) {
		margin-top: max(24px, min(calc(7.1361502347vw + -3px), 100px));
	}
}
#introduction #food .flex .text {
	margin-top: 10px;
}
#introduction #sightseeing h3 {
	font-size: clamp(22px, calc(1.1267605634vw + 18px), 34px);
}
@supports not (font-size: clamp(22px, calc(1.1267605634vw + 18px), 34px)) {
	#introduction #sightseeing h3 {
		font-size: max(22px, min(calc(1.1267605634vw + 18px), 34px));
	}
}
#introduction #sightseeing h3.sp-tab {
	margin-bottom: 10px;
	line-height: 1.2;
	margin-top: 41px;
	padding-left: 52px;
	background: url(../images/introduction_nature_icon01@2x.webp) no-repeat left top 10px/50px auto;
}
#introduction #sightseeing .flex {
	margin-top: clamp(20px, calc(5.7276995305vw + -1px), 81px);
}
@supports not (margin-top: clamp(20px, calc(5.7276995305vw + -1px), 81px)) {
	#introduction #sightseeing .flex {
		margin-top: max(20px, min(calc(5.7276995305vw + -1px), 81px));
	}
}
#introduction #sightseeing .flex .text {
	margin-top: 22px;
}
#introduction #sightseeing .flex .text p {
	margin-bottom: 2em;
}
#introduction #sightseeing ul {
	width: 77%;
	margin: 44px auto;
}
#introduction #sightseeing ul li {
	margin-bottom: 26px;
}
#introduction #sightseeing figcaption {
	margin-top: 5px;
}
#introduction #access {
	padding-top: clamp(30px, calc(6.5727699531vw + 5px), 100px);
}
@supports not (padding-top: clamp(30px, calc(6.5727699531vw + 5px), 100px)) {
	#introduction #access {
		padding-top: max(30px, min(calc(6.5727699531vw + 5px), 100px));
	}
}
#introduction #access .map {
	width: 68%;
	margin: 0px auto 18px;
	text-align: center;
}
#introduction #access .flex .access {
	padding: 25px 5px 30px 15px;
}
#introduction #access .access {
	background-color: #FFF;
	border-radius: 18px;
	padding: 25px 15px 30px;
	font-size: clamp(13px, calc(0.3755868545vw + 12px), 17px);
	margin-bottom: 46px;
	box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
	position: relative;
}
@supports not (font-size: clamp(13px, calc(0.3755868545vw + 12px), 17px)) {
	#introduction #access .access {
		font-size: max(13px, min(calc(0.3755868545vw + 12px), 17px));
	}
}
#introduction #access .access .icon {
	position: absolute;
}
#introduction #access .access .icon.icon01 {
	top: 24px;
	right: 18px;
	width: 145px;
}
#introduction #access .access .icon.icon02 {
	top: 25px;
	right: 15px;
	width: 115px;
}
#introduction #access .access .icon.icon03 {
	top: 28px;
	right: 27px;
	width: 85px;
}
#introduction #access .access h3 {
	font-size: clamp(23px, calc(0.3755868545vw + 22px), 27px);
	margin-bottom: 14px;
}
@supports not (font-size: clamp(23px, calc(0.3755868545vw + 22px), 27px)) {
	#introduction #access .access h3 {
		font-size: max(23px, min(calc(0.3755868545vw + 22px), 27px));
	}
}
#introduction #access .access h4, #introduction #access .access h5 {
	font-size: clamp(13px, calc(0.3755868545vw + 12px), 17px);
	font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #231815;
	font-weight: bold;
}
@supports not (font-size: clamp(13px, calc(0.3755868545vw + 12px), 17px)) {
	#introduction #access .access h4, #introduction #access .access h5 {
		font-size: max(13px, min(calc(0.3755868545vw + 12px), 17px));
	}
}
#introduction #access .access h3:not(:first-of-type) {
	margin-top: 72px;
}
#introduction #access .access h4:not(:first-of-type) {
	margin-top: 30px;
}
#introduction #access .access h4 {
	margin-left: 0px;
}
#introduction #access .access h5 {
	display: inline;
	margin-right: 5px;
}
#introduction #access .access ul {
	margin-left: 5px;
}
#introduction #access .access ul li {
	margin-bottom: 1px;
}
#introduction #access .access .mt1 {
	margin-top: 22px;
}
#introduction #access .access p.textindent {
	margin-top: 2em;
}
#introduction #access .access span {
	border-radius: 99999px;
	padding: 0 4px;
	letter-spacing: 0;
	display: inline-block;
	line-height: 1.5;
}
#introduction #access .access span.green {
	color: #FFF;
	background-color: #84BD71;
	font-weight: bold;
}
#introduction #access .access span.green:not(:lang(ja)){text-align:center;}
#introduction #access .access span.pink {
	color: #FFF;
	background-color: #E5717D;
	font-weight: bold;
}
#introduction #access .access span.brown {
	color: #6A3906;
	border: solid 1px #6A3906;
	font-weight: bold;
}
#introduction #access .access ul.kansai li {
	border-bottom: solid 1px #231815;
	padding-top: 15px;
	padding-bottom: 20px;
}
#introduction #access .access ul.kansai li:last-child {
	border: none;
}
#introduction #access .access ul.kansai h5 {
	margin-left: -10px;
}
#introduction #access .access .bus, #introduction #access .access .train, #introduction #access .access .car, #introduction #access .access .ferry, #introduction #access .access .airplane {
	padding-top: 36px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 45px auto;
}
#introduction #access .access .bus {
	background-image: url(../images/introduction_access_bus@2x.webp);
}
#introduction #access .access .train {
	background-image: url(../images/introduction_access_train@2x.webp);
}
#introduction #access .access .car {
	background-image: url(../images/introduction_access_car@2x.webp);
}
#introduction #access .access .ferry {
	background-image: url(../images/introduction_access_ferry@2x.webp);
}
#introduction #access .access .airplane {
	background-image: url(../images/introduction_access_airplane@2x.webp);
}

@media screen and (min-width: 768px) {
	.page.page-id-227 #content-header::after {
		background-image: url(../images/introduction_image@2x.webp);
	}
	.page.page-id-227 #content-header .illust01 {
		top: -50px;
	}
	#introduction #about {
		position: relative;
	}
	#introduction #about p {
		margin-top: 50px;
		position: absolute;
		width: 43%;
		max-width: 483px;
		left: 51%;
		bottom: 18%;
	}
	#introduction #kiyora ul {
		max-width: 1074px;
		margin-inline: auto;
		gap: unset;
		flex-direction: row;
		justify-content: space-between;
	}
	#introduction #kiyora ul li:nth-child(1) {
		width: 34%;
	}
	#introduction #kiyora ul li:nth-child(2) {
		width: 30%;
	}
	#introduction #kiyora ul li:nth-child(3) {
		width: 30%;
	}
	#introduction #nature .nature_subtitle {
		display: flex;
		justify-content: space-between;
	}
	#introduction #nature .nature_subtitle h3 {
		width: 26%;
	}
	#introduction #nature .nature_subtitle p {
		width: 72%;
	}
	#introduction #nature ul.introduction_season {
		gap: unset;
		flex-direction: row;
		justify-content: space-between;
	}
	#introduction #nature ul.introduction_season li {
		width: 24%;
	}
	#introduction #nature .flex-spa {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	#introduction #nature .flex-spa .map {
		width: 50%;
	}
	#introduction #nature .flex-spa ol {
		width: 46%;
		margin-top: 0;
	}
	#introduction #nature .flex-spa ol li {
		font-size: clamp(16px, calc(1.6369047619vw + 3px), 27px);
		padding-left: clamp(29px, calc(2.6785714286vw + 8px), 47px);
		height: 50px;
	}
	@supports not (font-size: clamp(16px, calc(1.6369047619vw + 3px), 27px)) {
		#introduction #nature .flex-spa ol li {
			font-size: max(16px, min(calc(1.6369047619vw + 3px), 27px));
		}
	}
	@supports not (padding-left: clamp(29px, calc(2.6785714286vw + 8px), 47px)) {
		#introduction #nature .flex-spa ol li {
			padding-left: max(29px, min(calc(2.6785714286vw + 8px), 47px));
		}
	}
	#introduction #nature .flex-spa ol li:nth-child(odd) {
		width: 40%;
	}
	#introduction #nature .flex-spa ol li:nth-child(even) {
		width: 60%;
	}
	#introduction #nature .flex-spa ol li::before {
		font-size: clamp(16px, calc(1.6369047619vw + 3px), 27px);
		width: clamp(24px, calc(1.0416666667vw + 16px), 31px);
		height: clamp(24px, calc(1.0416666667vw + 16px), 31px);
	}
	@supports not (font-size: clamp(16px, calc(1.6369047619vw + 3px), 27px)) {
		#introduction #nature .flex-spa ol li::before {
			font-size: max(16px, min(calc(1.6369047619vw + 3px), 27px));
		}
	}
	@supports not (width: clamp(24px, calc(1.0416666667vw + 16px), 31px)) {
		#introduction #nature .flex-spa ol li::before {
			width: max(24px, min(calc(1.0416666667vw + 16px), 31px));
		}
	}
	@supports not (height: clamp(24px, calc(1.0416666667vw + 16px), 31px)) {
		#introduction #nature .flex-spa ol li::before {
			height: max(24px, min(calc(1.0416666667vw + 16px), 31px));
		}
	}
	#introduction #nature .flex {
		display: flex;
		justify-content: space-between;
	}
	#introduction #nature .flex .image {
		width: 50%;
	}
	#introduction #nature .flex .text {
		width: 47%;
	}
	#introduction #food .flex {
		display: flex;
		justify-content: space-between;
	}
	#introduction #food .flex .image {
		width: 50%;
	}
	#introduction #food .flex .text {
		width: 47%;
	}
	#introduction #food .flex:nth-of-type(2) .image {
		order: 2;
	}
	#introduction #food .flex:nth-of-type(2) .text {
		order: 1;
	}
	#introduction #sightseeing .flex {
		display: flex;
		justify-content: space-between;
	}
	#introduction #sightseeing .flex .image {
		width: 54%;
	}
	#introduction #sightseeing .flex .text {
		width: 42%;
		margin-top: 0;
	}
	#introduction #sightseeing .flex .text h3 {
		line-height: 1.5;
		margin-top: -8px;
		margin-bottom: 20px;
	}
	#introduction #sightseeing .flex .text a {
		color: #4478BD;
		font-weight: bold;
		overflow-wrap: anywhere;
	}
	#introduction #sightseeing ul {
		display: flex;
		justify-content: space-between;
	}
	#introduction #sightseeing ul li {
		width: 31%;
	}
}
@media screen and (min-width: 1280px) {
	#introduction .line {
		margin-bottom: 24px;
	}
	#introduction #nature .nature_subtitle.temperature {
		background-size: 85px auto;
	}
	#introduction #nature .nature_subtitle.spa {
		background-size: 87px auto;
		padding-bottom: 26px;
	}
	#introduction #nature .nature_subtitle h3 {
		width: 300px;
	}
	#introduction #nature .nature_subtitle p {
		width: calc(100% - 314px);
	}
	#introduction #nature .nature_subtitle.temperature h3, #introduction #nature .nature_subtitle.spa h3 {
		padding-left: 112px;
	}
	#introduction #nature .flex-spa .illust {
		right: 43px;
		bottom: 28px;
	}
	#introduction #nature .flex-spa .map {
		width: 59%;
		margin-left: 17px;
	}
	#introduction #nature .flex-spa ol {
		width: 42%;
		margin-top: 31px;
	}
	#introduction #nature .flex-spa ol li {
		height: 90px;
	}
	#introduction #nature .flex-spa ol li::before {
		width: 36px;
		height: 36px;
		font-size: 31px;
	}
	#introduction #nature .flex-spa ol li:nth-child(even) {
		width: 48%;
	}
	#introduction #nature .flex-spa ol li:nth-child(odd) {
		width: 44%;
	}
	#introduction #nature .sugi {
		margin-top: 83px;
		padding-left: 113px;
		padding-right: 28px;
		padding-bottom: 55px;
		margin-bottom: 0;
		background-size: 94px auto;
		background-position: left top 20px;
	}
	#introduction #nature .flex .image {
		width: 55%;
	}
	#introduction #nature .flex .text {
		width: 40%;
	}
	#introduction #food .flex .image {
		width: 53%;
	}
	#introduction #food .flex .text {
		width: 47%;
		margin-top: 70px;
		padding: 0 5%;
	}
	#introduction #sightseeing ul {
		width: 100%;
		margin: 17px auto;
	}
	#introduction #access .flex {
		display: flex;
		justify-content: space-between;
	}
	#introduction #access .flex .map {
		order: 2;
		margin: 0;
		width: 28%;
	}
	#introduction #access .flex .access {
		width: 69%;
		padding: 22px 20px 30px 42px;
		margin-bottom: 60px;
	}
	#introduction #access .flex .access span {
		font-size: 14px;
	}
	#introduction #access .access {
		padding: 53px 20px 57px 42px;
		border-radius: 34px;
		margin-bottom: 70px;
	}
	#introduction #access .access .icon.icon01 {
		top: 41px;
		right: 38px;
		width: 167px;
	}
	#introduction #access .access .icon.icon02 {
		top: 70px;
		right: 58px;
		width: 171px;
	}
	#introduction #access .access .icon.icon03 {
		top: 68px;
		right: 36px;
		width: 167px;
	}
	#introduction #access .access h4 {
		margin-bottom: 12px;
	}
	#introduction #access .access ul {
		margin-left: 20px;
	}
	#introduction #access .access ul li {
		margin-bottom: 0;
		line-height: 1.7;
	}
	#introduction #access .access p.textindent {
		margin-left: 12px;
		margin-top: 28px;
		line-height: 1.7;
	}
	#introduction #access .access span {
		padding: 0 10px;
	}
	#introduction #access .access .mt1 {
		margin-top: 9px;
	}
	#introduction #access .access h3:not(:first-of-type) {
		margin-top: 25px;
	}
	#introduction #access .access ul.kansai li {
		border: none;
		padding-top: 0;
		padding-bottom: 10px;
	}
}
@media screen and (min-width: 1700px) {
	.page.page-id-227 #content-header .illust01 {
		top: -144px;
		right: 3%;
	}
	.page.page-id-227 #content-header .illust02 {
		display: block;
		width: 275px;
		bottom: 40px;
		left: -32%;
	}
}
/* ----------------------------------------------------------------------
支援制度
---------------------------------------------------------------------- */
.page.page-id-426 #content-header::after {
  background-image: url(../images/support_image_sp@2x.webp);
}
.page.page-id-426 #content-header .illust01 {
  width: clamp(103px, calc(13.3333333333vw + 53px), 245px);
  top: -20px;
  right: 14%;
}
@supports not (width: clamp(103px, calc(13.3333333333vw + 53px), 245px)) {
  .page.page-id-426 #content-header .illust01 {
    width: max(103px, min(calc(13.3333333333vw + 53px), 245px));
  }
}
.page.page-id-426 #content-header .illust02 {
  display: none;
}

.page.page-id-426 #main_page {
  margin-top: 88px;
}

#support #grant h2.headline {
  margin-bottom: clamp(40px, calc(4.3192488263vw + 24px), 86px);
  font-size: clamp(22px, calc(1.1267605634vw + 18px), 34px);
  line-height: 1.4;
}
@supports not (margin-bottom: clamp(40px, calc(4.3192488263vw + 24px), 86px)) {
  #support #grant h2.headline {
    margin-bottom: max(40px, min(calc(4.3192488263vw + 24px), 86px));
  }
}
@supports not (font-size: clamp(22px, calc(1.1267605634vw + 18px), 34px)) {
  #support #grant h2.headline {
    font-size: max(22px, min(calc(1.1267605634vw + 18px), 34px));
  }
}
#support #grant h2.headline .sub {
  font-size: clamp(13px, calc(0.9389671362vw + 9px), 23px);
  display: block;
}
@supports not (font-size: clamp(13px, calc(0.9389671362vw + 9px), 23px)) {
  #support #grant h2.headline .sub {
    font-size: max(13px, min(calc(0.9389671362vw + 9px), 23px));
  }
}
#support #grant h3 {
  font-size: clamp(22px, calc(1.1267605634vw + 18px), 34px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #231815;
	letter-spacing:0;
}
@supports not (font-size: clamp(22px, calc(1.1267605634vw + 18px), 34px)) {
  #support #grant h3 {
    font-size: max(22px, min(calc(1.1267605634vw + 18px), 34px));
  }
}
#support #grant h3:not(:lang(ja)){
	display:block;
}
#support #grant h3 .tel {
  font-size: clamp(16px, calc(0.7511737089vw + 13px), 24px);
  font-family: "Roboto", sans-serif;
  color: #231815;
  font-weight: bold;
}
@supports not (font-size: clamp(16px, calc(0.7511737089vw + 13px), 24px)) {
  #support #grant h3 .tel {
    font-size: max(16px, min(calc(0.7511737089vw + 13px), 24px));
  }
}
#support #grant h3 .tel:not(:lang(ja)){
	display:block;
}
#support #grant h4 {
  font-size: clamp(18px, calc(0.9389671362vw + 14px), 28px);
}
@supports not (font-size: clamp(18px, calc(0.9389671362vw + 14px), 28px)) {
  #support #grant h4 {
    font-size: max(18px, min(calc(0.9389671362vw + 14px), 28px));
  }
}
#support #grant .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 54px;
}
#support #grant .box {
  width: 100%;
  padding-top: clamp(10px, calc(0.7511737089vw + 7px), 18px);
  padding-bottom: clamp(20px, calc(1.6901408451vw + 14px), 38px);
  padding-left: clamp(36px, calc(2.441314554vw + 27px), 62px);
  padding-right: clamp(36px, calc(2.441314554vw + 27px), 62px);
  box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
}
@supports not (padding-top: clamp(10px, calc(0.7511737089vw + 7px), 18px)) {
  #support #grant .box {
    padding-top: max(10px, min(calc(0.7511737089vw + 7px), 18px));
  }
}
@supports not (padding-bottom: clamp(20px, calc(1.6901408451vw + 14px), 38px)) {
  #support #grant .box {
    padding-bottom: max(20px, min(calc(1.6901408451vw + 14px), 38px));
  }
}
@supports not (padding-left: clamp(36px, calc(2.441314554vw + 27px), 62px)) {
  #support #grant .box {
    padding-left: max(36px, min(calc(2.441314554vw + 27px), 62px));
  }
}
@supports not (padding-right: clamp(36px, calc(2.441314554vw + 27px), 62px)) {
  #support #grant .box {
    padding-right: max(36px, min(calc(2.441314554vw + 27px), 62px));
  }
}
#support #grant ul {
  margin-top: 10px;
}
#support #grant ul li {
  position: relative;
  padding-left: 20px;
}
#support #grant ul li::before {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
}
#support #grant ul li ul{margin-top:0;}
#support #grant ul li ul li::before {
  content: "・";
}
#support .to_list a {
  background-color: #3DA54E;
  border: solid 1px #3DA54E;
  color: #FFF;
  font-family: "Potta One", serif;
  font-weight: 400;
  font-style: normal;
  display: grid;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  margin-inline: auto;
  border-radius: clamp(12px, calc(0.7511737089vw + 9px), 20px);
  font-size: clamp(14px, calc(0.7511737089vw + 11px), 22px);
  margin-top: clamp(47px, calc(5.6338028169vw + 26px), 107px);
  width: clamp(353px, 18.3098591549vw + 284px, 548px);
  height: clamp(55px, 2.7230046948vw + 45px, 84px);
}
@supports not (border-radius: clamp(12px, calc(0.7511737089vw + 9px), 20px)) {
  #support .to_list a {
    border-radius: max(12px, min(calc(0.7511737089vw + 9px), 20px));
  }
}
@supports not (font-size: clamp(14px, calc(0.7511737089vw + 11px), 22px)) {
  #support .to_list a {
    font-size: max(14px, min(calc(0.7511737089vw + 11px), 22px));
  }
}
@supports not (margin-top: clamp(47px, calc(5.6338028169vw + 26px), 107px)) {
  #support .to_list a {
    margin-top: max(47px, min(calc(5.6338028169vw + 26px), 107px));
  }
}
@supports not (width: clamp(353px, calc(18.3098591549vw + 284px), 548px)) {
  #support .to_list a {
    width: max(353px, min(18.3098591549vw + 284px, 548px));
  }
}
@supports not (height: clamp(55px, calc(2.7230046948vw + 45px), 84px)) {
  #support .to_list a {
    height: max(55px, min(2.7230046948vw + 45px, 84px));
  }
}
#support .to_list a:not(:lang(ja)){
	text-align: center;
    line-height: 1.2;
}
#support .link_btn {
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .page.page-id-426 #content-header::after {
    background-image: url(../images/support_image@2x.webp);
  }
  .page.page-id-426 #content-header .illust01 {
    top: -80px;
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  #support #grant .flex {
    gap: 20px;
  }
  #support #grant .flex .box {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (min-width: 1280px) {
  #support #grant .flex {
    gap: 52px;
  }
  #support #grant .flex .box {
    width: calc((100% - 52px) / 2);
  }
  #support #grant h2.headline .pc, #support #grant h2.headline .sub {
    display: inline;
  }
}
@media screen and (min-width: 1700px) {
  .page.page-id-426 #content-header .illust01 {
    right: 54px;
  }
  .page.page-id-426 #content-header .illust02 {
    display: block;
    width: 230px;
    bottom: 28px;
    left: -133px;
  }
}
@media screen and (min-width: 1900px) {
  .page.page-id-426 #content-header .illust02 {
    left: -305px;
  }
}
@media (any-hover: hover) {
  #support .to_list a:hover {
    background-color: #FFF;
    color: #3DA54E;
  }
}

/* ----------------------------------------------------------------------
やさしい日本語ガイド
---------------------------------------------------------------------- */
#easy_japanese a img{transition:0.3s}
.page.page-id-616 #content-header::after {
  background-image: url(../images/easy_japanese_image_sp@2x.webp);
	margin-top: 13px;
}
.page.page-id-616 #content-header h1{margin-left: 0;    padding-top: 26px;    line-height: 1.2;    font-size: 32px; letter-spacing: 0;}
.page.page-id-616 #content-header h1 .sub{display: block;    font-size: 25px;}
.page.page-id-616 #content-header .inner{width:100%}
#easy_japanese #welcome{padding-top: 60px;}
#easy_japanese #welcome p{max-width: 666px;    margin: 0px auto;}
#easy_japanese #welcome img{margin-inline:auto}
#easy_japanese #help{padding-top: 54px;}
#easy_japanese #help .inner{width:100%;}
#easy_japanese #help ul li{margin-bottom:20px;}
#easy_japanese #help img{margin-inline:auto}
#easy_japanese #howto{padding-top: 82px;}
#easy_japanese #howto .inner{width:100%;}
#easy_japanese #howto h2{
	background: #5da14b;    color: #FFF;    text-align: center;    font-family: "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
    font-weight: bold;    font-size: 20px;    padding: 24px 20px;    line-height: 1.5;border-radius: 30px;    width: 94%; max-width: 1031px;    margin: 0 auto 30px;
}
#easy_japanese #howto h2 span{display: block;    border: solid 1px;    margin-top: 11px;    padding: 4px;}
#easy_japanese #howto img{ margin-inline:auto}

@media screen and (min-width: 768px) {
	.page.page-id-616 #content-header::after {
		background-image: url(../images/easy_japanese_image@2x.webp?);
	}
	#easy_japanese #help .inner{width:94%;}
}
@media screen and (min-width: 1045px){
	#easy_japanese #howto h2 {    font-size: 44px;      padding: 0;}
	#easy_japanese #howto h2 span.for-mobile{display:none}
}
@media screen and (min-width: 1280px){
	.page.page-id-616 #content-header::after{margin-top:-14px;}
	.page.page-id-616 #content-header h1 {	margin-left:-38px;    font-size: 81px; }
	.page.page-id-616 #content-header h1 .sub{ font-size: 50px;}
	#easy_japanese #help {    padding-top: 44px;}
	#easy_japanese #help ul li{margin-bottom:0px;}
	#easy_japanese #welcome {    padding-top: 93px;}
	#easy_japanese #howto {    padding-top: 136px;}
}
@media screen and (min-width: 1700px){
	.page.page-id-616 #content-header h1 {	display: flex;    align-items: center;	}
}
@media (any-hover: hover) {
  #easy_japanese a:hover img {
    opacity:0.7; transition:0.3s;
  }
}

/* ----------------------------------------------------------------------
404
---------------------------------------------------------------------- */
.error404 .message{margin:100px auto;text-align:center;}