* {
	margin:0;
	padding:0;
	line-break:strict;
	font-family:'Noto Sans JP', Meiryo, sans-serif;
	box-sizing:border-box;
	word-break:normal;
}
html { font-size:62.5%; }

body { background-color:#F5F3E7; color:#353A23; font-size:16px; font-size:1.6em; line-height:1em; word-wrap:break-word; }

/* SP/TB */
@media screen and (max-device-width:1000px) {
	html { -webkit-text-size-adjust:100%; }
}

ul { list-style-type:none; }

img { width:auto; height:auto; max-width:100%; border:none; vertical-align:bottom; line-height:0; font-size:0; }

a:link { color:#353A23; text-decoration:none; }
a:visited { color:#353A23; text-decoration:none; }
a:active { color:#353A23; text-decoration:none; }
a:hover { color:#353A23; text-decoration:none; opacity:0.8; }

a:hover img { opacity:0.8; }

p { line-height:1.8em; }

.container {
	background:url("/wp01/img/00_com_foot.png") center bottom repeat-x;
	background-size:1200px;
	padding-bottom:250px;
}

/* SP */
@media screen and (max-width:800px) {
	.container {
		background:url("/wp01/img/00_com_foot_sp.png") center bottom repeat-x;
		background-size:contain;
	}
}

.inner { max-width:1200px; margin-left:auto; margin-right:auto; }

@media screen and (max-width:1250px) {
	.inner { padding-left:5vw; padding-right:5vw; }
}

/* ------------ SP nav ------------ */

/* SP */
@media screen and (max-width:800px) {
	.spnav {
		position:fixed;
		width:100%;
		padding:10px;
		z-index:999999;
		left:0; top:0;
	}
	.spnav.bk {
		background:#EBE8D1;
	}

	.spnav .splogo { max-width:150px; }

	.menu-trigger {
		display: inline-block;
		width:50px;
		height:42px;
		vertical-align: middle;
		cursor: pointer;
		position: fixed;
		top:10px;
		right:10px;
		z-index:99999999;
		background-color:#F4F2DD;
		border-radius:5px;
	}

	.menu-trigger span {
		display: inline-block;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		width:30px;
		height: 2px;
		background-color: #353A23;
		transition: all .5s;
	}

	.menu-trigger.active { background-color:initial; }
	.menu-trigger.active span { background-color: #fff; }
	.menu-trigger span:nth-of-type(1) { top:10px; left:10px; }
	.menu-trigger.active span:nth-of-type(1) { transform: translateY(10px) rotate(-45deg); }
	.menu-trigger span:nth-of-type(2) { top:50%; left:10px; margin-top:-1px; }
	.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
	.menu-trigger span:nth-of-type(3) { bottom:10px; left:10px; }
	.menu-trigger.active span:nth-of-type(3) { transform: translateY(-10px) rotate(45deg); }

	.spnav nav {
		width:100%;
		height: 100%;
		padding-top: 50px;
		background-color: rgb(00, 00, 00, 0.8);
		position: fixed;
		top:0;
		right: 0;
		z-index: 9999999;
		transform: translate(100%);
		transition: all .5s;
	}
	.spnav nav.open { transform: translateZ(0); }

	.spnav nav li { }
	.spnav nav a { display:block; color:#fff; padding:10px; border-bottom:dotted 1px #fff; }

	.spnav nav li.li02 { margin-left:1em; }
	.spnav nav li.li03 { margin-left:2em; }
	.spnav nav li.li04 a {  border:none; max-width:150px; margin:0 auto; }

}

/* ============== head =============== */

#head {
	background:url("/wp01/img/00_com_top.png") center top repeat-x;
	background-size:1200px;
}

#head .inner { position:relative; }

#head .box01 { padding-top:160px; }
#head .box01 h1 { max-width:510px; margin:0 auto; }

#head .box02 {
	position:absolute;
	right:0; top:20px;
	text-align:right;
}
#head .box02>div:nth-child(1) { margin:0 0 15px auto; max-width:126px; }
#head .box02>div:nth-child(2) { font-size:14px; font-size:1.4rem; line-height:1.2em; font-weight:500; margin-bottom:15px; }
#head .box02>div:nth-child(3) { margin:0 0 0 auto; max-width:126px; margin-bottom:15px; }

#head .box02>div:nth-child(4) {
	display:-webkit-flex; display:flex;
	-webkit-justify-content:end; justify-content:end;
	margin-bottom:15px;
}

#head .box02>div:nth-child(4) div:nth-child(1) { max-width:30px; margin-right:20px; padding-top:8px; }
#head .box02>div:nth-child(4) div:nth-child(2) { max-width:45px; }

#head .box02>div:nth-child(5) { margin-left:auto; max-width:100px; }

#head .box03 {
	position:absolute;
	left:0; top:195px;
	max-width:90px;
}
@media screen and (max-width:1250px) {
	#head .box02 { right:5vw; }
	#head .box03 { left:5vw; }
}
/* SP */
@media screen and (max-width:800px) {
	#head .box01 { padding-top:25vw; }
	#head .box02,
	#head .box03 { display:none; }
}

/* ============== topnav =============== */

#topnav { padding:80px 0 10px 0; }

#topnav .inner { text-align:center; }

#topnav .inner>ul {
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	padding-bottom:5px;
}

#topnav img { max-height:30px; }

#topnav a { display:block; padding:5px 0 6px 0; }

#topnav a:hover,
#topnav a:hover img { opacity:1; }

#topnav .inner>ul li { background-color: transparent; transition: background-color 0.3s ease; }

#topnav .inner>ul li:hover,
#topnav .inner>ul li:hover > ul { background:#353A23; }

#topnav .inner>ul li:hover a { border-bottom:solid 1px #F5F3E7; padding:5px 0; }

#topnav .inner>ul li:hover img { filter: brightness(600%); transition: filter 0.3s ease; }

#topnav .inner .li01,
#topnav .inner .li02,
#topnav .inner .li03 { position:relative; }


#topnav .inner .li01 ul,
#topnav .inner .li02 ul,
#topnav .inner .li03 ul {
	position: absolute;
	width:100%;
	top:100%; left:0;
	opacity: 0;
	pointer-events:none; /* hover時以外はクリックできないように */
	transform: translateY(10px); /* 下にずらしておいて、ピロッと感 */
	transition: opacity .25s ease, transform .25s ease;
}

#topnav .inner li ul a {
	color:#F5F3E7;
	padding:10px 5px !important;
	text-align:left;
	font-size:14px; font-size:1.4rem;
}

