@charset "UTF-8";

/* Josh's Custom CSS Reset
   https://www.joshwcomeau.com/css/custom-css-reset/
*/

*, *::before, *::after {
  box-sizing: border-box;
}

*:not(dialog) {
  margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

#root, #__next {
  isolation: isolate;
}



/* 
   プレディアクラブ用
*/

html {
	font-size: 16px;
}
html,
body {
	min-height: 100%;
	margin: 0;
	position: relative;
}
body {
	color: #333;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	letter-spacing: 0.02em;
	position: relative;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: never;
	text-size-adjust: 100%;
}

a {
	color: #BE9461;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

#com-header1 {
	background: #fff;
	height: 120px;
	position: relative;
	width: 100%;
	z-index: 10;
}
#com-header1.tp1 {
	background-color: transparent;
	left: 0;
	position: absolute;
	top: 0;
}
#com-logo1 {
	line-height: 0;
	margin: 0;
	padding: 40px 0 0 50px;
}
#com-logo1 a {
	transition: 0.3s ease-out;
}
#com-logo1 img {
	height: 55px;
	width: auto;
}
#com-menu-btn1 {
	background-color: rgba(0,0,0,0);
	cursor: pointer;
	height: 50px;
	position: fixed;
	right: 0;
	top: 35px;
	width: 60px;
}
#com-menu-btn1 span,
#com-menu-btn1:after,
#com-menu-btn1:before {
	background: #BE9461;
	border-radius: 1px;
	display: block;
	height: 2px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: 0.3s ease-out;
	width: 35px;
}
#com-menu-btn1:after,
#com-menu-btn1:before {
	content: "";
}
#com-menu-btn1:after {
	margin-top: -8px;
}
#com-menu-btn1:before {
	margin-top: 9px;
}
.active #com-menu-btn1 span {
	opacity: 0;
}
.active #com-menu-btn1:after {
	margin-top: 0;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.active #com-menu-btn1:before {
	margin-top: 0;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
#com-gnav1 {
	background: #fff;
	border: solid #BE9461;
	border-width: 1px 0 1px 1px;
	border-radius: 10px 0 0 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 50px;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 35px;
	transition: 0.3s ease-out;
	width: 60px;
}
#com-gnav1.active {
	height: auto;
	max-height: calc(100vh - 70px);
	overflow-y: auto;
	width: 400px;
}
#com-gnav1 .cnt1 {
	padding: 71.5px 0 0;
}
#com-gnav1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#com-gnav1 .list1 {
	font-size: 22px;
	letter-spacing: 0.1em;
}
#com-gnav1 .list1 li {
	margin-bottom: 30px;
}
#com-gnav1 .list2 {
	font-size: 15px;
	font-weight: 400;
}
#com-gnav1 .list2 li {
	margin-bottom: 15px;
}
#com-gnav1 .cnt2 {
	margin: 50px 0 41.5px;
	text-align: center;
}
#com-gnav1 .logo1 {
	line-height: 0;
	margin: auto;
}
#com-gnav1 .logo1 img {
	height: 34px;
	width: auto;
}
#com-gnav1 .copyright1 {
	font-size: 12px;
	font-weight: 400;
	margin: 0;
}
#com-gnav1 a {
	color: #000;
}
#com-gnav1 .list1 a {
	display: block;
	padding: 0 0 4px 10px;
	position: relative;
	text-decoration: none;
	transition: 0.3s ease-out;
}
#com-gnav1 .list1 a:before {
	background: #BE9461;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: 0.3s ease-out;
	width: 100%;
}
#com-gnav1 .list2 a {
	padding: 0 0 0 10px;
	text-decoration: none;
}
#com-gnav1 .cnt1,
#com-gnav1 .cnt2 {
	opacity: 0;
}
#com-gnav1.active .cnt1,
#com-gnav1.active .cnt2 {
	opacity: 1;
}

#com-footer1 {
	background-color: #fff;
	padding: 50px 0;
}
#com-footer1 .container1 {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: end;
	gap: 0 30px;
}
#com-footer1 .container1 ul {
	display: flex;
	align-items: center;
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#com-footer1 .container1 .bar1 {
	grid-column: 2;
	margin-left: 0;
}
#com-footer1 .container1 .sns1 {
	grid-column: 3;
	justify-self: start;
}
#com-footer1 .container1 .bar1 img {
	border: 1px solid #ccc;
	transition: 0.3s ease-out;
}
#com-footer1 .container1 .bnr_predear1 {
	height: auto;
	width: 390px;
}
#com-footer1 .container1 .icon_ig1 {
	height: auto;
	width: 30px;
}
#com-footer1 .container1 .icon_yt1 {
	height: 24.47px;
	width: 35px;
}
#com-footer1 .container2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	gap: 0 50px;
}
#com-footer1 .container2 .cnt1 {
	text-align: center;
}
#com-footer1 .container2 .cnt1 .logo1 {
	line-height: 0;
	margin: auto;
}
#com-footer1 .container2 .cnt1 .logo1 img {
	height: 39px;
	width: auto;
}
#com-footer1 .container2 .cnt1 .copyright1 {
	font-size: 12px;
	font-weight: 400;
	margin: 0;
}
#com-footer1 .container2 .links1 {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
#com-footer1 .container2 .links1 li {
	border-right: 1px solid #666;
	margin: 0;
	padding: 0 20px;
}
#com-footer1 .container2 .links1 li:last-child {
	border-right: none;
}
#com-footer1 .container2 .links1 a {
	color: #333;
	text-decoration: none;
}

