/*--------------------------------------------------------------
# Define
--------------------------------------------------------------*/

/*
/*for xs -575px smartphone
@media(max-width: 575px) {

}

/*for sm 576px-767px smartphone
@media(min-width: 576px) and (max-width: 767px) {

}

/*for md 768px-991px tablet
@media(min-width: 768px) and (max-width: 991px) {

}

/*for lg 992px-1199px pc->tablet
@media(min-width: 992px) and (max-width: 1199px) {

}

/*for xl 1200px-1399px pc
@media(min-width: 1200px) and (max-width: 1399px) {

}

/*for xxl 1400px- pc
@media(min-width: 1400px) {

}
*/



/*--------------------------------------------------------------
# Const
--------------------------------------------------------------*/

:root {
	/* Fonts */
	--font-default:"Noto Serif JP","Cormorant Garamond",sans-serif;
	--font-default-size:18px;
	--font-default-size-sp:17px;

	/* Colors */
	--color-default-font:#FFFFFF;
	--color-default-bgcolor:#000000;

	--color1:#DAA520; /* ゴールド */
	--color2:#d4af37; /* ゴールド濃 */
	--color3:#FFFFFF; /* 白 */

	--color-error:#FFFFFF;

	--color-hover-a:#F0CF72;
	--color-hover-btn:#eb0273;
}

/*--------------------------------------------------------------
# Bootstrap Custom
--------------------------------------------------------------*/

.container-fluid {
	margin:0;
	padding:0;
	position:relative;
	z-index:0;
}
.back-w {
	background-color:#FFFFFF;
	border-radius:30px;
}

.box-center {
	margin:0 auto;
}
.bg-color1 {
	background-color:var(--color1);
}
.bg-color2 {
	background-color:var(--color2);
}
.bg-color3 {
	background-color:var(--color3);
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
	font-family: var(--font-default);
	font-optical-sizing: auto;
	font-weight:400;
	font-style: normal;
	font-size:var(--font-default-size);
	color: var(--color-default-font);
	background:#000000;


	scroll-behavior: smooth;

	position:relative;

}

/* for sm -767px smartphone */
@media(max-width: 767px) {

body {
	font-size:var(--font-default-size-sp);
}

}

main {
	overflow:hidden;
	position:relative;
	z-index:100;
}




a {
	color: var(--color2);
	text-decoration: none;
	transition: color .25s;
}

a:hover {
	color: var(--color-hover-a);
}



h1 {
	font-size:60px;
	font-weight:700;
}
h1 span {
	color:var(--color1);
}
h2 {
	font-size:50px;
	font-weight:600;
}
h3 {
	font-size:20px;
	font-weight:800;
}
h4 {

}



/* for sm -767px smartphone */
@media(max-width: 767px) {

h1 {

}
h2 {

}
h3 {
	font-size:24px;
}
h4 {

}

}


p {
	line-height:1.8em;
}

i {
	font-size:20px;
}

table {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	border-collapse: collapse;
	border:none;
}

table th {
	width:35%;
	font-weight:600;
	padding:2rem;
	text-align:center;
	vertical-align:top;
}

table td {
	padding:2rem;
	text-align:left;
	vertical-align:top;
}

.extable {
	background-color:#EEEEEE;
	border-radius:10px;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

table th,table td {
	width:100%;
	padding:1rem;
	text-align:center;
	display:block;
}

}


select {
	width:100%;
	height:50px;
	font-size:var(--font-default-size);
	color:#000000;
}

input[type=text],input[type=password],input[type=date] {
	width:100%;
	height:50px;
	font-size:var(--font-default-size);
}

input[type="date"] {
	color:#000000;
}

input[type="checkbox"] {
	width:20px;
	height:20px;
	margin-right:15px;
}

textarea {
	width:100%;
	height:150px;
	font-size:var(--font-default-size);
	color:#000000;
}

.form-btn {
	width:80%;
	max-width:400px;
	margin:0 auto;
	padding:15px 0;

	color:#FFFFFF;
	background-color:#F38F32;
	border:0;
	border-radius:50px;
	display:block;
}

.form-btn:hover {
	filter: brightness(1.2);
}

#form-errorbox {
	display:none;
}


/*--------------------------------------------------------------
# Parts
--------------------------------------------------------------*/

.errorMsg{
	color:#FF0000;
}

.spacer {
	padding-bottom:6rem;
}

.tbform th {
	font-weight:400;
}

.btn1 {
	height:50px;

	padding:0 15px;

	color:#FFFFFF;
	font-size:18px;

	line-height:2.5em;

	border:none;
	border-radius:5px;

	background-color:var(--color1);

	display:block;
}

.btn1:hover,.btn:active {
	color:#000000 !important;
}

/* for sm -767px smartphone */
@media(max-width: 767px) {

.btn1 {
	height:60px;
	font-size:22px;
	line-height:2.5em;
}

}

.btn2 {
	height:50px;

	padding:0 15px;

	font-size:18px;

	line-height:2.5em;

	border:1px solid #FFFFFF;
	border-radius:5px;

	background-color:#000000;

	display:block;
}

.btn2:hover,.btn:active {
	color:var(--color1) !important;
}



.btn-gold{
	position:relative;

	width:100%;
	height:62px;
	padding:0 30px;

	display:flex;
	align-items:center;
	justify-content:center;

	color:#000000;
	font-size:21px;
	font-weight:500;

	background:linear-gradient(
		90deg,
		#b88620 0%,
		#f3df9f 22%,
		#d8ae49 55%,
		#a87418 100%
	);

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.45),
		0 5px 15px rgba(0,0,0,.35);

	border:1px solid rgba(255,255,255,.12);

	overflow:hidden;
}