#topnav .inner li ul a:hover { background:#5B5F4A;  }


/* hoverで表示 */
#topnav .inner .li01:hover ul,
#topnav .inner .li02:hover ul,
#topnav .inner .li03:hover ul {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

/* SP */
@media screen and (max-width:800px) {
	#topnav { padding:20px 0 10px 0; }
	#topnav ul { display:none !important; }
}
/* ============== 共通 =============== */

.mv { margin-bottom:10px; }

/* ============== home =============== */

#home { padding-bottom:20vw; }

#home .box01 {
	display:-webkit-flex; display:flex;
	padding:25px 0 40px 0;
}

#home .box01 .col01 { width:50%; padding-right:80px; }
#home .box01 .col02 { width:50%; padding-left:80px; }

#home .box01 h2 { margin-bottom:40px; }
#typicalday h2 img { max-height:105px; }

#home .box01 p { margin-left:20px; }

#home .box01 .col02 div:nth-child(2) { max-width:200px; margin:30px 0 0 auto; }

/* SP */
@media screen and (max-width:800px) {
	#home { padding-bottom:5vw; }
	#home .box01 { display:block; }
	#home .box01 .col01 { width:100%; padding:0 0 30px 0; }
	#home .box01 .col02 { width:100%; padding-left:0; }
	#home .box01 h2 { margin-bottom:20px; }
	#home .box01 p { margin-left:0; }
}


#home .box02 { margin:30px 0 40px 0; }

#home .box03 {
	display:-webkit-flex; display:flex;
	padding:25px 0 10px 0;
}
#home .box03 .col01 { width:70%; padding-right:80px; }
#home .box03 .col02 { width:30%; }

#home .box03 h2 { max-width:337px; margin-bottom:15px; }

#home .box04 {
	display:-webkit-flex; display:flex;
	margin-bottom:40px;
}

#home .box04 div:nth-child(1) { max-width:150px; margin-right:40px; }

