@charset 'UTF-8';

/*-----------------------------------------------------------------------
	base
-----------------------------------------------------------------------*/
html {
	box-sizing: border-box;
	width: 100%;
	font-size: 62.5%;
}

*, *::before, *::after {
	box-sizing: inherit;
}

body {
	position: relative;
	color: #333;
	font-family: '游ゴシック Medium', '游ゴシック', 'Yu Gothic Medium', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	line-height: 1.875;
	letter-spacing: 0.03em;
}

_:lang(x)::-ms-backdrop, body {
	font-family: 'メイリオ', Meiryo, YuGothic, '游ゴシック Medium', '游ゴシック', 'Yu Gothic Medium', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
}

_:-ms-lang(x)::backdrop, body {
	font-family: 'メイリオ', Meiryo, YuGothic, '游ゴシック Medium', '游ゴシック', 'Yu Gothic Medium', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
}

@media print, screen and (min-width: 834.5px) {
	body {
		min-width: 1400px;
	}
}

@media screen and (max-width: 834.499px) {
	body {
		min-width: 320px;
		font-size: 16px;
	}
}

@media screen and (max-width: 414.499px) {
	body {
		font-size: 16px;
	}
}

body .iziModal-navigate-prev, body .iziModal-navigate-next {
	display: flex;
	justify-content: center;
	align-items: center;
	background: none;
	opacity: 0.5;
}

@media screen and (max-width: 834.499px) {
	body .iziModal-navigate-prev, body .iziModal-navigate-next {
		width: 10vw;
	}
}

body .iziModal-navigate-prev::after, body .iziModal-navigate-next::after {
	content: '';
	flex: 0 0 auto;
	display: block;
	width: 30px;
	height: 30px;
	border: 3px #fff;
}

@media screen and (max-width: 834.499px) {
	body .iziModal-navigate-prev::after, body .iziModal-navigate-next::after {
		border-width: 2px;
	}
}

@media screen and (max-width: 414.499px) {
	body .iziModal-navigate-prev::after, body .iziModal-navigate-next::after {
		width: 20px;
		height: 20px;
	}
}

body .iziModal-navigate-prev:hover, body .iziModal-navigate-next:hover {
	opacity: 1.0;
}

body .iziModal-navigate-prev::after {
	border-style: solid none none solid;
	transform: rotate(-45deg);
}

@media screen and (max-width: 834.499px) {
	body .iziModal-navigate-prev::after {
		transform: rotate(-45deg) translateX(25%);
	}
}

body .iziModal-navigate-next::after {
	border-style: solid solid none none;
	transform: rotate(45deg);
}

@media screen and (max-width: 834.499px) {
	body .iziModal-navigate-next::after {
		transform: rotate(45deg) translateX(-25%);
	}
}

a {
	display: inline-block;
	max-width: 100%;
	color: inherit;
	text-decoration: none;
	transition: opacity 300ms ease;
}

a:hover {
	opacity: 0.7;
}

button {
	font: inherit;
	transition: opacity 300ms ease;
}

button:hover {
	opacity: 0.7;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

img[src*='.svg'] {
	width: 100%;
	max-width: none;
}

svg {
	max-width: 100%;
	height: auto;
	vertical-align: text-bottom;
}

video {
	vertical-align: text-bottom;
}

#bodyInner {
	overflow: hidden;
}

@media screen and (max-width: 834.499px) {
	.spMenuOpen #bodyInner, .spSearchOpen #bodyInner {
		max-height: 100vh;
	}
	#bodyInner .pcOnly {
		display: none;
	}
}

@media screen and (max-width: 414.499px) {
	#bodyInner .tabPcOnly {
		display: none;
	}
}

@media print, screen and (min-width: 834.5px) {
	#bodyInner .tabOnly {
		display: none;
	}
}

@media screen and (max-width: 414.499px) {
	#bodyInner .tabOnly {
		display: none;
	}
}

@media print, screen and (min-width: 834.5px) {
	#bodyInner .tabSpOnly {
		display: none;
	}
}

@media screen and (min-width: 414.5px) {
	#bodyInner .spOnly {
		display: none;
	}
}

.contentIn {
	position: relative;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 834.499px) {
	.contentIn {
		width: auto;
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media screen and (max-width: 414.499px) {
	.contentIn {
		padding-right: 20px;
		padding-left: 20px;
	}
}

/*-----------------------------------------------------------------------
	header
-----------------------------------------------------------------------*/
#header {
	line-height: 1.0;
}

#header .headerSearch {
	display: flex;
	align-items: center;
	width: 235px;
	height: 30px;
	padding: 0 15px;
	background: #fff;
	border: 1px solid #bfbfbf;
	border-radius: 15px;
}

#header .headerSearch > * {
	flex: 0 0 auto;
}

#header .headerSearch [type='text'] {
	flex: 1 1 auto;
	width: 150px;
	height: 100%;
	padding: 0 5px;
	border: none;
	font-size: 14px;
	letter-spacing: normal;
}

#header .headerSearch [type='text']::-moz-placeholder {
	color: #959595;
}

#header .headerSearch [type='text']:-ms-input-placeholder {
	color: #959595;
}

#header .headerSearch [type='text']::placeholder {
	color: #959595;
}

#header .headerSearch [type='submit'] {
	width: 25px;
	height: 100%;
	background: url('../images/icon_search.png') no-repeat center/15px auto;
	color: transparent;
	font-size: 0;
}

#headerInner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 834.499px) {
	#headerInner {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

#headerInner > * {
	flex: 0 0 auto;
}

@media screen and (max-width: 834.499px) {
	#headerLogo {
		flex: 0 1 auto;
		margin-right: 20px;
	}
}

#headerLogo img {
	width: 230px;
}

@media screen and (max-width: 834.499px) {
	#headerLogo img {
		width: 142px;
	}
}

#headerMenuIcons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

@media print, screen and (min-width: 834.5px) {
	#headerMenuIcons {
		display: none;
	}
}

#headerMenuIcons > * {
	flex: 0 0 auto;
}

#headerMenuIcons > *:nth-child(n+2) {
	margin-left: 15px;
}

#headerMenuIcons .search {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	background: #f4f4f4;
	border-radius: 50%;
}

#headerMenuIcons .search img {
	width: 15px;
}

#headerMenuIcons .menuButton {
	position: relative;
	width: 38px;
	color: #1ca869;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	letter-spacing: normal;
}

#headerMenuIcons .menuButton::before, #headerMenuIcons .menuButton::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	width: 30px;
	height: 3px;
	background: #1ca869;
	border-radius: 2px;
	transform: translateX(-50%);
	transition: 300ms ease;
	transition-property: top, left, opacity, transform;
}

#headerMenuIcons .menuButton::before {
	top: 0;
}

#headerMenuIcons .menuButton::after {
	top: 18px;
}

#headerMenuIcons .menuButton button {
	position: relative;
	padding-top: 28px;
	text-transform: uppercase;
}

#headerMenuIcons .menuButton button::before {
	content: '';
	display: block;
	position: absolute;
	top: 9px;
	left: 50%;
	width: 30px;
	height: 3px;
	background: #1ca869;
	border-radius: 2px;
	transform: translateX(-50%);
	transition: 300ms ease;
	transition-property: top, left, opacity, transform;
}

#headerMenuIcons .menuButton button:hover {
	opacity: 1.0;
}

#headerMenuIcons .menuButton .menu {
	letter-spacing: -0.05em;
}

#headerMenuIcons .menuButton .close {
	display: none;
	font-size: 10px;
}

#headerContents {
	display: flex;
	flex-direction: column;
	background: #fff;
	z-index: 9999;
}

@media screen and (max-width: 834.499px) {
	#headerContents {
		position: absolute;
		top: 100%;
		left: 0;
		overflow: auto;
		width: 100%;
		max-height: calc(100vh - 60px);
		box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
		line-height: 0;
		transition: 300ms ease;
		transition-property: line-height, opacity, visibility;
		opacity: 0;
		visibility: hidden;
	}
}

#headerContents > * {
	flex: 0 0 auto;
}

#headerIconsArea {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

@media print, screen and (min-width: 834.5px) {
	#headerIconsArea {
		margin-top: 20px;
	}
}

@media screen and (max-width: 834.499px) {
	#headerIconsArea {
		justify-content: flex-start;
		padding: 0 20px;

		order: 2;
	}
}

#headerIconsArea > * {
	flex: 0 0 auto;
}

#headerIcons {
	display: flex;
	align-items: center;
	letter-spacing: normal;
}

@media screen and (max-width: 834.499px) {
	#headerIcons {
		flex: 1 1 auto;
		flex-wrap: wrap;
	}
}

#headerIcons > li {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

@media print, screen and (min-width: 834.5px) {
	#headerIcons > li:nth-child(n+2) {
		margin-left: 20px;
	}
}

@media screen and (max-width: 834.499px) {
	#headerIcons > li {
		margin-right: 20px;
	}
	#headerIcons > li:last-child {
		margin-right: 0;
	}
}

#headerIcons > li > * {
	flex: 0 0 auto;
}

#headerIcons .links {
	display: flex;
	align-items: center;
}

#headerIcons .links > li {
	flex: 0 0 auto;
}

#headerIcons .links > li:nth-child(n+2) {
	margin-left: 5px;
}

@media screen and (max-width: 834.499px) {
	#headerIcons .links > li:nth-child(n+2) {
		margin-left: 8px;
	}
}

#headerIcons .links a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: transparent;
	font-size: 0;
}

@media print, screen and (min-width: 834.5px) {
	#headerIcons .links a {
		width: 30px;
		height: 30px;
		background: #1ca869;
		border-radius: 50%;
	}
}

#headerIcons .links a::before {
	content: '';
	flex: 0 0 auto;
	display: block;
	height: 100%;
	background: no-repeat center / contain;
}

@media screen and (max-width: 834.499px) {
	#headerIcons .links a::before {
		height: 0;
	}
}

#headerIcons .links a.facebook::before {
	width: 8px;
	background-image: url('../images/icon_facebook.png');
}

@media screen and (max-width: 834.499px) {
	#headerIcons .links a.facebook::before {
		background-image: url('../images/icon_facebook_grn.png');
	}
}

#headerIcons .links a.instagram::before {
	width: 15px;
	background-image: url('../images/icon_instagram.png');
}

@media screen and (max-width: 834.499px) {
	#headerIcons .links a.instagram::before {
		background-image: url('../images/icon_instagram_grn.png');
	}
}

#headerIcons .label {
	margin-left: 5px;
	font-size: 13px;
}

@media screen and (max-width: 834.499px) {
	#headerIcons .label {
		font-size: 12px;
	}
	#headerIcons .label .bracket {
		margin: 0 -0.5em;
	}
}

#headerSearch {
	margin-left: 30px;
}

@media screen and (max-width: 834.499px) {
	#headerSearch {
		display: none;
	}
}

#headerTanbamori {
	background: #d3f0e3;
	font-size: 14px;

	order: 1;
}

@media print, screen and (min-width: 834.5px) {
	#headerTanbamori {
		display: none;
	}
}

#headerTanbamori .title {
	position: relative;
	padding: 0 70px 0 20px;
	background: #1ca869;
	color: #fff;
	font-size: 15px;
}

#headerTanbamori .title::before, #headerTanbamori .title::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	background: currentColor;
	transform: translateY(-50%);
}

#headerTanbamori .title::before {
	right: 40px;
	width: 20px;
	height: 1px;
}

#headerTanbamori .title::after {
	right: 50px;
	width: 1px;
	height: 20px;
	transition: 300ms ease;
	transition-property: right, opacity, transform;
}

#headerTanbamori .contents {
	line-height: 0;
	transition: 300ms ease;
	transition-property: line-height, opacity, visibility;
	opacity: 0;
	visibility: hidden;
}

#headerTanbamori .contents a {
	padding: 0 20px 0 40px;
}

#headerNavi {
	font-weight: 700;
}

@media print, screen and (min-width: 834.5px) {
	#headerNavi {
		margin-top: 20px;
	}
}

@media screen and (max-width: 834.499px) {
	#headerNavi {
		background: #f8ea09;
	}
}

@media print, screen and (min-width: 834.5px) {
	#headerNavi .menu {
		display: flex;
		justify-content: flex-end;
		align-items: stretch;
	}
}

#headerNavi .menu > li {
	flex: 0 0 auto;
}

@media print, screen and (min-width: 834.5px) {
	#headerNavi .menu > li:nth-child(n+2) {
		margin-left: 30px;
	}
}

#headerNavi .menu a {
	display: block;
	position: relative;
	padding: 0 10px 25px;
	transition-property: color, opacity;
}

@media print, screen and (min-width: 834.5px) {
	#headerNavi .menu a::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0;
		height: 6px;
		background: #f4cf02;
		transform: translateX(-50%);
		transition: width 300ms ease;
	}
}

@media screen and (max-width: 834.499px) {
	#headerNavi .menu a {
		padding: 0 20px;
	}
}

#headerNavi .menu .current a, #headerNavi .menu a:hover {
	color: #1ca869;
}

#headerNavi .menu .current a::after, #headerNavi .menu a:hover::after {
	width: 100%;
}

#headerSpSearch {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff linear-gradient(to bottom, rgba(195, 195, 195, 0.16) 0%, rgba(195, 195, 195, 0) 100%) no-repeat center top/100% 7px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	line-height: 0;
	transition: 300ms ease;
	transition-property: padding, line-height, opacity, visibility;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
}

@media print, screen and (min-width: 834.5px) {
	#headerSpSearch {
		display: none;
	}
}

#headerSpSearch .headerSearch {
	width: 100%;
	height: 0;
	border-style: none;
	border-radius: 5px;
	transition: 300ms ease;
	transition-property: height;
}