.btn-gold i{
	position:absolute;
	right:22px;
	top:50%;
	transform:translateY(-50%);
	font-size:22px;
	color:#000000;
}

.btn-gold:hover{
	color:#000000;
	filter:brightness(1.1);
}




.list1 {
	width:100%;
	margin: auto;
	padding:0;

	list-style-type:none;

	display:grid;
	grid-template-columns: repeat(1,1fr);


}

.list1 li {
	padding: 10px;
	margin: 10px;

	background-color:var(--color-gray4);
	border-radius:10px;

	cursor: pointer;
}

.list1 li:hover {
	background-color:var(--color-hover-btn-red);
}

.list1 .list1sec {
	background-color:var(--color-hover-btn-red);
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

.list1 {
	display: block;
}

.list1 li {
	margin: 15px 0 15px 0;
}

}

.list2 {
	width:100%;
	margin: auto;
	padding:0;

	list-style-type:none;

	display:grid;
	grid-template-columns: 1fr 3fr;


}

.list2 li {
	padding: 10px;
	margin: 10px;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

.list2 {
	display: block;
}

.list2 li {
	margin: 15px 0 15px 0;
}

}



#errorMsgBox ul {
	width:100%;
	padding:25px;

	color:var(--color-red1);
	list-style-type:none;

	border-radius:10px;
	background-color:#EEEEEE;
}

#errorMsgBox li {
	display:block;
}

/*--------------------------------------------------------------
# Section
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# SpMenu
--------------------------------------------------------------*/

#spmenuBack {
	width:100%;
	height:100%;
	inset:0;

	padding:110px 40px 100px;

	background:rgba(0,0,0,.88);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);

	position:fixed;
	z-index:5000;

	overflow-y:auto;

	display:none;
	align-items:center;
	justify-content:center;
}

#spmenuArea {
	width:100%;
	max-width:760px;

	margin:auto;

	color:#FFFFFF;

	position:relative;
}

#spmenuArea nav {
	width:100%;
}

#spmenuArea ul {
	width:100%;
	margin:0;
	padding:0;

	list-style:none;
}

#spmenuArea li {
	margin:0;
	padding:0;

	border-bottom:1px solid rgba(212,175,55,.35);

	opacity:0;
	transform:translateY(18px);

	transition:
		opacity .4s ease,
		transform .4s ease;
}

#spmenuArea li:first-child {
	border-top:1px solid rgba(212,175,55,.35);
}

#spmenuBack.is-open #spmenuArea li {
	opacity:1;
	transform:translateY(0);
}

#spmenuBack.is-open #spmenuArea li:nth-child(1) {
	transition-delay:.08s;
}

#spmenuBack.is-open #spmenuArea li:nth-child(2) {
	transition-delay:.13s;
}

#spmenuBack.is-open #spmenuArea li:nth-child(3) {
	transition-delay:.18s;
}

#spmenuBack.is-open #spmenuArea li:nth-child(4) {
	transition-delay:.23s;
}

#spmenuBack.is-open #spmenuArea li:nth-child(5) {
	transition-delay:.28s;
}

#spmenuArea a {
	width:100%;
	padding:24px 10px;

	color:#FFFFFF;

	display:flex;
	align-items:center;
	justify-content:space-between;

	font-size:24px;
	font-weight:400;
	letter-spacing:.1em;

	transition:
		color .25s ease,
		padding-left .25s ease,
		background-color .25s ease;
}

#spmenuArea a:hover {
	padding-left:22px;

	color:var(--color2);
	background:rgba(212,175,55,.06);
}

#spmenuArea a i {
	color:var(--color2);
	font-size:18px;

	transition:transform .25s ease;
}

#spmenuArea a:hover i {
	transform:translateX(5px);
}

#spmenuArea li:nth-child(1) {
	transition-delay:.20s;
}

#spmenuArea li:nth-child(2) {
	transition-delay:.15s;
}

#spmenuArea li:nth-child(3) {
	transition-delay:.10s;
}

#spmenuArea li:nth-child(4) {
	transition-delay:.05s;
}

#spmenuArea li:nth-child(5) {
	transition-delay:0s;
}

#spmenuClose {
	width:54px;
	height:54px;

	right:0;
	top:-80px;

	margin:0;
	padding:0;

	color:var(--color2);
	background:transparent;

	border:1px solid rgba(212,175,55,.7);

	display:flex;
	align-items:center;
	justify-content:center;

	position:absolute;

	cursor:pointer;

	transition:
		color .25s ease,
		background-color .25s ease,
		transform .25s ease;
}

#spmenuClose i {
	color:inherit;
	font-size:28px;
	line-height:1;
}

#spmenuClose:hover {
	color:#000000;
	background:var(--color2);
	transform:rotate(90deg);
}

body.spmenu-open {
	overflow:hidden;
}

/* タブレット・スマートフォンのみ使用 */
@media(min-width:1200px) {

	#spmenuBack {
		display:none !important;
	}

}

/* smartphone */
@media(max-width:767px) {

	#spmenuBack {
		padding:100px 25px 100px;
	}

	#spmenuArea a {
		padding:20px 8px;
		font-size:20px;
	}

	#spmenuClose {
		width:48px;
		height:48px;

		right:0;
		top:-70px;
	}

	#spmenuClose i {
		font-size:24px;
	}

}


/*--------------------------------------------------------------
# SpMenuUnder
--------------------------------------------------------------*/


#spmenuUnder {
	width:100%;
	bottom:12px;
	left:0;
	position:fixed;
	z-index:100;
	background:transparent;
	padding:0 10px;
	box-sizing:border-box;
}

