@charset "UTF-8";
/*----  -----*/

@media (max-width:599px){
	:root{
		font-size: 14px;
	}
}
@media (min-width:600px)and(max-width:949px){
	:root{
		font-size: 16px;
	}
}
@media (min-width:950px){
	:root{
		font-size: 16px;
	}
}

@media (min-width:768px){
div.main-container{
	display: flex;
	flex-direction: column;
	align-items: center;/*中身を中央揃えで表示*/
	justify-content: center;/*両端揃えで表示*/
	padding: 0 7%;
}
.br{
	display: none;
}
.mainimages .fadeDownTrigger{
	display: flex;
	align-items: center;
  justify-content: center;
	font-weight: bold;
	text-align: center;
}



	.headC {
		display: none;/*大きい画面では非表示*/
	}
	.title .text {
		display: block;
		text-align: center;
	}


	.con1 .box {
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}
	.con1 .photo{
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1.1fr;
		gap: 5%;
	}
	.con1 .photo img{
		height: 100%;
	}


	.newslist .main-container {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
	}




	footer .main-container{
		display: block!important;
	}

	.footA{
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		flex-wrap: nowrap;
		align-items: flex-start;
	}
	nav.footB{
		width: 100%;
	}
	footer .sub-container{
		display: flex;
		justify-content: space-evenly;
	}
	.footB div{
		flex: 1;/*1:1の比率で等分割*/
	}

	.footB a,.footB p{
		font-size: 16px;
	}
	.footB{
		display: flex;
		width: 100%;
		margin-bottom: 20px;
	}
	.footB ul {
		height: 40px;
		padding-top: 10px;
		display: flex;
		justify-content: space-around;
	}
	.footB ul li {
		list-style: none;
	}
	.footB ul li a,.footB ul li p {
		display: block;
		/*text-align: left;*/
		text-align: center;
		/*width: 200px;*/
		width: 180px;
		height: 30px;
		font-size: 16px;
		line-height: 1.5;
	}
	.footB ul >li:not(:first-child){
		margin-left: 40px;
	}
	.footB ul li ul li a {/*layer-2▷*/
		border-bottom: none;
	}
	.copywright{
		font-size: 12px;
		text-align: center;
		font-family: 'Courier New', Courier, monospace;
	}
}
@media (min-width:1600px)/*(大画面)*/{
.menu-toggle {
	display: none;
}
.mainimages .box-3>div.flex {
	justify-content: space-evenly;
}
}
@media (min-width:1200px) and (max-width:1599px)/*(小PC)*/{
/*---- header -----*/
header {
	height: auto;
}
.headA .custom-logo-link {
	aspect-ratio: 1;
	width: 5vw;
	height: auto;
}
.headA .title {
	height: 100%;
}
.headA .title img {
	width: 15vw;
	height: auto;
}
.menu-toggle {
	display: none;
}
/*---- mainimages -----*/
.mainimages .parts:nth-child(1) {
	width: 20vw;
}
.mainimages .box h2 {
	font-size: 1.5rem;
}
.mainimages .box-3 .flex {
	gap: 20px;
}
.mainimages .box-3 h2 {
	font-size: 2rem;
}
.main-title h2 {
	font-size: 2.5rem;
}
#info .map .title>* {
	font-size: 1.375rem;
}
}
@media (min-width:768px) and (max-width:1199px) and (orientation: landscape)/*デバイスが横長の状態の場合(小PC)*/{
/*---- header -----*/
header {
  height: auto;
}
.menu-toggle {
	display: none;
}
/*---- mainimages -----*/
.mainimages .parts:nth-child(1) {
	width: 15vw;
	top: 18vh;
	right: 1%;
}
.mainimages .title {
	margin: 30px auto;
}
.mainimages .box h2 {
	font-size: 1.25rem;
}
.mainimages .box-2 {
	top: 22vh;
}
.mainimages .box-2 h2 {
	font-size: 2.5rem;
}
.mainimages .box-3 .text {
	gap: 20px;
}
.mainimages .box-3 h2 {
	font-size: 1.5rem;
}
/*---- con1 about -----*/
.con1::before {
	aspect-ratio: 1;
	width: 40%;
	height: auto;
	top: 0;
	opacity: 1;
	filter: none;
}
.con1 h3 {
	font-size: 1.15rem;
}
.con1 .list-1 dt {
	margin-bottom: 30px;
}
.con1 .list-1 dd {
	margin: 0 0 30px;
}
/*---- con2 #info 施設情報 -----*/
.main-title h2 {
	font-size: 2.5rem;
	margin: 1.5em auto 1em;
}
#info .map .title>* {
	font-size: 1.375rem;
}
.list-2 p {
	font-size: 1rem;
}
.list-3 li>:last-child {
	font-size: 1rem;
}
/*---- footer -----*/
footer .sub-container {
	flex-direction: column;
}
h2.site-name {
	width: 100%;
}
img.foottitle {
	width: 50%;
}
.footA {
	width: 100%;
	margin: 30px auto 10px;
	align-items: center;
}
.footA-2 {
	margin: 0;
	margin-bottom: 20px;
}
.footA-2 .photo {
	display: flex;
}
.footA-2 a {
	width: 50%;
	margin: 0 auto 10px;
}
}