@media screen and (max-width: 834.499px) {
	.spMenuOpen #headerMenuIcons .menuButton::before {
		top: 21px;
		left: calc(50% - 2px);
		transform: rotate(35deg) translateX(-50%);
	}
	.spMenuOpen #headerMenuIcons .menuButton::after {
		top: 4px;
		left: calc(50% - 2px);
		transform: rotate(-35deg) translateX(-50%);
	}
	.spMenuOpen #headerMenuIcons .menuButton button::before {
		opacity: 0;
	}
	.spMenuOpen #headerMenuIcons .menuButton .menu {
		display: none;
	}
	.spMenuOpen #headerMenuIcons .menuButton .close {
		display: inline;
	}
	.spMenuOpen #headerContents {
		line-height: inherit;
		opacity: 1.0;
		visibility: visible;
	}
	.spMenuOpen #headerIconsArea {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.spMenuOpen #headerIcons .links a::before {
		height: 20px;
	}
	.spMenuOpen #headerTanbamori .title {
		padding-top: 17px;
		padding-bottom: 17px;
	}
	.spMenuOpen #headerTanbamori.open .title::after {
		right: 60px;
		transform: rotate(90deg) translate3d(-10px, -50%, 0);
		opacity: 0;
	}
	.spMenuOpen #headerTanbamori.open .contents {
		padding: 12px 0;
		line-height: inherit;
		opacity: 1.0;
		visibility: visible;
	}
	.spMenuOpen #headerTanbamori.open .contents a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.spMenuOpen #headerNavi .menu > li:nth-child(n+2) {
		border-top: 1px solid #fff;
	}
	.spMenuOpen #headerNavi .menu a {
		padding-top: 17px;
		padding-bottom: 17px;
	}
	.spSearchOpen #headerSpSearch {
		padding: 25px 0;
		line-height: inherit;
		opacity: 1.0;
		visibility: visible;
	}
	.spSearchOpen #headerSpSearch .headerSearch {
		height: 35px;
		border-style: solid;
	}
}

/*-----------------------------------------------------------------------
	main
-----------------------------------------------------------------------*/
#pageTitle {
	display: flex;
	align-items: center;
	height: 220px;
	background: no-repeat center / cover;
	color: #fff;
	text-align: center;
	line-height: 1.5;
}

@media screen and (max-width: 834.499px) {
	#pageTitle {
		height: 90px;
	}
}

#pageTitle .contentIn {
	text-shadow: 0 0 5px rgba(74, 54, 42, 0.3);
}

#pageTitle .title {
	font-size: 26px;
	font-weight: 700;
}

@media screen and (max-width: 834.499px) {
	#pageTitle .title {
		font-size: 20px;
	}
}

#pageTitle .en {
	font-size: 15px;
	font-weight: 700;
}

@media print, screen and (min-width: 834.5px) {
	#pageTitle .en {
		margin-top: 5px;
	}
}

@media screen and (max-width: 834.499px) {
	#pageTitle .en {
		font-size: 13px;
	}
}

#pankuzu {
	font-size: 12px;
	line-height: 1.5;
}

@media screen and (max-width: 834.499px) {
	#pankuzu {
		font-size: 11px;
	}
}

#pankuzu .list {
	display: flex;
	flex-wrap: wrap;
}

#pankuzu .list > li {
	flex: 0 0 auto;
	position: relative;
	margin: 10px 10px 0 0;
}

@media screen and (max-width: 834.499px) {
	#pankuzu .list > li {
		margin: 5px 5px 0 0;
	}
}

#pankuzu .list > li:nth-child(n+2) {
	padding-left: calc(1.0em + 5px);
}

@media screen and (max-width: 834.499px) {
	#pankuzu .list > li:nth-child(n+2) {
		padding-left: calc(1.0em + 3px);
	}
}

#pankuzu .list > li:nth-child(n+2)::before {
	content: '\03e';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.layoutBox01 {
	margin-top: 95px;
}

@media print, screen and (min-width: 834.5px) {
	.layoutBox01 {
		display: flex;
		justify-content: space-between;
	}
}

@media screen and (max-width: 834.499px) {
	.layoutBox01 {
		margin-top: 35px;
	}
}

.layoutBox01 > * {
	flex: 0 0 auto;
}

@media print, screen and (min-width: 834.5px) {
	.layoutBox01 .article {
		width: 920px;
	}
}

.layoutBox01 .side {
	width: 225px;
}

@media screen and (max-width: 834.499px) {
	.layoutBox01 .side {
		display: none;
	}
}

.layoutBox01 .side > :nth-child(n+2) {
	margin-top: 70px;
}

.pagination01 {
	display: flex;
	justify-content: center;
	margin-top: 120px;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	.pagination01 {
		margin-top: 40px;
		font-size: 14px;
	}
}

.pagination01 > * {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

.pagination01 > :nth-child(n+3) {
	margin-left: 10px;
}

.pagination01 > .first, .pagination01 > .last {
	display: none;
}

.pagination01 > .prev, .pagination01 > .next {
	flex: 0 1 auto;
	border-radius: 0;
	color: transparent;
	font-size: 0;
}

.pagination01 > .prev::before, .pagination01 > .next::before {
	content: '';
	display: block;
	width: 7px;
	height: 16px;
	background: url('../images/arrow02_right.png') no-repeat center/contain;
}

.pagination01 > .prev::before {
	transform: scaleX(-1);
}

.pagination01 > .current {
	background: #1ca869;
	color: #fff;
	cursor: default;
}

.pagination01 > .dots {
	width: auto;
	border-radius: 0;
	cursor: default;
}

.pagination01 > .disabled {
	display: none;
}

.pagination01 > .disabled + * {
	margin-left: 0;
}

.singleTitle01 {
	margin-bottom: 40px;
	padding-bottom: 25px;
	border-bottom: 1px solid #aaa;
}

@media screen and (max-width: 834.499px) {
	.singleTitle01 {
		margin-bottom: 25px;
		padding-bottom: 15px;
	}
}

.singleTitle01 .date {
	margin-bottom: 15px;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	.singleTitle01 .date {
		margin-bottom: 10px;
		font-size: 13px;
	}
}

.singleTitle01 .title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
}

@media screen and (max-width: 834.499px) {
	.singleTitle01 .title {
		font-size: 20px;
	}
}

.gutenbergContent > * {
	margin-top: 30px;
}

.gutenbergContent > * .wp-block-image {
	margin: 0;
}

.gutenbergContent > :first-child {
	margin-top: 0;
}

.gutenbergContent h1, .gutenbergContent h2 {
	margin-top: 120px;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent h1, .gutenbergContent h2 {
		margin-top: 70px;
	}
}

.gutenbergContent h3 {
	margin-top: 90px;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent h3 {
		margin-top: 60px;
	}
}

.gutenbergContent h4, .gutenbergContent h5, .gutenbergContent h6 {
	margin-top: 50px;
	font-size: inherit;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent h4, .gutenbergContent h5, .gutenbergContent h6 {
		margin-top: 45px;
	}
}

.gutenbergContent h1 + h2, .gutenbergContent h1 + h3 {
	margin-top: 60px;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent h1 + h2, .gutenbergContent h1 + h3 {
		margin-top: 50px;
	}
}

.gutenbergContent h1 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.06em;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent h1 {
		font-size: 20px;
	}
}

.gutenbergContent h2 {
	display: flex;
	align-items: center;
	padding: 5px 25px;
	background: #1ca869;
	border-radius: 25px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent h2 {
		padding: 5px 20px;
		border-radius: 20px;
		font-size: 18px;
	}
}

.gutenbergContent h2::before {
	content: '';
	flex: 0 0 auto;
	display: block;
	width: 28px;
	height: 40px;
	margin-right: 15px;
	background: url('../images/icon_forest.png') no-repeat center/contain;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent h2::before {
		width: 20px;
		height: 30px;
		margin-right: 12px;
	}
}

.gutenbergContent h3 {
	padding: 7px 25px;
	background: #f6f6f6;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent h3 {
		padding: 7px 15px;
		font-size: 18px;
	}
}

.gutenbergContent h4 {
	padding-bottom: 5px;
	border-bottom: 1px solid #dcdcdc;
	font-weight: 700;
	line-height: 1.4;
}

.gutenbergContent h5 {
	position: relative;
	padding-left: 18px;
	font-weight: 700;
	line-height: 1.4;
}

.gutenbergContent h5::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: calc(100% + 0.2em);
	background: #1ca869;
	transform: translateY(-50%);
}

.gutenbergContent h6 {
	font-weight: 700;
	line-height: 1.4;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent p {
		line-height: 1.56;
	}
}

.gutenbergContent p.is-style-stronger {
	font-weight: 700;
}

@media print, screen and (min-width: 834.5px) {
	.gutenbergContent p.is-style-stronger {
		font-size: 18px;
	}
}

.gutenbergContent p.is-style-bg {
	padding: 20px;
	background: #eee;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent p.is-style-bg {
		padding: 15px 10px;
	}
}

.gutenbergContent p.is-style-border {
	padding: 20px;
	border: 1px solid #c9c9c9;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent p.is-style-border {
		padding: 15px 10px;
	}
}

.gutenbergContent strong {
	font-weight: 700;
}

.gutenbergContent sup {
	vertical-align: super;
	font-size: 0.6em;
}

.gutenbergContent ul, .gutenbergContent ol {
	list-style: none;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent ul, .gutenbergContent ol {
		line-height: 1.69;
	}
}

.gutenbergContent ul > li, .gutenbergContent ol > li {
	position: relative;
}

.gutenbergContent ul > li::before, .gutenbergContent ol > li::before {
	display: block;
	position: absolute;
}

.gutenbergContent ul > li {
	padding-left: 1.0em;
}

.gutenbergContent ul > li::before {
	content: '';
	top: 0.75em;
	left: 0;
	width: 7px;
	height: 7px;
	background: #333;
	border-radius: 50%;
}

.gutenbergContent ol {
	counter-reset: orderList;
}

.gutenbergContent ol > li {
	counter-increment: orderList;
	padding-left: 2.0em;
}

.gutenbergContent ol > li::before {
	content: counter(orderList) '.';
	top: 0;
	right: calc(100% - 1.5em);
	text-align: right;
}

.gutenbergContent iframe {
	vertical-align: middle;
}

.gutenbergContent p > a, .gutenbergContent td > a, .gutenbergContent li > a {
	display: inline;
	color: #2d6abd;
	text-decoration: underline;
}

.gutenbergContent p > a > img, .gutenbergContent td > a > img, .gutenbergContent li > a > img {
	margin: 0 0.3em;
	vertical-align: text-bottom;
}

.gutenbergContent .is-style-outline .wp-block-button__link, .gutenbergContent .wp-block-button__link.is-style-outline, .gutenbergContent .is-style-outline-round .wp-block-button__link, .gutenbergContent .wp-block-button__link.is-style-outline-round {
	background: transparent;
	border: 2px solid currentColor;
	color: inherit;
}

.gutenbergContent .wp-block-media-text__content > :nth-child(n+2), .gutenbergContent .wp-block-column > :nth-child(n+2), .gutenbergContent .kt-accordion-panel-inner > :nth-child(n+2) {
	margin-top: 30px;
}

.gutenbergContent .wp-block-image {
	margin-bottom: 0;
	line-height: 1.4;
}

.gutenbergContent .wp-block-image figcaption {
	margin: 10px 0 0;
	font-size: 15px;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-image figcaption {
		margin-top: 5px;
		font-size: 14px;
	}
}

.gutenbergContent .wp-block-media-text {
	grid-column-gap: 45px;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-media-text {
		grid-row-gap: 25px;
	}
	.gutenbergContent .wp-block-media-text.is-stacked-on-mobile {
		-ms-grid-columns: 100% !important;
		grid-template-columns: 100% !important;
	}
	.gutenbergContent .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 2;
		grid-row: 2;
	}
	.gutenbergContent .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 1;
		grid-row: 1;
	}
}

.gutenbergContent .wp-block-media-text .wp-block-media-text__content {
	padding: 0;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-media-text .wp-block-media-text__content {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 2;
		grid-row: 2;
	}
}

.gutenbergContent .wp-block-media-text img {
	width: 100%;
}

.gutenbergContent .wp-block-buttons {
	margin-top: 0;
	margin-right: -25px;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-buttons {
		margin-top: 10px;
		margin-right: -20px;
	}
	.gutenbergContent .wp-block-buttons + .wp-block-buttons {
		margin-top: 0;
	}
}

.gutenbergContent .wp-block-buttons .wp-block-button:last-child {
	margin-right: 25px;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-buttons .wp-block-button:last-child {
		margin-right: 20px;
	}
}

.gutenbergContent .wp-block-button {
	margin: 30px 25px 0 0;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-button {
		margin: 20px 20px 0 0;
	}
}

.gutenbergContent .wp-block-button__link {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 326px;
	height: 70px;
	padding: 10px 30px;
	background: #1ca869;
	border-radius: 0;
	font-size: inherit;
	font-weight: 700;
	letter-spacing: 0.06em;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-button__link {
		min-width: 270px;
		height: 60px;
		padding: 5px 25px;
		line-height: 1.5;
	}
}

.gutenbergContent .wp-block-button.is-style-round .wp-block-button__link, .gutenbergContent .wp-block-button.is-style-outline-round .wp-block-button__link {
	border-radius: 35px;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-button.is-style-round .wp-block-button__link, .gutenbergContent .wp-block-button.is-style-outline-round .wp-block-button__link {
		border-radius: 30px;
	}
}

.gutenbergContent .wp-block-button.icon-pdf .wp-block-button__link::after, .gutenbergContent .wp-block-button.icon-excel .wp-block-button__link::after, .gutenbergContent .wp-block-button.icon-word .wp-block-button__link::after {
	content: '';
	flex: 0 0 auto;
	display: inline-block;
	position: relative;
	width: 21px;
	height: 24px;
	margin-left: 10px;
	vertical-align: middle;
	background: no-repeat center / contain;
}

@media print, screen and (min-width: 834.5px) {
	.gutenbergContent .wp-block-button.icon-pdf .wp-block-button__link::after, .gutenbergContent .wp-block-button.icon-excel .wp-block-button__link::after, .gutenbergContent .wp-block-button.icon-word .wp-block-button__link::after {
		top: -3px;
	}
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-button.icon-pdf .wp-block-button__link::after, .gutenbergContent .wp-block-button.icon-excel .wp-block-button__link::after, .gutenbergContent .wp-block-button.icon-word .wp-block-button__link::after {
		width: 16px;
		height: 18px;
	}
}

.gutenbergContent .wp-block-button.icon-pdf .wp-block-button__link::after {
	background-image: url('../images/icon_pdf.png');
}

.gutenbergContent .wp-block-button.icon-excel .wp-block-button__link::after {
	background-image: url('../images/icon_excel.png');
}