#spmenuUnder ul {
	width:100%;
	height:66px;
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;

	background:linear-gradient(180deg, #1b1b1b 0%, #080808 100%);
	border:1px solid rgba(255,0,110,.55);
	border-radius:40px;
	box-shadow:
		0 10px 28px rgba(0,0,0,.45),
		0 0 16px rgba(255,0,110,.25);
}

#spmenuUnder li {
	height:100%;
	margin:0;
	padding:0;
	color:#FFFFFF;
	text-align:center;
	background:transparent;
	cursor:pointer;
	flex:1;

	display:flex;
	align-items:center;
	justify-content:center;
	gap:7px;
}

#spmenuUnder li.spmenuUnderLast {
	flex:0.65;
}

.spmenuUnderBgcolor-green {
	background:var(--color1) !important;
}

.spmenuUnderBgcolor-pink {
	background:var(--color1) !important;
}

#spmenuUnder li span,
#spmenuUnder li i {
	color:#FFFFFF;
	font-size:13px;
	font-weight:700;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto;
	height:auto;
}

#spmenuUnder li i {
	font-size:20px;
	color:var(--color1);
}

#spmenuUnder .spmenuUnderBgcolor-green i,
#spmenuUnder .spmenuUnderBgcolor-pink i {
	color:#FFFFFF;
}

.spmenuUnderLast i {
	font-size:24px !important;
}

#spmenuUnder li:hover {
	filter:brightness(1.15);
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
	width:100vw;
	height:100vh;
	top:0;
	left:0;

	background-color:#FFFFFF;

	position:fixed;
	z-index:3000;

	display:flex;
	justify-content:center;
	align-items:center;
}

#preloaderMark {
	opacity:0;
	animation: blink 1.5s infinite linear;
}

#preloaderMark img {
	width:100px;
	height:100px;
}

@keyframes blink {
	50% {
		opacity: 1;
	}
}




/*--------------------------------------------------------------
# PagetopLink
--------------------------------------------------------------*/

#page-top{
	position:fixed;
	right:30px;
	bottom:30px;

	width:50px;
	height:50px;

	display:flex;
	align-items:center;
	justify-content:center;

	background:var(--color2);

	cursor:pointer;
	z-index:1000;

	opacity:0;
	transition:
		opacity .3s,
		filter .25s;
}

#page-top i{
	color:#000;
	font-size:18px;
	line-height:1;
}

#page-top:hover{
	filter:brightness(1.2);
}



#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(100px);
	}
}




/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header {
	width:100%;
	height:92px;
	top:0;
	left:0;
	margin:0;
	padding:0;
	background-color:#000000;
	position:fixed;
	z-index:1000;
}

header #logo {
	width:300px;
	height:72px;
	left:50px;
	top:10px;
	position:absolute;
}

/*for -767px smartphone */
@media(max-width: 767px) {

header {

}
header #logo {
	left:15px;
}

}

header #logo img {
	width:100%;
	height:100%;
}

/* for xs -575px tablet */
@media(max-width: 575px) {

header #logo img {
	width:70%;
	height:70%;
	margin-top:11px;
}

}

#hmenu{
	position:absolute;
	right:50px;
	top:33px;
}

#hmenu ul{
	margin:0;
	padding:0;
	list-style:none;

	display:flex;
	align-items:center;
	gap:30px;
}

#hmenu li{
	position:relative;
}

#hmenu li:not(:last-child)::after{
	content:"";
	position:absolute;
	right:-15px;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:10px;
	background:var(--color2);
	opacity:.6;
}

#hmenu a{
	display:block;
	padding:8px 0;
	font-weight:500;
	letter-spacing:.08em;
}


/*for -991px tablet */
@media(max-width: 991px) {
	#hmenu ul{

	}
	#hmenu li{

	}
	#hmenu li a{

	}
}

/*for lg 992px-1199px pc*/
@media(min-width: 992px) and (max-width: 1199px) {
	#hmenu ul{

	}
	#hmenu li{

	}
	#hmenu li a{

	}
}

/*for xl 1200px-1399px pc*/
@media(min-width: 1200px) and (max-width: 1399px) {
	#hmenu ul{

	}
	#hmenu li{

	}
	#hmenu li a{

	}
}

/*--------------------------------------------------------------
# Header SP Menu Button
--------------------------------------------------------------*/

#hmenuSp {
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
}

#hmenuSpBtn {
	width:56px;
	height:56px;
	margin:0;
	padding:0;

	color:var(--color2);
	background:transparent;

	border:1px solid rgba(212,175,55,.7);
	border-radius:0;

	display:flex;
	align-items:center;
	justify-content:center;

	cursor:pointer;
	transition:
		background-color .25s,
		color .25s,
		border-color .25s;
}

#hmenuSpBtn i {
	color:inherit;
	font-size:36px;
	line-height:1;
}

#hmenuSpBtn:hover {
	color:#000000;
	background:var(--color2);
	border-color:var(--color2);
}

/* smartphone */
@media(max-width:767px) {

	#hmenuSp {
		right:15px;
	}

	#hmenuSpBtn {
		width:50px;
		height:50px;
	}

	#hmenuSpBtn i {
		font-size:32px;
	}

}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer{
	padding:55px 65px 65px;
	background:#000000;
	position:relative;
}

footer .container-fluid{
	margin:0;
	padding:0;
}

#fnav ul{
	margin:0 0 55px;
	padding:0;
	list-style:none;
	display:flex;
	align-items:center;
	gap:22px;
}

#fnav li{
	position:relative;
}