@media (min-width:768px) and (max-width:1199px) and (orientation: portrait) /*(タブレット)*/{
html {
	scroll-padding-top: calc(10dvh + 20px);
}
div.main-container {
	overflow: hidden;
	padding: 0 4%;
	margin-left: auto;
	margin-right: auto;
}
.flex {
	flex-flow: column;
}
/*---- header -----*/
header {
	height: auto;
}
.headA .custom-logo-link {
	aspect-ratio: 1;
	width: 7vw;
	height: auto;
}
.headA .title {
	height: 100%;
}
.headA .title img {
	width: 20vw;
	height: auto;
}

/*---- headB -----*/
.headB #nav {
	gap: 3vw;
}
.headB #nav>li:after {
	width: 100%;
	font-size: 1rem;
}
.headB .menu-title {
	font-size: 1.25rem;
	width: fit-content;
	height: fit-content;
	min-width: 50px;
}
.headB .sub-menu {
	width: 100px;
}
.menu-toggle {
	display: none;
}

/*---- mainimages -----*/
.leaves01 {
	width: 55vw;
}
.leaves02 {
	width: 70vw;
}
.mainimages .box {
	bottom: 50%;
}
.mainimages .title img:nth-of-type(1) {
	width: 50%;
}
.mainimages .title img:nth-of-type(2) {
	width: 70%;
}
.mainimages .title.img {
	width: 75%;
}
.mainimages .parts:nth-child(1) {
	width: 25vw;
	top: 10%;
	right: 1%;
}
.mainimages .parts:nth-child(2) {
	width: 150px;
	bottom: 12%;
	left: 3%;
}
.mainimages .parts:nth-child(3) {
	width: 150px;
	top: 20%;
	left: 25%;
}
.mainimages .box-2 h2 {
	font-size: 4rem;
}
.mainimages .box-3 h2 {
	white-space: nowrap;
	line-height: 1.4;
}
.mainimages .box-3 h2 span {
	font-size: 5vw;
}
.mainimages .box-3>div.flex {
  flex-flow: row;
  justify-content: space-evenly;
	gap: 10px;
}
.mainimages .box-3 .img a {
	height: calc(70% - 10px);
}
/*---- con1 about -----*/
.con1::before {
	aspect-ratio: 1;
	width: 80%;
	height: auto;
	top: 0;
	opacity: 1;
	filter: none;
}
.con1::after {
	content: "";
	background-image: url(../images/photo/葉3.webp);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	z-index: -1;
	mix-blend-mode: multiply;
	aspect-ratio: 1;
	transform: rotateZ(270deg);
	width: 80%;
	height: auto;
	bottom: 0;
}
.con1 .title {
	text-align: left;
	position: static;
}
.con1 .list-1 {
	width: 50%;
	align-items: center;
}
.con1 .list-1:last-of-type {
	width: 100%;
}
.con1 .list-1:last-of-type dt {
	width: 25%;
}
.con1 dl {
	margin: 40px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.con1 .list-1 dt {
	margin-bottom: 30px;
  width: 50%;
}
.con1 .list-1 dd {
	width: calc(100% - 20px);
	margin: 0px 10px 80px;
	padding: 50px 20px;
	justify-content: center;
}
.con1 .list-1 dd::after {
	width: 300px;
	height: 300px;
	background-repeat: no-repeat;
	background-position-x: right;
}
.con1 h3 {
	font-size: 1.5rem;
	line-height: 1.5;
}
.set.flex {
	flex-flow: column;
}
/*---- con2 #info 施設情報 -----*/
.main-title h2 {
	margin: 1.5em auto .3em;
	font-size: 2.5rem;
}
.con2 h2.subtitle {
	font-size: 1.5rem;
}
#info .main-container {
	position: relative;
}
#info .list-2.flex {
	flex-flow: row;
}
.list-2 p {
	font-size: 1.375rem;
}
#info ul {
	margin: 0;
}
#info .map,
#info .text {
	margin: 30px 0;
}
#info .map {
	width: 100%;
}
#info .map h3 {
	font-size: 1.5rem;
}
#info .text .flex{
	flex-flow: row;
}
#info .text ul p{
	font-size: 1.375rem;
}
.info .main-title {
	top: -3%;
}
#info .relative {
	flex-flow: column-reverse;
	align-items: center;
}
#info .text ul.list-3 {
	flex-direction: row;
	justify-content: space-between;
}
#info ul.list-3 h2.subtitle {
	margin: auto;
}
.list-3 li {
	flex: 1;
	flex-direction: column;
	align-items: center;
}
.list-3 li>:last-child {
	font-size: 1.2rem;
}