#com-pagetop1 {
	bottom: 19.97px;
	position: fixed;
	right: 10px;
}
#com-pagetop1 a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	width: 90px;
}
#com-pagetop1 span {
	background: #BE9461 url("/club/assets/common/img/icon_pagetop_arrow1.svg") no-repeat center center / 20px 13px;
	box-shadow: 0 4px 4px 0 rgba(77,39,39,0.2);
	border-radius: 50%;
	height: 60px;
	overflow: hidden;
	text-align: left;
	text-indent: -999em;
	width: 60px;
}

.com-btn1 {
	background: #BE9461;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	height: 70px;
	letter-spacing: 0.05em;
	margin: auto;
	position: relative;
	text-decoration: none;
	transition: 0.3s ease-out;
	width: 310px;
}
.com-btn1:before {
	border: 1px solid #BE9461;
	bottom: -6px;
	content: "";
	display: block;
	left: -6px;
	position: absolute;
	right: -6px;
	top: -6px;
	transition: 0.3s ease-out;
}

.com-btn2 {
	background: #7C0D22;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	height: 46px;
	margin: auto;
	position: relative;
	text-decoration: none;
	transition: 0.3s ease-out;
	width: 320px;
}
.com-btn2:after {
	background: url("/club/assets/common/img/icon_arrow1.svg") no-repeat center center / contain;
	content: "";
	display: block;
	height: 7px;
	margin-top: -3.5px;
	position: absolute;
	right: 19px;
	top: 50%;
	transition: 0.3s ease-out;
	width: 21px;
}


/* home */
body.home {
	background: url("/club/assets/common/img/home_bg1.jpg") repeat left top / 107.32323232% auto;
}
#home-mv1 .container1 {
	height: 100vh;
	overflow: hidden;
	width: 100%;
}
#home-mv1 .container1 img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.home-sec1 {
	background: url("/club/assets/common/img/home_bg2.jpg") no-repeat center center / cover;
	padding: 70px 20px;
	position: relative;
}
.home-sec1 .title1 {
	font-size: 32px;
	font-weight: 700;
	margin: 30px 0 10px;
	text-align: center;
}
.home-sec1 .copy1 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	margin: 0 0 10px;
	text-align: center;
}
.home-sec1 .cnt1 {
	background: rgba(255,255,255,0.7);
	border-radius: 15px;
	margin: 60px auto 50px;
	max-width: 1140px;
	padding: 40px 60px 50px;
}
.home-sec1 .cnt1 h3 {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 40px;
	text-align: center;
}
.home-sec1 .cnt1 ul {
	display: flex;
	gap: 0 30px;
	list-style: none;
	margin: auto;
	padding: 0;
}
/*.home-sec1 .cnt1 ul li {
	background: #BE9461;
	padding: 12px 13px;
	position: relative;
	width: calc((100% - 60px) / 3);
}
.home-sec1 .cnt1 ul li:after,
.home-sec1 .cnt1 ul li:before {
	background: url("/club/assets/common/img/home_fig1.svg") no-repeat left top / 36px 36px;
	content: "";
	height: 36px;
	position: absolute;
	width: 36px;
}
.home-sec1 .cnt1 ul li:after {
	left: 0;
	top: 0;
}
.home-sec1 .cnt1 ul li:before {
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}*/
.home-sec1 .cnt1 ul li {
	width: calc((100% - 60px) / 3);
}
.com-border-item1 .image1 {
	all: initial;
	background: #BE9461;
	box-sizing: border-box;
	display: block;
	padding: 12px 13px;
	position: relative;
	width: 100%;
}
.com-border-item1 .image1:after,
.com-border-item1 .image1:before {
	background: url("/club/assets/common/img/home_fig1.svg") no-repeat left top / 36px 36px;
	content: "";
	height: 36px;
	position: absolute;
	width: 36px;
}
.com-border-item1 .image1:after {
	left: 0;
	top: 0;
}
.com-border-item1 .image1:before {
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}
.com-border-item1 p {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 10px 0 0;
	text-align: center;
}
.home-sec1 .list1 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 25px 0 50px;
	padding: 0;
}
.home-sec1 .list1 li {
	min-width: 100px;
}
.home-sec1 .list1 li a {
	display: block;
	text-decoration: none !important;
}
.home-sec1 .list1 li .icon1 {
	background: #fff;
	border: solid 1px transparent;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	margin: 0 auto;
	transition: 0.3s ease-out;
	width: 70px;
}
.home-sec1 .list1 li .icon1 .icon_mail1 {
	height: auto;
	width: 24px;
}
.home-sec1 .list1 li .icon1 .question1 {
	height: auto;
	width: 16px;
}
.home-sec1 .list1 li .txt1 {
	color: #000;
	display: block;
	font-size: 12px;
	letter-spacing: -0.05em;
	margin: 10px 0 0;
	text-align: center;
}