#fnav li:not(:last-child)::after{
	content:"";
	position:absolute;
	right:-12px;
	top:50%;
	width:1px;
	height:12px;
	background:var(--color2);
	transform:translateY(-50%);
	opacity:.7;
}

#fnav a{
	font-weight:500;
	letter-spacing:.04em;
}

#flogo img{
	width:360px;
	height:auto;
	display:block;
}

#copyright{
	margin:55px 0 0;
	color:var(--color2);
	font-size:14px;
	text-align:center;
	line-height:1.6em;
}

/* smartphone */
@media(max-width:767px){

footer{
	padding:45px 25px 95px;
	text-align:left;
}

#fnav ul{
	margin-bottom:35px;
	flex-wrap:wrap;
	gap:16px 22px;
}

#fnav a{
	font-size:13px;
}

#flogo img{
	width:260px;
	margin:0 auto;
}

#copyright{
	margin-top:40px;
	font-size:12px;
	text-align:center;
}

}



/***************************************************************
# index sec
***************************************************************/

/*--------------------------------------------------------------
# topimage
--------------------------------------------------------------*/

#topimage {
	padding-top:80px;
}

#topimage #wbox {
	height:860px;
	position:relative;
}

/*for md -991px smartphone */
@media(max-width: 991px) {

#topimage #wbox {
	height:1022px;
	margin-bottom:50px;
}

}

#topimage #tbox {
	width:900px;
	height:auto;
	left:130px;
	top:126px;
	position:absolute;
	z-index:100;
}

#topimage #tbox h1 {
	margin:0 0 32px;
	color:var(--color2);
	font-size:60px;
	font-weight:400;
	line-height:1.1em;
	letter-spacing:.04em;
}

#topimage #tbox .top-lead {
	margin:0 0 7px;
	font-size:30px;
	font-weight:500;
	line-height:1.8em;
}

#topimage #tbox h2 {
	margin:0 0 34px;
	font-size:50px;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:.04em;
}

#topimage #tbox .top-line {
	margin:0 0 10px;
}


#topimage #tbox .top-copy {
	margin:0 0 42px;
	line-height:2em;
}

.top-feature-list {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	align-items:flex-start;
	gap:24px;
}

.top-feature-list li {
	width:117px;
	text-align:center;
}

.top-feature-list img {
	width:90px;
	height:90px;
	margin:0 auto 16px;
	display:block;
}

.top-feature-list span {
	color:var(--color-hover-a);
	font-size:13px;
	line-height:1.3em;
	letter-spacing:.06em;
	display:block;
}

#topimage #iconSp{
	width:100%;
	left:0;
	bottom:0;
	position:absolute;
}

#topimage #iconSp .top-feature-list{
	width:100%;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
}

/*for sm -767px smartphone */
@media(max-width: 767px) {

#topimage #wbox{
	height:1211px;
}

#topimage #iconSp .top-feature-list{
	width:350px;
	margin:0 auto;

	display:grid;
	grid-template-columns:repeat(6,55px);

	row-gap:18px;
}

#topimage #iconSp .top-feature-list li{
	width:110px;
	grid-column:span 2;
}

#topimage #iconSp .top-feature-list li:nth-child(4){
	grid-column:2 / span 2;
}

#topimage #iconSp .top-feature-list li:nth-child(5){
	grid-column:4 / span 2;
}

}



/* for lg 992px-1399px pc */
@media(min-width: 992px) and (max-width: 1399px) {

#topimage #tbox {
	left:5%;
}

}

/* for md -991px tablet */
@media(max-width: 991px) {

#topimage #tbox {
	width:100%;
	top:190px;
	left:0;
	text-align:center;
}

}

/* for xs -575px tablet */
@media(max-width: 575px) {

#topimage #tbox h1 {
	font-size:55px;
}
#topimage #tbox .top-lead {
	font-size:22px;
}
#topimage #tbox h2 {
	font-size:41px;
}
#topimage #tbox .top-copy {
	font-size:17px;
}

}



#topimage #bbox {
	width:100%;
	height:100%;
	right:0;
	text-align:right;
	position:absolute;
	z-index:10;
}

#topimage #bbox img {
	height:860px;
	right:0;
	top:0;
	position:absolute;
}

/* for md -991px smartphone */
@media(max-width: 991px) {

#topimage #bbox {
	height:860px;
}

#topimage #bbox img {
	height:860px;
}

}


/*--------------------------------------------------------------
# btnarea
--------------------------------------------------------------*/


#btnarea{
	padding:35px 0 60px;
	background:#000000;
}

#btnarea .row{
	max-width:1500px;
	margin:0 auto;
}



/*--------------------------------------------------------------
# desc1
--------------------------------------------------------------*/


#desc1 {
	height:700px;
}

#desc1 .container-fluid,
#desc1 .row,
#desc1 .col-12{
	height:100%;
	position:relative;
}

#desc1 #d1-bimg {
	width:1920px;
	height:700px;
	left:50%;
	top:0;
	transform:translateX(-50%);
	position:absolute;
}

#desc1 #d1-tbox{
	width:1200px;
	left:50%;
	top:156px;
	transform:translateX(-50%);
	position:absolute;
	z-index:20;

	text-align:center;
}

#desc1 #d1-tbox h2{
	margin:0 0 28px;
	color:var(--color2);
	font-size:60px;
	font-weight:400;
	line-height:1.25em;
	letter-spacing:.08em;
}

#desc1 #d1-tbox h3{
	margin:0 0 36px;
	color:var(--color3);
	font-size:30px;
	font-weight:500;
	line-height:1.7em;
	letter-spacing:.04em;
}

