@charset "UTF-8";

@media screen and (min-width: 768px),print {
main {max-width: 1920px;width: 100%;margin-inline: auto;}


/* system-common -------------------------------------*/
.page-list { font-size: 16px; margin: 50px 0 100px;  text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.page-list span{background: #eeefef;display: inline-block;/* border: #dcdddd 1px solid; */padding: 12px 12px 12px 12px;margin: 0 5px 0 5px;}
.page-list span.active { background: #231815; color: #fff; }
.page-list span.active a { color: #fff; }
.page-list a {padding: 12px;display: inline-block;border: 1px solid #ddd;margin: 0 5px 0 5px;}
.pagen{ width: 100%; margin: 0 auto 30px auto; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.page-navi { font-size: 16px; }
.page-navi li { display: inline-block;  }
.page-navi li.active { background: #ccc; }
.page-navi a { padding: 8px; display: inline-block; }
.page-navi .fast { margin-right: 0px; }
.page-navi .last { }
.page-navi .fast::after {  content: "|";  display: inline-block;  margin: 0 5px; }
.pagen .list{ float: right; }
.pagen .list a{ margin: 0 auto; color: #fff; padding: 7px 30px; font-size: 16px; text-align: center; display: inline-block; background: #000; }
.pagen .list a:hover{ background: #666; text-decoration: none; }
.btnArea { text-align: center; margin: 50px 0 20px; padding: 0; }
.btnArea a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 20px 50px; font-size: 16px; text-align: center; display: block; background: #000; letter-spacing: 1px; width: 60%;}
.btnArea a:hover{ background: #666; text-decoration: none; }
.btnArea-s { text-align: center;}
.btnArea-s a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 16px; text-align: center; display: inline-block; background: #000; letter-spacing: 1px;}
.btnArea-s a:hover{ background: #666; text-decoration: none; }
.btnArea-s::after{  content: ''; display: block; margin-bottom: 100px;}
.borderwrap{ margin-bottom: 40px;max-width: 1200px;width: 80%;margin-inline: auto;}
.borderwrap h2{ font-size: 18px; font-weight: bold;  margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px #ccc solid; line-height: 1.6; }
.borderwrap p{ font-size: 16px; line-height: 1.8;}
.taxttl{text-align: center;font-size: 18px;margin-bottom: 30px;}
.system-gallery { background: #eeefef; padding: 30px 20px;}
h2.gallery-ttl {text-align: center;margin-top: 40px;margin-bottom: 30px;}
.other-ttl{text-align: center;border-bottom: 1px dotted #333;padding-bottom: 20px;margin-bottom: 30px;font-size: 18px;}

.catebox{  width: 1100px;margin: 0 auto;position: relative;}
.serchcategory1{    position: relative; margin-left: 172px;}
.serchcategory1 .icon {width: 150px; display: inline-block; margin-bottom: 15px; margin-right: 30px; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 10px; position: relative; color: #fff;}
.serchcategory1 .icon:after{ content: ""; width: 20px; height: 20px; background: url(../images/common/category-icon.png) no-repeat right top; position: absolute; right: -13px; top: 35px; z-index: 1}

.cate-list { width: min(95%,1200px);margin-inline: auto; background: #f8f8f8; margin-bottom: 80px; padding: 20px; }
.cate-list .cate-ttl{border-bottom: 1px dotted #333;padding-bottom: 10px;margin-bottom: 20px;font-size: 22px;font-weight: 700;}
.cate-list span{ display: inline-block; margin-right: 20px; }
.cate-list span a{display: inline-block;  padding: 10px 20px; background: #fff; border-bottom: 1px solid #323232; border-top: 1px solid #323232;}
.cate-list span a:hover{ text-decoration: none; }
.tag-list { background: #f8f8f8; margin-bottom: 20px; padding: 20px; }
.tag-list .tag-ttl{border-bottom: 1px dotted #333;padding-bottom: 10px;margin-bottom: 20px;font-size: 22px;font-weight: 700;}
.tag-list span{ display: inline-block; margin-right: 20px; }
.tag-list span a{display: inline-block;  padding: 10px 20px; border: 1px solid #333; }
.tag-list span a:hover{ text-decoration: none; }


.wysiwyg-btn-list{}
.wysiwyg-btn-list .btn-frame{ width: 100%; margin: 0 auto;
-ms-flex-wrap: wrap;flex-wrap: wrap;
display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-orient:horizontal;-webkit-box-direction:normal;
justify-content: center;align-items: center;}
.wysiwyg-btn-list .btn-frame li{ width: 15%; margin:0 2.5% 0 2.5%; list-style: none;}
.wysiwyg-btn-list .btn-frame li img{ width: 100%;}

/* common -------------------------------------*/
.system-contents {
	margin-bottom: 100px;
	margin-inline: auto;
	width: min(85%, 1200px);
}
.system-ttl-01 {
	font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
	margin-bottom: 40px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	font-weight: 700;
	font-size: 18px; line-height: 1.6; letter-spacing: 1px; 
}
.system-ttl {
	font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 40px;
}
.system-pic img {
	height: 100%;
	width: 100%;
}
.system-i-pic {
	margin-bottom: 40px;
	text-align: center;
}
.system-i-pic img {
	max-height: 630px;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.system-list {
	gap: clamp(1rem, 2.08vw, 2.5rem) clamp(1rem, 2.08vw, 2.5rem);
	margin-bottom: 40px;
}
/*point*/
.system-ttl-02 {
	font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 1.5833333333;
	margin-bottom: 24px;
	text-align: center;
}
.systemtab-list2 {
	display: grid;
	gap: 40px 0;
	grid-template-columns: repeat(1, 1fr);
	margin-bottom: 64px;
}
.systemtab-list2 li {
	display: grid;
	gap: 0 32px;
	grid-template-columns: repeat(2, 1fr);
}
.systemtab-list2-img img {
	height: 320px;
	width: 100%;
}
.systemtab-list2-ttl {
	border-bottom: 2px solid #282828;
	font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 1.5625;
	margin-bottom: 24px;
	padding-bottom: 16px;
}
.systemtab-list2-txt {
	font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 1.5625;
}
/*gallery*/
.gallery-list {
	display: grid;
	gap: 24px 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 80px;
	margin-inline: auto;
	width: min(95%, 1200px);
}
.gallery-list li span a {
	display: inline-block;
}
.gallery-list li span a .img-wrap {
	aspect-ratio: 1/1;
	margin-bottom: 8px;
	position: relative;
}
.gallery-list li span a .img-wrap img {
	height: 100%;
	width: 100%;
}
.gallery-list li span a .img-wrap::after {
	background: url("../images/common/icon_plus.jpg") no-repeat center center/contain;
	bottom: 8px;
	content: "";
	height: 24px;
	position: absolute;
	right: 0;
	width: 24px;
	z-index: 2;
}
.cate-list {
	margin-inline: auto;
	width: min(95%, 1200px);
}

/*レコメンド*/
.other-wrap {
	margin-bottom: 80px;
	max-width: 1200px;
	width: 95%;
	margin-inline: auto;
}
.other-ttl {
	font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.5833333333;
}
/*pagen*/
.pagen {
	margin-inline: auto;
	width: min(95%, 1200px);
}
.wysiwyg p {
	font-size: 16px;
	line-height: 2.4;
}

/* lineup -------------------------------------*/
#lineup .system-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(5rem, 2.08vw, 2.5rem) clamp(1rem, 2.08vw, 2.5rem);
}

#lineup .system-category {
	margin-bottom: 16px;
	text-align: center;
}

#lineup .system-category.no-category {
	margin-bottom: 0;
}

#lineup .system-category.no-category span {
	border: none;
}

#lineup .system-category span {
	background: #fff;
	border-bottom: 1px solid #323232;
	border-top: 1px solid #323232;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-inline: auto;
	padding: 0px 20px 0px;
	width: -moz-fit-content;
	width: fit-content;
}

#lineup .system-ttl-01 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px; line-height: 1.6; letter-spacing: 1px; 
}

#lineup .system-pic {
	height: 300px;
	margin-bottom: 11px;
}

#lineup .system-pic img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#lineup .system_txt{ font-size: 15px; line-height: 1.6; letter-spacing: 1px; text-align: center;}

#lineup .system_txt.single-page {
  margin-bottom: 60px;
  text-align: center; font-weight:bold;
  border:1px solid #aaa;
  padding: 20px 20px 15px 20px;
  font-size: 18px; line-height: 1.6; letter-spacing: 1px; 
}

#lineup-cat .system-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 80px;
	margin-inline: auto;
	width: min(95%, 1200px);
}

#lineup-cat .system-category {
	margin-bottom: 16px;
	text-align: center;
}

#lineup-cat .system-category.no-category {
	margin-bottom: 0;
}

#lineup-cat .system-category.no-category span {
	border: none;
}

#lineup-cat .system-category span {
	background: #fff;
	border-bottom: 1px solid #323232;
	border-top: 1px solid #323232;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-inline: auto;
	padding: 0px 20px 0px;
	width: -moz-fit-content;
	width: fit-content;
}

#lineup-cat .system-ttl-01 {
	margin-bottom: 16px;
}

#lineup-cat .system-pic {
	height: 240px;
	margin-bottom: 11px;
}

#lineup-cat .system-pic img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

/* gallery -------------------------------------*/
#gallery .system-contents {
  width: min(95%,1280px);
}

#gallery .system-list {
	display: grid;
	gap: 21px 40px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 75px;
	margin-inline: auto;
	width: min(95%, 1400px);
}

#gallery .system-category {
	margin-bottom: -16px;
	position: relative;
	text-align: center;
	z-index: 10;
}

#gallery .system-category.single {
	margin-bottom: 16px;
}

#gallery .system-category.single span {
	font-size: clamp(1rem, 0.9166666667rem + 0.1736111111vw, 1.125rem);
}

#gallery .system-category.no-category {
	margin-bottom: 0;
}

#gallery .system-category.no-category span {
	border: none;
}

#gallery .system-category span {
	background: #fff;
	border-bottom: 1px solid #323232;
	border-top: 1px solid #323232;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-inline: auto;
	padding: 0px 20px 0px;
	width: -moz-fit-content;
	width: fit-content;
}

#gallery .system-pic {
	height: 200px;
	margin-bottom: 11px;
}

#gallery .system-pic img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#gallery .system-ttl-01 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.75;
	margin-bottom: 0px;
}

#gallery .system-area {
	color: #63A1A0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
	padding-left: 10px;
	position: relative;
}

#gallery .system-area:before {
	background: #323232;
	content: "";
	height: 18px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 1px;
}

#gallery .system-category-tags {
	align-items: center;
	display: flex;
	font-size: 16px;
	font-weight: 400;
	gap: 0 16px;
	justify-content: center;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 32px;
}