body.bg1 {
	background: url("/club/assets/common/img/home_bg1.jpg") repeat left top / 107.32323232% auto;
}


/* faq */
.faq-sec1 {
	padding: 100px 20px;
	position: relative;
}
.faq-sec1:before {
	background: url("/club/assets/common/img/bg_pt1.png") repeat left top / 102.4px auto;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	opacity: 0.5;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}
.faq-sec1 > * {
	position: relative;
}
.faq-cnt1 {
	background: #fff;
	border: 1px solid #BE9461;
	margin: auto;
	max-width: 1186px;
	padding: 80px 20px 100px;
	width: 90%;
}
.faq-cnt1 .deco1 {
	height: 50px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
}
.faq-cnt1 .deco1.top1 {
	top: 0;
}
.faq-cnt1 .deco1.bottom1 {
	bottom: 0;
}
.faq-cnt1 .deco1:after,
.faq-cnt1 .deco1:before {
	background: #BE9461;
	content: "";
	display: block;
	height: 50px;
	position: absolute;
	transform: rotate(45deg);
	width: 50px;
}
.faq-cnt1 .deco1.top1:after {
	right: -25px;
	top: -25px;
}
.faq-cnt1 .deco1.top1:before {
	left: -25px;
	top: -25px;
}
.faq-cnt1 .deco1.bottom1:after {
	bottom: -25px;
	right: -25px;
}
.faq-cnt1 .deco1.bottom1:before {
	bottom: -25px;
	left: -25px;
}
.faq-cnt1 .deco2 {
	background: #fff url("/club/assets/common/img/icon_question1.svg") no-repeat center center / 22px auto;
	border: 1px solid #BE9461;
	border-radius: 50%;
	content: "";
	display: block;
	height: 90px;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate(-50%, -50%);
	width: 90px;
}
.faq-cnt1 .title1 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin: 0 0 60px;
	text-align: center;
}
.faq-cnt1 .wrap1 {
	background-image: radial-gradient(circle, #be9461 1px, transparent 1px), radial-gradient(circle, #be9461 1px, transparent 1px), radial-gradient(circle, #be9461 1px, transparent 1px), radial-gradient(circle, #be9461 1px, transparent 1px);
	background-position: left top, right top, left bottom, left top;
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
	background-size: 12px 2px, 2px 12px, 12px 2px, 2px 12px;
	margin: auto;
	max-width: 1000px;
	padding: 40px 60px;
	width: 100%;
}

.accordion1 {
	display: flex;
	flex-direction: column;
	gap: 10px 0;
	width: 100%;
}
.accordion1-item {
	border: 1px solid #BE9461;
	width: 100%;
}
.accordion1-head {
	cursor: pointer;
	padding: 9px 50px 9px 58px;
	position: relative;
	width: 100%;
}
.accordion1-head:after {
	background: url("/club/assets/common/img/icon_accordion_arrow1.svg") no-repeat center center / 19px 12px;
	content: "";
	display: block;
	height: 19px;
	margin-top: -10px;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: rotate(180deg);
	transition: 0.3s;
	width: 19px;
}
.accordion1-head.open:after {
	transform: rotate(0deg);
}
.accordion1-head:before {
	background: url("/club/assets/common/img/icon_q1.svg") no-repeat center center / contain;
	content: "";
	display: block;
	height: 20px;
	left: 19.99px;
	position: absolute;
	top: 12.5px;
	width: 29.01px;
}
.accordion1-head h2 {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin: 0;
}
.accordion1-collapse {
	display: none;
}
.accordion1-body {
	background: #F9F5F1;
	padding: 9px 50px 9px 58px;
	position: relative;
	width: 100%;
}
.accordion1-body:before {
	background: url("/club/assets/common/img/icon_a1.svg") no-repeat center center / contain;
	content: "";
	display: block;
	height: 18px;
	left: 19px;
	position: absolute;
	top: 13.5px;
	width: 22px;
}
.accordion1-body p {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin: 0;
}
.accordion1-body p a {
	color: #BE9461;
	text-underline-offset: 3px;
}

.com-modal1 {
	display: none;
}
.com-modal1.show1 {
	background: rgba(0,0,0,0.4);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
}
.com-modal1 .dialog1 {
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
}
.com-modal1 .body1 {
	background: #fff;
	border-radius: 15px;
	max-width: 500px;
	margin: auto;
	padding: 60px 10px;
	position: relative;
	width: 100%;
}
.com-modal1 .body1 .title1 {
	margin: 0 auto 30px;
	text-align: center;
	width: 200px;
}
.com-modal1 .body1 .data1 {
	background: #fff;
	border: 1px solid #BE9461;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px 0;
	margin: auto;
	max-width: 320px;
	padding: 20px 10px;
	position: relative;
	width: 100%;
}
.com-modal1 .body1 .data1 .deco1 {
	height: 20px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
}
.com-modal1 .body1 .data1 .deco1.top1 {
	top: 0;
}
.com-modal1 .body1 .data1 .deco1.bottom1 {
	bottom: 0;
}
.com-modal1 .body1 .data1 .deco1:after,
.com-modal1 .body1 .data1 .deco1:before {
	background: #BE9461;
	content: "";
	display: block;
	height: 20px;
	position: absolute;
	transform: rotate(45deg);
	width: 20px;
}
.com-modal1 .body1 .data1 .deco1.top1:after {
	right: -10px;
	top: -10px;
}
.com-modal1 .body1 .data1 .deco1.top1:before {
	left: -10px;
	top: -10px;
}
.com-modal1 .body1 .data1 .deco1.bottom1:after {
	bottom: -10px;
	right: -10px;
}
.com-modal1 .body1 .data1 .deco1.bottom1:before {
	bottom: -10px;
	left: -10px;
}
.com-modal1 .body1 .data1 h3 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 0;
	text-align: center;
}
.com-modal1 .body1 .data1 p {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.8;
	margin: 0;
}
.com-modal1 .body1 .btn1 {
	background: #BE9461;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	height: 46px;
	letter-spacing: 0.02em;
	margin: 30px auto 0;
	max-width: 320px;
	text-align: center;
	transition: 0.3s ease-out;
	width: 100%;
}
.com-modal1 .body1 .btn1:hover {
	background: rgba(190,148,97,0.7);
}
.com-modal1 .close1 {
	background: transparent url("/club/assets/common/img/icon_close1.svg") no-repeat center center / contain;
	border: none;
	cursor: pointer;
	height: 26px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 18px;
	text-align: left;
	text-indent: -999em;
	top: 22px;
	transition: 0.3s ease-out;
	width: 26px;
}
.com-modal1 .close1:hover {
	opacity: 0.7;
}