#desc1 #d1-tbox p{
	margin:0;
	color:var(--color3);
	line-height:2.1em;
}

/* for xs -575px tablet */
@media(max-width: 575px) {

#desc1 #d1-tbox{
	top:170px;
}
#desc1 #d1-tbox h2{
	font-size:45px;
}
#desc1 #d1-tbox h3{
	font-size:26px;
}

}


/*--------------------------------------------------------------
# desc2
--------------------------------------------------------------*/



#desc2 {
	background:
		conic-gradient(
			from 180deg at 85% 50%,
			transparent 0deg,
			rgba(212,175,55,.12) 35deg,
			rgba(212,175,55,.28) 65deg,
			rgba(212,175,55,.12) 100deg,
			transparent 145deg,
			transparent 360deg
		),
		linear-gradient(
			180deg,
			#080808 0%,
			#15120c 45%,
			#0b0b0b 100%
		);
}
#desc2 .row {
	max-width:1600px;
	margin:0 auto;
}

#desc2 h2{
	margin:0 0 12px;
	color:var(--color2);
	line-height:1.15em;
	font-weight:400;
	font-size:50px;
}

#desc2 h3{
	margin:0 0 28px;
	color:var(--color3);
	font-weight:500;
	font-size:30px;
}

#desc2 p{
	margin:0;
	color:rgba(255,255,255,.9);
	line-height:2em;
}


/* for -991px tablet */
@media(max-width: 991px) {

#desc2 h2{
	font-size:35px;
}

}

/*--------------------------------------------------------------
# desc3
--------------------------------------------------------------*/

#desc3 {
	height:483px;
}

#desc3 .container-fluid,
#desc3 .row,
#desc3 .col-12{
	height:100%;
	position:relative;
}

#desc3 #d1-bimg {
	width:1920px;
	height:700px;
	left:50%;
	top:0;
	transform:translateX(-50%);
	position:absolute;
}

#desc3 #d1-tbox{
	width:1200px;
	left:50%;
	top:128px;
	transform:translateX(-50%);
	position:absolute;
	z-index:20;

	text-align:center;
}

#desc3 #d1-tbox h2{
	margin:0 0 28px;
	color:var(--color-hover-a);
	font-size:60px;
	font-weight:400;
	line-height:1.25em;
	letter-spacing:.08em;
}

#desc3 #d1-tbox h3{
	margin:0 0 36px;
	color:var(--color3);
	font-size:30px;
	font-weight:500;
	line-height:1.7em;
	letter-spacing:.04em;
}

#desc3 #d1-tbox p{
	margin:0;
	color:var(--color3);
	line-height:2.1em;
}


/* for -767px tablet */
@media(max-width: 767px) {

#desc3 #d1-tbox {
	top:108px;
}
#desc3 #d1-tbox h3 {
	font-size:23px;
}
#desc3 #d1-tbox h2 {
	font-size:34px;
}

}



/*--------------------------------------------------------------
# Inquiry
--------------------------------------------------------------*/

#inq{
	padding:90px 0 100px;
	background:#000;
}

#inq h2{
	margin-bottom:25px;
	text-align:center;
}

#inq .inq-sub{
	margin:0;
	color:var(--color3);
	font-size:20px;
	line-height:2em;
	text-align:center;
}

#inq .inq-box{

	height:260px;

	padding:45px;

	border:1px solid rgba(212,175,55,.55);

	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;

	text-align:center;
}

#inq .inq-box h3{
	margin-bottom:35px;
	color:var(--color1);
	font-size:30px;
	font-weight:300;
}

#inq .inq-tel{
	margin:0;
	color:#FFF;
	font-size:50px;
	line-height:1.2;
}

/*for xl 1200px-1399px pc */
@media(min-width: 1200px) and (max-width: 1399px) {

#inq .inq-tel{
	font-size:40px;
}

}

#inq .btn-gold{
	width:420px;
	max-width:100%;
}


/* for -767px tablet */
@media(max-width: 767px) {

#inq h2 {
	font-size:38px;
}

}

/* for xs -575px tablet */
@media(max-width: 575px) {

#inq .inq-box h3{
	font-size:25px;
}
#inq .inq-tel{
	font-size:40px;
	color:#FFFFFF;
}

}


/***************************************************************
# inside
***************************************************************/

/*--------------------------------------------------------------
# insideTop
--------------------------------------------------------------*/

#insideTop {
	padding-top:80px;
}

#insideTop #wbox {
	height:621px;
	position:relative;
}

/*for md -991px smartphone */
@media(max-width: 991px) {

#insideTop #wbox {
	height:621px;
}

}

/*for sm -767px smartphone */
@media(max-width: 767px) {

#insideTop #wbox {
	height:750px;
}

}

#insideTop #tbox {
	width:900px;
	height:auto;
	left:130px;
	top:164px;
	position:absolute;
	z-index:100;
}

#insideTop #tbox h1 {
	margin:0 0 5px;
	color:var(--color2);
	font-size:60px;
	font-weight:400;
	line-height:1.1em;
	letter-spacing:.04em;
}

#insideTop #tbox h2 {
	margin:0 0 34px;
	font-size:50px;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:.04em;
}

#insideTop #tbox .top-lead {
	margin:0 0 34px;
	font-size:30px;
	font-weight:500;
	line-height:1.8em;
}

#insideTop #tbox .top-line {
	margin:0 0 10px;
}


#insideTop #tbox .top-copy {
	margin:0 0 42px;
	line-height:2em;
}


/* for lg 992px-1399px pc */
@media(min-width: 992px) and (max-width: 1399px) {

#insideTop #tbox {
	left:5%;
}

}