#gallery .system-gallery-lists {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 40px;
}

#gallery .system-gallery-list {
	display: grid;
	grid-template-columns: 30% 70%;
}

#gallery .system-list-txt {
	background: #F4F4F4;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 16px 16px 16px;
}

#gallery .system-list-txt02 {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 16px 16px 16px;
}

#gallery-cat .system-list {
	display: grid;
	gap: 21px 40px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 75px;
	margin-inline: auto;
	width: min(95%, 1400px);
}

#gallery-cat .system-category {
	margin-bottom: -16px;
	position: relative;
	text-align: center;
	z-index: 10;
}

#gallery-cat .system-category.single {
	margin-bottom: 16px;
}

#gallery-cat .system-category.single span {
	font-size: clamp(1rem, 0.9166666667rem + 0.1736111111vw, 1.125rem);
}

#gallery-cat .system-category.no-category {
	margin-bottom: 0;
}

#gallery-cat .system-category.no-category span {
	border: none;
}

#gallery-cat .system-category span {
	background: #fff;
	border-bottom: 1px solid #323232;
	border-top: 1px solid #323232;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-inline: auto;
	padding: 0px 20px 0px;
	width: -moz-fit-content;
	width: fit-content;
}

#gallery-cat .system-pic {
	height: 200px;
	margin-bottom: 11px;
}

#gallery-cat .system-pic img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#gallery-cat .system-ttl-01 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.75;
	margin-bottom: 0px;
}

#gallery-cat .system-area {
	color: #63A1A0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
	padding-left: 10px;
	position: relative;
}

#gallery-cat .system-area:before {
	background: #323232;
	content: "";
	height: 18px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 1px;
}

#gallery-cat .system-category-tags {
	align-items: center;
	display: flex;
	font-size: 16px;
	font-weight: 400;
	gap: 0 16px;
	justify-content: center;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 32px;
}

#gallery-cat .system-gallery-lists {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 40px;
}

#gallery-cat .system-gallery-list {
	display: grid;
	grid-template-columns: 30% 70%;
}

#gallery-cat .system-list-txt {
	background: #F4F4F4;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 16px 16px 16px;
}

#gallery-cat .system-list-txt02 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 16px 16px 16px;
}

/* voice -------------------------------------*/
#voice .system-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

#voice .system-pic {
	height: 270px;
	margin-bottom: 17px;
}

#voice .system-pic img {
	height: 100%;
	width: 100%;
}

#voice .p-voice__area-wrap {
	align-items: center;
	display: flex;
	gap: 0 0px;
	justify-content: center;
	margin-bottom: 4px;
}

#voice .p-voice__area-wrap.single {
	margin-bottom: 40px;
}

#voice .system-area {
	color: #8F8F8F;
	font-size: 14px;
	font-size: clamp(0.75rem, 0.5833333333rem + 0.3472222222vw, 1rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

#voice .system-area.single {
	font-size: 16px;
	font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

#voice .system-line {
	color: #8F8F8F;
	font-size: 14px;
	font-size: clamp(0.75rem, 0.5833333333rem + 0.3472222222vw, 1rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

#voice .system-line.single {
	font-size: 16px;
	font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

#voice .system-cus {
	color: #8F8F8F;
	font-size: 14px;
	font-size: clamp(0.75rem, 0.5833333333rem + 0.3472222222vw, 1rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

#voice .system-cus.single {
	font-size: 16px;
	font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

#voice .p-voice__contents{width: 1000px; margin: 0 auto;}




/* info -------------------------------------*/
#info .system-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

#info .system-list li a {
	background: #fff;
	border: 1px solid #F4F4F4;
	box-shadow: 0px 10px 10px -5px rgba(50, 50, 50, 0.3);
	display: inline-block;
	padding: 14px 18px 36px;
	width: 100%;
}

#info .system-date {
	color: #8F8F8F;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
}

#info .system-pic {
	height: 260px;
	margin-bottom: 17px;
}

#info .system-pic img {
	height: 100%;
	width: 100%;
}

#info .system-category {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 8px;
}

#info .system-category.single {
	margin-bottom: 0;
}

#info .system-category.no-category {
	display: block;
	margin-bottom: 10px;
}

#info .system-category span {
	background: #323232;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 10px;
	width: -moz-fit-content;
	width: fit-content;
}

#info .system-ttl-01 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.625;
	margin-bottom: 0;
}

#info .system-top {
	align-items: center;
	display: flex;
	gap: 0 16px;
	margin-bottom: 24px;
}

#info .cate-list span a {
	background: #323232;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 10px;
	width: -moz-fit-content;
	width: fit-content;
}

#info-cat .system-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-inline: auto;
	width: min(85%, 1200px);
}

#info-cat .system-list li a {
	background: #fff;
	border: 1px solid #F4F4F4;
	box-shadow: 0px 10px 10px -5px rgba(50, 50, 50, 0.3);
	display: inline-block;
	padding: 14px 18px 36px;
	width: 100%;
}

#info-cat .system-date {
	color: #8F8F8F;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
}

#info-cat .system-pic {
	height: 260px;
	margin-bottom: 17px;
}

#info-cat .system-pic img {
	height: 100%;
	width: 100%;
}

#info-cat .system-category {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 8px;
}

#info-cat .system-category.single {
	margin-bottom: 0;
}

#info-cat .system-category.no-category {
	display: block;
	margin-bottom: 10px;
}

#info-cat .system-category span {
	background: #323232;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 10px;
	width: -moz-fit-content;
	width: fit-content;
}

#info-cat .system-ttl-01 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.625;
	margin-bottom: 0;
}

#info-cat .system-top {
	align-items: center;
	display: flex;
	gap: 0 16px;
	margin-bottom: 24px;
}

#info-cat .cate-list span a {
	background: #323232;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 10px;
	width: -moz-fit-content;
	width: fit-content;
}

/* blog -------------------------------------*/
#blog main {
	display: grid;
	gap: 0 24px;
	grid-template-columns: 30% minmax(0, 1fr);
	margin-bottom: 160px;
	margin-inline: auto;
	width: min(80%, 1200px);
}

#blog .mainContents {
	order: 2;
}

#blog .sidebar {
	order: 1;
}

#blog .system-list {
	display: grid;
	gap: 32px 0px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 80px;
	margin-inline: auto;
	width: min(80%, 1200px);
}

#blog .system-list li {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 32px;
}

#blog .system-list a {
	display: grid;
	gap: 0 15px;
	grid-template-columns: 40% minmax(0, 1fr);
}

#blog .system-pic {
	height: clamp(6.25rem, 2.9166666667rem + 6.9444444444vw, 11.25rem);
}

#blog .system-pic img {
	height: 100%;
	width: 100%;
}

#blog .textbx {
	padding: 4px 0px 0px;
}

#blog .textbx02 {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 13px;
	margin-bottom: 21px;
}

#blog .system-date {
	color: #808080;
	font-size: clamp(0.75rem, 0.6666666667rem + 0.1736111111vw, 0.875rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7142857143;
}

#blog .system-date.single-blog {
	margin-bottom: 10px;
}

#blog .system-date.single-news {
	margin-bottom: 24px;
}

#blog .system-category {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 8px;
}

#blog .system-category.single {
	margin-bottom: 0;
}

#blog .system-category span {
	background: #323232;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 10px;
	width: -moz-fit-content;
	width: fit-content;
}

#blog .system-ttl-01 {
	font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 0;
}

#blog-cat main {
	display: grid;
	gap: 0 24px;
	grid-template-columns: 30% minmax(0, 1fr);
	margin-bottom: 160px;
	margin-inline: auto;
	width: min(80%, 1200px);
}

#blog-cat .mainContents {
	order: 2;
}

#blog-cat .sidebar {
	order: 1;
}

#blog-cat .system-list {
	display: grid;
	gap: 32px 0px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 80px;
	margin-inline: auto;
	width: min(80%, 1200px);
}

#blog-cat .system-list li {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 32px;
}

#blog-cat .system-list a {
	display: grid;
	gap: 0 15px;
	grid-template-columns: 40% minmax(0, 1fr);
}

#blog-cat .system-pic {
	height: clamp(6.25rem, 2.9166666667rem + 6.9444444444vw, 11.25rem);
}

#blog-cat .system-pic img {
	height: 100%;
	width: 100%;
}

#blog-cat .textbx {
	padding: 4px 0px 0px;
}

#blog-cat .textbx02 {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 13px;
	margin-bottom: 21px;
}

#blog-cat .system-date {
	color: #808080;
	font-size: clamp(0.75rem, 0.6666666667rem + 0.1736111111vw, 0.875rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7142857143;
}

#blog-cat .system-date.single-blog {
	margin-bottom: 10px;
}

#blog-cat .system-date.single-news {
	margin-bottom: 24px;
}

#blog-cat .system-category {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 8px;
}

#blog-cat .system-category.single {
	margin-bottom: 0;
}

#blog-cat .system-category span {
	background: #323232;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 10px;
	width: -moz-fit-content;
	width: fit-content;
}

#blog-cat .system-ttl-01 {
	font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 0;
}

/* date -------------------------------------*/
#cate main {
	display: grid;
	gap: 0 24px;
	grid-template-columns: 30% minmax(0, 1fr);
	margin-bottom: 160px;
	margin-inline: auto;
	width: min(80%, 1200px);
}

#cate .mainContents {
	order: 2;
}

#cate .sidebar {
	order: 1;
}

#cate .system-list {
	display: grid;
	gap: 32px 0px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 80px;
	margin-inline: auto;
	width: min(80%, 1200px);
}

#cate .system-list li {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 32px;
}

#cate .system-list a {
	display: grid;
	gap: 0 15px;
	grid-template-columns: 40% minmax(0, 1fr);
}

#cate .system-pic {
	height: clamp(6.25rem, 2.9166666667rem + 6.9444444444vw, 11.25rem);
}

#cate .system-pic img {
	height: 100%;
	width: 100%;
}

#cate .textbx {
	padding: 4px 0px 0px;
}

#cate .textbx02 {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 13px;
	margin-bottom: 21px;
}

#cate .system-date {
	color: #808080;
	font-size: clamp(0.75rem, 0.6666666667rem + 0.1736111111vw, 0.875rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7142857143;
}

#cate .system-date.single-blog {
	margin-bottom: 10px;
}

#cate .system-date.single-news {
	margin-bottom: 24px;
}

#cate .system-category {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 8px;
}

#cate .system-category.single {
	margin-bottom: 0;
}

#cate .system-category span {
	background: #323232;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 10px;
	width: -moz-fit-content;
	width: fit-content;
}

#cate .system-ttl-01 {
	font-size: clamp(0.875rem, 0.7916666667rem + 0.1736111111vw, 1rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 0;
}

/* staff -------------------------------------*/
#staff .system-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 24px;
}