.com-sec1 {
	padding: 100px 20px;
	position: relative;
}
.com-sec1:before {
	background: url("/club/assets/common/img/bg_pt1.png") repeat left top / 102.4px auto;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	opacity: 0.5;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}
.com-sec1 > * {
	position: relative;
}
.com-cnt1 {
	background: #fff;
	border: 1px solid #BE9461;
	margin: auto;
	max-width: 1186px;
	padding: 80px 20px;
	width: 90%;
}
.com-cnt1 .deco1 {
	height: 50px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
}
.com-cnt1 .deco1.top1 {
	top: 0;
}
.com-cnt1 .deco1.bottom1 {
	bottom: 0;
}
.com-cnt1 .deco1:after,
.com-cnt1 .deco1:before {
	background: #BE9461;
	content: "";
	display: block;
	height: 50px;
	position: absolute;
	transform: rotate(45deg);
	width: 50px;
}
.com-cnt1 .deco1.top1:after {
	right: -25px;
	top: -25px;
}
.com-cnt1 .deco1.top1:before {
	left: -25px;
	top: -25px;
}
.com-cnt1 .deco1.bottom1:after {
	bottom: -25px;
	right: -25px;
}
.com-cnt1 .deco1.bottom1:before {
	bottom: -25px;
	left: -25px;
}
.com-cnt1 .deco2 {
	background: #fff url("/club/assets/common/img/icon_question1.svg") no-repeat center center / 22px auto;
	border: 1px solid #BE9461;
	border-radius: 50%;
	content: "";
	display: block;
	height: 90px;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate(-50%, -50%);
	width: 90px;
}
.com-cnt1 .title1 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin: 0 0 60px;
	text-align: center;
}

.com-cnt1 ol {
	padding-left: 1.5em;
}

.com-cnt1 ol.k_num_list1 {
	list-style: none;
	padding: 0;
}
.com-cnt1 li > ol.k_num_list1 {
	margin-left: -0.5em;
}
.com-cnt1 ol.k_num_list1 li {
	padding-left: 2.53em;
	text-indent: -2.53em;
}

.com-container1 {
	margin: auto;
	max-width: 1000px;
	padding: 40px 60px;
	width: 100%;
}

.com-title1 {
	border-bottom: 2px solid #BE9461;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	margin: 0 0 10px;
	padding: 0 0 10px;
	width: 100%;
}
* + .com-title1 {
	margin-top: 30px;
}

.com-title2 {
	border-left: 5px solid #BE9461;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	margin: 0 0 8px;
	padding: 0 0 0 9px;
	width: 100%;
}
* + .com-title2 {
	margin-top: 50px;
}

.com-light1 {
	font-weight: 300 !important;
}
.com-regular1 {
	font-weight: 400 !important;
}
.com-medium1 {
	font-weight: 500 !important;
}
.com-bold1 {
	font-weight: 700 !important;
}

.com-center1 {
	text-align: center !important;
}
.com-left1 {
	text-align: left !important;
}
.com-right1 {
	text-align: right !important;
}

