@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
:root {
 --white: #f1f1f1;
 --lightgray: #858585;
 --gray: #646464;
 --black: #323232;
 --gold: #BFA06B;
 --darkblue: #577082;
 --mintgreen: #3795a1;
 --rosered: #ff002b;
 --rosepink: #ff0068;
 --green: #1dbda1;
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  font-family: "Noto Sans JP",'Arial', sans-serif, 'メイリオ';
	background-color:#fff;
  color: var(--black);
  letter-spacing: 0.175em;
  font-weight: 300;
transition: all .3s;
}
p, li, dt, dd, th, td, pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-all;
}

p {
  font-size: clamp(11px, calc(10px + 0.625vw), 16px);
  display: block;
  word-wrap: break-word;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  line-height: 2;
}

section {
  width: 100%;
}
.small_space{
  width:70%;
  max-width:600px;
  margin:0 auto;
}
.low_space{
  width:70%;
  max-width:1000px;
  margin:0 auto;
}
.space{
  width:70%;
  max-width:1200px;
  margin:0 auto;
}
.space2{
  width:85%;
  max-width:1500px;
  margin:0 auto;
}
.space3{
  width:100%;
  max-width:1500px;
  margin:0 auto;
}
@media screen and (max-width:1149px){
.small_space,.low_space,.space,.space2,.space3{
  width:80%;
}
}
@media screen and (max-width:768px){
.small_space,.low_space,.space,.space2,.space3{
  width:90%;
}
}
@media screen and (max-width:480px){
.small_space,.low_space,.space,.space2,.space3{
  width:95%;
}
}
img {
  height: auto;
  max-width: 100%;
  user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}
a {
  color: inherit;
  text-decoration: none;
}

/* パンくずリスト */
#breadcrumb{
  font-size: 0.8rem;
  margin-bottom: 100px;
}
#breadcrumb ul{
  list-style: none;
}
#breadcrumb li{
  display: inline;
}
#breadcrumb li a{
  color: inherit;
  text-decoration: none;
}
#breadcrumb li + li:before{
  content: ">";
  margin:.5em;
}

header{
	width:100%;
}
#luxy{
	position:relative;
}
.pc { display: block !important; }
.sp { display: none !important; }
 
@media only screen and (max-width: 768px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
.display_cont{
	display:flex;
	flex-wrap:wrap;
}
.display_cont-reverse{
	display:flex;
	flex-wrap:wrap-reverse;
}
.beside_30p_cont{
	width:30%;
}
.beside_50p_cont{
	width:50%;
}
.beside_50p_cont img{
	width:100%;
}
.beside_70p_cont{
	width:70%;
}
@media screen and (max-width:1149px){
.beside_30p_cont, .beside_50p_cont, .beside_70p_cont{
	width:100%;
	}
.beside_50p_cont img{
	margin-bottom:50px;
}
}
@media screen and (max-width:480px){
}
h2{
	font-weight:100;
	font-size:3rem;
	line-height:25px;
	margin-bottom:30px;
}
h2 span{
  display: block;
	padding-top:30px;
}

h3 {
  font-size: clamp(30px, calc(30px + 0.625vw), 40px);
	line-height: 1.8;
    margin-bottom: 30px;
    font-weight: 300;
}
.EN_minititle {
    margin-bottom: 100px;
    margin-left: 30px;
	font-size: clamp(9px, calc(10px + 0.625vw), 14px);
	line-height: 1.8;
  position:relative;
}
.EN_minititle::after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: -70px;
    width: 60px;
    height: 1px;
    background: var(--black);
}