/* for -991px tablet */
@media(max-width: 991px) {

#insideTop #tbox {
	left:52px;
}

}





#insideTop #bbox {
	width:100%;
	height:100%;
	right:0;
	text-align:right;
	position:absolute;
	z-index:10;
}

#insideTop #bbox img {
	height:621px;
	right:0;
	top:0;
	position:absolute;
}

/* for -991px tablet */
@media(max-width: 991px) {

#insideTop #tbox h1 {
	font-size:55px;
}

#insideTop #tbox h2 {
	font-size:41px;
}

#insideTop #tbox .top-lead {
	font-size:22px;
}

#insideTop #bbox {
	height:621px;
}

#insideTop #bbox img {
	height:621px;
}

}



/*--------------------------------------------------------------
# founder
--------------------------------------------------------------*/

#founderDesc1 .row {
	max-width:1600px;
	margin:0 auto;
}

#founderDesc1 h2{
	margin:0;
	color:var(--color2);
	font-size:60px;
	font-weight:400;
	line-height:1.1;
	letter-spacing:.03em;
}

#founderDesc1 h3{
	margin:3px 0 15px;
	color:#FFF;
	font-size:30px;
	font-weight:400;
	line-height:1.4;
}

#founderDesc1 .founder-line{
	margin:0 0 12px;
	display:block;
}

#founderDesc1 p{
	margin:0;
	color:rgba(255,255,255,.92);
	line-height:2.1em;
}

#founderDesc1 .desc1text1,#founderDesc1 .desc1text2{
	margin-top:35px;
}


#founderDesc1 h4{
	margin:12px 0;
	color:var(--color2);
	font-size:25px;
	font-weight:400;
	line-height:1.4;
	letter-spacing:.02em;
}





#founderDesc2{
	padding:100px 0 120px;
	background:#000000;
}

#founderDesc2 .row{
	max-width:1200px;
	margin:0 auto;
}

.founder-value-title{
	margin:0 auto 10px;
	text-align:center;
}

.founder-value-title h2{
	margin:0 0 25px;
	color:var(--color2);
	font-size:45px;
	font-weight:400;
	line-height:1.3;
}

.founder-value-title img{
	width:220px;
	height:auto;
	display:block;
	margin:0 auto;
}

.founder-value-list{
	width:100%;
}

.founder-value-item{
	padding:42px 0;
	border-bottom:1px solid rgba(212,175,55,.65);
	align-items:center;
}

.founder-value-num{
	display:block;
	color:var(--color2);
	font-size:72px;
	font-weight:400;
	line-height:1;
}

.founder-value-item h3{
	margin:0;
	color:var(--color2);
	font-size:24px;
	font-weight:400;
	line-height:1.5;
}

.founder-value-item p{
	margin:0;
	color:rgba(255,255,255,.92);
	font-size:18px;
	line-height:2em;
}

@media(max-width:767px){

#founderDesc2{
	padding:60px 0;
}

.founder-value-title{
	margin-bottom:35px;
}

.founder-value-title h2{
	font-size:34px;
	line-height:1.5;
}

.founder-value-title img{
	width:170px;
}

.founder-value-item{
	padding:28px 0;
}

.founder-value-num{
	font-size:48px;
	margin-bottom:10px;
}

.founder-value-item h3{
	font-size:24px;
	margin-bottom:12px;
}

.founder-value-item p{
	font-size:16px;
	line-height:1.8;
}

}


@media(max-width:575px){

.founder-value-title h2{
	font-size:28px;
}

}

/*--------------------------------------------------------------
# founderDesc3
--------------------------------------------------------------*/

#founderDesc3{
	padding:90px 0 120px;
	background:#000000;
}

#founderDesc3 .container{
	max-width:1200px;
}

.founder-message-box{
	padding:55px 75px 35px;
	background:#151619;
	border:1px solid rgba(212,175,55,.8);
}

.founder-message-box h2{
	margin:0 0 31px;
	color:var(--color2);
	font-size:38px;
	font-weight:400;
	line-height:1.5;
}

.founder-message-box p{
	margin:0 0 10px;
	color:rgba(255,255,255,.92);
	font-size:18px;
	font-weight:600;
	line-height:2;
}

.founder-sign{
	margin:30px 0 0;
	text-align:right;
}

.founder-sign img{
	width:210px;
	height:auto;
	display:inline-block;
}

/* smartphone */
@media(max-width:767px){

#founderDesc3{
	padding:60px 0 80px;
}

.founder-message-box{
	padding:35px 24px 30px;
}

.founder-message-box h2{
	margin-bottom:28px;
	font-size:26px;
}

.founder-message-box p{
	font-size:16px;
	line-height:1.9;
}



.founder-sign img{
	width:170px;
}

}




/*--------------------------------------------------------------
# memberDesc1
--------------------------------------------------------------*/

#memberDesc1{
    padding:100px 0 120px;
    background:#000;
}

#memberDesc1 .container{
    max-width:1200px;
}

.member-title{
    margin-bottom:80px;
}

.member-title h2{
    margin-bottom:25px;
    color:var(--color2);
    font-size:60px;
    font-weight:400;
}

.member-title p{
    color:rgba(255,255,255,.9);
    font-size:20px;
    line-height:2;
}

.member-item{
    height:100%;
}

.member-item h3{
    display:flex;
    align-items:center;
    gap:18px;

    margin-bottom:25px;

    color:var(--color2);
    font-size:34px;
    font-weight:400;
    line-height:1.4;
}

.member-item h3 img{
    width:52px;
    flex-shrink:0;
}

.member-item p{
    margin:0;
    color:rgba(255,255,255,.9);
    font-size:18px;
    line-height:2;
}