/* SP */
@media screen and (max-width:800px) {
	#home .box03 { display:block; padding:25px 0 30px 0; }
	#home .box03 .col01 { width:100%; padding:0 0 30px 0; }
	#home .box03 .col02 { width:100%; }
	#home .box04 { display:block; }
	#home .box04 div:nth-child(1) { margin:0 auto 30px auto; }
}

/* ============== typicalday =============== */

#typicalday h2 { margin:25px 0 40px 0; }
#typicalday h2 img { max-height:105px; }

#typicalday .box01 {
	display:-webkit-flex; display:flex;
	margin-bottom:40px;
}

#typicalday .box01 .col01 { width:60%; }
#typicalday .box01 .col02 { width:40%; padding-left:20px; }

#typicalday .box01 .col01 .col0101 {
	display:-webkit-flex; display:flex;
	margin-bottom:20px;
}
#typicalday .box01 .col01 .col0101 .fl { width:50%; padding-right:40px; }
#typicalday .box01 .col01 .col0101 .fr { width:50%;}

#typicalday .imgtxt img { max-height:20px; margin-bottom:10px; }

/* SP */
@media screen and (max-width:800px) {
	#typicalday .box01 { display:block; }
	#typicalday .box01 .col01 { width:100%; margin-bottom:30px; }
	#typicalday .box01 .col02 { width:100%; padding-left:0; }
	#typicalday .box01 .col01 .col0101 { display:block; }
	#typicalday .box01 .col01 .col0101 .fl { width:100%; padding-right:0; margin-bottom:30px; }
	#typicalday .box01 .col01 .col0101 .fr { width:100%;}
}

/* ============== facility =============== */

#facility { padding-bottom:20vw; }

#facility h2 { margin:25px 0 20px 0; }
#facility h2 img { max-height:105px; }

@media screen and (max-width:1250px) {
	#facility .box01 { padding-bottom:20vw; }
}

/* SP */
@media screen and (max-width:800px) {
	#facility { padding-bottom:5vw; }
}

/* ============== entering =============== */

#entering h2 { margin:25px 0 30px 0; }
#entering h2 img { max-height:105px; }

#entering .box01 {
	display:-webkit-flex; display:flex;
	margin-bottom:20px;
	max-width:420px;
}

#entering .box01 .col01 { width:120px; }
#entering .box01 .col02 { width:300px; }


#entering .box01 .col01 img { max-height:23px; }

#entering .box01 p { padding-top:5px; }

/* SP */
@media screen and (max-width:800px) {
	#entering .box01 p { font-size:14px; font-size:1.4rem; }
}
@media screen and (max-width:430px) {
	#entering .box01 .col01 { width:25%; padding-right:15px; }
	#entering .box01 .col02 { width:75%; }
}

#entering .linew { max-width:420px; }
#entering .ptxx { padding-top:10px; }

#entering h3,
#entering h4 { margin-bottom:15px; }

#entering h3 img,
#entering h4 img { max-height:26px; }

#entering .box02 { margin-bottom:40px; }

#entering .box03 { margin-bottom:10px; }
#entering .box03 img { max-height:35px; }

#entering .box05 { max-width:320px; margin-bottom:20px; }
#entering .box06 { max-width:320px; margin-bottom:40px; }

#entering .box07 {
	display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	margin-bottom:40px;
}
#entering .box07 div:nth-child(1) { max-width:110px; padding:0 15px; }

#entering .box07 div:nth-child(2) {
	display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
}
#entering .box07 div:nth-child(2) img { display:block; max-height:22px; }
#entering .box07 div:nth-child(2) span { display:block; padding-left:1em; font-size:14px; font-size:1.4rem; line-height:1.4em; }

/* SP */
@media screen and (max-width:800px) {
	#entering .box07 div:nth-child(1) { width:30%; padding:0 10px 0 0;  }
	#entering .box07 div:nth-child(2) { width:70%; display:block; }
	#entering .box07 div:nth-child(2) span { padding:10px 0 0 0; }
}


#entering .box08 { margin-bottom:10px; }
#entering .box09 { margin-bottom:30px; }

#entering .box10 {
	display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
}
#entering .box10 div:nth-child(1) { max-width:200px; padding:0 30px; }

/* SP */
@media screen and (max-width:800px) {
	#entering .box10 div:nth-child(1) { max-width:130px; padding:0 20px 0 0; }
}

