html {
		font-size: 100%;
		background-color: var(--back-color);
}
body {
		font-size: 1.6rem;
		font-family: 'Zen Old Mincho', serif, 'Noto Sans JP', sans-serif;
		color: #444;
		line-height: 1.8;
		font-feature-settings: "palt";
}
img {
		width: 100%;
		height: auto;
}
:root {
		--main-color: #bc9242;
		--back-color: #F3F3F3;
		--group-bgcolor: #D4CCB2;
}
a {
		color: #333;
}
a:hover {
		opacity: 0.6
}
address {
		font-style: normal;
}
h2 {
		text-transform: uppercase;
		text-align: center;
		font-size: 6.5rem;
		color: var(--main-color);
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
		margin-bottom: 90px;
}
table {
		width: 100%;
}
td {
		text-align: right;
}
th {
		vertical-align: top;
}
.display-block {
		display: block;
}
.flex-column-pc {
		display: flex;
		flex-direction: column !important;
}
.section-inner {
		width: 90%;
		margin: 0 auto 180px;
}
@media screen and (max-width:1400px) {
		.section-inner {
				width: 90%;
				margin: 0 auto 180px;
		}
}
/*全体*/
.container {
		display: flex;
		align-items: flex-start;
		flex-direction: row-reverse;
}
.container-inner {
		width: min(95%, (100% - 104px));
}
/*サイドバー*/
.side-bar {
		width: max(5%, 104px);
		height: 100vh;
		padding-top: 320px;
		background-color: var(--group-bgcolor);
		border-right: 2px solid var(--main-color);
		position: fixed;
		left: 0;
		display: flex;
		justify-content: center;
}
.side-bar_name {
		writing-mode: vertical-rl;
		text-transform: uppercase;
		color: var(--main-color);
		font-size: 3.2rem;
		position: fixed;
		z-index: 99;
		white-space: nowrap;
}
/*ヘッダー*/
.header {
		height: 90px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
}
.header-nav {
		justify-content: center;
		display: flex;
}
.header-nav li {
		padding-right: 30px;
}
.header-nav li:last-child {
		padding-right: 40px;
}
.header-nav li span {
		font-size: 1.3vw;
}
.header-nav li a {
		font-size: 1.7vw;
		font-weight: 700;
}
/*チェックボックス等は非表示に*/
.nav-unshown {
		display: none;
}
@media screen and (max-width: 1024px) {
		.header {
				height: 0;
		}
		.header-nav {
				flex-direction: column;
				padding: 50px 40px;
		}
		.header-nav li {
				padding-right: 0;
				padding-bottom: 25px;
		}
	.header-nav li a{
		font-size: 1.4rem;
	}
	.header-nav li span{
		font-size: 1.2rem
	}
		/* ハンバーガーメニュー */
		#nav-drawer {
				position: relative;
				top: 27px;
				right: 11px;
		}
		/*アイコンのスペース*/
		#nav-open {
				display: inline-block;
				width: 30px;
				height: 22px;
				vertical-align: middle;
		}
		/*ハンバーガーの形をCSSで表現*/
		#nav-open span, #nav-open span:before, #nav-open span:after {
				position: absolute;
				height: 3px; /*線の太さ*/
				width: 25px; /*長さ*/
				border-radius: 3px;
				background: #fff;
				display: block;
				content: '';
				cursor: pointer;
		}
		#nav-open span:before {
				bottom: -8px;
		}
		#nav-open span:after {
				bottom: -16px;
		}
		/*閉じる用の薄黒箇所*/
		#nav-close {
				display: none;
				position: fixed;
				z-index: 99;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: black;
				opacity: 0;
				transition: .3s ease-in-out;
		}
		/*メニューの中身*/
		#nav-content {
				overflow: auto;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 9999;
				width: 90%;
				max-width: 330px; /*最大幅（お好みで調整を）*/
				height: 100%;
				background: var(--group-bgcolor);
				transition: .3s ease-in-out;
				-webkit-transform: translateX(-105%);
				transform: translateX(-105%);
		}
		/*チェックがついたら表示させる*/
		#nav-input:checked ~ #nav-close {
				display: block;
				opacity: .5;
		}
		#nav-input:checked ~ #nav-content {
				-webkit-transform: translateX(0%);
				transform: translateX(0%);
				box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
		}
}
.group-list {
		width: 100%;
		margin: 0 auto 60px;
		background-color: var(--group-bgcolor);
		padding: 2.83%;
}
@media screen and (max-width:767px){
	    .group-list {
				padding: 0 20px 40px;
	}
 }
/*TOPに戻るボタン*/
#page_top {
		width: 50px;
		height: 50px;
		position: fixed;
		right: 0;
		bottom: 50px;
		background: var(--main-color);
		opacity: 0.6;
		border-radius: 50%;
}
#page_top a {
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		text-decoration: none;
}
#page_top a::before {
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		content: '\f102';
		font-size: 25px;
		color: #fff;
		position: absolute;
		width: 25px;
		height: 25px;
		top: -20px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
}
.text_small {
		font-size: 80%;
		line-height: 1.4;
		display: block;
}
/*フッター*/
.footer {
		height: 720px;
		background-color: rgba(243, 243, 243, 0.8);
		background-image: url("../img/footer-bg.png");
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		background-blend-mode: lighten;
		position: relative;
		padding-top: 180px;
}
.footer-title {
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
		font-size: 6.3rem;
		font-weight: 700;
		margin-bottom: 70px;
}
.footer-title a {
		color: var(--main-color);
}
.footer-nav {
		display: flex;
		justify-content: space-between;
		margin-bottom: 60px;
}
.footer-nav li {
		padding-right: 20px;
}
.footer-nav li:last-child {
		padding-right: 40px;
}
.footer-nav li a {
		font-size: 2.2vw;
		font-weight: 700;
}
.copy-right {
		position: absolute;
		bottom: 40px;
}
.footer-nav li span {
		font-size: 1.4vw;
}
@media screen and (max-width:768px) {
		.footer {
				padding-top: 20px;
		}
		.footer-title {
				font-size: 2.0rem;
				margin-bottom: 20px;
		}
		.footer-nav {
				flex-direction: column;
		}
		.footer-nav li {
				padding: 0 0 10px 0;
		}
		.footer-nav li a {
				font-size: 1.6rem;
		}
		.footer-nav li span {
				font-size: 1.2rem;
		}
		.privacy-policy a {
				font-size: 1.0rem;
		}
		.copy-right {
				font-size: 1.0rem;
		}
}
.pc {
		display: block;
}
.sp {
		display: none;
}
@media screen and (max-width:1024px) {
	.pc {
				display: none;
		}
		.sp {
				display: block;
		}
}
@media screen and (max-width:1024px) {
		aside.side-bar {
				width: 40px;
				height: 500vh;
				padding-top: 50px;
		}
		.side-bar_name {
				font-size: 1.4rem;
		}
		.container-inner {
				width: calc(100% - 40px);
		}
		.section-inner {
				width: 100%;
				padding: 0 40px;
				margin: 0 auto 40px;
		}
}
@media screen and (max-width:767px){
			.section-inner {
				padding: 0 20px;
		}
 }
@media (min-width: 768px) {
		a[href*="tel:"] {
				pointer-events: none;
				cursor: default;
				text-decoration: none;
		}
}