.gutenbergContent .wp-block-button.icon-word .wp-block-button__link::after {
	background-image: url('../images/icon_word.png');
}

.gutenbergContent .wp-block-button.icon-arrow .wp-block-button__link::after {
	content: '';
	flex: 0 0 auto;
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-left: 15px;
	border: 2px currentColor;
	border-style: solid solid none none;
	transform: rotate(45deg);
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-button.icon-arrow .wp-block-button__link::after {
		width: 8px;
		height: 8px;
		margin-left: 12px;
	}
}

@media print, screen and (min-width: 834.5px) {
	.gutenbergContent .wp-block-table.colNowrap01 table tr > :nth-child(1) {
		white-space: nowrap !important;
	}
	.gutenbergContent .wp-block-table.colNowrap02 table tr > :nth-child(2) {
		white-space: nowrap !important;
	}
	.gutenbergContent .wp-block-table.colNowrap03 table tr > :nth-child(3) {
		white-space: nowrap !important;
	}
	.gutenbergContent .wp-block-table.colNowrap04 table tr > :nth-child(4) {
		white-space: nowrap !important;
	}
	.gutenbergContent .wp-block-table.colNowrap05 table tr > :nth-child(5) {
		white-space: nowrap !important;
	}
}

@media print, screen and (min-width: 834.5px) {
	.gutenbergContent .wp-block-table.colPc10Per01 table tr > :nth-child(1) {
		width: 10%;
	}
	.gutenbergContent .wp-block-table.colPc10Per02 table tr > :nth-child(2) {
		width: 10%;
	}
	.gutenbergContent .wp-block-table.colPc10Per03 table tr > :nth-child(3) {
		width: 10%;
	}
	.gutenbergContent .wp-block-table.colPc10Per04 table tr > :nth-child(4) {
		width: 10%;
	}
	.gutenbergContent .wp-block-table.colPc10Per05 table tr > :nth-child(5) {
		width: 10%;
	}
	.gutenbergContent .wp-block-table.colPc20Per01 table tr > :nth-child(1) {
		width: 20%;
	}
	.gutenbergContent .wp-block-table.colPc20Per02 table tr > :nth-child(2) {
		width: 20%;
	}
	.gutenbergContent .wp-block-table.colPc20Per03 table tr > :nth-child(3) {
		width: 20%;
	}
	.gutenbergContent .wp-block-table.colPc20Per04 table tr > :nth-child(4) {
		width: 20%;
	}
	.gutenbergContent .wp-block-table.colPc20Per05 table tr > :nth-child(5) {
		width: 20%;
	}
	.gutenbergContent .wp-block-table.colPc30Per01 table tr > :nth-child(1) {
		width: 30%;
	}
	.gutenbergContent .wp-block-table.colPc30Per02 table tr > :nth-child(2) {
		width: 30%;
	}
	.gutenbergContent .wp-block-table.colPc30Per03 table tr > :nth-child(3) {
		width: 30%;
	}
	.gutenbergContent .wp-block-table.colPc30Per04 table tr > :nth-child(4) {
		width: 30%;
	}
	.gutenbergContent .wp-block-table.colPc30Per05 table tr > :nth-child(5) {
		width: 30%;
	}
	.gutenbergContent .wp-block-table.colPc40Per01 table tr > :nth-child(1) {
		width: 40%;
	}
	.gutenbergContent .wp-block-table.colPc40Per02 table tr > :nth-child(2) {
		width: 40%;
	}
	.gutenbergContent .wp-block-table.colPc40Per03 table tr > :nth-child(3) {
		width: 40%;
	}
	.gutenbergContent .wp-block-table.colPc40Per04 table tr > :nth-child(4) {
		width: 40%;
	}
	.gutenbergContent .wp-block-table.colPc40Per05 table tr > :nth-child(5) {
		width: 40%;
	}
	.gutenbergContent .wp-block-table.colPc50Per01 table tr > :nth-child(1) {
		width: 50%;
	}
	.gutenbergContent .wp-block-table.colPc50Per02 table tr > :nth-child(2) {
		width: 50%;
	}
	.gutenbergContent .wp-block-table.colPc50Per03 table tr > :nth-child(3) {
		width: 50%;
	}
	.gutenbergContent .wp-block-table.colPc50Per04 table tr > :nth-child(4) {
		width: 50%;
	}
	.gutenbergContent .wp-block-table.colPc50Per05 table tr > :nth-child(5) {
		width: 50%;
	}
	.gutenbergContent .wp-block-table.colPc60Per01 table tr > :nth-child(1) {
		width: 60%;
	}
	.gutenbergContent .wp-block-table.colPc60Per02 table tr > :nth-child(2) {
		width: 60%;
	}
	.gutenbergContent .wp-block-table.colPc60Per03 table tr > :nth-child(3) {
		width: 60%;
	}
	.gutenbergContent .wp-block-table.colPc60Per04 table tr > :nth-child(4) {
		width: 60%;
	}
	.gutenbergContent .wp-block-table.colPc60Per05 table tr > :nth-child(5) {
		width: 60%;
	}
	.gutenbergContent .wp-block-table.colPc70Per01 table tr > :nth-child(1) {
		width: 70%;
	}
	.gutenbergContent .wp-block-table.colPc70Per02 table tr > :nth-child(2) {
		width: 70%;
	}
	.gutenbergContent .wp-block-table.colPc70Per03 table tr > :nth-child(3) {
		width: 70%;
	}
	.gutenbergContent .wp-block-table.colPc70Per04 table tr > :nth-child(4) {
		width: 70%;
	}
	.gutenbergContent .wp-block-table.colPc70Per05 table tr > :nth-child(5) {
		width: 70%;
	}
	.gutenbergContent .wp-block-table.colPc80Per01 table tr > :nth-child(1) {
		width: 80%;
	}
	.gutenbergContent .wp-block-table.colPc80Per02 table tr > :nth-child(2) {
		width: 80%;
	}
	.gutenbergContent .wp-block-table.colPc80Per03 table tr > :nth-child(3) {
		width: 80%;
	}
	.gutenbergContent .wp-block-table.colPc80Per04 table tr > :nth-child(4) {
		width: 80%;
	}
	.gutenbergContent .wp-block-table.colPc80Per05 table tr > :nth-child(5) {
		width: 80%;
	}
	.gutenbergContent .wp-block-table.colPc90Per01 table tr > :nth-child(1) {
		width: 90%;
	}
	.gutenbergContent .wp-block-table.colPc90Per02 table tr > :nth-child(2) {
		width: 90%;
	}
	.gutenbergContent .wp-block-table.colPc90Per03 table tr > :nth-child(3) {
		width: 90%;
	}
	.gutenbergContent .wp-block-table.colPc90Per04 table tr > :nth-child(4) {
		width: 90%;
	}
	.gutenbergContent .wp-block-table.colPc90Per05 table tr > :nth-child(5) {
		width: 90%;
	}
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-table.colSp10Per01 table tr > :nth-child(1) {
		width: 10%;
	}
	.gutenbergContent .wp-block-table.colSp10Per02 table tr > :nth-child(2) {
		width: 10%;
	}
	.gutenbergContent .wp-block-table.colSp10Per03 table tr > :nth-child(3) {
		width: 10%;
	}
	.gutenbergContent .wp-block-table.colSp10Per04 table tr > :nth-child(4) {
		width: 10%;
	}
	.gutenbergContent .wp-block-table.colSp10Per05 table tr > :nth-child(5) {
		width: 10%;
	}
	.gutenbergContent .wp-block-table.colSp20Per01 table tr > :nth-child(1) {
		width: 20%;
	}
	.gutenbergContent .wp-block-table.colSp20Per02 table tr > :nth-child(2) {
		width: 20%;
	}
	.gutenbergContent .wp-block-table.colSp20Per03 table tr > :nth-child(3) {
		width: 20%;
	}
	.gutenbergContent .wp-block-table.colSp20Per04 table tr > :nth-child(4) {
		width: 20%;
	}
	.gutenbergContent .wp-block-table.colSp20Per05 table tr > :nth-child(5) {
		width: 20%;
	}
	.gutenbergContent .wp-block-table.colSp30Per01 table tr > :nth-child(1) {
		width: 30%;
	}
	.gutenbergContent .wp-block-table.colSp30Per02 table tr > :nth-child(2) {
		width: 30%;
	}
	.gutenbergContent .wp-block-table.colSp30Per03 table tr > :nth-child(3) {
		width: 30%;
	}
	.gutenbergContent .wp-block-table.colSp30Per04 table tr > :nth-child(4) {
		width: 30%;
	}
	.gutenbergContent .wp-block-table.colSp30Per05 table tr > :nth-child(5) {
		width: 30%;
	}
	.gutenbergContent .wp-block-table.colSp40Per01 table tr > :nth-child(1) {
		width: 40%;
	}
	.gutenbergContent .wp-block-table.colSp40Per02 table tr > :nth-child(2) {
		width: 40%;
	}
	.gutenbergContent .wp-block-table.colSp40Per03 table tr > :nth-child(3) {
		width: 40%;
	}
	.gutenbergContent .wp-block-table.colSp40Per04 table tr > :nth-child(4) {
		width: 40%;
	}
	.gutenbergContent .wp-block-table.colSp40Per05 table tr > :nth-child(5) {
		width: 40%;
	}
	.gutenbergContent .wp-block-table.colSp50Per01 table tr > :nth-child(1) {
		width: 50%;
	}
	.gutenbergContent .wp-block-table.colSp50Per02 table tr > :nth-child(2) {
		width: 50%;
	}
	.gutenbergContent .wp-block-table.colSp50Per03 table tr > :nth-child(3) {
		width: 50%;
	}
	.gutenbergContent .wp-block-table.colSp50Per04 table tr > :nth-child(4) {
		width: 50%;
	}
	.gutenbergContent .wp-block-table.colSp50Per05 table tr > :nth-child(5) {
		width: 50%;
	}
	.gutenbergContent .wp-block-table.colSp60Per01 table tr > :nth-child(1) {
		width: 60%;
	}
	.gutenbergContent .wp-block-table.colSp60Per02 table tr > :nth-child(2) {
		width: 60%;
	}
	.gutenbergContent .wp-block-table.colSp60Per03 table tr > :nth-child(3) {
		width: 60%;
	}
	.gutenbergContent .wp-block-table.colSp60Per04 table tr > :nth-child(4) {
		width: 60%;
	}
	.gutenbergContent .wp-block-table.colSp60Per05 table tr > :nth-child(5) {
		width: 60%;
	}
	.gutenbergContent .wp-block-table.colSp70Per01 table tr > :nth-child(1) {
		width: 70%;
	}
	.gutenbergContent .wp-block-table.colSp70Per02 table tr > :nth-child(2) {
		width: 70%;
	}
	.gutenbergContent .wp-block-table.colSp70Per03 table tr > :nth-child(3) {
		width: 70%;
	}
	.gutenbergContent .wp-block-table.colSp70Per04 table tr > :nth-child(4) {
		width: 70%;
	}
	.gutenbergContent .wp-block-table.colSp70Per05 table tr > :nth-child(5) {
		width: 70%;
	}
	.gutenbergContent .wp-block-table.colSp80Per01 table tr > :nth-child(1) {
		width: 80%;
	}
	.gutenbergContent .wp-block-table.colSp80Per02 table tr > :nth-child(2) {
		width: 80%;
	}
	.gutenbergContent .wp-block-table.colSp80Per03 table tr > :nth-child(3) {
		width: 80%;
	}
	.gutenbergContent .wp-block-table.colSp80Per04 table tr > :nth-child(4) {
		width: 80%;
	}
	.gutenbergContent .wp-block-table.colSp80Per05 table tr > :nth-child(5) {
		width: 80%;
	}
	.gutenbergContent .wp-block-table.colSp90Per01 table tr > :nth-child(1) {
		width: 90%;
	}
	.gutenbergContent .wp-block-table.colSp90Per02 table tr > :nth-child(2) {
		width: 90%;
	}
	.gutenbergContent .wp-block-table.colSp90Per03 table tr > :nth-child(3) {
		width: 90%;
	}
	.gutenbergContent .wp-block-table.colSp90Per04 table tr > :nth-child(4) {
		width: 90%;
	}
	.gutenbergContent .wp-block-table.colSp90Per05 table tr > :nth-child(5) {
		width: 90%;
	}
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-table {
		font-size: 15px;
		line-height: 1.47;
	}
}

.gutenbergContent .wp-block-table table, .gutenbergContent .wp-block-table th, .gutenbergContent .wp-block-table td {
	border: 1px solid #aaa;
}

.gutenbergContent .wp-block-table th, .gutenbergContent .wp-block-table td {
	padding: 10px 15px;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-table th, .gutenbergContent .wp-block-table td {
		padding: 3px 15px;
	}
}

.gutenbergContent .wp-block-table th {
	background: #f0f8f0;
	font-weight: 700;
}

@media print, screen and (min-width: 834.5px) {
	.gutenbergContent .wp-block-table.is-style-head01 th {
		padding: 10px 30px;
	}
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-table.is-style-head01 table, .gutenbergContent .wp-block-table.is-style-head01 thead, .gutenbergContent .wp-block-table.is-style-head01 tbody, .gutenbergContent .wp-block-table.is-style-head01 tr, .gutenbergContent .wp-block-table.is-style-head01 th, .gutenbergContent .wp-block-table.is-style-head01 td {
		display: block;
	}
	.gutenbergContent .wp-block-table.is-style-head01 table {
		border: none;
	}
	.gutenbergContent .wp-block-table.is-style-head01 tr > :nth-child(n+2) {
		border-top: none;
	}
	.gutenbergContent .wp-block-table.is-style-head01 tr:nth-child(n+2) > :first-child {
		border-top: none;
	}
}

.gutenbergContent .wp-block-table.is-style-head01 tr > :first-child {
	padding: 10px 30px;
	background: #f0f8f0;
	font-weight: 700;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-table.is-style-head01 tr > :first-child {
		padding: 3px 15px;
	}
}

.gutenbergContent .wp-block-columns {
	margin-bottom: 0;
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-columns {
		flex-wrap: wrap;
		margin-top: 0;
	}
}