.com-mgb0 {
	margin-bottom: 0px !important;
}
.com-mgb5 {
	margin-bottom: 5px !important;
}
.com-mgb10 {
	margin-bottom: 10px !important;
}
.com-mgb15 {
	margin-bottom: 15px !important;
}
.com-mgb20 {
	margin-bottom: 20px !important;
}
.com-mgb25 {
	margin-bottom: 25px !important;
}
.com-mgb30 {
	margin-bottom: 30px !important;
}
.com-mgb35 {
	margin-bottom: 35px !important;
}
.com-mgb40 {
	margin-bottom: 40px !important;
}
.com-mgb50 {
	margin-bottom: 50px !important;
}
.com-mgb60 {
	margin-bottom: 60px !important;
}
.com-mgb70 {
	margin-bottom: 70px !important;
}
.com-mgb80 {
	margin-bottom: 80px !important;
}
.com-mgb90 {
	margin-bottom: 90px !important;
}
.com-mgb100 {
	margin-bottom: 100px !important;
}
.com-mgb110 {
	margin-bottom: 110px !important;
}
.com-mgb120 {
	margin-bottom: 120px !important;
}
.com-mgb130 {
	margin-bottom: 130px !important;
}
.com-mgb140 {
	margin-bottom: 140px !important;
}
.com-mgb150 {
	margin-bottom: 150px !important;
}

.com-mgt0 {
	margin-top: 0px !important;
}
.com-mgt5 {
	margin-top: 5px !important;
}
.com-mgt10 {
	margin-top: 10px !important;
}
.com-mgt15 {
	margin-top: 15px !important;
}
.com-mgt20 {
	margin-top: 20px !important;
}
.com-mgt25 {
	margin-top: 25px !important;
}
.com-mgt30 {
	margin-top: 30px !important;
}
.com-mgt40 {
	margin-top: 40px !important;
}
.com-mgt50 {
	margin-top: 50px !important;
}
.com-mgt60 {
	margin-top: 60px !important;
}
.com-mgt70 {
	margin-top: 70px !important;
}
.com-mgt80 {
	margin-top: 80px !important;
}
.com-mgt90 {
	margin-top: 90px !important;
}
.com-mgt100 {
	margin-top: 100px !important;
}
.com-mgt135 {
	margin-top: 135px !important;
}

.com-fs10 {
	font-size: 10px !important;
}
.com-fs11 {
	font-size: 11px !important;
}
.com-fs12 {
	font-size: 12px !important;
}
.com-fs13 {
	font-size: 13px !important;
}
.com-fs14 {
	font-size: 14px !important;
}
.com-fs15 {
	font-size: 15px !important;
}
.com-fs16 {
	font-size: 16px !important;
}
.com-fs17 {
	font-size: 17px !important;
}
.com-fs18 {
	font-size: 18px !important;
}
.com-fs19 {
	font-size: 19px !important;
}
.com-fs20 {
	font-size: 20px !important;
}
.com-fs21 {
	font-size: 21px !important;
}
.com-fs22 {
	font-size: 22px !important;
}
.com-fs23 {
	font-size: 23px !important;
}
.com-fs24 {
	font-size: 24px !important;
}
.com-fs25 {
	font-size: 25px !important;
}
.com-fs26 {
	font-size: 26px !important;
}
.com-fs27 {
	font-size: 27px !important;
}
.com-fs28 {
	font-size: 28px !important;
}
.com-fs29 {
	font-size: 29px !important;
}
.com-fs30 {
	font-size: 30px !important;
}
.com-fs35 {
	font-size: 35px !important;
}

@media screen and (min-width: 1024px) {
	
	._sp {
		display: none !important;
	}
	
	a[href^="tel:"] {
		pointer-events: none;
	}
	
	#com-gnav1 .list1 a:hover:before {
		opacity: 1;
	}
	#com-footer1 .container1 .bar1 a:hover img {
		opacity: 0.7;
	}
	.com-btn1:hover {
		background: rgba(190,148,97,0.7);
	}
	.com-btn1:hover:before {
		border-color: rgba(190,148,97,0.7);
	}
	.com-btn2:hover {
		background: rgba(124,13,34,0.7);
	}
	.com-btn2:hover:after {
		right: 9px;
	}
	.home-sec1 .list1 li a:hover .icon1 {
		border-color: #BE9461;
	}
	
}