#entering .dotlist {
	display:-webkit-flex; display:flex;
	flex-wrap:wrap;
	max-width:550px;
	line-height:1.6em;
	position:relative;
}

#entering .dotlist div:nth-child(1) { display:inline-block; background:#F5F3E7; padding-right:10px; margin:0 0 10px 0; }
#entering .dotlist div:nth-child(2) { display:inline-block; background:#F5F3E7; padding-left:10px; margin:0 0 10px auto; }

#entering .dotlist::before {
	content: "";
	border-top: 2px dotted #353A23;
	position:absolute;
	height:1em;
	width:100%;
	left:0; top:0.9em;
	z-index:-5;
}

#entering .box04 { margin-bottom:40px; }
#entering .box04 .dotlist div:nth-child(1) { padding-left:48px; }

/* ============== support =============== */

#support { padding-bottom:10vw; }

#support .box00 { max-width:720px; }

#support h2 { margin:25px 0 30px 0; }
#support h2 img { max-height:105px; }

#support h3 { margin:0 0 10px 0; }
#support h3 img { max-height:25px;}

#support h3#a02 img { max-height:40px;}

#support .box01 { margin-bottom:40px; }

#support .box02 {
	display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center; /* 縦 */
	margin-bottom:40px;
}

#support .box02 div { max-width:120px; }
#support .box02 div:nth-child(1) { margin-right:20px; }

#support .box03 {
	display:-webkit-flex; display:flex;
	margin-bottom:40px;
}
#support .box03 div:nth-child(1) { width:19%; }
#support .box03 div:nth-child(2) { width:81%; padding-left:30px; }

/* SP */
@media screen and (max-width:800px) {
	#support .box03 { display:block; }
	#support .box03 div:nth-child(1) { width:150px; }
	#support .box03 div:nth-child(2) { width:100%; padding:20px 0 0 0; }
}

#support .box04 {
	display:-webkit-flex; display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}
#support .box04 div:nth-child(1) { width:22%; }
#support .box04 div:nth-child(2) { width:60%; padding-left:30px; }
#support .box04 div:nth-child(3) { width:18%; padding-left:30px; }

#support .box04 dl {
	display:-webkit-flex; display:flex;
	flex-wrap:wrap;
	line-height:1.6em;
}
#support .box04 dt { width:15%; margin-bottom:5px; }
#support .box04 dd { width:85%; margin-bottom:5px; }

/* SP */
@media screen and (max-width:800px) {
	#support .box04 div:nth-child(1) { width:100%; margin-bottom:20px; text-align:center; }
	#support .box04 div:nth-child(1) img { max-width:200px; }
	#support .box04 div:nth-child(2) { width:100%; padding-left:0; margin-bottom:20px; }
	#support .box04 div:nth-child(3) { width:100%;padding-left:0; text-align:center; }
	#support .box04 div:nth-child(3) img { max-width:100px; }
	#support .box04 dt { width:25%; }
	#support .box04 dd { width:75%; }
}

#support .box05 { margin:0 0 40px 22%; padding-left:30px; }

#support .box05 dl  {
	display:-webkit-flex; display:flex;
	flex-wrap:wrap;
	line-height:1.6em;
	margin-bottom:1em;
}
#support .box05 dt { width:22%; margin-bottom:5px; }
#support .box05 dd { width:78%; margin-bottom:5px; }

/* SP */
@media screen and (max-width:800px) {
	#support .box05 { margin:0 0 40px 0; padding-left:0; }
	#support .box05 dt { width:28%; }
	#support .box05 dd { width:72%; }
}

/* ============== visit =============== */

#visit .box01 { max-width:170px; margin:25px auto 40px auto; }

#visit  h2 { max-width:175px; margin:0 auto 20px auto; }

/* SP */
@media screen and (max-width:800px) {
	#visit  h2 { max-width:140px; }
}

#visit .box02 { text-align:center; margin-bottom:40px; }

#visit  h3 { margin-bottom:20px; text-align:center; }
#visit  h3 img { max-height:60px; }

/* SP */
@media screen and (max-width:800px) {
	#visit  h3 img { max-height:50px; }
}

#visit .box03 { max-width:160px; margin:0 auto 40px auto; }