#staff .system-list.other {
	padding: 0;
}

#staff .other-wrap {
	margin-bottom: 0;
	padding: 0 0 100px;
}

#staff .system-list li a {
	display: inline-block;
	height: 100%;
}

#staff .system-pic {
	aspect-ratio: 1/1;
	margin-bottom: 8px;
}

#staff .system-pic img {
	height: 100%;
	width: 100%;
}

#staff .system-bottom {
	padding: 0 16px 16px;
}

#staff .system-occ {
	border-bottom: 1px solid #323232;
	border-top: 1px solid #323232;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 16px;
	padding: 0px 8px;
	width: -moz-fit-content;
	width: fit-content;
}

#staff .system-ttl {
	border-bottom: 1px dashed #C4C4C4;
	font-size: clamp(1.125rem, 0.958rem + 0.35vw, 1.375rem);
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 14px;
	padding-bottom: 10px;
}

#staff .system-ttl-01 {
	border-bottom: 1px dashed #C4C4C4;
	font-size: clamp(1.125rem, 0.958rem + 0.35vw, 1.375rem);
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 14px;
	padding-bottom: 10px;
}

#staff .system-txt {
	font-size: clamp(1rem, 0.917rem + 0.17vw, 1.125rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.8571428571;
}

#staff .system-txt.single-page {
	font-size: clamp(1rem, 0.917rem + 0.17vw, 1.125rem);
	margin-bottom: 24px;
}

#staff .system-contents__wrap {
	display: grid;
	gap: 0 16px;
	grid-template-columns: repeat(2, 1fr);
	justify-content: center;
	margin-inline: auto;
	width: min(90%, 1100px);
}

/* event -------------------------------------*/
#event .system-list {
	display: grid;
	gap: clamp(2.5rem, 1.5rem + 2.0833333333vw, 4rem) clamp(1rem, 0.9787234043rem + 0.8510638298vw, 2rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

#event .system-list li a {
	width: 100%;
}

#event .system-pic {
	height: 370px;
	margin-bottom: 16px;
}

#event .system-pic img {
	height: 100%;
	width: 100%;
}

#event .system-ttl-01 {
	border-bottom: 1px dashed #323232;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#event .system-pic.event-closed {
	position: relative;
}

#event .system-i-pic.event-closed {
	position: relative;
}

#event .system-pic.event-closed .overlay {
	align-items: center;
	background-color: rgba(255, 255, 255, 0.7); /* より白い透明背景 */
	display: flex;
	height: 100%;
	inset: 0;
	justify-content: center;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1;
}

#event .system-pic.event-closed .overlay p {
	color: #323232; /* テキストの色 */
	font-size: clamp(1.5rem, 1.1666666667rem + 0.6944444444vw, 2rem);
	font-weight: bold;
	margin: 0;
}

#event .system-i-pic.event-closed .overlay {
	align-items: center;
	background-color: rgba(255, 255, 255, 0.7); /* より白い透明背景 */
	display: flex;
	height: 100%;
	inset: 0;
	justify-content: center;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1;
}

#event .system-i-pic.event-closed .overlay p {
	color: #323232; /* テキストの色 */
	font-size: clamp(1.5rem, 1.1666666667rem + 0.6944444444vw, 2rem);
	font-weight: bold;
	margin: 0;
}

#event .icon01 {
	background: none;
	height: 40px;
	margin-bottom: 23px;
	margin-inline: auto;
	width: 160px;
}

#event .icon02 {
	background: none;
	height: 40px;
	margin-bottom: 20px;
	margin-inline: auto;
	width: 160px;
}

#event .system-date {
	align-items: center;
	display: flex;
	gap: 0 12px;
	margin-bottom: 3px;
	position: relative;
	right: -3px;
}

#event .date-ttl {
	border-bottom: 1px solid #323232;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
	text-align: center;
	width: 82px;
}

#event .start_text {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
	width: calc(100% - 74px);
}

#event .event-lists {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 40px;
}

#event .system-date.single_event {
	display: grid;
	gap: 0;
	grid-template-columns: 30% 70%;
	margin-bottom: 0;
	position: static;
}

#event .date-ttl.single_event {
	background: #F6C003;
	border: none;
	border-bottom: 1px solid #fff;
	font-weight: 700;
	padding: 16px 0;
	width: 100%;
}

#event .start_text.single_event {
	background: #F4F4F4;
	border: none;
	padding: 16px 24px;
	width: 100%;
}

#event #contact_bottom .contact_contents-top {
	margin-bottom: 25px;
	padding-bottom: 35px;
}

#event .wysiwyg{width: 1000px; margin: 0 auto;}
#event .wysiwyg .wp-block-image{margin:0 0 30px 0;}


/* date -------------------------------------*/
#dcate .system-list{margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#dcate .system-list li{line-height: 1.4;width: 23.5%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 20px;}
#dcate .system-list li:nth-child(4n){ margin-right: 0}
#dcate .system-list li a:hover{ text-decoration: none; }
#dcate .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#dcate .system-list .btn::after { content: ' >';}
#dcate .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px;}
#dcate .system-pic img{ width: 100%; height: 180px; }
#dcate .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#dcate .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#dcate .system-ttl-01{font-size: 16px;margin-bottom: 10px;line-height: 1.4;}
#dcate .system-category-set { margin-bottom: 15px; margin-top: -15px;}
#dcate .serchcategory{ margin-bottom: 100px;}
#dcate .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#dcate .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}
#dcate .system-contents{ background: #eeefef; padding: 40px 20px; margin-bottom: 30px; }

#dcate .system-contents{background: #fff;padding: 40px;margin-bottom: 30px;border: solid #ccc 1px;}
#dcate .system-contents .system-category-set { margin-top: 0px; margin-bottom: 0;}
#dcate .system-contents-inner { background: #fff; padding: 40px 20px;}
#dcate .system-contents .system-date{ font-size: 16px; margin-bottom: 15px; display: block; }
#dcate .system-contents .system-ttl{font-size: 25px;font-weight: bold;margin-bottom: 30px;padding-bottom: 25px;border-bottom: 1px #ccc solid;line-height: 1.4;letter-spacing: 0.9px;}
#dcate .system-contents .system-i-pic{ text-align: center; margin-bottom: 50px; }
#dcate .system-contents .system-i-pic img{max-width: 100%;width: auto;height: auto;}
#dcate .system-gallery { background: #eeefef; padding: 30px 20px;}
#dcate .system-gallery h2 { text-transform: uppercase;}



/* blog -------------------------------------*/
/*blogサイドバー*/
/* #blog aside.sidebar { width: 23%; float: left; } */
#blog aside.sidebar .aside-blog-ttl { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; text-align: center;}
#blog aside.sidebar .aside-blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc;}
#blog aside.sidebar .aside-blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
#blog aside.sidebar .list-block { margin: 20px 0 40px;}
#blog aside.sidebar .acbox a {line-height: 1.4;font-size: 0.875rem;border-bottom: 1px dotted #ddd;padding-bottom: 15px;margin-bottom: 15px !important;display: block;}

#date aside.sidebar .aside-blog-ttl { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; text-align: center;}
#date aside.sidebar .aside-blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc;}
#date aside.sidebar .aside-blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
#date aside.sidebar .list-block { margin: 20px 0 40px;}
#date aside.sidebar .acbox a {line-height: 1.4;font-size: 0.875rem;border-bottom: 1px dotted #ddd;padding-bottom: 15px;margin-bottom: 15px !important;display: block;}

#blog-cat aside.sidebar .aside-blog-ttl { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; text-align: center;}
#blog-cat aside.sidebar .aside-blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc;}
#blog-cat aside.sidebar .aside-blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
#blog-cat aside.sidebar .list-block { margin: 20px 0 40px;}
#blog-cat aside.sidebar .acbox a {line-height: 1.4;font-size: 0.875rem;border-bottom: 1px dotted #ddd;padding-bottom: 15px;margin-bottom: 15px !important;display: block;}

#sidebar .widget_calendar { margin-bottom: 40px;}
table#wp-calendar {table-layout: fixed;width: 100%;margin: 5px auto 0 auto;padding: 0;border-collapse: collapse;border-spacing: 0;font-size: 12px;margin-bottom: 30px;}
table#wp-calendar caption {margin: 10px 0 0 0;padding: 10px;width: auto;text-align: center;font-weight: bold;background-color: #fff;border: thin solid #eee;border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;}
table#wp-calendar #today {display: block;font-weight: bold;background-color: #cef;z-index: 1;}
table#wp-calendar .pad {font-weight: bold;background-color: #eee;}
table#wp-calendar th,table#wp-calendar td {padding: 7px 0;vertical-align: middle;text-align: center;}
table#wp-calendar td {line-height: 1.8;border: thin solid #eee;background-color: #fff;}
table#wp-calendar th {font-style: normal;color: #333;border-left: thin solid #eee;border-right: thin solid #eee;background-color: #f0f0f0;}
table#wp-calendar a { font-size: 12px; color: #00a0dd; padding: 0; text-decoration: underline;}