@media screen and (max-width: 1023px) {
	
	._pc {
		display: none !important;
	}
	
	html {  
		font-size: calc((1 / 375) * 100vw );
	}
	
	body {
		font-size: 16rem;
	}

	#com-header1 {
		height: 60rem;
	}
	#com-logo1 {
		padding: 20rem 0 0 20rem;
	}
	#com-logo1 img {
		height: 27rem;
	}
	#com-menu-btn1 {
		height: 50rem;
		top: 17rem;
		width: 60rem;
	}
	#com-menu-btn1 span,
	#com-menu-btn1:after,
	#com-menu-btn1:before {
		border-radius: 1rem;
		height: 2rem;
		width: 35rem;
	}
	#com-menu-btn1:after {
		margin-top: -8rem;
	}
	#com-menu-btn1:before {
		margin-top: 9rem;
	}
	#com-gnav1 {
		border-radius: 10rem 0 0 10rem;
		height: 50rem;
		top: 17rem;
		width: 60rem;
	}
	#com-gnav1.active {
		max-height: calc(100vh - 17rem);
		width: 400rem;
	}
	#com-gnav1 .cnt1 {
		padding: 71.5rem 0 0;
	}
	#com-gnav1 .list1 {
		font-size: 22rem;
	}
	#com-gnav1 .list1 li {
		margin-bottom: 30rem;
	}
	#com-gnav1 .list2 {
		font-size: 15rem;
	}
	#com-gnav1 .list2 li {
		margin-bottom: 15rem;
	}
	#com-gnav1 .cnt2 {
		margin: 50rem 0 41.5rem;
	}
	#com-gnav1 .logo1 img {
		height: 34rem;
	}
	#com-gnav1 .copyright1 {
		font-size: 12rem;
	}
	#com-gnav1 .list1 a {
		padding: 0 0 4rem 10rem;
	}
	#com-gnav1 .list1 a:before {
		height: 2rem;
	}
	#com-gnav1 .list2 a {
		padding: 0 0 0 10rem;
	}

	#com-footer1 {
		padding: 30rem 0;
	}
	#com-footer1 .container1 {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20rem 0;
	}
	#com-footer1 .container1 ul {
		gap: 20rem;
	}
	#com-footer1 .container1 .bar1 {
		margin-left: auto;
		margin-right: auto;
	}
	#com-footer1 .container1 .bnr_predear1 {
		width: 293rem;
	}
	#com-footer1 .container1 .icon_ig1 {
		width: 30rem;
	}
	#com-footer1 .container1 .icon_yt1 {
		height: 24.47rem;
		width: 35rem;
	}
	#com-footer1 .container2 {
		flex-direction: column-reverse;
		margin-top: 20rem;
		gap: 20rem 0;
	}
	#com-footer1 .container2 .cnt1 .logo1 img {
		height: 34rem;
	}
	#com-footer1 .container2 .cnt1 .copyright1 {
		font-size: 10rem;
	}
	#com-footer1 .container2 .links1 {
		flex-direction: column;
		align-items: center;
		gap: 7rem 0;
	}
	#com-footer1 .container2 .links1 li {
		border-right: none;
		font-size: 11rem;
		padding: 0;
	}

	#com-pagetop1 {
		bottom: 70rem;
		display: none !important;
		right: -5rem;
	}
	#com-pagetop1 a {
		height: 90rem;
		width: 90rem;
	}
	#com-pagetop1 span {
		background-size: 20rem 13rem;
		box-shadow: 0 4rem 4rem 0 rgba(77,39,39,0.2);
		height: 60rem;
		width: 60rem;
	}

	.com-btn1 {
		font-size: 13rem;
		height: 60rem;
		width: 260rem;
	}
	.com-btn1:before {
		bottom: -5px;
		left: -5px;
		right: -5px;
		top: -5px;
	}

	.com-btn2 {
		font-size: 13rem;
		height: 46rem;
		width: 270rem;
	}
	.com-btn2:after {
		height: 4rem;
		margin-top: -2rem;
		right: 14rem;
		width: 11rem;
	}


/* home */
	#home-mv1 .container1 {
		aspect-ratio: 375 / 500;
		height: auto;
	}
	.home-sec1 {
		background: url("/club/assets/common/img/home_bg2_sp.jpg") no-repeat center bottom / cover;
		padding: 40rem 0;
	}
	.home-sec1 .title1 {
		font-size: 20rem;
		margin: 0 0 10rem;
	}
	.home-sec1 .copy1 {
		font-size: 14rem;
		margin: 0 20rem 10rem;
		text-align: justify;
	}
	.home-sec1 .cnt1 {
		border-radius: 0;
		margin: 40rem auto 45rem;
		max-width: none;
		padding: 40rem 0;
	}
	.home-sec1 .cnt1 h3 {
		font-size: 18rem;
		margin: 0 0 15rem;
	}
	.home-sec1 .cnt1 ul {
		flex-direction: column;
		gap: 15rem;
	}
	/*.home-sec1 .cnt1 ul li {
		padding: 5rem;
		width: 100%;
	}
	.home-sec1 .cnt1 ul li:after,
	.home-sec1 .cnt1 ul li:before {
		background-size: 25rem;
		height: 25rem;
		width: 25rem;
	}*/
	.home-sec1 .cnt1 ul li {
		width: 100%;
	}
	.com-border-item1 .image1 {
		margin: auto;
		padding: 5rem;
		width: 270rem;
	}
	.com-border-item1 .image1:after,
	.com-border-item1 .image1:before {
		background-size: 25rem;
		height: 25rem;
		width: 25rem;
	}
	.com-border-item1 p {
		font-size: 14rem;
		line-height: 1.4;
		margin: 10rem 0 0;
	}
	.home-sec1 .list1 {
		margin: 20rem 0 45rem;
	}
	.home-sec1 .list1 li {
		min-width: 100rem;
	}
	.home-sec1 .list1 li .icon1 {
		height: 70rem;
		width: 70rem;
	}
	.home-sec1 .list1 li .icon1 .icon_mail1 {
		width: 24rem;
	}
	.home-sec1 .list1 li .icon1 .question1 {
		width: 16rem;
	}
	.home-sec1 .list1 li .txt1 {
		font-size: 12rem;
		margin: 10rem 0 0;
	}