@media print, screen and (min-width: 834.5px) {
	.gutenbergContent .wp-block-columns.col3style .wp-block-column:not(:first-child) {
		margin-left: 40px;
	}
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-columns.col3style .wp-block-column {
		max-width: calc((100% - 20px) / 2);
	}
	.gutenbergContent .wp-block-columns.col3style .wp-block-column:nth-child(2) {
		margin-left: 20px;
	}
	.gutenbergContent .wp-block-columns.col3style .wp-block-column:nth-child(3) {
		margin-top: 30px;
	}
}

@media print, screen and (min-width: 834.5px) {
	.gutenbergContent .wp-block-column:not(:first-child) {
		margin-left: 55px;
	}
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .wp-block-column {
		margin: 30px 0 0;

		flex-basis: 100% !important;
	}
}

.gutenbergContent .wp-block-spacer {
	margin: 0;
}

.gutenbergContent .youtube_video {
	position: relative;
}

@media print, screen and (min-width: 834.5px) {
	.gutenbergContent .youtube_video {
		width: 600px;
		height: 338px;
	}
}

@media screen and (max-width: 834.499px) {
	.gutenbergContent .youtube_video {
		padding-top: 56.25%;
	}
}

.gutenbergContent .youtube_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-----------------------------------------------------------------------
	side
-----------------------------------------------------------------------*/
[id^='side'] .title a {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 50px;
	background: #f79535;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-weight: 700;
	line-height: 1.0;
}

#sideTanbamori .title a {
	height: auto;
	border-radius: 0;
}

#sideTanbamori .title img {
	width: 100%;
}

#sideTanbamori .list a {
	background: #e5f0ea;
}

/*-----------------------------------------------------------------------
	footer
-----------------------------------------------------------------------*/
#footer {
	margin-top: 200px;
	background: #1ca869;
}

@media screen and (max-width: 834.499px) {
	#footer {
		display: flex;
		flex-direction: column;
		margin-top: 80px;
	}
}

#footer.narrowMargin {
	margin-top: 80px;
}

#footerContents {
	padding: 45px 0 65px;
}

@media print, screen and (min-width: 834.5px) {
	#footerContents {
		background: #fefbce;
	}
	#footerContentsInner {
		display: flex;
		justify-content: space-between;
	}
	#footerContentsInner > * {
		flex: 0 0 auto;
	}
}

@media screen and (max-width: 834.499px) {
	#footerContents {
		padding: 30px 0 0;
		color: #fff;

		order: 1;
	}
}

#footerGoTop {
	position: absolute;
	top: 0;
	right: 20px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	line-height: 1.0;
	letter-spacing: normal;
	text-transform: uppercase;
}

@media print, screen and (min-width: 834.5px) {
	#footerGoTop {
		display: none;
	}
}

#footerGoTop a::before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
	background: rgba(255, 255, 255, 0.7) url('../images/arrow_up.png') no-repeat center/16px auto;
	border-radius: 50%;
}

#footerLogo img {
	width: 230px;
}

@media screen and (max-width: 834.499px) {
	#footerLogo img {
		width: 180px;
	}
}

#footerAddress {
	margin-top: 30px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

@media screen and (max-width: 834.499px) {
	#footerAddress {
		margin-top: 15px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.7;
	}
}

#footerLinks {
	margin-top: 45px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.0;
	letter-spacing: normal;
}

@media screen and (max-width: 834.499px) {
	#footerLinks {
		display: none;
	}
}

#footerLinks > li:nth-child(n+2) {
	margin-top: 15px;
}

#footerLinks a::after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-left: 8px;
	background: url('../images/icon_newWindow.png') no-repeat center/contain;
}

#footerNavi {
	margin-top: 20px;
	font-size: 15px;
	line-height: 1.5;
}

@media screen and (max-width: 834.499px) {
	#footerNavi {
		display: none;
	}
}

#footerNavi .columns {
	display: flex;
}

#footerNavi .columns > li {
	flex: 0 0 auto;
}

#footerNavi .columns > li:nth-child(n+2) {
	margin-left: 75px;
}

#footerNavi .menu {
	font-weight: 700;
}

#footerNavi .menu li:nth-child(n+2) {
	margin-top: 15px;
}

#footerNavi .childMenu {
	margin-top: 15px;
	font-weight: 500;
}

#footerNavi .childMenu > li {
	position: relative;
	padding-left: 1.0em;
}

#footerNavi .childMenu > li::before {
	content: '-';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#footerBanner {
	padding: 65px 0;
	color: #fff;
}

@media screen and (max-width: 834.499px) {
	#footerBanner {
		padding: 30px 0;
		background: #fefbce;
	}
}

#footerBanner .list {
	display: flex;
}

@media screen and (max-width: 834.499px) {
	#footerBanner .list {
		flex-wrap: wrap;
	}
}

#footerBanner .list > li {
	flex: 0 1 auto;
	width: 100%;
}

@media print, screen and (min-width: 834.5px) {
	#footerBanner .list > li:nth-child(n+2) {
		margin-left: 25px;
	}
}

@media screen and (max-width: 834.499px) {
	#footerBanner .list > li {
		flex: 0 0 auto;
		width: calc((100% - 15px) / 2);
	}
	#footerBanner .list > li:nth-child(2n) {
		margin-left: 15px;
	}
	#footerBanner .list > li:nth-child(n+3) {
		margin-top: 15px;
	}
	#footerBanner .list > li a {
		width: 100%;
	}
	#footerBanner .list > li img {
		width: 100%;
	}
}

#footerCopy {
	padding: 15px 0;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	#footerCopy {
		margin-top: 10px;
		padding: 10px 0;
		font-size: 10px;

		order: 1;
	}
}

/*-----------------------------------------------------------------------
	title
-----------------------------------------------------------------------*/
.titleStyle01 {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	line-height: 1.0;
	letter-spacing: 0.12em;
}

@media screen and (max-width: 834.499px) {
	.titleStyle01 {
		font-size: 23px;
	}
}

.titleStyle01::after {
	content: '';
	display: block;
	width: 100%;
	height: 25px;
	margin-top: 20px;
	background: url('../images/icon_3trees.png') no-repeat center/contain;
}

@media screen and (max-width: 834.499px) {
	.titleStyle01::after {
		height: 19px;
		margin-top: 15px;
	}
}

.titleStyle02 {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #cecece;
	font-weight: 700;
	line-height: 1.0;
}

.titleStyle02 .title {
	position: absolute;
	top: 0;
	left: 50%;
	font-size: 26px;
	transform: translateX(-50%);
}

@media screen and (max-width: 834.499px) {
	.titleStyle02 .title {
		top: calc(50% - 7px);
		font-size: 19px;
		transform: translate3d(-50%, -50%, 0);
	}
}

.titleStyle02 .changer {
	display: flex;
	justify-content: space-between;
}

.titleStyle02 .changer > li {
	flex: 0 0 auto;
}

@media screen and (max-width: 834.499px) {
	.titleStyle02 .changer > li {
		font-size: 13px;
	}
}

.titleStyle02 .changer > li.pre a::before, .titleStyle02 .changer > li.next a::after {
	content: '';
	display: block;
	width: 35px;
	height: 35px;
	background: #1ca869 url('../images/arrow02_right_wht.png') no-repeat center/7px auto;
	border-radius: 50%;
}

.titleStyle02 .changer > li.pre a::before {
	margin-right: 15px;
	transform: scaleX(-1);
}

@media screen and (max-width: 834.499px) {
	.titleStyle02 .changer > li.pre a::before {
		margin-right: 10px;
	}
}

.titleStyle02 .changer > li.next a::after {
	margin-left: 15px;
}

@media screen and (max-width: 834.499px) {
	.titleStyle02 .changer > li.next a::after {
		margin-left: 10px;
	}
}

.titleStyle02 .changer > li.disabled {
	visibility: hidden;
}

.titleStyle02 .changer a {
	display: flex;
	align-items: center;
}

/*-----------------------------------------------------------------------
	list
-----------------------------------------------------------------------*/
.listStyle01 {
	line-height: 1.25;
}

.listStyle01 > li:nth-child(n+2) {
	margin-top: 2px;
}

.listStyle01 > li > ul > li a {
	padding-left: calc(10px + 1.0em);
}

.listStyle01 > li > ul > li a::before {
	content: '-';
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
}

.listStyle01 a {
	display: block;
	position: relative;
	padding: 10px 25px 10px 10px;
	background: #fdf5cc;
}

.listStyle01 a::after {
	content: '';
	display: block;
	position: absolute;
	top: 1.05em;
	right: 12px;
	width: 7px;
	height: 7px;
	border: 1px currentColor;
	border-style: solid solid none none;
	transform: rotate(45deg);
}

.listStyle02 {
	line-height: 1.5;
}

@media screen and (max-width: 834.499px) {
	.listStyle02 {
		font-size: 14px;
	}
}

.listStyle02 > li {
	padding: 0 30px 15px 0;
	border-bottom: 1px solid #e3e3e3;
}

@media screen and (max-width: 834.499px) {
	.listStyle02 > li {
		padding: 0;
	}
}

.listStyle02 > li:nth-child(n+2) {
	margin-top: 15px;
}

@media screen and (max-width: 834.499px) {
	.listStyle02 > li:nth-child(n+2) {
		margin-top: 5px;
	}
}

.listStyle02 a {
	display: flex;
	padding: 10px 0;
}

@media screen and (max-width: 834.499px) {
	.listStyle02 a {
		flex-wrap: wrap;
	}
}

.listStyle02 a > * {
	flex: 0 0 auto;
}

@media screen and (max-width: 834.499px) {
	.listStyle02 .date {
		color: #296c4d;
	}
}

.listStyle02 .tag {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 26px;
	margin: 0 30px 0 20px;
	border-radius: 13px;
	color: #fff;
	line-height: 1.0;
	letter-spacing: normal;
}

@media screen and (max-width: 834.499px) {
	.listStyle02 .tag {
		width: 75px;
		height: 18px;
		margin: 0 10px;
		border-radius: 9px;
		font-size: 12px;
	}
}

.listStyle02 .new {
	margin-right: 15px;
	color: #e10954;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: uppercase;
}

@media screen and (max-width: 834.499px) {
	.listStyle02 .new {
		font-size: 13px;
	}
}

@media print, screen and (min-width: 834.5px) {
	.listStyle02 .title {
		flex: 1 1 auto;
	}
}

@media screen and (max-width: 834.499px) {
	.listStyle02 .title {
		width: 100%;
		font-size: 15px;
	}
}

.listStyle03 {
	display: flex;
	flex-wrap: wrap;
}

.listStyle03 > li {
	flex: 0 0 auto;
	width: 276px;
}

@media print, screen and (min-width: 834.5px) {
	.listStyle03 > li {
		margin-left: calc((100% - 828px) / 2);
	}
	.listStyle03 > li:nth-child(3n+1) {
		margin-left: 0;
	}
	.listStyle03 > li:nth-child(n+4) {
		margin-top: 60px;
	}
}

@media screen and (max-width: 834.499px) {
	.listStyle03 > li {
		width: calc((100% - 18px) / 2);
	}
	.listStyle03 > li:nth-child(2n) {
		margin-left: 18px;
	}
	.listStyle03 > li:nth-child(n+3) {
		margin-top: 30px;
	}
}

.listStyle03 a {
	display: block;
	line-height: 1.6;
}

@media screen and (max-width: 834.499px) {
	.listStyle03 a {
		font-size: 15px;
		line-height: 1.4;
	}
}

.listStyle03 .imageArea {
	position: relative;
}

.listStyle03 .tag {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	padding: 7px 10px;
	background: #22a3ca;
	color: #fff;
	font-weight: 700;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	.listStyle03 .tag {
		font-size: 14px;
	}
}

.listStyle03 .thumbnail {
	padding-top: 100%;
	background: #eee no-repeat center / cover;
}

.listStyle03 .thumbnail img {
	display: none;
}

.listStyle03 .date {
	margin-top: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e3e3e3;
	color: #888;
	line-height: 1.5;
}

@media screen and (max-width: 834.499px) {
	.listStyle03 .date {
		padding-bottom: 10px;
		font-size: 13px;
	}
}

.listStyle03 .place {
	margin-top: 10px;
}

.listStyle03 .title {
	margin-top: 5px;
	font-weight: 700;
}

@media screen and (max-width: 834.499px) {
	.listStyle03 .title {
		margin-top: 3px;
	}
}

.listStyle03 .note {
	margin-top: 3px;
	color: #ca3030;
}

.listStyle04 {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
}

.listStyle04 > li {
	flex: 0 0 auto;
	width: calc((100% - 90px) / 4);
	margin-left: 30px;
}

@media print, screen and (min-width: 834.5px) {
	.listStyle04 > li:nth-child(4n+1) {
		margin-left: 0;
	}
	.listStyle04 > li:nth-child(n+5) {
		margin-top: 55px;
	}
}

@media screen and (max-width: 834.499px) {
	.listStyle04 > li {
		width: calc((100% - 20px) / 3);
		margin-left: 10px;
	}
	.listStyle04 > li:nth-child(3n+1) {
		margin-left: 0;
	}
	.listStyle04 > li:nth-child(n+4) {
		margin-top: 15px;
	}
}

.listStyle04 a {
	width: 100%;
}

.listStyle04 .thumbnail {
	padding-top: 100%;
	background: #dcdcdc no-repeat center / cover;
}

.listStyle04 .thumbnail img {
	display: none;
}

.listStyle04 .title {
	margin-top: 15px;
}

@media screen and (max-width: 834.499px) {
	.listStyle04 .title {
		margin-top: 5px;
		font-size: 14px;
	}
}

/*-----------------------------------------------------------------------
	button
-----------------------------------------------------------------------*/
.buttonStyle01 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 325px;
	height: 70px;
	margin: 85px auto 0;
	border: 2px solid currentColor;
	border-radius: 35px;
	font-weight: 700;
	text-align: center;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	.buttonStyle01 {
		width: 270px;
		height: 60px;
		margin-top: 37px;
	}
}

.buttonStyle02 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 68px;
	margin: 0 auto;
	background: #fff;
	border: 2px solid currentColor;
	border-radius: 34px;
	font-weight: 700;
	text-align: center;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	.buttonStyle02 {
		width: 275px;
		height: 60px;
		border-radius: 30px;
		font-size: 15px;
	}
}

/*-----------------------------------------------------------------------
	top
-----------------------------------------------------------------------*/
#topMainVisual {
	position: relative;
}

