@charset "utf-8";
@media screen and (min-width: 481px) {
	.mobile {
	display:none;
	}
}
@media screen and (max-width: 480px) {
	.pc {
	display:none;
	}
}
.mainvisual--space {
  background-color: #000;
  width: 100%;
  height: 3rem;
}
.space:blank {
  background-color: #000;
}
.mainvisual {
  position: relative;
}
.mainvisual--img {
  width: 100%;
  height: 800px;
  object-fit: cover;
  object-position: 50% 50%;
}
@media screen and (max-width: 767px) {
	.mainvisual--img {
	  height: 350px;
	}
}


.menu-category__about {
	  text-align: center;
	font-family: 'Spectral SC', serif;
  font-size: 200%;
	letter-spacing: 8px;
	color: #C0AB03;
	margin: 6rem 0;
}
@media screen and (max-width: 767px) {
	.menu-category__about {
		margin: 3rem 0;
	}
}
.about--group__1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.about--group__1 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
	}
}
.group--1__img {
  width: 50%;
	height: 450px;
}
@media screen and (max-width: 767px) {
	.group--1__img {
	  width: 100%;
	}
}
.group--1__img img {
  width: 100%;
  height: 450px;
  object-fit: cover;
  object-position: 100% 60%;
}
.group--1__text {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5rem;
	background: #3F3725;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.group--1__text {
	  width: 100%;
	  padding: 1.5rem 0 2rem;
		margin: 0 auto;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.group--1__text {
	  padding: 0 2rem;
	}
}
@media screen and (max-width: 767px) {
		.group--1__button {
			width: 85%;
			margin: 0 auto;
		}
}
@media screen and (max-width: 767px) {
		.group--1__text h5 {
	  font-size: 200%;
  letter-spacing: 1px;
			text-align: center;
		}
}
.about--group__2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
	.about--group__2 {
	  	    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	}
}
.group--2__img {
  width: 50%;
	height: 450px;
}
@media screen and (max-width: 767px) {
	.group--2__img {
	  width: 100%;
	}
}
.group--2__img img {
  width: 100%;
  height: 450px;
  object-fit: cover;
  object-position: 100% 55%;
}
@media screen and (max-width: 767px) {
	.group--2__img img {
	  object-position: 50% 30%;
	}
}
.group--2__text {
  width: 50%;
  background: #3F3725;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5rem;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
		.group--2__text h5 {
	  font-size: 200%;
  letter-spacing: 1px;
			text-align: center
		}
}
@media screen and (max-width: 767px) {
	.group--2__text {
	  width: 100%;
		padding: 1.5rem 0 2rem;
	}
}
@media screen and (max-width: 767px) {
		.group--2__button {
			width: 85%;
			margin: 0 auto;
		}
	}

.about--description {
	  max-width: 960px;
  margin: 0 auto;
	margin-top: 10rem;
	margin-bottom: 10rem;
}

table{
  width: 80%;
  border-collapse: collapse;
  border-spacing: 0;
	margin: 0 auto;
	margin-top: 3rem;
}
@media screen and (max-width: 767px) {
	table{
	  width: 88%;
		margin-top: 1rem;
	}
}
table th,table td{
  padding: 8px 0;
  text-align: left;
	padding-left: 2rem;
}
@media screen and (max-width: 767px) {
	table th,table td{
	  padding: 10px 0;
		padding-left: 0.5rem;
		width: 30px;
		line-height: 1.5;
	}
}
table tr:nth-child(odd){
  background-color: #727171;
}
.about--sns {
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about--sns__img {
	width: 2rem;
}

.access {
  text-align: center;
  margin: 5rem 0;
}
@media screen and (max-width: 767px) {
		.access--map iframe {
			width: 85%;
	height: 300px;
	}
}
@media screen and (max-width: 767px) {
		.access--map__text {
			width: 85%;
	margin: 0 auto;
	}
}