/* form -------------------------------------*/
.priv-title{ text-align: center; margin-bottom: 20px; }
.priv-text{ padding: 20px; overflow-y:scroll; height: 250px; border:#ccc solid 1px; margin-bottom: 30px; background: #fff; }
.priv-text .priv-ttl{ margin-bottom: 10px; font-size: 16px; font-weight: bold; }
.priv-text p{ margin-bottom: 20px; font-size: 13px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ccc solid 1px; }
.priv{ text-align: center; margin-bottom: 30px; }
.priv-text .tt{ margin-bottom: 10px;  font-size: 20px; color: #333; font-weight: bold; }

.form-Box {
	line-height: 1.6;
	margin-bottom: -259px;
	position: relative;
	z-index: 10;
	background: #fff;
	width: min(95%,1400px);
	margin-inline: auto;
}
.l-inner.form {
	margin-inline: auto;
	width: min(95%, 1000px);
	padding: 58px 0px 95px;
}
.form-Box .form-icon {
	text-align: center;
	margin-bottom: 13px;
}
.form-Box .formttl {
	font-size: clamp(1.125rem, 0.958rem + 0.35vw, 1.375rem);
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 3.1;
	margin-bottom: 13px;
	padding-bottom: 20px;
	text-align: center;
	position: relative;
}
.form-Box .formtxt {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 2;
	margin-bottom: 53px;
	text-align: center;
}
.form-Box .list {
	margin-bottom: 38px;
}
.form-Box .list li {
	font-size: clamp(0.75rem, 0.6666666667rem + 0.1736111111vw, 0.875rem);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.8571428571;
}
.form-Box th.required {
	position: relative;
}
.form-Box th.required::after {
	position: absolute;
	content: "必須";
	color: #fff;
	background: #F09100;
	border-radius: 4px;
	font-size: 14px;
	line-height: 2.1;
	letter-spacing: 0.05em;
	font-weight: 400;
	right: -1px;
	top: 29px;
	padding: 0px 14px;
}
.form-Box .error {
	margin-bottom: 16px;
}
.form-Box .attention-color {
	color: #f00;
}
.form-Box .form-list li {
	padding-left: 16px;
	text-indent: -16px;
	margin-bottom: 3px;
}
.form-Box table {
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 1.6;
	width: 100%;
	border-collapse: collapse;
	font-family: inherit;
}
.form-Box tr {
	border-bottom:1px solid #D0D0D1;
}
.form-Box th {
	text-align: left;
	width: 30%;
	padding: 30px 40px 30px;
	vertical-align: top;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	font-weight: bold;
}
.form-Box th span {
	display: block;
	font-size: 14px;
}
.form-Box td {
	text-align: left;
	width: 70%;
	padding: 16px 25px 16px;
	vertical-align: top;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.form-Box td img { 
	max-width: 100%;
	height: auto;
}
.form-Box .button:hover { 
	cursor: pointer;
	cursor: hand; 
	opacity: 0.8;
}
.form-Box input[type="text"],
.form-Box input[type="email"],
.form-Box input[type="tel"],
.form-Box input[type="date"],
.form-Box input[type="datetime-local"],
.form-Box select,
.form-Box textarea {
	font-family: inherit;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	padding: 2%;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #e1e1e1;
}
.form-Box textarea {
	width: 96%;
	height: 170px;
}
.form-Box td.checkbox { 
	padding: 27px 25px 16px;
}
.form-Box select {
	border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	padding: 2% 10% 2% 4%;	
	width: 375px;	
}
#form .select-box {
	display: inline-block;
	position: relative;
	margin: -16px 0 0;
}
.select-box::after{
	position: absolute;
	content:'▼';
	top: 50%;
	right: 3%;
	color: inherit;
	pointer-events: none;
}

/* 送信ボタン -------------------------------------*/
.btn-confirm{
	text-align: center;
}
.mw_wp_form_confirm .confirm-hidden {
	display: none;
}
.btn-send{
	text-align: center;
}
.btn-item {
	display: inline-block;
	margin: 0 10px;
}
.btn-confirm　{
	text-align: center;
}
.mw_wp_form_confirm .confirm-hidden {
	display: none;
}
.btn-send {
	text-align: center;
}
.btn-item {
	display: inline-block;
	margin: 0 10px;
}
#form .input_area_wrap p {
	text-align: center;
	display: inline-block;
	position: relative;
}
#form .input_area_wrap p:hover::after {
	right: 48px;
}
#form .input_area_wrap.submit .input_area_back_wrap p {
	text-align: center;
	display: inline-block;
}
#form .input_area_wrap.submit p .input_area_back_wrap p::after {
	content: none;
}
#form .confirm_button { /*確認画面ボタン*/
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
  width: clamp(41.25rem, 38.75rem + 5.21vw, 45rem);
  margin-inline: auto;
	background:#BC9025;
	color: #fff;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	font-weight: bold;
	padding: 27px 0;
	font-optical-sizing: auto;
	font-style: normal;
	transition: 0.2s ease;
  border-radius: 200px;
  font-family: inherit;
}
#form .input_area_wrap p::after { /*確認画面ボタンの矢印*/
	position: absolute;
	content: "";
	background: url(../images/common/form_btn.svg) no-repeat center center / contain;
	width: 10px;
	height: 25px;
	top: 50%;
	transform: translateY(-50%);
	right: 58px;
	transition: 0.2s ease-in-out;
}

#form .back_button { /*戻るボタン*/
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
  background: #313131;
  width: clamp(41.25rem, 38.75rem + 5.21vw, 45rem);
	color: #fff;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	font-weight: bold;
	padding: 27px 0;
	font-optical-sizing: auto;
	font-style: normal;
	transition: 0.2s ease;
  border-radius: 200px;
  font-family: inherit;
}
#form .back_button:hover {
	
}
#form .confirm_area {

}
input[type="submit"] { /*送信ボタン*/
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: clamp(41.25rem, 38.75rem + 5.21vw, 45rem);
	background:#FFC000;
	color: #fff;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	font-weight: bold;
	padding: 27px 0;
	font-optical-sizing: auto;
	font-style: normal;
	transition: 0.2s ease;
  border-radius: 200px;
  font-family: inherit;
}
#form .input_area_wrap.submit {
	margin-bottom: 40px;
}
#form .input_area_wrap.submit p::after {
	position: absolute;
	content: "";
	background: url(../images/common/form_btn.svg) no-repeat center center / contain;
	width: 10px;
	height: 25px;
	top: 50%;
	transform: translateY(-50%);
	right: 58px;
	transition: 0.2s ease-in-out;
}
#form .input_area_wrap.submit p:hover::after {
	right: 48px;
}
#form .confirm_button:hover{
	cursor: pointer;
}
#form .back_button:hover {
	cursor: pointer;
}
input[type="submit"]:hover {
	
}
span.wpcf7-spinner {
	display: none;
}

/* 見た目 -------------------------------------*/
.wpcf7-list-item {
	margin: 0;
}
.wpcf7-list-item.first {
	margin: 0;
}
#buy .wpcf7-list-item.last {
	margin: 0;
}
.wpcf7-form-control.wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 1em;
}
#contact .wpcf7-list-item {
	margin: 0;
}
#recruit .wpcf7-list-item {
	margin: 0;
}
#priv .wpcf7-form-control.wpcf7-checkbox {
	justify-content: center;
}
#priv .wpcf7-form-control.wpcf7-checkbox {
	justify-content: center;
}
.form-Box input[type="date"]:hover {
  cursor: pointer;
}
.form-Box select:hover {
  cursor: pointer;
}

/* プライバシーポリシー -------------------------------------*/
#priv {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 57px;
}
#priv div p span:hover {
  cursor: pointer;
}
.priv-title {
	text-align: center;
	margin-bottom: 20px;
}
.priv-text {
	padding: 20px;
	overflow-y: scroll;
	height: 240px;
	border: #282828 solid 1px;
	margin-bottom: 43px;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 20px; 
}
.priv-text .priv-ttl {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}
.priv-text p {
	font-size: 13px;
	padding-bottom: 20px;
	border-bottom: #ccc solid 1px;
	text-align: left;
	line-height: 1.6;
}
.priv-text .tt {
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
#form .input_area.num,
#form .confirm_area.num {
	display: flex;
	align-items: center;
	gap: 16px; 
}
#form .input_area.num p,
#form .confirm_area.num p {
	display: flex;
	align-items: center;
	gap: 4px;
}
#contact .wpcf7-list-item:hover {
	cursor: pointer;
}
#form input[type="submit"]:hover {
	cursor: pointer;
}
#form .input_area_back_wrap:hover {
	cursor: pointer;
}
#form .time_ttl {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.form-Box td.hope {
  padding: 30px 25px 16px;
}
.form-Box td.hope .input_area {
  display: grid;
  grid-template-columns: repeat(1,minmax(0, 1fr));
  gap: 8px 0;
} 

}


@media screen and (min-width:768px) and ( max-width:1500px) {
#senior .main-txt {
	left: calc(50% - 47.333vw);
	margin-bottom: 3.467vw;
	position: relative;
	width: min(85%,1000px);
}
#senior .main-title {
	left: calc(50% - 45.4vw);
}
#senior .main-txt02 {
	left: calc(50% - 45.333vw);
}
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
#gallery .system-pic {
  height: 14.286vw;
  margin-bottom: 0.786vw;
}

#info .system-pic {
  height: 18.571vw;
  margin-bottom: 1.214vw;
}

#event .system-pic {
  height: 26.429vw;
  margin-bottom: 1.143vw;
}

}

@media screen and (min-width: 768px) and (max-width: 1100px) {

#voice .system-pic {
  height: 23.636vw;
  margin-bottom: 1.545vw;
}

}

@media screen and (min-width: 768px) and (max-width: 1000px) {
#voice .system-pic {
	height: 28.2vw;
}

#gallery .system-category span {
	font-size: 12px;
}

#gallery .system-category span {
	padding: 0 8px 0;
}

#gallery .system-list2 {
	gap: 21px clamp(0.5rem, -6.121rem + 13.79vw, 2.5rem);
}
}
	