/* faq */
	.faq-sec1 {
		padding: 55rem 16rem 40rem;
	}
	.faq-sec1:before {
		background-size: 102.4rem auto;
	}
	.faq-cnt1 {
		max-width: none;
		padding: 40rem 5rem 30rem;
		width: 100%;
	}
	.faq-cnt1 .deco1 {
		height: 30rem;
	}
	.faq-cnt1 .deco1:after,
	.faq-cnt1 .deco1:before {
		height: 30rem;
		width: 30rem;
	}
	.faq-cnt1 .deco1.top1:after {
		right: -15rem;
		top: -15rem;
	}
	.faq-cnt1 .deco1.top1:before {
		left: -15rem;
		top: -15rem;
	}
	.faq-cnt1 .deco1.bottom1:after {
		bottom: -15rem;
		right: -15rem;
	}
	.faq-cnt1 .deco1.bottom1:before {
		bottom: -15rem;
		left: -15rem;
	}
	.faq-cnt1 .deco2 {
		background-size: 19rem auto;
		height: 60rem;
		width: 60rem;
	}
	.faq-cnt1 .title1 {
		font-size: 18rem;
		margin: 0 0 20rem;
	}
	.faq-cnt1 .wrap1 {
		background-image: radial-gradient(circle, #be9461 1px, transparent 1px);
		background-position: left top;
		background-repeat: repeat-x;
		background-size: 12px 2px, 12px 2px;
		margin: auto;
		max-width: none;
		padding: 20rem 15rem 0 15rem;
	}

	.accordion1 {
		gap: 10rem 0;
	}
	.accordion1-head {
		padding: 10rem 29rem 10rem 33rem;
	}
	.accordion1-head:after {
		background-size: 14.5rem auto;
		height: 9rem;
		margin-top: -4.5rem;
		right: 9.5rem;
		width: 14.5rem;
	}
	.accordion1-head:before {
		height: 15rem;
		left: 9.99rem;
		top: 11.75rem;
		width: 15rem;
	}
	.accordion1-head h2 {
		font-size: 12rem;
	}
	.accordion1-body {
		padding: 10rem 29rem 10rem 33rem;
	}
	.accordion1-body:before {
		height: 14.23rem;
		left: 9.21rem;
		top: 13.38rem;
		width: 17.37rem;
	}
	.accordion1-body p {
		font-size: 12rem;
	}
    .accordion1-body p a {
		text-underline-offset: 3rem;
	}

	.com-modal1 .body1 {
		border-radius: 15rem;
		max-width: none;
		padding: 40rem 10rem;
		width: 350rem;
	}
	.com-modal1 .body1 .title1 {
		margin: 0 auto 15rem;
		width: 140rem;
	}
	.com-modal1 .body1 .data1 {
		gap: 10rem 0;
		max-width: none;
		padding: 20rem 10rem;
		width: 270rem;
	}
	.com-modal1 .body1 .data1 .deco1 {
		height: 20rem;
	}
	.com-modal1 .body1 .data1 .deco1:after,
	.com-modal1 .body1 .data1 .deco1:before {
		height: 20rem;
		width: 20rem;
	}
	.com-modal1 .body1 .data1 .deco1.top1:after {
		right: -10px;
		top: -10px;
	}
	.com-modal1 .body1 .data1 .deco1.top1:before {
		left: -10rem;
		top: -10rem;
	}
	.com-modal1 .body1 .data1 .deco1.bottom1:after {
		bottom: -10rem;
		right: -10rem;
	}
	.com-modal1 .body1 .data1 .deco1.bottom1:before {
		bottom: -10rem;
		left: -10rem;
	}
	.com-modal1 .body1 .data1 h3 {
		font-size: 16rem;
	}
	.com-modal1 .body1 .data1 p {
		font-size: 12rem;
	}
	.com-modal1 .body1 .btn1 {
		font-size: 16rem;
		height: 46rem;
		margin: 15rem auto 0;
		max-width: none;
		width: 270rem;
	}
	.com-modal1 .close1 {
		height: 26rem;
		right: 20rem;
		top: 22rem;
		width: 26rem;
	}
	.com-sec1 {
		padding: 55rem 16rem 40rem;
	}
	.com-sec1:before {
		background-size: 102.4rem auto;
	}
	.com-cnt1 {
		max-width: none;
		padding: 40rem 5rem 30rem;
		width: 100%;
	}
	.com-cnt1 .deco1 {
		height: 30rem;
	}
	.com-cnt1 .deco1:after,
	.com-cnt1 .deco1:before {
		height: 30rem;
		width: 30rem;
	}
	.com-cnt1 .deco1.top1:after {
		right: -15rem;
		top: -15rem;
	}
	.com-cnt1 .deco1.top1:before {
		left: -15rem;
		top: -15rem;
	}
	.com-cnt1 .deco1.bottom1:after {
		bottom: -15rem;
		right: -15rem;
	}
	.com-cnt1 .deco1.bottom1:before {
		bottom: -15rem;
		left: -15rem;
	}
	.com-cnt1 .deco2 {
		background-size: 19rem auto;
		height: 60rem;
		width: 60rem;
	}
	.com-cnt1 .title1 {
		font-size: 18rem;
		margin: 0 0 20rem;
	}

	.com-container1 {
		max-width: none;
		padding: 0 15rem;
	}

	.com-title1 {
		font-size: 18rem;
		margin: 0 0 10rem;
		padding: 0 0 5rem;
	}
	* + .com-title1 {
		margin-top: 30rem;
	}

	.com-title2 {
		font-size: 18rem;
		margin: 0 0 8rem;
		padding: 0 0 0 9rem;
	}
	* + .com-title2 {
		margin-top: 50rem;
	}

	.com-light1s {
		font-weight: 300 !important;
	}
	.com-regular1s {
		font-weight: 400 !important;
	}
	.com-medium1s {
		font-weight: 500 !important;
	}
	.com-bold1s {
		font-weight: 700 !important;
	}

	.com-center1s {
		text-align: center !important;
	}
	.com-left1s {
		text-align: left !important;
	}
	.com-right1s {
		text-align: right !important;
	}

	.com-mgb0s {
		margin-bottom: 0rem !important;
	}
	.com-mgb5s {
		margin-bottom: 5rem !important;
	}
	.com-mgb10s {
		margin-bottom: 10rem !important;
	}
	.com-mgb15s {
		margin-bottom: 15rem !important;
	}
	.com-mgb20s {
		margin-bottom: 20rem !important;
	}
	.com-mgb25s {
		margin-bottom: 25rem !important;
	}
	.com-mgb30s {
		margin-bottom: 30rem !important;
	}
	.com-mgb35s {
		margin-bottom: 35rem !important;
	}
	.com-mgb40s {
		margin-bottom: 40rem !important;
	}
	.com-mgb50s {
		margin-bottom: 50rem !important;
	}
	.com-mgb60s {
		margin-bottom: 60rem !important;
	}
	.com-mgb70s {
		margin-bottom: 70rem !important;
	}
	.com-mgb80s {
		margin-bottom: 80rem !important;
	}
	.com-mgb90s {
		margin-bottom: 90rem !important;
	}
	.com-mgb100s {
		margin-bottom: 100rem !important;
	}
	.com-mgb110s {
		margin-bottom: 110rem !important;
	}
	.com-mgb120s {
		margin-bottom: 120rem !important;
	}
	.com-mgb130s {
		margin-bottom: 130rem !important;
	}
	.com-mgb140s {
		margin-bottom: 140rem !important;
	}
	.com-mgb150s {
		margin-bottom: 150rem !important;
	}

	.com-mgt0s {
		margin-top: 0rem !important;
	}
	.com-mgt5s {
		margin-top: 5rem !important;
	}
	.com-mgt10s {
		margin-top: 10rem !important;
	}
	.com-mgt15s {
		margin-top: 15rem !important;
	}
	.com-mgt20s {
		margin-top: 20rem !important;
	}
	.com-mgt25s {
		margin-top: 25rem !important;
	}
	.com-mgt30s {
		margin-top: 30rem !important;
	}
	.com-mgt40s {
		margin-top: 40rem !important;
	}
	.com-mgt50s {
		margin-top: 50rem !important;
	}
	.com-mgt60s {
		margin-top: 60rem !important;
	}
	.com-mgt70s {
		margin-top: 70rem !important;
	}
	.com-mgt80s {
		margin-top: 80rem !important;
	}
	.com-mgt90s {
		margin-top: 90rem !important;
	}
	.com-mgt100s {
		margin-top: 100rem !important;
	}
	.com-mgt135s {
		margin-top: 135rem !important;
	}

	.com-fs10s {
		font-size: 10rem !important;
	}
	.com-fs11s {
		font-size: 11rem !important;
	}
	.com-fs12s {
		font-size: 12rem !important;
	}
	.com-fs13s {
		font-size: 13rem !important;
	}
	.com-fs14s {
		font-size: 14rem !important;
	}
	.com-fs15s {
		font-size: 15rem !important;
	}
	.com-fs16s {
		font-size: 16rem !important;
	}
	.com-fs17s {
		font-size: 17rem !important;
	}
	.com-fs18s {
		font-size: 18rem !important;
	}
	.com-fs19s {
		font-size: 19rem !important;
	}
	.com-fs20s {
		font-size: 20rem !important;
	}
	.com-fs21s {
		font-size: 21rem !important;
	}
	.com-fs22s {
		font-size: 22rem !important;
	}
	.com-fs23s {
		font-size: 23rem !important;
	}
	.com-fs24s {
		font-size: 24rem !important;
	}
	.com-fs25s {
		font-size: 25rem !important;
	}
	.com-fs26s {
		font-size: 26rem !important;
	}
	.com-fs27s {
		font-size: 27rem !important;
	}
	.com-fs28s {
		font-size: 28rem !important;
	}
	.com-fs29s {
		font-size: 29rem !important;
	}
	.com-fs30s {
		font-size: 30rem !important;
	}
	.com-fs35s {
		font-size: 35rem !important;
	}
	
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}