/*---- form -----*/
		.formbox .title h2 {
			font-size: 2.5rem;
		}
		.mw_wp_form form .flex {
			flex-flow: column;
		}
		.contact-table:first-of-type {
			margin-right: 0;
		}
		.contact-table:last-of-type {
			margin-left: 0;
		}
		.contact-body{
			display: block;
			margin-right: 5px;
		}
		span.mwform-tel-field.form-group {
					display: flex;
					justify-content: space-around;
			}
		.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] {
			width: calc(100% / 3.5);
		}

/*---- footer -----*/
footer {
	width: fit-content;
}
footer .main-container {
	width: 100vw;
}
footer h2 {
	margin: 30px auto 10px;
	width: fit-content;
}
.footer-widget {
	margin: 0;
}
footer img.footlogo {
	width: 50px;
}
img.foottitle {
	width: 50%;
}
footer .br {
	display: contents;
}
footer .sub-container {
	display: block;
}
.footA {
	margin: 30px auto 10px;
	align-items: center;
}
.footA p {
	font-size: 1.375rem;
}
.footA-2 {
	margin: 0;
	margin-bottom: 20px;
}
.footA-2 .photo{
	display: flex;
}
.footA-2 a {
	width: 50%;
	margin: 0 auto 10px;
}
.footB {
	display: block;
	height: 100%;
}
.footB ul {
	height: auto;
	flex-flow: column;
}
.footB .nav {
	display: block;
	width: 100%;
	height: 100%;
}
.footB .nav li a,
.footB .nav li p {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 2.8;
	text-align: center;
	cursor: pointer;
}
.footB .content {
	margin-top: 20px;
}
.footB .nav>li:not(:first-child) {
	margin-left: 0px;
}
.footB .nav li ul li a {
	/*layer-2▷*/
	border-bottom: none;
	width: 100%;
	font-weight: lighter;

}
.footB ul li a,
.footB ul li p {
	display: block;
	text-align: center;
	line-height: 4;
	width: 100%;
}



html #wpadminbar {
	height: 46px;
	min-width: 240px;
	display: none;
}
/*---- page.phpのCSS -----*/
	.small-mainimages {
			padding-top: 10svh;
			background-size: 200% 80%;
			overflow: hidden;
	}
	.small-mainimages .parts {
			width: 40vw;
			height: 40vw;
			top: 30%;
			left: 0%;
	}
	.small-mainimages .parts:nth-of-type(2) {
			width: 35vw;
			height: 35vw;
	}
	.small-mainimages .parts:nth-of-type(3) {
			width: 20vw;
			height: 20vw;
			bottom: 0%;
			left: 50%;
	}
	.small-mainimages .title h2 {
			font-size: 2.5rem;
			padding-left: 10%;
	}


/*---- page about info -----*/
	#page #info .mapinfo {
		width: 100%;
	}
	#page #info ul {
		padding-left: 25px;
	}
	#page #info .map,
	#page #info .text {
		margin: 0;
	}
	#page #info .map {
		margin: 0 -4vw;
		width: 100vw;
	}
	#page #info .mapframe {
		width: 100%;
		height: 100%;
		position: relative;
	}

	#page #info .mapframe::before {
		content: "";
		display: block;
		padding-top: 60%;
	}

	#page #info .mapframe iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width: 100%;
	}

	#page #info .info_::after {
		width: 30%;
		top: 0%;
		left: 0%;
	}
	#page #info th {
		writing-mode: vertical-lr;
	}
	#page #info .info_::before {
		content: "";
		width: 100px;
		height: 100px;
		bottom: 0;
		right: -0%;
	}


	/*------  form  -------*/
	.mw_wp_form.mw_wp_form_confirm form .flex {
		padding: 10px;
	}
	}