@media screen and (max-width: 767px) {

.wysiwyg-btn-list{}
.wysiwyg-btn-list .btn-frame{ width: 100%; margin: 0 auto;
-ms-flex-wrap: wrap;flex-wrap: wrap;
display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-orient:horizontal;-webkit-box-direction:normal;
justify-content: center;align-items: center;}
.wysiwyg-btn-list .btn-frame li{ width: 40%; margin:0 2.5% 0 2.5%; list-style: none;}
.wysiwyg-btn-list .btn-frame li img{ width: 100%;}


.page-list {
	font-size: 3.2vw;
	margin: 10vw 0 20vw;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.page-list span {
	background: #eeefef;
	padding: 2.2vw 2vw 2.2vw 2vw;
	margin: 0 1vw 0 1vw;
	display: inline-block;
}
.page-list span.active {
	background: #231815;
	color: #fff;
}
.page-list span.active a {
	color: #fff;
}
.page-list a {
	padding: 2vw;
	margin: 0 1vw 0 1vw;
	display: inline-block;
	border: 1px solid #ddd;
}
.pagen {
	width: 98vw;
	margin: 0 auto 10vw auto;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.pagen:nth-of-type(1) {
	margin-bottom: 5vw;
}
.page-navi {
	font-size: 3.8vw;
}
.page-navi li {
	display: inline-block;
}
.page-navi li.active {
	background: #ccc;
}
.page-navi a {
	padding: 1vw;
	display: inline-block;
}
.page-navi .fast {
	margin-right: 0;
}
.page-navi .last {}
.page-navi .fast::after {
	content: "|";
	display: inline-block;
	margin: 0 1vw;
}
.pagen .list {
	float: right;
}
.pagen .list a {
	margin: 0 auto;
	color: #fff;
	font-size: 3.8vw;
	padding: 1vw 4vw;
	text-align: center;
	display: inline-block;
	background: #000;
}
.pagen .list a:hover {
	background: #666;
	text-decoration: none;
}
.btnArea {
	text-align: center;
	margin: 10vw auto;
	padding: 0;
}
.btnArea a {
	font-weight: bold;
	margin: 0 auto;
	color: #fff;
	padding: 2.5vw 8vw;
	font-size: 3.2vw;
	text-align: center;
	display: block;
	background: #000;
	letter-spacing: 0.2vw;
}
.btnArea-s {
	text-align: center;
}
.btnArea-s a {
	font-weight: bold;
	margin: 0 auto;
	color: #fff;
	padding: 3vw 10vw;
	font-size: 3.2vw;
	text-align: center;
	display: inline-block;
	background: #000;
	letter-spacing: 0.2vw;
}
.btnArea-s::after {
	content: '';
	display: block;
	margin-bottom: 10vw;
}
.borderwrap {
	width: 94vw;
	margin: 0 auto 10vw;
	line-height: 1.6;
}
.borderwrap h2 {
	font-size: 3.2vw;
	font-weight: bold;
	margin-bottom: 5vw;
	padding-bottom: 5vw;
	border-bottom: 0.2vw #ccc solid;
}
.borderwrap p {
	font-size: 3.6vw;
}
.system-gallery {
	background: #eeefef;
	padding: 5vw 3vw;
}
.system-gallery h2 {
	text-transform: uppercase;
}
.gallery-list {
	display: flex;
	flex-wrap: wrap;
	margin-right: -4vw;
}
.gallery-list figure.wp-block-image {
	width: 46vw!important;
	max-width: 47vw!important;
	position: relative;
	margin: 0 2% 2vw 0!important;
	font-size: 3.6vw;
	line-height: 1.4;
	height: 32vw;
}
.gallery-list figure.wp-block-image:nth-of-type(2n) {
	margin-right: 0!important;
}
.gallery-list figure.wp-block-image a:hover {
	text-decoration: none;
}
.gallery-list figure.wp-block-image {
	display: block;
	width: 100%;
	height: 30vw;
	overflow: hidden;
	text-align: center;
	margin-bottom: 5vw;
}
.gallery-list figure.wp-block-image::after {
	content: url('../images/common/icon_plus.jpg');
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: scale(0.5);
	transform-origin: bottom right;
}
.gallery-list figure.wp-block-image img {
	width: 100%!important;
	height: 30vw!important;
}
.gallery-ttl {
	text-align: center!important;
	margin-top: 7vw!important;
	margin-bottom: 5vw!important;
}
.catebox {
	margin: 0 4vw 4vw;
}
p.sub-title1 {
	font-size: 5vw;
	position: relative;
	left: 8vw;
}
p.sub-title1 .span1 {
	font-size: 3vw;
	position: absolute;
	left: 10vw;
	top: -3vw;
}
p.sub-title1 .span2 {
	font-size: 6vw;
	position: absolute;
	left: 25vw;
	top: -1vw;
}
.serchcategory1 {
	width: 90vw;
	margin: 0 auto 10vw;
	position: relative;
	top: 5vw;
	display: flex;
	flex-wrap: wrap;
}
.serchcategory1 a {
	width: 47%;
	color: #fff;
	margin-bottom: 3vw;
	margin-right: 3%;
}
.serchcategory1 .icon {
	display: inline-block;
	font-size: 3.6vw;
	font-weight: bold;
	text-align: center;
	padding: 2vw 0;
	position: relative;
	width: 100%;
}
.serchcategory1 .icon::after {
	content: "";
	width: 20vw;
	height: 20vw;
	background: url(../images/common/category-icon.png) no-repeat right top;
	position: absolute;
	right: -1vw;
	top: 5vw;
	z-index: 1;
}
.fmname {
	width: 47%!important;
}
.cate-list {
	background: #f8f8f8;
	margin-bottom: 20vw;
	padding: 3.6vw;
}
.cate-list .cate-ttl {
	border-bottom: 0.1vw dotted #333;
	padding-bottom: 1.3vw;
	margin-bottom: 2.6vw;
	font-size: 3.8vw;
	font-weight: 700;
}
.cate-list span {
	display: inline-block;
	margin-right: 2.6vw;
  margin-bottom: 2.6vw;
}
.cate-list span a {
	display: inline-block;
	padding: 1.3vw 2.6vw;
	background: #fff;
  border-bottom: 0.2vw solid #323232;
  border-top: 0.2vw solid #323232;
}
.cate-list span a:hover {
	text-decoration: none;
}
.tag-list {
	background: #f8f8f8;
	margin-bottom: 2.6vw;
	padding: 3.6vw;
}
.tag-list .tag-ttl {
	border-bottom: 0.1vw dotted #333;
	padding-bottom: 1.3vw;
	margin-bottom: 2.6vw;
	font-size: 3.8vw;
	font-weight: 700;
}
.tag-list span {
	display: inline-block;
	margin-right: 2.6vw;
}
.tag-list span a {
	display: inline-block;
	padding: 1.3vw 2.6vw;
	border: 1px solid #333;
}
.tag-list span a:hover {
	text-decoration: none;
}
.taxttl {
	text-align: center;
	font-size: 3.6vw;
	margin-bottom: 5vw;
}
.systemtab-list {
	font-size: 3.2vw;
	line-height: 1.6;
	margin-bottom: 5vw;
}
.systemtab-list li {
	width: 100%;
	border: #ccc 0.2vw solid;
	margin-bottom: -0.2vw;
	border-bottom: none;
}
.systemtab-list li:last-child {
	border-bottom: 0.2vw solid #ccc;
}
.systemtab-list li .systemtab-list-ttl {
	border-bottom: #ccc dotted 0.2vw;
	width: 100%;
	padding: 3vw;
	background: #f8f8f8;
}
.systemtab-list li p {
	width: 100%;
	padding: 3vw;
	background: #fff;
}
.other-ttl {
	text-align: center;
	border-bottom: 0.1vw dotted #333;
	padding-bottom: 2.6vw;
	margin-bottom: 3.9vw;
}
.system-contents iframe {
	width: 100%;
	height: 70vw;
}
.system-contents .mapbox {}
.system-contents .mapbox .mapttl {
	margin-top: 5vw;
}
.system-contents .mapbox iframe {
	width: 100%;
	height: 70vw;
}
.required::after {
	content: "【必須】";
	color: #f00;
}
.system-tblbox tr td:nth-child(1) {
	display: block;
	width: 100%;
	background: #f8f8f8;
	font-size: 3.6vw;
	font-weight: 700;
	margin: 0;
	margin-bottom: -0.2vw;
}
.system-tblbox tr td:nth-child(2) {
	display: block;
	width: 100%;
	background: #fff;
	font-size: 3.6vw;
	margin: 0;
	margin-bottom: -0.2vw;
}
.system-tblbox tr td:nth-child(3) {
	display: block;
	width: 100%;
	background: #f8f8f8;
	font-size: 3.6vw;
	font-weight: 700;
	margin: 0;
	margin-bottom: -0.2vw;
}
.system-tblbox tr td:nth-child(4) {
	display: block;
	width: 100%;
	background: #fff;
	font-size: 3.6vw;
	margin: 0;
	margin-bottom: -0.2vw;
}
.system-tblbox tr {
	margin-bottom: -0.2vw;
	display: block;
}
.system-tblbox {
	margin-top: 6vw;
}
#search-area {
	background: #f8f8f8;
	border: #ccc solid 0.1vw;
	padding: 5.2vw;
	margin: 0 5vw 3.9vw;
}
#search-area .works-search {
	height: 9.5vw;
	padding-top: 0.7vw!important;
	overflow: hidden;
	display: block;
	margin: 0 4vw;
	border: 0;
	background: #333;
	color: #fff;
	font-size: 3.6vw;
	border-radius: 1.3vw;
	width: 70vw;
}
#search-area .sh-ttl {
	font-size: 3.6vw;
	line-height: 1.6;
	letter-spacing: 0.3vw;
	font-weight: 500;
	border-bottom: 0.1vw dotted;
	padding-bottom: 1.3vw;
	margin-bottom: 2.6vw;
}
#search-area .shbox {
	margin-bottom: 4.9vw;
}

/* common -------------------------------------*/
.system-list {
	margin-bottom: 5vw;
}
.system-contents {
	margin-bottom: 19.324vw;
	margin-inline: auto;
	width: min(95%, 94.2vw);
}
.system-ttl-01 {
	font-size: 3.5vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.5555555556;
	margin-bottom: 5vw;
}
.system-ttl {
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.5555555556;
	margin-bottom: 9.662vw;
}
.system-i-pic {
	margin-bottom: 9.662vw;
	text-align: center;
}
.system-i-pic img {
	max-height: 152.174vw;
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.system-ttl-02 {
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.5555555556;
	margin-bottom: 5.797vw;
	text-align: center;
}
.systemtab-list2 {
	display: grid;
	gap: 9.662vw 0;
	grid-template-columns: repeat(1, 1fr);
	margin-bottom: 15.459vw;
}
.systemtab-list2 li {
	display: grid;
	gap: 3.865vw 0;
	grid-template-columns: repeat(1, 1fr);
}
.systemtab-list2-img img {
	height: 77.295vw;
	width: 100%;
}
.systemtab-list2-ttl {
	border-bottom: 0.4vw solid #282828;
	font-size: 3.865vw;
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 1.5625;
	margin-bottom: 5.797vw;
	padding-bottom: 3.865vw;
}
.systemtab-list2-txt {
	font-size: 3.865vw;
	font-weight: 700;
	letter-spacing: 0em;
	line-height: 1.5625;
}
.gallery-list {
	display: grid;
	gap: 5.797vw 3.865vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-inline: auto;
	width: min(95%, 94.2vw);
}
.gallery-list li span a {
	display: inline-block;
}
.gallery-list li span a .img-wrap {
	position: relative;
	margin-bottom: 1.932vw;
	aspect-ratio: 1 / 1;
	height: 100%;
}
.gallery-list li span a .img-wrap img {
	height: 100%;
	width: 100%;
}
.gallery-list li span a .img-wrap::after {
	background: url("../images/common/icon_plus.jpg") no-repeat center center/contain;
	bottom: 0px;
	content: "";
	height: 5.797vw;
	position: absolute;
	right: 0;
	width: 5.797vw;
	z-index: 2;
}
.cate-list {
	margin-inline: auto;
	width: min(95%, 94.2vw);
}
.other-wrap {
	margin-bottom: 9.662vw;
	max-width: 94.203vw;
	width: 95%;
	margin-inline: auto;
}
.other-ttl {
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.5555555556;
}
.pagen {
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

/* blog -------------------------------------*/
#sidebar .widget_calendar { margin-bottom: 6vw;}
table#wp-calendar {table-layout: fixed;width: 100%;margin: 1vw auto 0 auto;padding: 0;border-collapse: collapse;border-spacing: 0;font-size: 2.5vw;margin-bottom: 4vw;}
table#wp-calendar caption {margin: 2vw 0 0 0;padding: 2vw;width: auto;text-align: center;font-weight: bold;background-color: #fff;border: thin solid #eee;border-radius: 0.5vw 0.5vw 0 0;-moz-border-radius: 0.5vw 0.5vw 0 0;-webkit-border-radius: 0.5vw 0.5vw 0 0;}
table#wp-calendar #today {display: block;font-weight: bold;background-color: #cef;z-index: 1;}
table#wp-calendar .pad {font-weight: bold;background-color: #eee;}
table#wp-calendar th,table#wp-calendar td {padding: 1vw 0;vertical-align: middle;text-align: center;}
table#wp-calendar td {line-height: 1.8;border: thin solid #eee;background-color: #fff;}
table#wp-calendar th {font-style: normal;color: #333;border-left: thin solid #eee;border-right: thin solid #eee;background-color: #f0f0f0;}
table#wp-calendar a { font-size: 2.5vw; color: #00a0dd; padding: 0; text-decoration: underline;}

/*blogサイドバー*/
aside.sidebar { width: 94% !important; margin: 0 auto;}
aside.sidebar .aside-blog-ttl { border-bottom: 1px solid #ccc; padding-bottom: 5%; margin-bottom: 5%; text-align: center;}
aside.sidebar .aside-blog-ttl span.en { font-size: 3.4vw; display: block; margin-bottom: 3%; letter-spacing: 1px; color: #ccc;}
aside.sidebar .aside-blog-ttl span.jp { font-size: 3vw; font-weight: bold; }
aside.sidebar .list-block { margin: 10% 0 15%;}
aside.sidebar .acbox a {line-height: 1.6;font-size: 3.4vw;border-bottom: 1px dotted #ddd;padding-bottom: 3vw;margin-bottom: 3vw !important;display: block;}

.wysiwyg p {
	font-size: 3.381vw;
	line-height: 2.2;
  margin-bottom: 5vw;
}

#lineup .system-list {
	display: grid;
	gap: 8vw 5vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

#lineup .system-category {
	margin-bottom: 1vw;
	text-align: center;
}

#lineup .system-category.single-page {
  margin-bottom: 5vw;
}

#lineup .system-category.no-category {
	margin-bottom: 0;
}

#lineup .system-category.no-category span {
	border: none;
}

#lineup .system-category span {
	background: #fff;
	border-bottom: 0.2vw solid #323232;
	border-top: 0.2vw solid #323232;
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1666666667;
	margin-inline: auto;
	padding: 0px 5.831vw 0px;
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 10;
}