#topMainVisual::after {
	content: '';
	display: block;
	position: absolute;
	right: calc(50% + 460px);
	bottom: -60px;
	width: calc(50% - 460px);
	height: 395px;
	background: url('../images/top_illust01.png') no-repeat right bottom/auto 100%;
	z-index: 1;
}

@media screen and (max-width: 834.499px) {
	#topMainVisual::after {
		right: auto;
		bottom: 45px;
		left: -35px;
		width: 130px;
		height: 200px;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topMainVisual .banners {
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topMainVisual .banners .inner {
		width: 1300px;
	}
}

@media screen and (max-width: 834.499px) {
	#topMainVisual .banners .inner {
		position: static;
	}
}

#topMainVisual .banners .list {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
}

@media screen and (max-width: 834.499px) {
	#topMainVisual .banners .list {
		right: 20px;
		width: 57px;
		height: 100%;
	}
}

#topMainVisual .banners .list > li {
	width: 100%;
}

@media print, screen and (min-width: 834.5px) {
	#topMainVisual .banners .list > li:nth-child(n+2) {
		margin-top: 35px;
	}
}

@media screen and (max-width: 834.499px) {
	#topMainVisual .banners .list > li {
		position: absolute;
		top: 20px;
		right: 0;
	}
}

@media screen and (max-width: 834.499px) {
	#topMainVisual .banners .list > li.access {
		top: auto;
		bottom: 115px;
	}
}

#topMainVisual .banners .list > li.access a {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	width: 100%;
	padding: 20px 5px 8px;
	background: rgba(250, 235, 151, 0.88);
	border: solid currentColor;
	border-width: 2px 2px 25px 2px;
	border-radius: 10px;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: normal;
}

@media screen and (max-width: 834.499px) {
	#topMainVisual .banners .list > li.access a {
		padding: 0 3px 5px;
		border-bottom-width: 13px;
		border-radius: 5px;
		font-size: 11px;
	}
}

#topMainVisual .banners .list > li.access a::before {
	content: '';
	display: block;
	position: absolute;
	top: calc(100% + 9px);
	left: 50%;
	width: 19px;
	height: 8px;
	background: url('../images/arrow03.png') no-repeat center/contain;
	transform: translateX(-50%);
}

@media screen and (max-width: 834.499px) {
	#topMainVisual .banners .list > li.access a::before {
		top: calc(100% + 5px);
		width: 10px;
		height: 4px;
	}
}

#topMainVisual .banners .list > li.access a::after {
	content: '';
	display: block;
	width: 100%;
	height: 33px;
	margin-top: 5px;
	background: url('../images/icon_car.png') no-repeat center/contain;
}

@media screen and (max-width: 834.499px) {
	#topMainVisual .banners .list > li.access a::after {
		width: 22px;
		height: 20px;
		margin: 0;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topMainVisual .banners .list > li.access .text {
		display: flex;
		align-items: center;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
}

#topMainVisual .slick-slide img {
	width: 100%;
}

#topMainVisual .slick-dots {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	bottom: 45px;
	left: 50%;
	width: 1110px;
	color: transparent;
	font-size: 0;
	transform: translateX(-50%);
}

@media screen and (max-width: 834.499px) {
	#topMainVisual .slick-dots {
		display: none;
	}
}

#topMainVisual .slick-dots > :nth-child(n+2) {
	margin-left: 10px;
}

#topMainVisual .slick-dots button {
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 6px;
}

#topMainVisual .slick-dots .slick-active button {
	background: #fffc00;
}

#topTodaysEvents {
	margin-top: -65px;
}

@media screen and (max-width: 834.499px) {
	#topTodaysEvents {
		margin-top: -95px;
	}
}

#topTodaysEvents .inner {
	padding: 30px 70px 25px;
	background: #f8ea09;
	border-radius: 25px;
}

@media print, screen and (min-width: 834.5px) {
	#topTodaysEvents .inner {
		display: flex;
		align-items: center;
		max-width: 820px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 834.499px) {
	#topTodaysEvents .inner {
		padding: 20px 15px;
		border-radius: 15px;
	}
}

#topTodaysEvents .titleArea {
	flex: 0 0 auto;
	text-align: center;
	line-height: 1.0;
}

@media print, screen and (min-width: 834.5px) {
	#topTodaysEvents .titleArea {
		margin-right: 60px;
	}
}

#topTodaysEvents .date {
	color: #1ca869;
	font-size: 20px;
	font-weight: 700;
}

@media screen and (max-width: 834.499px) {
	#topTodaysEvents .date {
		font-size: 18px;
	}
}

#topTodaysEvents .title {
	margin-top: 12px;
	font-size: 24px;
}

@media screen and (max-width: 834.499px) {
	#topTodaysEvents .title {
		margin-top: 10px;
		font-size: 20px;
	}
}

#topTodaysEvents .title > * {
	display: block;
}

#topTodaysEvents .title .ja {
	font-weight: 700;
}

#topTodaysEvents .title .en {
	margin-top: 5px;
	font-size: 14px;
}

@media screen and (max-width: 834.499px) {
	#topTodaysEvents .title .en {
		font-size: 12px;
	}
}

#topTodaysEvents .noEvents {
	line-height: 1.3;
}

@media screen and (max-width: 834.499px) {
	#topTodaysEvents .noEvents {
		margin-top: 15px;
		font-size: 15px;
		text-align: center;
		line-height: 1.67;
	}
}

#topTodaysEvents .list {
	line-height: 1.3;
}

@media screen and (max-width: 834.499px) {
	#topTodaysEvents .list > :nth-child(n+2) {
		margin-top: 5px;
	}
}

@media screen and (max-width: 834.499px) {
	#topTodaysEvents .list {
		margin-top: 15px;
		font-size: 15px;
		line-height: 1.67;
	}
}

#topTodaysEvents .list a {
	position: relative;
	padding-left: 15px;
}

#topTodaysEvents .list a::before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	border-width: 4px 7px;
	border-style: solid none solid solid;
	border-color: transparent currentColor;
}

@media screen and (max-width: 834.499px) {
	#topTodaysEvents .list a::before {
		top: 8px;
		border-width: 4px 6px;
	}
}

#topImportant {
	margin-top: 55px;
}

@media screen and (max-width: 834.499px) {
	#topImportant {
		margin-top: 30px;
		font-size: 15px;
	}
}

#topImportant .inner {
	padding: 35px 50px;
	background: #fafafa;
	border: 1px solid #e10954;
}

@media print, screen and (min-width: 834.5px) {
	#topImportant .inner {
		display: flex;
		align-items: center;
	}
}

@media screen and (max-width: 834.499px) {
	#topImportant .inner {
		padding: 20px 12px 15px;
		background: rgba(245, 245, 245, 0.5);
	}
}

#topImportant .sectionTitle {
	color: #e10954;
	font-size: 28px;
	font-weight: 700;
}

@media print, screen and (min-width: 834.5px) {
	#topImportant .sectionTitle {
		flex: 0 0 auto;
		margin-right: 60px;
	}
}

@media screen and (max-width: 834.499px) {
	#topImportant .sectionTitle {
		font-size: 20px;
		line-height: 1.0;
	}
}

#topImportant .list {
	line-height: 1.5;
}

@media screen and (max-width: 834.499px) {
	#topImportant .list {
		margin-top: 15px;
	}
}

#topImportant .list > :nth-child(n+2) {
	margin-top: 5px;
}

@media screen and (max-width: 834.499px) {
	#topImportant .list > :nth-child(n+2) {
		margin-top: 8px;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topImportant .list a {
		display: flex;
	}
}

#topImportant .list .date {
	flex: 0 0 auto;
}

@media screen and (max-width: 834.499px) {
	#topImportant .list .date {
		font-size: 14px;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topImportant .list .title {
		margin-left: 30px;
	}
}

@media screen and (max-width: 834.499px) {
	#topImportant .list .title {
		margin-top: 5px;
	}
}

#topImportant + #topNews {
	margin-top: 110px;
}

@media screen and (max-width: 834.499px) {
	#topImportant + #topNews {
		margin-top: 45px;
	}
}

#topNews {
	position: relative;
	margin-top: 150px;
}

@media screen and (max-width: 834.499px) {
	#topNews {
		margin-top: 60px;
	}
}

#topNews::before {
	content: '';
	display: block;
	position: absolute;
	top: -135px;
	left: 0;
	width: 100%;
	height: calc(100% + 135px);
	background: url('../images/bg01.png') no-repeat center top/100% auto;
	z-index: -1;
}

@media screen and (max-width: 834.499px) {
	#topNews::before {
		top: -175px;
		height: calc(100% + 175px);
		min-height: 484px;
		background: url('../images/bg01_sp.png') no-repeat center top/auto 484px;
	}
}

#topNews .list {
	margin-top: 55px;
}

@media screen and (max-width: 834.499px) {
	#topNews .list {
		margin-top: 30px;
	}
}

#topNews .more {
	margin-top: 55px;
}

@media screen and (max-width: 834.499px) {
	#topNews .more {
		margin-top: 30px;
	}
}

#topEvents {
	position: relative;
	margin-top: 120px;
}

@media screen and (max-width: 834.499px) {
	#topEvents {
		margin-top: 65px;
	}
}

#topEvents::before {
	content: '';
	display: block;
	position: absolute;
	top: -185px;
	left: 0;
	width: 100%;
	height: calc(100% + 185px);
	background: url('../images/bg02.png') no-repeat center top/100% auto;
	z-index: -1;
}

@media screen and (max-width: 834.499px) {
	#topEvents::before {
		top: -180px;
		height: calc(100% + 180px);
		min-height: 500px;
		background: url('../images/bg02_sp.png') no-repeat center top/auto 500px;
	}
}

@media screen and (max-width: 834.499px) {
	#topEvents .listContainer {
		padding: 0;
	}
}

#topEvents .list {
	display: block;
	margin: 60px 0 0 -30px;
}

@media screen and (max-width: 834.499px) {
	#topEvents .list {
		width: calc(100% - 100px);
		max-width: 450px;
		margin: 30px auto 0;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topEvents .list .slick-slide {
		margin-left: 30px;
	}
}

#topEvents .list .slick-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	background: #1ca869;
	border-radius: 50%;
	color: transparent;
	font-size: 0;
	transform: translateY(-50%);
}

@media screen and (max-width: 834.499px) {
	#topEvents .list .slick-arrow {
		top: calc((100vw - 100px) / 2);
		width: 30px;
		height: 30px;
	}
}

#topEvents .list .slick-arrow::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 8px 13px;
	border-color: transparent #fff;
}

@media screen and (max-width: 834.499px) {
	#topEvents .list .slick-arrow::before {
		border-width: 5px 9px;
	}
}

#topEvents .list .slick-prev {
	right: calc(100% - 5px);
}

@media screen and (max-width: 834.499px) {
	#topEvents .list .slick-prev {
		right: calc(100% + 10px);
	}
}

#topEvents .list .slick-prev::before {
	margin-right: 3px;
	border-style: solid solid solid none;
}

@media screen and (max-width: 834.499px) {
	#topEvents .list .slick-prev::before {
		margin-right: 2px;
	}
}

#topEvents .list .slick-next {
	left: calc(100% + 25px);
}

@media screen and (max-width: 834.499px) {
	#topEvents .list .slick-next {
		left: calc(100% + 10px);
	}
}

#topEvents .list .slick-next::before {
	margin-left: 3px;
	border-style: solid none solid solid;
}

@media screen and (max-width: 834.499px) {
	#topEvents .list .slick-next::before {
		margin-left: 2px;
	}
}

#topEvents .list .slick-dots {
	display: flex;
	justify-content: center;
	margin-top: 25px;
	color: transparent;
	font-size: 0;
}

#topEvents .list .slick-dots > li {
	flex: 0 0 auto;
}

#topEvents .list .slick-dots > li:nth-child(n+2) {
	margin-left: 10px;
}

#topEvents .list .slick-dots > li.slick-active button {
	background: #327e54;
}

#topEvents .list .slick-dots button {
	width: 10px;
	height: 10px;
	background: #e5e5e5;
	border-radius: 5px;
}

#topEvents .more {
	margin-top: 60px;
}

@media screen and (max-width: 834.499px) {
	#topEvents .more {
		margin-top: 25px;
	}
}

#topFacilities {
	margin-top: 130px;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	#topFacilities {
		margin-top: 65px;
	}
}

@media screen and (max-width: 834.499px) {
	#topFacilities .mapContentIn {
		margin-top: 30px;
		padding: 0 5px;
	}
}

#topFacilities .mapContainer {
	position: relative;
}

#topFacilities .lead {
	position: absolute;
	top: 40px;
	left: 180px;
	z-index: 1;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .lead {
		top: -40px;
		left: 50%;
		width: 100%;
		min-width: 400px;
		max-width: 600px;
		transform: translateX(-50%);
	}
	#topFacilities .lead img {
		position: absolute;
		top: 0;
		left: 0;
		width: 176px;
	}
}

#topFacilities .mapArea {
	position: relative;
}

#topFacilities .labels {
	font-size: 15px;
	text-align: center;
}

#topFacilities .labels > li {
	position: absolute;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li {
		transform: translate3d(-50%, -50%, 0);
	}
}

#topFacilities .labels > li.hall {
	top: 340px;
	left: 900px;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.hall {
		top: 68%;
		left: 70%;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .labels > li.hall a {
		width: 200px;
	}
	#topFacilities .labels > li.hall a:hover::before {
		background-image: url('../images/icon_hall.png');
	}
}

#topFacilities .labels > li.hall a::before {
	background-image: url('../images/icon_hall_wht.png');
	background-size: 34px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.hall a::before {
		background-size: 17px auto;
	}
}

#topFacilities .labels > li.tennis {
	top: 370px;
	left: 420px;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.tennis {
		top: 73%;
		left: 35%;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .labels > li.tennis a:hover::before {
		background-image: url('../images/icon_tennis.png');
	}
}

#topFacilities .labels > li.tennis a::before {
	background-image: url('../images/icon_tennis_wht.png');
	background-size: 40px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.tennis a::before {
		background-size: 20px auto;
	}
}