#memberDesc1 .img-fluid{
    border-radius:6px;
}

/* tablet */

@media(max-width:991px){

.member-title{
    margin-bottom:60px;
}

.member-title h2{
    font-size:46px;
}

.member-item h3{
    font-size:30px;
}

}

/* smartphone */

@media(max-width:767px){

#memberDesc1{
    padding:70px 0;
}

.member-title{
    margin-bottom:45px;
}

.member-title h2{
    font-size:34px;
}

.member-title p{
    font-size:16px;
    line-height:1.9;
}

.member-item h3{
    gap:12px;
    font-size:26px;
}

.member-item h3 img{
    width:38px;
}

.member-item p{
    font-size:16px;
    line-height:1.8;
}

}



#memberVoice{
	padding:90px 0 100px;
	background:#151619;
}

#memberVoice .container{
	max-width:1200px;
}

#memberVoice h2{
	margin:0 0 55px;
	color:var(--color2);
	font-size:60px;
	font-weight:400;
}

.memberVoiceSwiper{
	padding-bottom:55px;
}

.voice-card{
	height:100%;
	min-height:360px;
	padding:28px 32px;
	background:#000;
	border:1px solid rgba(212,175,55,.6);
	text-align:center;
}

.voice-card img{
	width:92px;
	height:92px;
	margin:0 auto 12px;
	border-radius:50%;
	object-fit:cover;
	display:block;
}

.voice-label{
	width:145px;
	margin:0 auto 18px;
	padding:3px 10px;
	color:#000;
	font-size:15px;
	line-height:1.4;
	background:linear-gradient(90deg,#b88620 0%,#f3df9f 45%,#d8ae49 100%);
}

.voice-card p:not(.voice-label){
	margin:0;
	color:#fff;
	font-size:16px;
	line-height:2;
	text-align:left;
}

#memberVoice .swiper-pagination-bullet{
	background:var(--color2);
	opacity:.35;
}

#memberVoice .swiper-pagination-bullet-active{
	opacity:1;
}

@media(max-width:767px){

#memberVoice{
	padding:60px 0 70px;
}

#memberVoice h2{
	margin-bottom:35px;
	font-size:34px;
}

.voice-card{
	min-height:auto;
	padding:28px 24px;
}

.voice-card p:not(.voice-label){
	font-size:15px;
}

}


#memberFaq{
    padding:100px 0 120px;
    background:#000;
}

#memberFaq .container{
    max-width:1200px;
}

.faq-box{
    padding:55px 70px;
    background:#151619;
    border:1px solid rgba(212,175,55,.55);
}

#memberFaq h2{
    margin:0 0 45px;
    color:var(--color2);
    font-size:50px;
    font-weight:400;
    line-height:1.3;
}

.faq-item{
    margin-bottom:40px;
}

.faq-item:last-child{
    margin-bottom:0;
}

.faq-item h3{
    margin:0 0 12px;
    color:var(--color2);
    font-size:22px;
    font-weight:400;
    line-height:1.6;
}

.faq-item p{
    margin:0;
    color:rgba(255,255,255,.92);
    font-size:17px;
    line-height:2;
}

@media(max-width:767px){

    #memberFaq{
        padding:70px 0;
    }

    .faq-box{
        padding:35px 25px;
    }

    #memberFaq h2{
        margin-bottom:30px;
        font-size:34px;
    }

    .faq-item{
        margin-bottom:28px;
    }

    .faq-item h3{
        font-size:20px;
    }

    .faq-item p{
        font-size:15px;
        line-height:1.9;
    }

}


/*--------------------------------------------------------------
# Contact Form
--------------------------------------------------------------*/

#contactFormSec{
	padding:90px 0 110px;
	background:#000;
}

#contactFormSec .container{
	max-width:1000px;
}

.contact-form{
	padding:55px 70px;
	background:#151619;
	border:1px solid rgba(212,175,55,.55);
}

.contact-form-head{
	margin-bottom:32px;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:20px;
}

.contact-form-head h2{
	margin:0;
	color:var(--color2);
	font-size:42px;
	font-weight:400;
}

.contact-form-head p{
	margin:8px 0 0;
	color:rgba(255,255,255,.9);
	font-size:14px;
	white-space:nowrap;
}

.contact-form-head span,
.form-group span{
	color:var(--color2);
}

#contact-error-box{
	display:none;
	margin-bottom:25px;
	padding:16px 20px;
	color:#D60000;
	font-weight:700;
}

.contact-submit{
	width:100%;
	max-width:420px;
	height:62px;
	margin-top:20px;
	color:#000;
	font-size:20px;
	font-weight:600;
	background:linear-gradient(90deg,#b88620 0%,#f3df9f 22%,#d8ae49 55%,#a87418 100%);
	border:none;
	display:block;
}

.contact-submit:hover{
	filter:brightness(1.1);
}

@media(max-width:767px){

#contactFormSec{
	padding:60px 0 80px;
}

.contact-form{
	padding:35px 24px;
}

.contact-form-head{
	display:block;
}

.contact-form-head h2{
	font-size:32px;
}

.contact-form-head p{
	margin-top:12px;
}

.contact-submit{
	max-width:none;
	height:60px;
}

}



/*--------------------------------------------------------------
# Contact Complete
--------------------------------------------------------------*/

#contactCompSec{
	padding:90px 0 110px;
	background:#000;
}

#contactCompSec .container{
	max-width:1000px;
}

.contact-comp-box{
	padding:70px 70px 65px;
	text-align:center;
	background:#151619;
	border:1px solid rgba(212,175,55,.55);
}