@media (max-width:767px)/*(スマホ)*/{
html {
	scroll-padding-top: calc(10svh + 20px);
	overflow-x: hidden;
}
div.main-container {
	padding: 0 4%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
html #wpadminbar {
	height: 46px;
	min-width: 240px;
	display: none;
}
.flex {
	flex-flow: column;
}
.maincontent.page {
	display: none;
}
.ribbon {
	font-size: .9rem;
}
/*---- header -----*/
header {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100vw;
	height: 10svh;
	padding: 10px;
	justify-content: space-between;
	border-radius: 0 0 2rem 2rem;
	transform: translate(0, 0);
}
#header .container-small {
	background-color: #00000000;
	position: absolute;
}
/*---- headA -----*/
.headA {
	display: flex;
	justify-content: space-between;
	padding-left: 5px;
	text-decoration: none;
	letter-spacing: 2px;
}
.headA .custom-logo-link {
	height: calc(100% - 20px);
}
.headA .title {
	display: flex;
	align-items: center;
}
.headA .title img {
	width: 35%;
}
/*---- headB -----*/
.headB {
	/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
	position: fixed;
	z-index: 999;
	/*ナビのスタート位置と形状*/
	top: 0%;
	right: -120%;
	width: 100%;
	height: 100dvh;
	/*ナビの高さ*/
	/*動き*/
	display: flex;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	transition: right 0.6s;
	background-color: var(--sub-color);
}
.headB nav {
	position: initial;
	padding-top: 0px;
}
.headB #nav {
	/*ナビゲーション天地中央揃え*/
	position: absolute;
	z-index: 999;
	flex-flow: column;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .6s;
}
.headB #nav>li:after {
	line-height: 1;
	bottom: auto;
	left: auto;
	margin-top: 5px;
}
/*アクティブクラスがついたら位置を0に*/
.headB.panelactive {
	right: 0;
}
.menu-toggle.active {
	color: #f3eff2;
}
/*ナビゲーションの縦スクロール*/
.headB.panelactive #nav {
	position: absolute;
	z-index: 99;
	-webkit-overflow-scrolling: touch;
	left: 50%;
	transition: left 0.6s;
	overflow: visible;
}
.headB #nav::after,
.headB #nav::before {
	content: "";
	position: absolute;
	width: 200px;
	height: 200px;
	object-fit: contain;
	background-image: url(../images/photo/草切り抜き6_scale.webp);
	background-repeat: no-repeat;
	z-index: -1;
}
.headB #nav::after {
	top: -30%;
	right: -100%;
	background-position-x: 40%;
	background-size: 140%;
	transform: rotateZ(180deg);

}
.headB #nav::before {
	width: 300px;
	height: 300px;
	top: 0;
	left : -100%;
	background-position: 50%;
	background-size: 150%;
}
/*ナビゲーション*/
.headB #nav>li {
	position: relative;
	cursor: pointer;
	padding: 10px 20px 30px;
	backdrop-filter: blur(2px);
	background-color: #ffffffa3;
}
.headB #nav li:not(:last-child) {
	padding-bottom: 2rem;
}
.headB .sub-menu:after {
  content: none;
}
.headB .menu-item-has-children .menu-1:after {
	content: "";
	display: block;
	height: 0;
	border-top: 10px solid #ebebeb;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: calc(50% - 5px);
	right: 0;
	z-index: 101;
	transition: 0.5s border-top;
}
.headB li {
	list-style: none;
}
.headB nav ul li a {
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
	color: var(--white);
}
.headB .nav li p{
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	transition: 0.6s;
}
.headB .sub-menu {
	position: static;
	background: none;
	display: block;
	transition: none;
	grid-template-rows: auto;
}
.headB .menu-title::after,
.headB .menu-title::before,
.headB .menu-item-has-children .menu-title:before {
  content: none;
}
.headB nav li.menu-item-has-children ul {
	position: relative;
	left: 0;
	top: 0;
	visibility: visible;
	/*JSで制御するため一旦表示*/
	opacity: 1;
	/*JSで制御するため一旦表示*/
}
.headB nav li.menu-item-has-children ul li {
	width: 100%;
	text-align: center;
}
.headB nav ul li li a {
	padding: 0;
}
.headB .menu-title {
	width: auto;
	background: none;
	border-bottom: 1px solid;
}
.headB .sub-menu a {
	border-bottom: 1px dashed;
}
.headB .menu-1 {
	color: var(--base-beige);
	font-size: 1.3rem;
	letter-spacing: 0.15em;
}
/*---- headC -----*/
.headC {
	margin-right: 10px;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	font-size: 28px;
	opacity: 0.5;
	cursor: pointer;
	/*リンクにカーソルを重ねたとき、形を手の形状に変更*/
}
.background {
	display: block;
}
.headC:hover {
	opacity: 0.3;
}
/*---- mainimages -----*/
.leaves {
	width: 50vw;
}
.leaves01 {
	top: 5%;
}
.leaves02 {
	width: 100vw;
}
.home {
	top: 10%;
}
.mainimages .parts:nth-child(1) {
	width: 120px;
	top: 10%;
	right: 1%;
}
.mainimages .parts:nth-child(2) {
	width: 150px;
	bottom: 12%;
	left: 3%;
}
.mainimages .parts:nth-child(3) {
	width: 150px;
	top: 20%;
	left: 25%;
}
.mainimages .box-3>div {
	gap: 0px;
	padding-right: 20px;
	align-items: center;
}
/* mainimageのタイトル部分 */
.mainimages .title.img {
	margin: 10px auto;
	background-image: linear-gradient(90deg, transparent, #ffffffcc 15% 85%, transparent);
}
.mainimages .title img:nth-of-type(1) {
	width: 50%;
}
.mainimages .title img:nth-of-type(2) {
	width: 80%;
}
.mainimages .box {
	bottom: 50%;
}
.mainimages .box h2 {
	font-size: 1rem;
	padding: 0 15px;
	letter-spacing: 0.1em;
}
/* mainimageの左上のボックス */
.mainimages .box-2 {
	top: 13%;
}
.mainimages .box-2 h2 {
	font-size: 2rem;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 5px;
}
.mainimages .box-2 span {
	display: block;
	line-height: 1.2;
	font-size: 130%;
}
/* mainimageの下部バナー部 */
.mainimages .box-3 {
	height: 26svh;
}
.mainimages .box-3 h2 {
	font-size: 1.2rem;
}
.mainimages .box-3 h2 span{
	font-size: 2rem;
}
.mainimages .box-3 .text {
	height: auto;
}
.mainimages .box-3 .img {
	height: 62%;
}
.mainimages .box-3 a.banner {
  width: auto;
	height: calc(100% - 10px);
	padding: 5px;
}
/*---- con1 about -----*/

.con1::before {
	aspect-ratio: 1;
	width: 80%;
	height: auto;
	top: 0;
	opacity: 1;
	filter: none;
}
.con1::after {
	content: "";
	background-image: url(../images/photo/葉3.webp);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	z-index: -1;
	mix-blend-mode: multiply;
	aspect-ratio: 1;
	transform: rotateZ(270deg);
	width: 80%;
	height: auto;
	bottom: 0;
}
	.con1 .title {
		text-align: left;
		position: static;
	}
	.con1 h3 {
		font-size: 1.05rem;
	}
	.con1 .list-1 {
    align-items: center;
	}
	.con1 .list-1 dd {
    width: 100%;
    margin: 0px auto 30px;
    padding: 20px;
	}
.con1 .list-1 dd::after {
	right: -40px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top right;
}
.set.flex {
	flex-flow: column;
}
.btnmore {
	position: relative;
	bottom: auto;
	left: auto;
}
/*---- con2 info list2 list-3 -----*/
	.con2 h2.subtitle {
    font-size: 1.25rem;
	}
	#info .main-container {
		z-index: 3;
    position: relative;
	}
	#info .list-2.flex {
    flex-flow: row;
  }
	.list-2 p {
    font-size: 1rem;
	}
	#info ul {
		margin: 0;
	}
	#info .map {
		width: 100%;
	}
	.ratio-img {
		width: calc(100% - 4%);
		/*aspect-ratio: 1;*/
	}
	.info .main-title {
		top: -3%;
	}
	#info .relative {
		flex-flow: column-reverse;
		align-items: center;
	}

	.list-3 li {
		flex-direction: column;
		align-items: flex-start;
	}
	.list-3 li>:last-child {
    font-size: 1rem;
	}