#topFacilities .labels > li.studio {
	top: 195px;
	left: 1010px;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.studio {
		top: 42%;
		left: 83%;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .labels > li.studio a {
		width: 130px;
	}
	#topFacilities .labels > li.studio a:hover::before {
		background-image: url('../images/icon_art.png');
	}
}

#topFacilities .labels > li.studio a::before {
	background-image: url('../images/icon_art_wht.png');
	background-size: 40px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.studio a::before {
		background-size: 20px auto;
	}
}

#topFacilities .labels > li.mountain {
	top: 55px;
	left: 970px;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.mountain {
		top: 13%;
		left: 81%;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .labels > li.mountain a {
		width: 150px;
	}
	#topFacilities .labels > li.mountain a:hover::before {
		background-image: url('../images/icon_mountain.png');
	}
}

#topFacilities .labels > li.mountain a::before {
	background-image: url('../images/icon_mountain_wht.png');
	background-size: 38px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.mountain a::before {
		background-size: 19px auto;
	}
}

#topFacilities .labels > li.lifeCenter {
	top: 250px;
	left: 785px;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.lifeCenter {
		top: 51%;
		left: 67%;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .labels > li.lifeCenter a {
		padding-right: 22px;
		padding-left: 22px;
	}
	#topFacilities .labels > li.lifeCenter a:hover::before {
		background-image: url('../images/icon_welfare.png');
	}
}

#topFacilities .labels > li.lifeCenter a::before {
	background-image: url('../images/icon_welfare_wht.png');
	background-size: 38px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.lifeCenter a::before {
		background-size: 19px auto;
	}
}

#topFacilities .labels > li.grass {
	top: 370px;
	left: 660px;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.grass {
		top: 69%;
		left: 55%;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .labels > li.grass a {
		width: 130px;
	}
	#topFacilities .labels > li.grass a:hover::before {
		background-image: url('../images/icon_grass.png');
	}
}

#topFacilities .labels > li.grass a::before {
	background-image: url('../images/icon_grass_wht.png');
	background-size: 38px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.grass a::before {
		background-size: 19px auto;
	}
}

#topFacilities .labels > li.ground {
	top: 370px;
	left: 230px;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.ground {
		top: 71%;
		left: 23%;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .labels > li.ground a:hover::before {
		background-image: url('../images/icon_court.png');
	}
}

#topFacilities .labels > li.ground a::before {
	background-image: url('../images/icon_court_wht.png');
	background-size: 30px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.ground a::before {
		background-size: 19px auto;
	}
}

#topFacilities .labels > li.river {
	top: 450px;
	left: 725px;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.river {
		top: 85%;
		left: 60%;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .labels > li.river a {
		width: 130px;
	}
	#topFacilities .labels > li.river a:hover::before {
		background-image: url('../images/icon_river.png');
	}
}

#topFacilities .labels > li.river a::before {
	background-image: url('../images/icon_river_wht.png');
	background-size: 40px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels > li.river a::before {
		background-size: 20px auto;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .labels a {
		position: relative;
		padding: 7px 25px;
		background: #fff;
		border: 2px solid #f79535;
		border-radius: 10px;
		transition-property: background, color;
	}
	#topFacilities .labels a::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 1px);
		right: 12px;
		width: 6px;
		height: 6px;
		border: 1px currentColor;
		border-style: solid solid none none;
		transform: rotate(45deg) translateY(-50%);
	}
	#topFacilities .labels a:hover {
		background: #f79535;
		color: #fff;
		font-weight: 700;
		opacity: 1.0;
	}
	#topFacilities .labels a:hover::before {
		background-color: #fff;
	}
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels a {
		color: transparent;
		font-size: 0;
	}
}

#topFacilities .labels a::before {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	background: #f79535 no-repeat center;
	border: 2px solid #f79535;
	border-radius: 50%;
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .labels a::before {
		position: absolute;
		top: 50%;
		right: 100%;
		transform: translate3d(30%, -50%, 0);
		transition: opacity 300ms ease;
		transition-property: background;
	}
}

@media screen and (max-width: 834.499px) {
	#topFacilities .labels a::before {
		width: 25px;
		height: 25px;
	}
}

#topFacilities .facilities {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	font-size: 18px;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities {
		margin-top: 15px;
		font-size: 12px;
	}
}

#topFacilities .facilities > li {
	flex: 0 0 auto;
	width: calc((100% - 60px) / 4);
	margin-left: 20px;
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .facilities > li:nth-child(4n+1) {
		margin-left: 0;
	}
	#topFacilities .facilities > li:nth-child(n+5) {
		margin-top: 23px;
	}
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities > li {
		width: calc((100% - 10px) / 2);
		margin-left: 10px;
	}
	#topFacilities .facilities > li:nth-child(2n+1) {
		margin-left: 0;
	}
	#topFacilities .facilities > li:nth-child(n+3) {
		margin-top: 10px;
	}
}

#topFacilities .facilities > li.hall a::before {
	background-image: url('../images/icon_hall.png');
	background-size: 42px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities > li.hall a::before {
		width: 30px;
		background-position: calc(50% + 1px) center;
		background-size: 24px auto;
	}
}

#topFacilities .facilities > li.hall a:hover::before {
	background-image: url('../images/icon_hall_wht.png');
}

#topFacilities .facilities > li.tennis a::before {
	background-image: url('../images/icon_tennis.png');
	background-size: 42px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities > li.tennis a::before {
		background-size: 25px auto;
	}
}

#topFacilities .facilities > li.tennis a:hover::before {
	background-image: url('../images/icon_tennis_wht.png');
}

#topFacilities .facilities > li.art a::before {
	background-image: url('../images/icon_art.png');
	background-size: 42px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities > li.art a::before {
		background-size: 25px auto;
	}
}

#topFacilities .facilities > li.art a:hover::before {
	background-image: url('../images/icon_art_wht.png');
}

#topFacilities .facilities > li.mountain a::before {
	background-image: url('../images/icon_mountain.png');
	background-size: 46px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities > li.mountain a::before {
		background-size: 25px auto;
	}
}

#topFacilities .facilities > li.mountain a:hover::before {
	background-image: url('../images/icon_mountain_wht.png');
}

#topFacilities .facilities > li.welfare a::before {
	background-image: url('../images/icon_welfare.png');
	background-size: 42px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities > li.welfare a::before {
		background-size: 25px auto;
	}
}

#topFacilities .facilities > li.welfare a:hover::before {
	background-image: url('../images/icon_welfare_wht.png');
}

#topFacilities .facilities > li.grass a::before {
	background-image: url('../images/icon_grass.png');
	background-size: 44px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities > li.grass a::before {
		background-size: 27px auto;
	}
}

#topFacilities .facilities > li.grass a:hover::before {
	background-image: url('../images/icon_grass_wht.png');
}

#topFacilities .facilities > li.court a::before {
	background-image: url('../images/icon_court.png');
	background-size: 44px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities > li.court a::before {
		background-size: 27px auto;
	}
}

#topFacilities .facilities > li.court a:hover::before {
	background-image: url('../images/icon_court_wht.png');
}

#topFacilities .facilities > li.river a::before {
	background-image: url('../images/icon_river.png');
	background-size: 44px auto;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities > li.river a::before {
		background-size: 25px auto;
	}
}

#topFacilities .facilities > li.river a:hover::before {
	background-image: url('../images/icon_river_wht.png');
}

#topFacilities .facilities a {
	display: flex;
	align-items: center;
	position: relative;
	height: 65px;
	padding-right: 30px;
	background: #fff;
	border: 2px solid #f79535;
	border-radius: 10px;
	transition-property: background, color;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities a {
		height: 37px;
		padding-right: 15px;
		border-width: 1px;
		border-radius: 5px;
	}
}

#topFacilities .facilities a::before {
	content: '';
	flex: 0 0 auto;
	display: block;
	width: 75px;
	height: 100%;
	background: no-repeat center;
	transition: opacity 300ms ease;
	transition-property: background;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities a::before {
		width: 40px;
		background-position: calc(50% - 2px) center;
	}
}

#topFacilities .facilities a::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 9px;
	height: 9px;
	border: 2px currentColor;
	border-style: solid solid none none;
	transform: rotate(45deg) translateY(-50%);
}

@media screen and (max-width: 834.499px) {
	#topFacilities .facilities a::after {
		right: 10px;
		width: 5px;
		height: 5px;
		border-width: 1px;
	}
}

#topFacilities .facilities a:hover {
	background-color: #f79535;
	color: #fff;
	font-weight: 700;
	opacity: 1.0;
}

#topFacilities .links {
	display: flex;
	justify-content: center;
	margin-top: 80px;
}

@media screen and (max-width: 834.499px) {
	#topFacilities .links {
		flex-direction: column;
		margin-top: 40px;
	}
}

#topFacilities .links > li {
	flex: 0 0 auto;
}

@media print, screen and (min-width: 834.5px) {
	#topFacilities .links > li:nth-child(n+2) {
		margin-left: 35px;
	}
}

@media screen and (max-width: 834.499px) {
	#topFacilities .links > li:nth-child(n+2) {
		margin-top: 20px;
	}
}

#topProject {
	position: relative;
	margin-top: 155px;
}

@media screen and (max-width: 834.499px) {
	#topProject {
		margin-top: 75px;
	}
	#topProject::after {
		content: '';
		display: block;
		position: absolute;
		top: -135px;
		left: calc(50% + 70px);
		width: 140px;
		height: 235px;
		background: url('../images/top_illust02.png') no-repeat center top/contain;
		z-index: -1;
	}
}

#topProject::before {
	content: '';
	display: block;
	position: absolute;
	top: -120px;
	left: 0;
	width: 100%;
	height: calc(100% + 120px);
	background: url('../images/bg03.png') no-repeat center top/100% auto;
	z-index: -1;
}

@media screen and (max-width: 834.499px) {
	#topProject::before {
		top: -30px;
		height: calc(100% + 30px);
		min-height: 390px;
		background: url('../images/bg03_sp.png') no-repeat center top/auto 390px;
	}
}

#topProject .projectList {
	margin-top: 60px;
}

@media print, screen and (min-width: 834.5px) {
	#topProject .projectList {
		display: flex;
	}
}

@media screen and (max-width: 834.499px) {
	#topProject .projectList {
		margin-top: 30px;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topProject .projectList > li {
		flex: 0 0 auto;
		width: calc((100% - 80px) / 3);
	}
	#topProject .projectList > li:nth-child(n+2) {
		margin-left: 40px;
	}
}

@media screen and (max-width: 834.499px) {
	#topProject .projectList > li:nth-child(n+2) {
		margin-top: 40px;
	}
}

#topProject .projectList .image img {
	width: 100%;
}

#topProject .projectList .title {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 260px;
	height: 54px;
	margin-top: -27px;
	background: #1ca869;
	color: #fff;
	font-size: 20px;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	#topProject .projectList .title {
		width: 200px;
		height: 46px;
		margin-top: -23px;
		font-size: 15px;
	}
}

#topProject .projectList .details {
	margin-top: 35px;
	font-size: 15px;
	line-height: 1.6;
}

@media print, screen and (min-width: 834.5px) {
	#topProject .projectList .details > li:nth-child(n+2) {
		margin-top: 10px;
	}
}

@media screen and (max-width: 834.499px) {
	#topProject .projectList .details {
		margin-top: 20px;
		font-size: 14px;
		line-height: 1.78;
	}
}

#topProject .projectList .details a {
	position: relative;
	padding-left: 20px;
	transition-property: color, font-weight;
}

#topProject .projectList .details a::before {
	content: '−';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#topProject .projectList .details a:hover {
	color: #0068b7;
	font-weight: 700;
	opacity: 1.0;
}

#topProject .banners {
	margin-top: 75px;
	text-align: center;
}

@media print, screen and (min-width: 834.5px) {
	#topProject .banners {
		display: flex;
		justify-content: center;
	}
}

@media screen and (max-width: 834.499px) {
	#topProject .banners {
		margin-top: 70px;
	}
}

#topProject .banners > li {
	flex: 0 0 auto;
}

@media print, screen and (min-width: 834.5px) {
	#topProject .banners > li:nth-child(n+2) {
		margin-left: 25px;
	}
}

@media screen and (max-width: 834.499px) {
	#topProject .banners > li:nth-child(n+2) {
		margin-top: 20px;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topProject .banners img {
		width: 310px;
	}
}

#topProject .more {
	margin-top: 60px;
}

@media screen and (max-width: 834.499px) {
	#topProject .more {
		margin-top: 30px;
	}
}

#topCalendarContainer {
	position: relative;
	margin-top: 285px;
}

@media screen and (max-width: 834.499px) {
	#topCalendarContainer {
		margin-top: 70px;
		background: url('../images/bg04_sp.png') no-repeat center 330px/auto 460px;
	}
	#topCalendarContainer::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -75px;
		left: calc(50% + 120px);
		width: 95px;
		height: 95px;
		background: url('../images/top_illust04.png') no-repeat center top/contain;
	}
}

#topCalendarContainer::before {
	content: '';
	display: block;
	position: absolute;
	top: -270px;
	left: 0;
	width: 100%;
	height: calc(100% + 270px);
	background-image: url('../images/top_illust04.png'), url('../images/top_illust03.png'), url('../images/top_illust02.png'), url('../images/bg04.png');
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: calc(50% + 555px) 660px, calc(50% - 620px) 120px, calc(50% + 415px) top, center 45px;
	background-size: 90px auto, 240px auto, 200px auto, 100% auto;
	z-index: -1;
}

@media screen and (max-width: 834.499px) {
	#topCalendarContainer::before {
		top: -150px;
		left: -15px;
		width: 140px;
		height: 225px;
		background: url('../images/top_illust03.png') no-repeat center top/contain;
	}
}

@media print, screen and (min-width: 834.5px) {
	#topCalendarContainer .inner {
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}
}

#topCalendarContainer .inner > * {
	flex: 0 0 auto;
}

@media print, screen and (min-width: 834.5px) {
	#topCalendarContainer .inner > *:nth-child(n+2) {
		margin-left: 40px;
	}
}

@media screen and (max-width: 834.499px) {
	#topCalendarContainer .inner > *:nth-child(n+2) {
		margin-top: 45px;
	}
}

@media screen and (max-width: 834.499px) {
	#topFacebook {
		display: flex;
		justify-content: center;
	}
}