#lineup .system-ttl-01 {
	margin-bottom: 2vw; text-align: center;
	font-size:3.623vw;line-height: 1.6; letter-spacing: 0;
}

#lineup .system-pic {
	height: 27.053vw;
	margin-bottom: 2.382vw;
}

#lineup .system-pic img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#lineup .system_txt{
	font-size:3.382vw; line-height: 1.6; letter-spacing:0.25vw; 
}


#lineup .system_txt.single-page {
  margin-bottom: 8vw;
  text-align: left; font-weight:bold;
  border:1px solid #aaa;
  padding: 3vw 3vw 2.5vw 3vw;
  font-size:3.865vw; line-height: 1.6; letter-spacing: 1px; 
}

#lineup-cat .system-list {
	display: grid;
	gap: 5vw 5vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 10vw;
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

#lineup-cat .system-category {
	margin-bottom: 1vw;
	text-align: center;
}

#lineup-cat .system-category.no-category {
	margin-bottom: 0;
}

#lineup-cat .system-category.no-category span {
	border: none;
}

#lineup-cat .system-category span {
	background: #fff;
	border-bottom: 0.2vw solid #323232;
	border-top: 0.2vw solid #323232;
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1666666667;
	margin-inline: auto;
	padding: 0px 5.831vw 0px;
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 10;
}

#lineup-cat .system-ttl-01 {
	margin-bottom: 2vw;
}

#lineup-cat .system-pic {
	height: 27.053vw;
	margin-bottom: 2.382vw;
}

#lineup-cat .system-pic img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#gallery .system-list {
	display: grid;
	gap: 8vw 2.246vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 12vw;
	margin-inline: auto;
	width: min(95%, 89.3vw);
}

#gallery .system-category {
	margin-bottom: -2vw;
  text-align: center;
}

#gallery .system-category.single {
	margin-bottom: 3.865vw;
}

#gallery .system-category.single span {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

#gallery .system-category.no-category {
	margin-bottom: 0;
}

#gallery .system-category.no-category span {
	border: none;
}

#gallery .system-category span {
	background: #fff;
	border-bottom: 0.2vw solid #323232;
	border-top: 0.2vw solid #323232;
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1666666667;
	margin-inline: auto;
	padding: 0px 5.831vw 0px;
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 10;
}

#gallery .system-pic {
	height: 27.053vw;
	margin-bottom: 2.382vw;
}

#gallery .system-pic img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#gallery .system-ttl-01 {
	font-size: 3.2vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.625;
	margin-bottom: 0.415vw;
}

#gallery .system-area {
	color: #63A1A0;
	font-size: 3.1vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.6;
	padding-left: 2.415vw;
	position: relative;
}

#gallery .system-area:before {
	background: #323232;
	content: "";
	height: 4.348vw;
	left: 0;
	position: absolute;
	top: 1.382vw;
	width: 0.242vw;
}

#gallery .system-category-tags {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 3.382vw;
	font-weight: 400;
	gap: 0 3.865vw;
	justify-content: center;
	letter-spacing: 0.05em;
	line-height: 2;
  margin-bottom: 5vw;
}

#gallery .system-gallery-lists {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 5.797vw;
}

#gallery .system-gallery-list {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

#gallery .system-list-txt {
	background: #F4F4F4;
	border-bottom: 1px solid #fff;
	font-size: 3.381vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 3.865vw 3.865vw 3.865vw;
}

#gallery .system-list-txt02 {
	font-size: 3.381vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 3.865vw 3.865vw 3.865vw;
}

#gallery-cat .system-list {
	display: grid;
	gap: 8vw 2.246vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 12vw;
	margin-inline: auto;
	width: min(95%, 89.3vw);
}

#gallery-cat .system-category {
	margin-bottom: -2vw;
}

#gallery-cat .system-category.single {
	margin-bottom: 3.865vw;
}

#gallery-cat .system-category.single span {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

#gallery-cat .system-category.no-category {
	margin-bottom: 0;
}

#gallery-cat .system-category.no-category span {
	border: none;
}

#gallery-cat .system-category span {
	background: #fff;
	border-bottom: 0.2vw solid #323232;
	border-top: 0.2vw solid #323232;
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1666666667;
	margin-inline: auto;
	padding: 0px 5.831vw 0px;
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 10;
}

#gallery-cat .system-pic {
	height: 27.053vw;
	margin-bottom: 2.382vw;
}

#gallery-cat .system-pic img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#gallery-cat .system-ttl-01 {
	font-size: 3.865vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.625;
	margin-bottom: 0.415vw;
}

#gallery-cat .system-area {
	color: #63A1A0;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
	padding-left: 2.415vw;
	position: relative;
}

#gallery-cat .system-area:before {
	background: #323232;
	content: "";
	height: 4.348vw;
	left: 0;
	position: absolute;
	top: 1.382vw;
	width: 0.242vw;
}

#gallery-cat .system-category-tags {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 3.382vw;
	font-weight: 400;
	gap: 0 3.865vw;
	justify-content: center;
	letter-spacing: 0.05em;
	line-height: 2;
}

#gallery-cat .system-gallery-lists {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 5.797vw;
}

#gallery-cat .system-gallery-list {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

#gallery-cat .system-list-txt {
	background: #F4F4F4;
	border-bottom: 1px solid #fff;
	font-size: 3.865vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 3.865vw 3.865vw 3.865vw;
}

#gallery-cat .system-list-txt02 {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 3.865vw 3.865vw 3.865vw;
}

#gallery .system-contents {
  width: min(95%,94.9vw);
  margin-inline: auto;
}

#voice .system-list {
	display: grid;
	gap: 2vw 2vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

#voice .system-pic {
	height: 32.986vw;
	margin-bottom: 1.415vw;
}

#voice .system-pic img {
	height: 100%;
	width: 100%;
}

#voice .p-voice__area-wrap {
	align-items: center;
	display: flex;
	gap: 0 0px;
}

#voice .p-voice__area-wrap.single {
	margin-bottom: 5.797vw;
}

#voice .system-area {
	color: #8F8F8F;
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.3333333333;
}

#voice .system-area.single {
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.3333333333;
}

#voice .system-line {
	color: #8F8F8F;
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.3333333333;
}

#voice .system-line.single {
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.3333333333;
}

#voice .system-cus {
	color: #8F8F8F;
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.3333333333;
}

#voice .system-cus.single {
	font-size: 2.899vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.3333333333;
}

#info .system-list {
	display: grid;
	gap: 4vw 2vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

#info .system-list li a {
	background: #fff;
	border: 1px solid #F4F4F4;
	box-shadow: 0px 10px 10px -5px rgba(50, 50, 50, 0.3);
	display: inline-block;
	padding: 3.382vw 4.348vw 8.696vw;
	width: 100%;
}

#info .system-date {
	color: #8F8F8F;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
}

#info .system-pic {
	height: 28.986vw;
	margin-bottom: 1.415vw;
}

#info .system-pic img {
	height: 100%;
	width: 100%;
}

#info .system-category {
	display: grid;
	gap: 1.449vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 1.691vw;
}

#info .system-category.single {
	margin-bottom: 0;
}

#info .system-category.no-category {
	display: block;
	margin-bottom: 2.415vw;
}

#info .system-category span {
	background: #323232;
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 2.415vw;
	width: -moz-fit-content;
	width: fit-content;
}

#info .system-top {
	align-items: center;
	display: flex;
	gap: 0 3.865vw;
	margin-bottom: 3.865vw;
}

#info .cate-list span a {
	background: #323232;
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 2.415vw;
	width: -moz-fit-content;
	width: fit-content;
}

#info-cat .system-list {
	display: grid;
	gap: 4vw 2vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-inline: auto;
	width: min(95%, 94.2vw);
width: min(95%, 94.2vw);
  
}

#info-cat .system-list li a {
	background: #fff;
	border: 1px solid #F4F4F4;
	box-shadow: 0px 10px 10px -5px rgba(50, 50, 50, 0.3);
	display: inline-block;
	padding: 3.382vw 4.348vw 8.696vw;
	width: 100%;
}

#info-cat .system-date {
	color: #8F8F8F;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
}

#info-cat .system-pic {
	height: 28.986vw;
	margin-bottom: 1.415vw;
}

#info-cat .system-pic img {
	height: 100%;
	width: 100%;
}

#info-cat .system-category {
	display: grid;
	gap: 1.449vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 1.691vw;
}

#info-cat .system-category.single {
	margin-bottom: 0;
}

#info-cat .system-category.no-category {
	display: block;
	margin-bottom: 2.415vw;
}

#info-cat .system-category span {
	background: #323232;
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 2.415vw;
	width: -moz-fit-content;
	width: fit-content;
}