/*---- form -----*/
	.formbox .title h2 {
		font-size: 2.5rem;
	}
	.mw_wp_form form .flex {
		flex-flow: column;
	}
	.contact-table:first-of-type {
		margin-right: 0;
	}
	.contact-table:last-of-type {
		margin-left: 0;
	}
	.contact-body{
		display: block;
		margin-right: 5px;
	}
	span.mwform-tel-field.form-group {
        display: flex;
        justify-content: space-around;
    }
	.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] {
		width: calc(100% / 3.5);
	}

/*---- footer -----*/
	footer{
	width: fit-content;
}
	footer .main-container {
		width: 100vw;
	}
	.footer-widget {
		margin: 0;
	}
	footer img.footlogo {
		width: 50px;
	}
	img.foottitle {
		width: 50%;
	}
	footer .br {
		display: contents;
	}
	footer .sub-container{
		display: block;
	}
	.footA {
		margin: 30px 0;
	}
	.footA-2 {
		margin: 0;
		margin-bottom: 20px;
	}
	.footA-2 a {
    margin: 0 auto 10px;
	}
	.footB{
		display: block;
		height: 100%;
	}
	.footB ul {
		height: auto;
		flex-flow: column;
	}
	.footB .nav{
		display: block;
		width: 100%;
		height: 100%;
	}
	.footB .nav li a,.footB .nav li p {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 14px;
		line-height: 2.8;
		text-align: center;
		cursor: pointer;
	}
	.footB .content{
		margin-top: 20px;
	}

	.footB .nav>li:not(:first-child){
		margin-left: 0px;
	}
	.footB .nav li ul li a {/*layer-2▷*/
		border-bottom: none;
		width: 100%;
		font-weight: lighter;

	}
	.footB ul li a, .footB ul li p {
		display: block;
		text-align: center;
		line-height: 4;
		width: 100%;
	}