#topFacebook > * {
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 3px 5px 7px 0 rgba(155, 156, 156, 0.3);
	text-align: center;
}

@media print, screen and (min-width: 834.5px) {
	#topFacebook > * {
		width: 380px;
		margin-bottom: 53px;
	}
}

@media screen and (max-width: 834.499px) {
	#topFacebook > * {
		flex: 0 0 auto;
		width: 100%;
		max-width: 500px;
		background: #fff;
		box-shadow: 3px 3px 3px 0 rgba(155, 156, 156, 0.6);
	}
}

#topCalendar {
	position: relative;
	padding: 30px 25px 25px;
	background: #fff;
	border-radius: 30px;
	box-shadow: 3px 5px 7px 0 rgba(155, 156, 156, 0.3);
	font-weight: 700;
	text-align: center;
	line-height: 1.0;
	z-index: 1;
}

@media print, screen and (min-width: 834.5px) {
	#topCalendar {
		width: 505px;
	}
}

@media screen and (max-width: 834.499px) {
	#topCalendar {
		max-width: 500px;
		margin-right: auto;
		margin-left: auto;
		padding: 20px 10px 15px 15px;
		border: 1px solid #f9f9f9;
		border-radius: 15px;
		box-shadow: 3px 3px 3px 0 rgba(155, 156, 156, 0.6);
	}
}

#topCalendar::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: 60px;
	background: url('../images/calendar_top.png') no-repeat center/contain;
	transform: translate3d(-50%, -50%, 0);
}

@media screen and (max-width: 834.499px) {
	#topCalendar::before {
		height: 40px;
	}
}

#topCalendar .sectionTitle {
	font-weight: inherit;
}

@media screen and (max-width: 834.499px) {
	#topCalendar .sectionTitle {
		font-size: 10px;
		text-shadow: 0 0 1px currentColor;
	}
}

#topCalendar .calendar {
	position: relative;
	margin-top: 20px;
	padding-top: 55px;
}

@media screen and (max-width: 834.499px) {
	#topCalendar .calendar {
		margin-top: 10px;
		padding-top: 40px;
	}
}

#topCalendar .xo-event-calendar {
	position: static;
}

#topCalendar .xo-event-calendar .holiday-titles {
	display: flex;
	justify-content: flex-end;
	padding-right: 10px;
}

@media screen and (max-width: 834.499px) {
	#topCalendar .xo-event-calendar .holiday-titles {
		font-size: 11px;
	}
}

#topCalendar .xo-event-calendar .holiday-titles .holiday-title {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	padding: 0;
	font-size: inherit;
}

#topCalendar .xo-event-calendar .holiday-titles .holiday-title > * {
	flex: 0 0 auto;
}

#topCalendar .xo-event-calendar .holiday-titles .holiday-title:nth-child(n+2) {
	margin-left: 10px;
}

#topCalendar .xo-event-calendar .holiday-titles .holiday-title span {
	display: block;
	width: 1.4em;
	height: 1.4em;
	margin-right: 5px;
	padding: 0;
}

#topCalendar .xo-month {
	position: static;
	width: 380px;
	margin: 0 0 0 auto;
	border: none;
}

@media print, screen and (min-width: 834.5px) {
	#topCalendar .xo-month {
		font-size: 22px;
	}
}

@media screen and (max-width: 834.499px) {
	#topCalendar .xo-month {
		width: calc(100% - 50px);
		margin-left: 50px;
	}
}

#topCalendar .xo-month .month-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	margin: 0;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	#topCalendar .xo-month .month-header {
		width: 45px;
	}
}

#topCalendar .xo-month .month-header > * {
	flex: 0 0 auto;
}

#topCalendar .xo-month .month-header .calendar-caption {
	width: 100%;
	margin-bottom: 15px;
	font-size: inherit;
}

#topCalendar .xo-month .month-header .calendar-caption > * {
	display: block;
}

@media screen and (max-width: 834.499px) {
	#topCalendar .xo-month .month-header .calendar-caption .caption_year {
		text-align: left;
	}
}

#topCalendar .xo-month .month-header .calendar-caption .caption_month {
	margin-top: 25px;
	font-size: 40px;
	text-align: left;
}

@media screen and (max-width: 834.499px) {
	#topCalendar .xo-month .month-header .calendar-caption .caption_month {
		margin-top: 10px;
		font-size: 30px;
	}
}

#topCalendar .xo-month .month-header .month-prev, #topCalendar .xo-month .month-header .month-next {
	float: none;
	width: auto;

	order: 1;
}

#topCalendar .xo-month .month-header .month-prev[disabled], #topCalendar .xo-month .month-header .month-next[disabled] {
	opacity: 0.4;
}

#topCalendar .xo-month .month-header .nav-prev, #topCalendar .xo-month .month-header .nav-next {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 25px;
	background: none;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	#topCalendar .xo-month .month-header .nav-prev, #topCalendar .xo-month .month-header .nav-next {
		width: 22px;
	}
}

#topCalendar .xo-month .month-header .nav-prev::before, #topCalendar .xo-month .month-header .nav-next::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border: 2px currentColor;
}

#topCalendar .xo-month .month-header .nav-prev::before {
	border-style: solid none none solid;
	transform: rotate(-45deg);
}

#topCalendar .xo-month .month-header .nav-next::before {
	border-style: solid solid none none;
	transform: rotate(45deg);
}

#topCalendar .xo-month > thead tr > :nth-child(1), #topCalendar .xo-month tr.dayname > :nth-child(1) {
	color: #e71f19;
}

#topCalendar .xo-month > thead tr > :nth-child(7), #topCalendar .xo-month tr.dayname > :nth-child(7) {
	color: #164098;
}

#topCalendar .xo-month > thead th {
	padding: 0;
	border: none;
	color: transparent;
	font-size: 0;
}

#topCalendar .xo-month > thead th::before {
	display: flex;
	justify-content: center;
	height: 35px;
	color: #333;
	font-size: 20px;
}

@media screen and (max-width: 834.499px) {
	#topCalendar .xo-month > thead th::before {
		height: 25px;
		font-size: 14px;
	}
}

#topCalendar .xo-month > thead th.sunday::before {
	content: 'S';
	color: #f00;
}

#topCalendar .xo-month > thead th.monday::before {
	content: 'M';
}

#topCalendar .xo-month > thead th.tuesday::before, #topCalendar .xo-month > thead th.thursday::before {
	content: 'T';
}

#topCalendar .xo-month > thead th.wednesday::before {
	content: 'W';
}

#topCalendar .xo-month > thead th.friday::before {
	content: 'F';
}

#topCalendar .xo-month > thead th.saturday::before {
	content: 'S';
	color: #00f;
}

#topCalendar .xo-month .month-dayname {
	top: 50%;
	transform: translateY(-50%);
}

#topCalendar .xo-month .month-dayname td {
	border: none;
}

#topCalendar .xo-month .month-dayname td div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	border: none;
	line-height: inherit;
}

@media screen and (max-width: 834.499px) {
	#topCalendar .xo-month .month-dayname td div {
		width: 27px;
		max-width: 100%;
		height: 27px;
		font-size: 15px;
	}
}

#topCalendar .xo-month .month-dayname td div[class*='holiday-'] {
	color: #fff;
}

#topCalendar .xo-month .month-dayname td div.other-month {
	visibility: hidden;
}

#topCalendar .xo-month .month-dayname td div.today:not([class*='holiday-']) {
	color: inherit;
}

#topCalendar .xo-month .month-dayname-space {
	height: 55px;
}

@media screen and (max-width: 834.499px) {
	#topCalendar .xo-month .month-dayname-space {
		height: 35px;
	}
}

#topCalendar .xo-month .month-event-space {
	display: none;
}

#topTanbamori {
	margin-top: 55px;
}

@media screen and (max-width: 834.499px) {
	#topTanbamori {
		margin-top: 50px;
	}
}

#topTanbamori .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#topTanbamori .contents {
	display: flex;
	margin-top: 20px;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	#topTanbamori .contents {
		flex-wrap: wrap;
		margin-top: 15px;
		font-size: 12px;
		line-height: 1.3;
		letter-spacing: normal;
	}
}

#topTanbamori .contents > li {
	flex: 0 0 auto;
}

@media print, screen and (min-width: 834.5px) {
	#topTanbamori .contents > li:nth-child(n+2) {
		margin-left: 30px;
	}
}

@media screen and (max-width: 834.499px) {
	#topTanbamori .contents > li {
		width: calc((100% - 15px) / 2);
	}
	#topTanbamori .contents > li:nth-child(2n) {
		margin-left: 15px;
	}
	#topTanbamori .contents > li:nth-child(n+3) {
		margin-top: 5px;
	}
}

#topTanbamori .contents a {
	display: flex;
	align-items: center;
	transition-property: color;
}

#topTanbamori .contents a::after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	margin-left: 5px;
	border: 1px currentColor;
	border-style: solid solid none none;
	transform: rotate(45deg);
}

@media screen and (max-width: 834.499px) {
	#topTanbamori .contents a::after {
		width: 5px;
		height: 5px;
	}
}

#topTanbamori .contents a:hover {
	color: #316e4b;
	opacity: 1.0;
}

#topBanners {
	margin-top: 110px;
}

@media screen and (max-width: 834.499px) {
	#topBanners {
		display: none;
	}
}

#topBanners .list {
	display: flex;
	justify-content: center;
}

#topBanners .list > li {
	flex: 0 0 auto;
}

#topBanners .list > li:nth-child(n+2) {
	margin-left: 20px;
}

#topBanners .list a {
	width: 224px;
}

#topBanners .list img {
	width: 100%;
}

#topBanners .hyogo20210718 {
	margin-top: 50px;
}

#topBanners .hyogo20210718 a {
	display: block;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}

#topBanners .hyogo20210718 img {
	width: 100%;
}

/*-----------------------------------------------------------------------
	events
-----------------------------------------------------------------------*/
#eventsArchive .titleArea {
	margin-bottom: 70px;
}

@media screen and (max-width: 834.499px) {
	#eventsArchive .titleArea {
		margin-bottom: 35px;
	}
}

/*-----------------------------------------------------------------------
	photogallery
-----------------------------------------------------------------------*/
.photogalleryModal .inner {
	padding: 50px 30px;
	text-align: center;
	line-height: 1.5;
}

@media screen and (max-width: 834.499px) {
	.photogalleryModal .inner {
		padding: 20px;
	}
}

.photogalleryModal .title {
	margin-top: 10px;
	font-weight: 700;
}

.photogalleryModal .comment {
	margin-top: 5px;
	text-align: left;
}

@media print, screen and (min-width: 834.5px) {
	#photogalleryArchive .titleArea {
		padding-bottom: 30px;
	}
}

#photogalleryArchive .lead {
	margin-top: 20px;
	line-height: 1.56;
}

#photogalleryArchive .calendarLink {
	display: flex;
	justify-content: center;
	margin-top: 55px;
}

@media screen and (max-width: 834.499px) {
	#photogalleryArchive .calendarLink {
		margin-top: 40px;
	}
}

#photogalleryArchive .calendarLink a {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	padding: 10px 35px;
	border: 2px solid currentColor;
	border-radius: 35px;
	font-weight: 700;
	line-height: 1.46;
}

@media print, screen and (min-width: 834.5px) {
	#photogalleryArchive .calendarLink a {
		min-width: 615px;
	}
}

@media screen and (max-width: 834.499px) {
	#photogalleryArchive .calendarLink a {
		width: 270px;
		max-width: 100%;
		height: 60px;
		padding: 0 20px;
		border-radius: 30px;
		font-size: 13px;
	}
}

#photogalleryArchive .calendarLink a::after {
	content: '';
	display: block;
	width: 21px;
	height: 24px;
	margin-left: 20px;
	background: url('../images/icon_pdf.png') no-repeat center/contain;
}

@media screen and (max-width: 834.499px) {
	#photogalleryArchive .calendarLink a::after {
		width: 16px;
		height: 18px;
		margin-left: 10px;
	}
}

#photogalleryArchive .categoryList {
	margin-top: 60px;
}

@media screen and (max-width: 834.499px) {
	#photogalleryArchive .categoryList {
		margin-top: 50px;
	}
}

#photogalleryArchive .categoryList .categoryContents {
	margin-top: 55px;
}

@media screen and (max-width: 834.499px) {
	#photogalleryArchive .categoryList .categoryContents {
		margin-top: 25px;
	}
}

#photogalleryArchive .categoryList .categoryContents + .categoryTitle {
	margin-top: 90px;
}

@media screen and (max-width: 834.499px) {
	#photogalleryArchive .categoryList .categoryContents + .categoryTitle {
		margin-top: 45px;
	}
}

#photogalleryArchive .noDataList {
	margin-top: 55px;
}

@media screen and (max-width: 834.499px) {
	#photogalleryArchive .noDataList {
		margin-top: 45px;
	}
}

/*-----------------------------------------------------------------------
	access
-----------------------------------------------------------------------*/
.accessSectionTitle {
	display: flex;
	justify-content: center;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	line-height: 1.0;
}

@media print, screen and (min-width: 834.5px) {
	.accessSectionTitle {
		position: relative;
		padding-bottom: 25px;
	}
	.accessSectionTitle::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 65px;
		height: 3px;
		background: #22b573;
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 834.499px) {
	.accessSectionTitle {
		font-size: 23px;
	}
}

.accessSectionTitle::before {
	content: '';
	display: block;
	background: no-repeat center / contain;
}

.accessRouteList {
	font-size: 15px;
	line-height: 1.5;
}

.accessRouteList > li::before {
	content: '●';
	display: inline-block;
	margin-right: 0.5em;
}

.accessRouteList > li:nth-child(n+2) {
	margin-top: 10px;
}

#accessLocalNavi .navi {
	display: flex;
	justify-content: center;
	align-items: stretch;
}

#accessLocalNavi .navi > li {
	flex: 0 1 auto;
	width: 300px;
}

@media screen and (max-width: 834.499px) {
	#accessLocalNavi .navi > li {
		max-width: 200px;
	}
}

#accessLocalNavi .navi > li:nth-child(n+2) {
	margin-left: 40px;
}

@media screen and (max-width: 834.499px) {
	#accessLocalNavi .navi > li:nth-child(n+2) {
		margin-left: 15px;
	}
}