#info-cat .system-top {
	align-items: center;
	display: flex;
	gap: 0 3.865vw;
	margin-bottom: 3.865vw;
}

#info-cat .cate-list span a {
	background: #323232;
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 2.415vw;
	width: -moz-fit-content;
	width: fit-content;
}

#blog main {
	display: grid;
	gap: 7.729vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 19.324vw;
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

#blog .mainContents {
	order: 1;
}

#blog .sidebar {
	order: 2;
}

#blog .system-list {
	display: grid;
	gap: 3.865vw 0px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 9.662vw;
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

#blog .system-list li {
	border-bottom: 0.2vw dotted #CCCCCC;
	padding-bottom: 3.865vw;
}

#blog .system-list a {
	display: grid;
	gap: 0 3.623vw;
	grid-template-columns: 40% minmax(0, 1fr);
}

#blog .system-pic {
	height: 28.986vw;
}

#blog .system-pic img {
	height: 100%;
	width: 100%;
}

#blog .textbx {
	padding: 0.966vw 0 0;
}

#blog .system-date {
	color: #808080;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7142857143;
}

#blog .system-category {
	display: grid;
	gap: 1.449vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 1.691vw;
}

#blog .system-category.single {
	margin-bottom: 0;
}

#blog .system-category span {
	background: #323232;
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 2.415vw;
	width: -moz-fit-content;
	width: fit-content;
}

#blog .system-ttl-01 {
	font-size: 3.623vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

#blog-cat main {
	display: grid;
	gap: 7.729vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 19.324vw;
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

#blog-cat .mainContents {
	order: 1;
}

#blog-cat .sidebar {
	order: 2;
}

#blog-cat .system-list {
	display: grid;
	gap: 3.865vw 0px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 9.662vw;
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

#blog-cat .system-list li {
	border-bottom: 0.2vw dotted #CCCCCC;
	padding-bottom: 3.865vw;
}

#blog-cat .system-list a {
	display: grid;
	gap: 0 3.623vw;
	grid-template-columns: 40% minmax(0, 1fr);
}

#blog-cat .system-pic {
	height: 28.986vw;
}

#blog-cat .system-pic img {
	height: 100%;
	width: 100%;
}

#blog-cat .textbx {
	padding: 0.966vw 0 0;
}

#blog-cat .system-date {
	color: #808080;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7142857143;
}

#blog-cat .system-category {
	display: grid;
	gap: 1.449vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 1.691vw;
}

#blog-cat .system-category.single {
	margin-bottom: 0;
}

#blog-cat .system-category span {
	background: #323232;
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 2.415vw;
	width: -moz-fit-content;
	width: fit-content;
}

#blog-cat .system-ttl-01 {
	font-size: 3.623vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

#cate main {
	display: grid;
	gap: 7.729vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 19.324vw;
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

#cate .mainContents {
	order: 1;
}

#cate .sidebar {
	order: 2;
}

#cate .system-list {
	display: grid;
	gap: 3.865vw 0px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 9.662vw;
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

#cate .system-list li {
	border-bottom: 0.2vw dotted #CCCCCC;
	padding-bottom: 3.865vw;
}

#cate .system-list a {
	display: grid;
	gap: 0 3.623vw;
	grid-template-columns: 40% minmax(0, 1fr);
}

#cate .system-pic {
	height: 28.986vw;
}

#cate .system-pic img {
	height: 100%;
	width: 100%;
}

#cate .textbx {
	padding: 0.966vw 0 0;
}

#cate .system-category {
	display: grid;
	gap: 1.449vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 1.691vw;
}

#cate .system-category.single {
	margin-bottom: 0;
}

#cate .system-category span {
	background: #323232;
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 2.415vw;
	width: -moz-fit-content;
	width: fit-content;
}

#cate .system-ttl-01 {
	font-size: 3.623vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

#staff .system-list {
	display: grid;
	gap: 3.865vw 3.865vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

#staff .other-wrap {
	margin-bottom: 0;
}

#staff .system-list li a {
	display: inline-block;
	height: 100%;
}

#staff .system-pic {
	aspect-ratio: 1/1;
	margin-bottom: 1.932vw;
}

#staff .system-pic img {
	height: 100%;
	width: 100%;
}

#staff .system-bottom {
	padding: 0 3.865vw 3.865vw;
}

#staff .system-occ {
	border-bottom: 1px solid #323232;
	border-top: 1px solid #323232;
	font-size: 3.865vw;
	line-height: 2;
	margin-bottom: 3.865vw;
	margin-inline: auto;
	padding: 0px 1.932vw;
	width: -moz-fit-content;
	width: fit-content;
}

#staff .system-ttl {
	border-bottom: 0.2vw dashed #C4C4C4;
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 3.382vw;
	padding-bottom: 2.415vw;
}

#staff .system-ttl-01 {
	border-bottom: 0.2vw dashed #C4C4C4;
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 3.382vw;
	order: 2;
	padding-bottom: 2.415vw;
	text-align: center;
}

#staff .system-txt {
	font-size: 3.865vw;
	line-height: 2;
	margin-bottom: 3.865vw;
}

#staff .system-txt.single-page {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	order: 3;
	text-align: center;
}

#staff .system-i-pic {
	order: 4;
}

#staff .wysiwyg {
	font-size: 3.865vw;
	order: 5;
}

#staff .system-contents__wrap {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-inline: auto;
width: min(95%, 94.2vw);  
}

#staff .system-contents__left.single-page {
	display: contents;
}

#event .system-list {
	display: grid;
	gap: 9.662vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

#event .system-list li a {
	width: 100%;
}

#event .system-pic {
	height: 62.802vw;
	margin-bottom: 3.865vw;
}

#event .system-pic img {
	height: 100%;
	width: 100%;
}

#event .system-ttl-01 {
	border-bottom: 1px dashed #323232;
	margin-bottom: 3.623vw;
	padding-bottom: 3.623vw;
}

#event .system-pic.event-closed {
	position: relative;
}

#event .system-i-pic.event-closed {
	position: relative;
}

#event .system-pic.event-closed .overlay {
	align-items: center;
	background-color: rgba(255, 255, 255, 0.7); /* より白い透明背景 */
	display: flex;
	height: 100%;
	inset: 0;
	justify-content: center;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1;
}

#event .system-pic.event-closed .overlay p {
	color: #323232; /* テキストの色 */
	font-size: 5.797vw;
	font-weight: bold;
	margin: 0;
}

#event .system-i-pic.event-closed .overlay {
	align-items: center;
	background-color: rgba(255, 255, 255, 0.7); /* より白い透明背景 */
	display: flex;
	height: 100%;
	inset: 0;
	justify-content: center;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1;
}

#event .system-i-pic.event-closed .overlay p {
	color: #323232; /* テキストの色 */
	font-size: 5.797vw;
	font-weight: bold;
	margin: 0;
}

#event .icon01 {
	background: none;
	height: 9.662vw;
	margin-bottom: 5.556vw;
	margin-inline: auto;
	width: 38.647vw;
}

#event .icon02 {
	background: none;
	height: 9.662vw;
	margin-bottom: 4.831vw;
	margin-inline: auto;
	width: 38.647vw;
}

#event .system-date {
	align-items: center;
	display: flex;
	gap: 0 2.899vw;
	margin-bottom: 0.725vw;
	position: relative;
	right: -0.725vw;
}

#event .date-ttl {
	border-bottom: 1px solid #323232;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
	text-align: center;
	width: 19.807vw;
}

#event .start_text {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.1428571429;
	width: calc(100% - 17.874vw);
}

#event .event-lists {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 5.797vw;
}

#event .system-date.single_event {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 0;
	position: static;
}

#event .date-ttl.single_event {
	background: #F6C003;
	border: none;
	border-bottom: 1px solid #fff;
	font-weight: 700;
	padding: 3.865vw 5.797vw;
	text-align: left;
	width: 100%;
}

#event .start_text.single_event {
	background: #F4F4F4;
	border: none;
	padding: 3.865vw 5.797vw;
	width: 100%;
}

#event #contact_bottom.event {
	background: #F4F4F4;
	padding: 25vw 0 25vw;  
}



/* dcate -------------------------------------*/
#dcate .system-list{margin: 0 4vw 6.5vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#dcate .system-list li{line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 2.6vw;}
#dcate .system-list li:nth-child(2n){ margin-right: 0}
#dcate .system-list li a:hover{ text-decoration: none; }
#dcate .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 1.8vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#dcate .system-list .btn::after { content: ' >';}
#dcate .system-pic{ width: 100%; height: 23.5vw; overflow: hidden; text-align: center; margin-bottom: 2.0vw;}
#dcate .system-pic img{ width: 100%; height: 23.5vw; }
#dcate .system-date{ font-size: 1.8vw; margin-bottom: 1.3vw; line-height: 1.4; }
#dcate .system-coment{ font-size: 1.8vw; margin-bottom: 0.7vw; line-height: 1.4; }
#dcate .system-ttl-01{font-size: 3.6vw;margin-bottom: 1.3vw;line-height: 1.4;}
#dcate .system-category-set { margin-bottom: 2.0vw; margin-top: -2.0vw;}
#dcate .serchcategory{ margin-bottom: 13.0vw;}
#dcate .serchcategory .icon { display: inline-block; margin-bottom: 2.0vw; font-size: 1.8vw; font-weight: bold; color: #fff; text-align: center; padding: 1.3vw 2.6vw; }
#dcate .system-category1{margin-bottom: 0.1vw; font-size: 3.6vw; font-weight: bold; color: #fff; text-align: center; padding: 1.3vw 2.6vw; background-color: #ccc; position: relative;}
#dcate .system-contents{ background: #eeefef; padding: 5.2vw 2.6vw; margin-bottom: 3.9vw; }

#dcate .system-contents .system-category-set{margin-top: 0;}
#dcate .system-contents{background: #fff;padding: 3vw;margin-bottom: 10vw;}
#dcate .system-contents-inner { background: #fff; padding: 5vw 3vw;}
#dcate .system-contents .system-date{ font-size: 3.2vw; margin-bottom: 5vw; display: block; line-height: 1.4;}
#dcate .system-contents .system-category{ margin-bottom: 0.1vw; font-size: 3.2vw; color: #fff; text-align: center; padding: 4vw 3vw; width: 100%;}
#dcate .system-contents .system-category-set { margin-bottom: 5vw; margin-top: 0;}
#dcate .system-contents .system-ttl{font-size: 4.2vw;font-weight: bold;margin-bottom: 4.5vw;padding-bottom: 1vw;border-bottom: 1px #ccc solid;line-height: 1.6;}
#dcate .system-contents .system-i-pic{ text-align: center; margin-bottom: 8vw; }
#dcate .system-contents .system-i-pic img{width: 100%;height: auto;}

#date main {
	display: grid;
	gap: 7.729vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 19.324vw;
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