.image_wrapper {
	height: 100px;
	bottom: -3px;
}
/*---- page.phpのCSS-----*/
.small-mainimages {
  padding-top: 10svh;
  height: 30svh;
  background-size: 200% 80%;
  overflow: hidden;
}
.small-mainimages .parts {
  width: 40vw;
  height: 40vw;
  top: 30%;
  left: 0%;
}
.small-mainimages .parts:nth-of-type(2) {
  width: 35vw;
  height: 35vw;
}
.small-mainimages .parts:nth-of-type(3) {
  width: 20vw;
  height: 20vw;
  bottom: 0%;
  left: 50%;
}

#page .con1::after {
  top: -20px;
  height: 20px;
}

.small-mainimages .title h2 {
  font-size: 2.5rem;
  padding-left: 10%;
}
.main-title h2 {
	letter-spacing: 0.1em;
	font-size: 2.5rem;
	margin: 1em auto;
}
/*---- page works -----*/
.content .text img:nth-of-type(1) {
  left: auto;
	right: -15%;
	top: 0;
}
.content .text img:nth-of-type(2) {
  right: auto;
	left: -15%;
}
.content .text p {
    line-height: 2em;
}
.con1 .subtitle {
position: relative;
}
.con1 .subtitle::after {
		content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    filter: blur(5px);
    background-color: var(--base-beige-clear);
}
/*---------  page works oneday  ----------*/
#popup_title {
	padding: 12px 16px 6px;
	margin: 25px auto;
}
#one_day .flex,
#one_day .flex-ex {
	align-items: center;
}
#one_day .text {
	height: fit-content;
}


/*----  page about info -----*/
#page #info .mapinfo {
	width: 100%;
}
#page #info ul {
	padding-left: 25px;
}
#page #info .map .circle-image {
	border-radius: 0px;
}
#page #info .map,
#page #info .text {
	margin: 0;
}
#page #info .map {
	margin: 0 -4vw;
	width: 100vw;
}
#page #info .mapframe {
	width: 100%;
	height: 100%;
	position: relative;
}

#page #info .mapframe::before {
	content: "";
	display: block;
	padding-top: 60%;
}

#page #info .mapframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	border-radius: 0;
}

#page #info .info_::after {
	width: 30%;
	top: 0%;
	left: 0%;
}
#page #info th {
	writing-mode: vertical-lr;
}
#page #info .info_::before {
	content: "";
	width: 100px;
	height: 100px;
	bottom: 0;
	right: -0%;
}


/*------  form  -------*/
.mw_wp_form.mw_wp_form_confirm form .flex {
	padding: 10px;
}
}