.wm-vr {
    font-feature-settings: normal;
    white-space: nowrap;
    writing-mode: vertical-rl;
}
.txt_size_bigtitle{
  font-size: clamp(30px, calc(30px + 0.625vw), 40px);
	line-height: 1.8;
    font-weight: 500;
}
.txt_size_catchtitle{
  font-size: clamp(18px, calc(18px + 0.625vw), 28px);
	line-height: 1.8;
}
.txt_size_catch{
	font-size: clamp(14px, calc(12px + 0.625vw), 22px);
	line-height: 1.8;
}
.txt_size_L{
  font-size: clamp(13px, calc(10px + 0.625vw), 18px);
	line-height: 1.8;
}
.txt_size_M{
  font-size: clamp(11px, calc(10px + 0.625vw), 16px);
	line-height: 1.8;
}
.txt_size_S{
	font-size: clamp(9px, calc(10px + 0.625vw), 14px);
	line-height: 1.8;
}


.basictitle{
    margin-bottom: 75px;
    position: relative;
}
.basictitle::after{
	content: "";
    position: absolute;
    left: 0;
    bottom: -41px;
    width: 60px;
    height: 1px;
    background-color: #5e594d;
}
.centertitle{
	margin:100px 0 50px 0;
	text-align: center;
}
@media screen and (max-width:768px){
.basictitle{
    margin-bottom: 75px;
}
.basictitle::after{
    bottom: -41px;
}
.centertitle{
	margin:50px 0 25px 0;
}
}
.basic_btn{
  width:fit-content;
  margin:0 auto;  
}
.basic_btn p{
  font-weight:700;
}

.basic_btn .basic_btnbox{
	width:300px;
	height:70px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
   border-radius: 10px;
  background-color: rgb(255, 255, 255);
  transition: box-shadow 0.2s;
  box-shadow:
    5px 5px 15px rgba(18, 47, 61, 0.5),
    -5px -5px 15px rgba(248, 253, 255, 0.9),
    inset 5px 5px 15px transparent,
    inset -5px -5px 15px transparent;
}
.basic_btn .basic_btnbox:hover{
  box-shadow:
    5px 5px 15px transparent,
    -5px -5px 15px transparent,
    inset 5px 5px 15px rgba(18, 47, 61, 0.5),
    inset -5px -5px 15px rgba(248, 253, 255, 0.9);
}


#wrapper{
	position:relative;
	z-index:2;
}
#wrapper:after{
	content:"";
	width:100%;
	height:500px;
	position:absolute;
	z-index: -2;
	bottom:0;
	left:0;
	background-image:url("image.php?id=006");
	background-size:auto 100%;
	background-position:top center;
	background-repeat:repeat-x;
}
#ks_cont{
	position:relative;
	z-index:2;
}
#ks_title{
  margin-bottom:50px;
  font-weight:900;
}
#ks_title span{
  font-weight:900;
}
#ks_txtbox{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#ks_cont .space{
	height:300px;
	display:flex;
	justify-content:center;
	align-items:center;
}
#ks_bg{
	width:85%;
  height:300px;
}
#ks_bg2{
	width:calc(100% - 100px);
  height:500px;
  margin: 0 auto;
}
@media screen and (max-width:1149px){
#ks_bg2{
  height:300px;
}
}
@media screen and (max-width:768px){
#ks_bg2{
	width:90%;
  height:200px;
}
}
@media screen and (max-width:480px){
#ks_bg2{
	width:95%;
  height:150px;
}
}
#ks_bg,#ks_bg2{
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
}
#ks_bg{
	border-radius:0 10px 10px 0;
}
#ks_bg2{
	border-radius:10px;
}
#ks_bg:after,#ks_bg2:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#00000090;
	mix-blend-mode:multiply;
}
#ks_cont h1{
	position:relative;
	z-index:2;
	color:#fff;
}
.ks_top_txt{
	margin-bottom:50px;
	text-align:center;
}
@media screen and (max-width:1149px){
#ks_bg{
	width:90%;
}
}
@media screen and (max-width:768px){
#ks_bg{
	width:95%;
}
}

.coming_soon{
  position:relative;
}
.coming_soon:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F9F9F9;
    position: absolute;
    border-radius: 10px;
    background-image: url("image.php?id=003");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30% auto;
}