.contact-comp-icon{
	width:96px;
	height:96px;
	margin:0 auto 28px;
	background:var(--color2);
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
}

.contact-comp-icon i{
	color:#000;
	font-size:50px;
	line-height:1;
}

.contact-comp-icon.error{
	background:#8b1e1e;
}

.contact-comp-icon.error i{
	color:#fff;
}

.contact-comp-label{
	margin:0 0 18px;
	color:var(--color2);
	font-size:16px;
	font-weight:700;
	letter-spacing:.14em;
}

.contact-comp-label.error-label{
	color:#d85c5c;
}

.contact-comp-box h2{
	margin:0 0 30px;
	color:var(--color2);
	font-size:42px;
	font-weight:400;
	line-height:1.5;
}

.contact-comp-lead{
	margin:0 auto 45px;
	color:rgba(255,255,255,.92);
	font-size:18px;
	line-height:2;
}

.contact-comp-note{
	margin:0 auto 45px;
	padding:35px 45px;
	max-width:720px;
	text-align:left;
	background:#000;
	border:1px solid rgba(212,175,55,.35);
}

.contact-comp-note h3{
	margin:0 0 22px;
	color:var(--color2);
	font-size:24px;
	font-weight:400;
}

.contact-comp-note ul{
	margin:0;
	padding:0;
	list-style:none;
}

.contact-comp-note li{
	margin-bottom:14px;
	padding-left:30px;
	color:rgba(255,255,255,.92);
	font-size:17px;
	line-height:1.8;
	position:relative;
}

.contact-comp-note li:last-child{
	margin-bottom:0;
}

.contact-comp-note li::before{
	content:"\F26A";
	font-family:"bootstrap-icons";
	left:0;
	top:2px;
	color:var(--color2);
	font-size:16px;
	position:absolute;
}

.contact-comp-note.error-note{
	border-color:rgba(216,92,92,.55);
}

.contact-comp-note.error-note h3,
.contact-comp-note.error-note li::before{
	color:#d85c5c;
}

.contact-comp-btns{
	display:flex;
	justify-content:center;
	gap:18px;
}

.contact-comp-btns .btn-gold,
.contact-outline-btn{
	width:260px;
	height:60px;
	font-size:17px;
	font-weight:600;
}

.contact-outline-btn{
	color:var(--color2);
	border:1px solid rgba(212,175,55,.65);
	display:flex;
	align-items:center;
	justify-content:center;
}

.contact-outline-btn:hover{
	color:#000;
	background:var(--color2);
}

/* smartphone */
@media(max-width:767px){

#contactCompSec{
	padding:60px 0 80px;
}

.contact-comp-box{
	padding:45px 24px;
}

.contact-comp-icon{
	width:82px;
	height:82px;
}

.contact-comp-icon i{
	font-size:42px;
}

.contact-comp-box h2{
	font-size:32px;
}

.contact-comp-lead{
	font-size:16px;
	text-align:left;
}

.contact-comp-note{
	padding:28px 24px;
}

.contact-comp-note li{
	font-size:15px;
}

.contact-comp-btns{
	display:block;
}

.contact-comp-btns .btn-gold,
.contact-outline-btn{
	width:100%;
	margin-bottom:14px;
}

}


/*--------------------------------------------------------------
# Trade Flow
--------------------------------------------------------------*/

#tradeFlow{
	padding:90px 0;
}

#tradeFlow .container{
	max-width:1200px;
}

#tradeFlow .trade-box{
	padding:60px 70px;
	background:#18191d;
	border:1px solid rgba(212,175,55,.7);
}

#tradeFlow h2{
	margin:0 0 55px;
	color:var(--color2);
	font-size:60px;
	font-weight:400;
	line-height:1.3;
}

#tradeFlow .trade-flow-item{
	margin-bottom:50px;
	align-items:center;
}

#tradeFlow .trade-flow-item:last-child{
	margin-bottom:0;
}

#tradeFlow .trade-flow-item img{
	width:100%;
	max-height:180px;
	object-fit:cover;
	border-radius:4px;
}

#tradeFlow h3{
	margin:0 0 18px;
	color:var(--color2);
	font-size:32px;
	font-weight:400;
	line-height:1.4;
}

#tradeFlow p{
	margin:0 0 15px;
	color:#fff;
	font-size:18px;
	line-height:2;
}

#tradeFlow ul{
	margin:0;
	padding-left:22px;
	color:#fff;
}

#tradeFlow li{
	margin-bottom:6px;
	font-size:18px;
	line-height:1.8;
}

#tradeFlow .trade-flow-note{
	margin-bottom:0;
	font-size:16px;
	opacity:.9;
}

@media (max-width:991.98px){

	#tradeFlow{
		padding:70px 0;
	}

	#tradeFlow .trade-box{
		padding:45px;
	}

	#tradeFlow h2{
		margin-bottom:45px;
		font-size:46px;
	}

	#tradeFlow h3{
		margin-top:25px;
		font-size:28px;
	}

	#tradeFlow .trade-flow-item{
		margin-bottom:45px;
	}

}

@media (max-width:767.98px){

	#tradeFlow{
		padding:60px 0;
	}

	#tradeFlow .trade-box{
		padding:30px 25px;
	}

	#tradeFlow h2{
		margin-bottom:35px;
		font-size:36px;
	}

	#tradeFlow h3{
		font-size:24px;
	}

	#tradeFlow p,
	#tradeFlow li{
		font-size:16px;
		line-height:1.8;
	}

	#tradeFlow .trade-flow-item img{
		max-height:none;
		margin-bottom:20px;
	}

	#tradeFlow .trade-flow-note{
		font-size:15px;
	}

}