#accessLocalNavi .navi > li.car a::before {
	width: 25px;
	background-image: url('../images/icon_car.png');
}

@media print, screen and (min-width: 834.5px) {
	#accessLocalNavi .navi > li.car a::before {
		background-size: 25px auto;
	}
}

@media screen and (max-width: 834.499px) {
	#accessLocalNavi .navi > li.car a::before {
		width: 25px;
	}
}

#accessLocalNavi .navi > li.train a::before {
	width: 50px;
	background-image: url('../images/icon_train.png');
}

@media print, screen and (min-width: 834.5px) {
	#accessLocalNavi .navi > li.train a::before {
		background-size: 26px auto;
	}
}

@media screen and (max-width: 834.499px) {
	#accessLocalNavi .navi > li.train a::before {
		width: 22px;
	}
}

#accessLocalNavi .navi a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	min-height: 70px;
	padding: 0 30px;
	border: 3px solid currentColor;
	border-radius: 35px;
	font-weight: 700;
	text-align: center;
	line-height: 1.21;
}

@media screen and (max-width: 834.499px) {
	#accessLocalNavi .navi a {
		min-height: 50px;
		padding: 0 15px;
		border-width: 1px;
		border-radius: 25px;
		font-size: 14px;
	}
}

#accessLocalNavi .navi a::before, #accessLocalNavi .navi a::after {
	content: '';
	flex: 0 0 auto;
	display: block;
	height: 100%;
	background: no-repeat center / contain;
}

@media screen and (max-width: 834.499px) {
	#accessLocalNavi .navi a::before, #accessLocalNavi .navi a::after {
		flex: 0 1 auto;
	}
}

@media print, screen and (min-width: 834.5px) {
	#accessLocalNavi .navi a::before {
		background-position: right center;
	}
}

@media screen and (max-width: 834.499px) {
	#accessLocalNavi .navi a::before {
		margin-right: 10px;
		background-position: center;
	}
}

#accessLocalNavi .navi a::after {
	width: 18px;
	background-image: url('../images/arrow_up_blk.png');
	transform: scaleY(-1);
}

@media screen and (max-width: 834.499px) {
	#accessLocalNavi .navi a::after {
		width: 15px;
		margin-left: 7px;
	}
}

#accessLocalNavi .navi a .text {
	flex: 0 0 auto;
	display: block;
}

#accessMap {
	margin-top: 70px;
}

@media screen and (max-width: 834.499px) {
	#accessMap {
		margin-top: 45px;
	}
}

#accessMap .map {
	height: 570px;
}

@media screen and (max-width: 834.499px) {
	#accessMap .map {
		display: none;
	}
}

#accessMap .map iframe {
	display: block;
	width: 100%;
	height: 100%;
}

@media print, screen and (min-width: 834.5px) {
	#accessMap .link {
		display: none;
	}
}

#accessMap .link a {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 400px;
	height: 60px;
	margin: 0 auto;
	border: 1px solid currentColor;
	font-weight: 700;
	line-height: 1.0;
}

#accessMap .link a::after {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	margin-left: 15px;
	background: url('../images/icon_map.png') no-repeat center/contain;
}

#accessMap .addressArea {
	margin-top: 30px;
	padding: 25px;
	background: #f7f6f5;
	line-height: 1.625;
}

@media print, screen and (min-width: 834.5px) {
	#accessMap .addressArea {
		display: flex;
		flex-wrap: wrap;
	}
	#accessMap .addressArea > * {
		flex: 0 0 auto;
	}
}

@media screen and (max-width: 834.499px) {
	#accessMap .addressArea {
		max-width: 700px;
		margin: 25px auto 0;
		padding: 12px 15px;
		font-size: 14px;
	}
}

#accessMap .addressArea .address {
	width: 100%;
}

#accessMap .addressArea .tel {
	text-transform: uppercase;
}

@media print, screen and (min-width: 834.5px) {
	#accessMap .addressArea .contact {
		margin-left: 40px;
	}
}

#accessMap .addressArea a {
	color: #336184;
	text-decoration: underline;
}

#accessByCar {
	margin-top: 100px;
}

@media screen and (max-width: 834.499px) {
	#accessByCar {
		margin-top: 60px;
	}
}

#accessByCar .sectionTitle::before {
	width: 25px;
	height: 23px;
	margin-right: 13px;
	background-image: url('../images/icon_car.png');
}

@media screen and (max-width: 834.499px) {
	#accessByCar .sectionTitle::before {
		width: 23px;
		height: 21px;
		margin-right: 10px;
	}
}

#accessByCar .routeList {
	margin-top: 60px;
}

@media screen and (max-width: 834.499px) {
	#accessByCar .routeList {
		margin-top: 45px;
	}
}

#accessByCar .parking {
	margin-top: 90px;
	padding: 75px 80px;
}

@media print, screen and (min-width: 834.5px) {
	#accessByCar .parking {
		background: #e9f7e9;
	}
}

@media screen and (max-width: 834.499px) {
	#accessByCar .parking {
		position: relative;
		max-width: 700px;
		margin: 45px auto 0;
		padding: 35px 0;
	}
	#accessByCar .parking::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 28%;
		width: 100%;
		height: 100%;
		background: #e9f7e9;
	}
}

#accessByCar .parking .inner {
	display: flex;
	align-items: center;
	position: relative;
	padding: 30px 75px;
	background: #fff;
	border: 1px solid #aaa;
}

@media screen and (max-width: 834.499px) {
	#accessByCar .parking .inner {
		padding: 7px 10px;
	}
}

#accessByCar .parking .inner::after {
	content: '';
	flex: 0 0 auto;
	display: block;
	width: 1px;
	height: 100px;
	margin: 0 75px 0 60px;
	background: #aaa;
}

@media screen and (max-width: 834.499px) {
	#accessByCar .parking .inner::after {
		height: 55px;
		margin: 0 10px;
	}
}

#accessByCar .parking .title {
	flex: 0 0 auto;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	line-height: 1.0;
}

@media screen and (max-width: 834.499px) {
	#accessByCar .parking .title {
		flex: 0 1 auto;
		width: 100%;
		min-width: 125px;
		font-size: 15px;
	}
}

#accessByCar .parking .title .ja {
	display: flex;
	justify-content: center;
	align-items: center;
}

#accessByCar .parking .title .ja::before {
	content: '';
	flex: 0 0 auto;
	display: block;
	width: 13px;
	height: 18px;
	margin-right: 12px;
	background: url('../images/icon_parking.png') no-repeat center/contain;
}

@media screen and (max-width: 834.499px) {
	#accessByCar .parking .title .ja::before {
		width: 10px;
		height: 13px;
		margin-right: 5px;
	}
}

#accessByCar .parking .title .en {
	display: block;
	margin-top: 10px;
	color: #22b573;
	font-size: 13px;
	text-transform: uppercase;
}

@media screen and (max-width: 834.499px) {
	#accessByCar .parking .title .en {
		margin-top: 5px;
		font-size: 12px;
	}
}

#accessByCar .parking .info {
	flex: 0 0 auto;
	line-height: 1.3;

	order: 1;
}

@media screen and (max-width: 834.499px) {
	#accessByCar .parking .info {
		flex: 0 1 auto;
		display: flex;
		justify-content: center;
		width: 120%;
		font-size: 15px;
		letter-spacing: normal;
	}
}

@media print, screen and (min-width: 834.5px) {
	#accessByCar .parking .info > li:nth-child(n+2) {
		margin-top: 5px;
	}
}

#accessByTrain {
	margin-top: 95px;
}

@media screen and (max-width: 834.499px) {
	#accessByTrain {
		margin-top: 65px;
	}
}

#accessByTrain .sectionTitle::before {
	width: 26px;
	height: 31px;
	margin-right: 20px;
	background-image: url('../images/icon_train.png');
}

@media screen and (max-width: 834.499px) {
	#accessByTrain .sectionTitle::before {
		width: 22px;
		height: 27px;
		margin-right: 15px;
	}
}

#accessByTrain .note {
	margin-top: 35px;
	color: #c5273e;
	font-size: 14px;
}

@media print, screen and (min-width: 834.5px) {
	#accessByTrain .note {
		display: none;
	}
}

#accessByTrain .imageContainer {
	overflow: auto;
	margin-top: 40px;
}

@media screen and (max-width: 834.499px) {
	#accessByTrain .imageContainer {
		margin-top: 20px;
	}
	#accessByTrain .imageContainer img {
		min-width: 585px;
	}
}

#accessByTrain .routeList {
	margin-top: 35px;
}

@media screen and (max-width: 834.499px) {
	#accessByTrain .routeList {
		margin-top: 15px;
	}
}

/*-----------------------------------------------------------------------
	contact
-----------------------------------------------------------------------*/
#contactContent .must, #contactContent .error {
	color: #d62734;
}

#contactContent .error {
	margin-top: 5px;
	font-size: inherit;
}

#contactContent input, #contactContent textarea {
	width: 100%;
	padding: 15px 10px;
	border: 1px solid #d9d9d9;
}

@media screen and (max-width: 834.499px) {
	#contactContent input, #contactContent textarea {
		padding: 7px;
	}
}

#contactContent input::-moz-placeholder, #contactContent textarea::-moz-placeholder {
	color: #c0c0c0;
}

#contactContent input:-ms-input-placeholder, #contactContent textarea:-ms-input-placeholder {
	color: #c0c0c0;
}

#contactContent input::placeholder, #contactContent textarea::placeholder {
	color: #c0c0c0;
}

#contactContent textarea {
	height: 300px;
}

@media screen and (max-width: 834.499px) {
	#contactContent textarea {
		height: 185px;
	}
}

#contactContent select {
	width: 100%;
	max-width: 300px;
	padding: 15px 10px;
	border: 1px solid #d9d9d9;
}

@media screen and (max-width: 834.499px) {
	#contactContent select {
		max-width: 200px;
		padding: 7px;
	}
}

#contactContent .first {
	margin-bottom: 50px;
}

@media screen and (max-width: 834.499px) {
	#contactContent .first {
		margin-bottom: 40px;
	}
}

#contactContent .inputForm {
	font-size: 15px;
	line-height: 1.5;
}

@media screen and (max-width: 834.499px) {
	#contactContent .inputForm {
		font-size: 14px;
	}
}

#contactContent .inputForm > dt {
	font-weight: 700;
}

@media screen and (max-width: 834.499px) {
	#contactContent .inputForm > dt {
		font-size: 13px;
	}
}

#contactContent .inputForm > dt .must {
	margin-left: 5px;
	font-weight: 400;
}

@media screen and (max-width: 834.499px) {
	#contactContent .inputForm > dt .must {
		margin-left: 2px;
	}
}

#contactContent .inputForm > dt .note {
	margin-left: 5px;
	color: #989898;
	font-size: 14px;
}

@media screen and (max-width: 834.499px) {
	#contactContent .inputForm > dt .note {
		font-size: 12px;
	}
}

#contactContent .inputForm > dt.name + dd input, #contactContent .inputForm > dt.tel + dd input {
	max-width: 520px;
}

@media screen and (max-width: 834.499px) {
	#contactContent .inputForm > dt.name + dd input, #contactContent .inputForm > dt.tel + dd input {
		max-width: 400px;
	}
}

#contactContent .inputForm > dt.post + dd input {
	max-width: 300px;
}

@media screen and (max-width: 834.499px) {
	#contactContent .inputForm > dt.post + dd input {
		max-width: 200px;
	}
}

#contactContent .inputForm > dt.address + dd > :nth-child(n+2) {
	margin-top: 15px;
}

@media screen and (max-width: 834.499px) {
	#contactContent .inputForm > dt.address + dd > :nth-child(n+2) {
		margin-top: 10px;
	}
}

#contactContent .inputForm > dt.address + dd input {
	max-width: 650px;
}

@media screen and (max-width: 834.499px) {
	#contactContent .inputForm > dt.address + dd input {
		max-width: 500px;
	}
}

#contactContent .inputForm > dd {
	margin-top: 10px;
}

@media screen and (max-width: 834.499px) {
	#contactContent .inputForm > dd {
		margin-top: 5px;
	}
}

#contactContent .inputForm > dd + dt {
	margin-top: 45px;
}

@media screen and (max-width: 834.499px) {
	#contactContent .inputForm > dd + dt {
		margin-top: 25px;
	}
}

#contactContent .buttonArea {
	margin-top: 90px;
	padding: 55px 40px;
	background: #f8f8f8;
}

@media screen and (max-width: 834.499px) {
	#contactContent .buttonArea {
		position: relative;
		margin-top: 30px;
		padding: 30px 10px 35px;
	}
	#contactContent .buttonArea::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		width: 100vw;
		height: 100%;
		background: #f8f8f8;
		transform: translateX(-50%);
		z-index: -1;
	}
}

#contactContent .buttonArea [type='submit'] {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 325px;
	height: 70px;
	background: #fff;
	border: 2px solid currentColor;
	border-radius: 35px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.0;
	transition: opacity 300ms ease;
	cursor: pointer;
}

#contactContent .buttonArea [type='submit']:hover {
	opacity: 0.7;
}

@media screen and (max-width: 834.499px) {
	#contactContent .buttonArea [type='submit'] {
		max-width: 270px;
		height: 60px;
		border-width: 1px;
		border-radius: 30px;
		font-size: 16px;
	}
}

#contactContent .buttonArea .note {
	margin-bottom: 30px;
	font-size: 14px;
}

@media screen and (max-width: 834.499px) {
	#contactContent .buttonArea .note {
		margin-bottom: 15px;
	}
}

#contactContent .buttonArea .buttons {
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 834.499px) {
	#contactContent .buttonArea .buttons {
		flex-direction: column;
		align-items: center;
	}
}

#contactContent .buttonArea .buttons > * {
	flex: 0 0 auto;
}

@media print, screen and (min-width: 834.5px) {
	#contactContent .buttonArea .buttons > *:nth-child(n+2) {
		margin-left: 30px;
	}
}

@media screen and (max-width: 834.499px) {
	#contactContent .buttonArea .buttons > *:nth-child(n+2) {
		margin-top: 30px;
	}
}

#contactContent .mw_wp_form_confirm .first {
	display: none;
}

#contactContent .mw_wp_form_confirm .buttonArea .note {
	display: none;
}

#contactContent .complete :nth-child(n+2) {
	margin-top: 30px;
}