#visit .box04 {
	display:-webkit-flex; display:flex;
	-webkit-justify-content:center; justify-content:center; /* センター寄 */
	margin-bottom:40px;
}

#visit .box04 div:nth-child(1),
#visit .box04 div:nth-child(3) { width:25%; }

#visit .box04 div:nth-child(2) { width:13%; padding-top:30px; }
#visit .box04 div:nth-child(2) img { max-width:45px; margin:0 auto; }

#visit h4 { border-bottom:solid 5px #6AA879; margin-bottom:20px; }
#visit .box04 div:nth-child(1) h4 { padding-bottom:5px; }
#visit .box04 div:nth-child(3) h4 { padding:5px 0; }
#visit .box04 div:nth-child(1) h4 img { max-height:40px; }
#visit .box04 div:nth-child(3) h4 img { max-height:35px; }

/* SP */
@media screen and (max-width:800px) {
	#visit .box04 { display:block; }
	#visit .box04 div:nth-child(1) { width:100%; margin-bottom:20px; }
	#visit .box04 div:nth-child(2) { width:50%; padding:0 0 20px 0; margin:0 auto; }
	#visit .box04 div:nth-child(2) img { max-width:100%; }
	#visit .box04 div:nth-child(3) { width:100%; }
}


#visit .box05 { max-width:220px; margin:0 auto; }

/* ============== totop =============== */

#totop { position:fixed; right:10px; bottom:10px; }
#totop a {
	display:block;
	width:4em;
	height:4em;
	text-align:center;
	color:#fff;
	background:#6AA879;
	border-radius:100%;
	padding:1em 0 0 0;
	font-size:13px; font-size:1.3rem;
	line-height:1em;
	margin:0 0 0 auto;
}

/* ============== foot =============== */

#foot .box01 { background:#BFC597; text-align:center; padding:30px 0; }
#foot .box01 p { font-size:13px; font-size:1.3rem; line-height:1.6em; }

/* SP */
@media screen and (max-width:800px) {
	#foot .box01 { text-align:left; padding:30px 0 30px 10px; }
	#foot .box01 p { font-size:12px; font-size:1.2rem; line-height:1.6em; }
}	

/* ------------ com ------------ */

.line { line-height:0; }

.youtube { width: 100%; aspect-ratio: 16 / 9; }
.youtube iframe { width: 100%; height: 100%; }


.mb03 { margin-bottom:3px; }
.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }

.mb1em { margin-bottom:1em; }

.right { text-align:right; }
.center { text-align:center; }

.fontS { font-size:12px; font-size:1.2rem; line-height:1.4em; }

table { border-collapse:collapse; border-spacing:0; }

/* 記事本文内 */
.kiji .txt div { max-width:100% !important; }
.kiji .txt p { margin-bottom:1em; }
.kiji .txt p:last-child { margin-bottom:0; }
.kiji .txt p em { font-style:italic; }
.kiji .txt ul { list-style-type:disc; margin:0 0 1em 20px; }
.kiji .txt ol { margin:0 0 1em 20px; }
.kiji .txt li { line-height:1.4em; margin-bottom:5px; }
.kiji .txt blockquote { background-color:#E4DFC1; padding:20px; margin-bottom:1em; }
.kiji .txt blockquote p:last-child { margin-bottom:0; }
.kiji .txt hr { height: 0; margin:0; padding:0; border:0; border-top:dotted #293A2A 2px; margin:1em 0; }
.kiji .txt figure { margin-bottom:1em; width:auto !important;  }
.kiji .txt figure figcaption { font-size:14px; font-size:1.4rem; line-height:1.4em; margin-top:10px; }

.kiji .txt .wp-caption-text { font-size:14px; font-size:1.4rem; line-height:1.4em; margin-top:10px; }

.alignleft { display:block text-align:left; }
.aligncenter { display:block; text-align:center; }
.alignright { display:block; text-align:right; }

.alignleft figcaption { text-align:left; }
.aligncenter figcaption { text-align:center; }
.alignright figcaption { text-align:right; }

.size-thumbnail { width:32% !important; max-width:200px; }

/* /記事本文内 */


.pc { display:block; }
.sp { display:none; }

/* SP */
@media screen and (max-width:800px) {
	.pc { display:none; }
	.sp { display:block; }

}