#date .mainContents {
	order: 1;
}

#date .sidebar {
	order: 2;
}

#date .system-list {
	display: grid;
	gap: 3.865vw 0px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 9.662vw;
	margin-inline: auto;
	width: min(95%, 94.2vw);
}

#date .system-list li {
	border-bottom: 0.2vw dotted #CCCCCC;
	padding-bottom: 3.865vw;
}

#date .system-list a {
	display: grid;
	gap: 0 3.623vw;
	grid-template-columns: 40% minmax(0, 1fr);
}

#date .system-pic {
	height: 28.986vw;
}

#date .system-pic img {
	height: 100%;
	width: 100%;
}

#date .textbx {
	padding: 0.966vw 0 0;
}

#date .textbx02 {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 3.14vw;
	margin-bottom: 1.932vw;
}

#date .system-date {
	color: #808080;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7142857143;
}

#date .system-date.single-blog {
	margin-bottom: 3.865vw;
}

#date .system-category {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.966vw;
}

#date .system-category.single-blog {
	margin-bottom: 3.865vw;
}

#date .system-category span {
	background: #0C2B56;
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	padding: 0 2.415vw;
	width: -moz-fit-content;
	width: fit-content;
}

#date .system-ttl-01 {
	font-size: 3.623vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 0;
}

#date .cate-list span {
	background: #0C2B56;
	color: #fff;
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7142857143;
	margin-bottom: 0.966vw;
	padding: 0 2.415vw;
	width: -moz-fit-content;
	width: fit-content;
}

/* form -------------------------------------*/
.form-Box {
	padding: 13.493vw 0 20vw;
	line-height: 1.6;
}
.form-Box .form-icon {
	text-align: center;
  margin-bottom: 0.966vw;
}
.form-Box .form-icon img {
	width: 4.83vw;
	height: auto;
}
.form-Box .formttl {
  font-size: 4.348vw;
  line-height: 1.85;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2.522vw;
	padding-bottom: 4.865vw;
	position: relative;
}
#contact .form-Box .formttl {
	margin-bottom: 1vw;
}
#contact .form-Box .formttl::after {
	content: none;
}
.form-Box .formtxt {
	font-size: 3.382vw;
	line-height: 2;
	letter-spacing: 0.06em;
	margin-bottom: 7.662vw;
	font-weight: bold;
	text-align: center;
}
.form-Box .list {
	margin-bottom: 10vw;
	max-width: 88.372vw;
	width: 95%;
	margin-inline: auto;
}
.form-Box .list li {
	font-size: 3.38vw;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
.form-Box .error {
	margin-bottom: 3.6vw;
}
.form-Box .attention-color {
	color: #f00;
}
.form-Box .form-list li {
	padding-left: 3.6vw;
	text-indent: -3.6vw;
	margin-bottom: 0.4vw;
}
.form-Box table {
	border-bottom: 0.2vw solid #dcdddd;
	margin-bottom: 8vw;
	font-size: 3.4vw;
	line-height: 1.6;
	max-width: 89.372vw;
	width: 95%;
	margin-inline: auto;
}
.form-Box tr {
	margin-bottom: 0 !important;
}
/* th・tdはvwダメ */
.form-Box th {
	text-align: left;
	width: 100%;
	background-color: #F2F2F2;
	padding: 3vw 5vw 3.5vw;
	vertical-align: top;
	display: block;
	font-size: 14px;
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: 2.1;
	background: #F4F4F4;
}
.form-Box td {
	border-bottom: 0;
	text-align: left;
	width: 100%;
	padding: 5vw 5vw 3vw;
	vertical-align: top;
	display: block;
	font-size: 14px;
	letter-spacing: 0.1em;
	background: #fff;
}
.form-Box .from-btn-01 {
	text-align: center;
}
.form-Box .from-btn-02 {
	margin-top: 10vw;
}
.form-Box .button {
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
}
.form-Box .from-btn-02 p {
	margin-bottom: 3vw;
}
.form-Box input[type="text"],
.form-Box input[type="email"],
.form-Box input[type="tel"],
.form-Box input[type="date"],
.form-Box input[type="datetime-local"],
.form-Box select,
.form-Box textarea {
	width: 80vw;
	margin-bottom: 2vw;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	padding: 3vw;
	box-sizing: border-box;
	border: 0.2vw solid #E1E1E1;
	background: #fff;
	font-family: inherit;
}
.form-Box input.input-txt1 {
	width: 25vw;
}
.form-Box textarea {
	font-size: 16px;
	line-height: 1.6;
	height: 40vw;
}
.form-Box select {
	font-size: 16px;
	padding: 3vw 2vw 4vw;
	width: 80vw;
	box-sizing: border-box;
}
.priv-title {
	text-align: center;
	margin-bottom: 4vw;
}
.priv-text {
	padding: 3vw;
	overflow-y: scroll;
	height: 40vw;
	border: #282828 solid 0.2vw;
	margin-bottom: 5vw;
	background: #fff;
}
.priv-text .priv-ttl {
	margin-bottom: 2vw;
	font-size: 1.5rem;
	font-weight: bold;
}
.priv-text p {
	margin-bottom: 4vw;
	font-size: 3.2vw;
	padding-bottom: 4vw;
	border-bottom: #ccc solid 0.2vw;
}
.priv {
	text-align: center;
	margin-bottom: 5vw;
}
.priv-text .tt {
	margin-bottom: 3vw;
	font-size: 4.8vw;
	font-weight: bold;
}
.btn-confirm {
	text-align: center;
}
.mw_wp_form_confirm .confirm-hidden {
	display: none;
}
.btn-send {
	text-align: center;
}
.btn-item {
	display: inline-block;
	margin: 0 1.3vw;
}
.wp-block-table table {
	border-collapse: unset!important;
	width: 100%;
}
#form .input_area_wrap p {
	text-align: center;
	display: inline-block;
	position: relative;
}
#form .input_area_wrap p::after {
	content: "";
	position: absolute;
	right: 7.246vw;
	top: 37%;
	background: url(../images/common/form_btn.svg) no-repeat center center / contain;
	width: 2.899vw;
	height: 3.382vw;
	transition: 0.2s ease-in-out;
}
#form .input_area_wrap.submit .input_area_back_wrap p {
	text-align: center;
	display: inline-block;
}
#form .input_area_wrap.submit p .input_area_back_wrap p::after {
	content: none;
}
#form .confirm_button { /*送信ボタン*/
	border: none;
	appearance: none;
	width: 86.957vw;
	background:#BC9025;
	color: #fff;
	font-size: 4.348vw;
	line-height: 1.6;
	letter-spacing: 0.05em;
	padding: 6vw 0;
	font-weight: bold;
	border-radius: 48.309vw;
  font-family: inherit;
}
#form .input_area_wrap p::after { /*送信ボタンの矢印*/
	position: absolute;
	content: "";
  right: 7.246vw;
	top: 50%;
  transform: translateY(-50%);
  background: url(../images/common/form_btn.svg) no-repeat center center / contain;
  width: 1.899vw;
  height: 2.382vw;
}
#form .input_area_wrap p:hover:after {
	right: 4.348vw;
}
#form .confirm_button:hover {
	
}
#form .back_button {
	border: none;
	appearance: none;
	width: 86.957vw;
	background: #323232;
  color: #fff;
	font-size: 4.348vw;
	line-height: 1.6;
	letter-spacing: 0.05em;
	padding: 6vw 0;
	font-weight: bold;
	border-radius: 48.309vw;
  font-family: inherit;
}
#form .back_button:hover {

}
#form .confirm_area {

}
input[type="submit"] {
	border: none;
	appearance: none;
	width: 86.957vw;
	background: #FFC000;
	color: #fff;
	font-size: 4.348vw;
	line-height: 1.6;
	letter-spacing: 0.05em;
	padding: 6vw 0;
	font-weight: bold;
	border-radius: 48.309vw;
  font-family: inherit;
}
#form .input_area_wrap.submit p::after {
	content: "";
	position: absolute;
	right: 7.246vw;
	top: 9.5vw;
  background: url(../images/common/form_btn.svg) no-repeat center center / contain;
  width: 1.899vw;
  height: 2.382vw;
}
#form .input_area_wrap.submit p:hover::after {
  right: 4.348vw;
}
#form .input_area_wrap.submit {
	/* margin-bottom: 10vw; */
}
#form .confirm_button:hover {
	cursor: pointer;
}
#form .back_button:hover {
	cursor: pointer;
}
input[type="submit"]:hover {
	cursor: pointer;
	box-shadow: 0 0 #FFFF00;
	top: 2.174vw;
}
span.wpcf7-spinner {
	display: none;
}
#priv {
	margin-bottom: 9.662vw;
}
.priv-title {
	text-align: center;
	margin-bottom: 4vw;
}
.priv-text {
	padding: 10vw 3vw 5vw;
	overflow-y: scroll;
	height: 59vw;
	border: #282828 solid 0.2vw;
	margin-bottom: 9vw;
	background: #fff;
	max-width: 89.372vw;
	width: 95%;
	margin-inline: auto;
}
.priv-text .priv-ttl {
	margin-bottom: 2vw;
	font-size: 1.5rem;
	font-weight: bold;
}
.priv-text p {
	margin-bottom: 4vw;
	font-size: 3.2vw;
	padding-bottom: 4vw;
	border-bottom: #ccc solid 0.2vw;
	line-height: 1.6;
	text-align: start;
}
.priv {
	margin-bottom: 5vw;
	text-align: center;
}
.priv-text .tt {
	margin-bottom: 3vw;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.6;
	text-align: start;
}
.form-Box th.required {
	display: flex;
	gap: 0 1.9vw;
}
.required::after {
	content: "必須";
	color: #fff;
	background: #F09100;
	border-radius: 0.966vw;
  font-size: 3.382vw;
  letter-spacing: 0.05em;
	padding: 0vw 3.865vw 0;
	font-weight: 400;
}
.input_area.num {
	display: flex;
	align-items: center;
	gap: 0 1.932vw;
}
.input_area.num p {
	display: flex;
	align-items: center;
	gap: 0 1.932vw;
}
.input_area.num p select {
	width: 16vw;
}
.wpcf7-form-control {
	display: grid;
	grid-template-columns: repeat(1,minmax(0, 1fr));
	gap: 2vw 0;
	margin-bottom: 5vw;
}
.wpcf7-list-item.first {
	margin: 0;
}
#contact .wpcf7-list-item {
	margin: 0;
}
.form-Box select {
	border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	padding: 3vw 4vw 3vw 3vw;
	color: #000;
}
#form .select-box {
	display: inline-block;
	position: relative;
	margin: -3.865vw 0 0;
}
.select-box::after{
	position: absolute;
	content:'▼';
	top: 46%;
	right: 2%;
	color: inherit;
	pointer-events: none;
}

}