@charset "utf-8";
/* --------------------------------------------------
▼ モーダルバナー 24/01/25 ▼
-------------------------------------------------- */
#layer_board_area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 3vw;
	overflow-y: auto;
	box-sizing: border-box; /*スクロールバーを非表示*/
	-ms-overflow-style: none; /*スクロールバーを非表示*/
	scrollbar-width: none; /*スクロールバーを非表示*/
	z-index: 5001;
}
#layer_board_area::-webkit-scrollbar {
	display:none; /*スクロールバーを非表示*/
}
.layer_board_bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	cursor: pointer;
	background: #000;
	z-index: 0;
}
/* -ポップアップ部分- */
.layer_board {
	display: none;
	position: relative;
	width: 80%;
	max-width: 970px;
	margin: 3em auto;
	box-sizing: border-box;
	background: #fff;
	z-index: 10;
}
.layer_board.shortLayer {
	margin: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
/* -閉じるボタン- */
.layer_board .mdl_btn_close.circle_btn {
	position: absolute;
	top: -44px;
	left: 0;
	width: 40px;
	height: 40px;
	background-image: url("../images/top/modal_bnr/icon_close_white.png");
	background-repeat: no-repeat;
	background-size: 36px;
	background-position: 50%;
	transition: .15s;
	cursor: pointer;
}
.layer_borad_content {
	margin: 0 auto;
	position: relative;
}
.layer_borad_content picture:before {
	position: absolute;
	top: -60px;
	right: -60px;
	display: block;
	content: '';
	width: 120px;
	height: 119px;
	background: url(../images/top/modal_bnr/kigen.png) no-repeat;
	background-size: contain;
}
@media screen and (max-width:480px) {
	.layer_board {
		width: 77.5%;
		margin: 3em auto;
		padding: 0;
	}
	.layer_borad_content picture:before {
		top: -35px;
		right: -35px;
		width: 80px;
		height: 79px;
	}
	.layer_board .mdl_btn_close.circle_btn {
		width: 30px;
		height: 30px;
		background-size: 24px;
		top: -36px;
		right: 0px;
	}
	.layer_board .square_btn{
		padding: 5px;
	}
}
/* --------------------------------------------------
▼ インセンバナー 24/01/26 ▼
-------------------------------------------------- */
.bnr_incen {
	position: relative;
	width: 90%;
	max-width: 800px;
	margin: 0 auto 40px;
	padding: 2px;
	background: #a59551;
}
.bnr_incen:before {
	position: absolute;
	top: -40px;
	right: -40px;
	display: block;
	content: '';
	width: 100px;
	height: 99px;
	background: url(../images/top/modal_bnr/kigen.png) no-repeat;
	background-size: contain;
}
@media screen and (max-width:580px) {
	.bnr_incen:before {
		right: -15px;
		width: 64px;
		height: 63px;
	}
}

/* 
.bnr_tokyo {
    max-width: 800px;
    margin: 0px auto 40px;
    width: 90%;	
}
@media screen and (max-width:768px) {
.bnr_tokyo {max-width: 100%;
} 
}*/

/* --------------------------------------------------
header
-------------------------------------------------- */
/* line 5, top.scss */
header .logo_wrap {
	opacity: 100;
	transition: all .5s ease;
	pointer-events: none;
	pointer-events: initial;
}
  
  /* line 10, top.scss */
  .scrolled header .logo_wrap {
	opacity: 1;
	pointer-events: initial;
  }
  
  @media screen and (min-width: 1200px) {
	/* line 15, top.scss */
	header .gnav_wrap {
	  opacity: 0;
	  transition: all .5s ease;
	  pointer-events: none;
	}
  
	/* line 20, top.scss */
	.scrolled header .gnav_wrap {
	  opacity: 1;
	  pointer-events: initial;
	}
  }
  /* line 26, top.scss */
  #gnav .gnav_list li.gnav_top a .lbl::after {
	transform: scale(1, 1);
	height: 2px;
  }

/* --------------------------------------------------
mv
-------------------------------------------------- */
/* ▼ 24.05.02 ▼ */
.s_mv ._inner {
	overflow: hidden;
	position: relative;
	z-index: 0;
	font-size: 0;
	line-height: 0;
}
.s_mv ._video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
.s_mv ._video.off {
	z-index: 0;
}
.s_mv ._video video {
	display: block;
	width: 100%;
}
.s_mv ._skip,
.s_mv ._replay.is-show {
	position: absolute;
	top: 55px;
	right: 6px;
	z-index: 30;
	border: 1px solid #fff;
	padding: 5px 10px;
	cursor: pointer;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, .4), 0px 0px 3px rgba(0, 0, 0, .4), 0px 0px 3px rgba(0, 0, 0, .4), 0px 0px 3px rgba(0, 0, 0, .4), 0px 0px 3px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4);
	background: rgba(255, 255, 255, .1);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	box-shadow: 0 0 3px 0px rgba(0, 0, 0, .8), inset 0 0 1px 0 rgba(0, 0, 0, .8);
	transition: background 0.2s;
}
.s_mv ._replay {
	opacity: 0;
}
.s_mv ._replay.is-show {
	opacity: 1;
}
.s_mv ._slide {
	display: block;
	z-index: 10;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}
.s_mv ._slide.on {
	opacity: 1;
	visibility: visible;
}
.s_mv ._slide img {
	width: 100%;
}
.slick-dots {
	top: 50% !important;
	transform: translateY(-50%) !important;
	bottom: unset !important;
	left: 10px !important;
	width: auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-direction: column !important;
}
.slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}
.slick-dots li {
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 10px !important;
	height: 10px !important;
	margin: 5px 0 !important;
}
.slick-dots li button {
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
}
.slick-dots li button:before {
	width: 10px !important;
	height: 10px !important;
	content: '' !important;
	font-size: 0 !important;
	background: rgba(255,255,255,0.5) !important;
	border: 1px solid rgba(255, 255, 255, .5) !important;
	backdrop-filter: blur(2px) !important;
	-webkit-backdrop-filter: blur(2px)!important;
}
.slick-dots li.slick-active button:before {
	background: rgba(222, 187, 59, .8) !important;
	border: 1px solid rgba(255, 255, 255, .8) !important;
}
@media screen and (min-width: 751px) {
	.s_mv ._video {
		width: 100%;
	}
	.s_mv ._video video,
	.s_mv ._slide img {
		object-fit: cover;
		object-position: 50% 50%;
	}
	.s_mv ._skip,
	.s_mv ._replay.is-show {
		top: 80px;
		right: 14px;
		bottom: inherit;
		padding: 8px 25px;
		font-size: 1.6rem;
	}
	.s_mv ._skip:hover,
	.s_mv ._replay.is-show:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	.slick-dots {
		left: 30px !important;
	}
	.slick-dots li {
		width: 18px !important;
		height: 18px !important;
		margin: 10px 0 !important;
	}
	.slick-dots li button:before {
		width: 18px !important;
		height: 18px !important;
	}
}
/*スクロールダウン全体の場所*/
.scrolldown {
  position:absolute;
  right:7%;
  bottom:2%;
  height:84px;
	opacity: 0;
}
.scrolldown span{
  position: absolute;
  left:0px;
  top: -0px;
  color: #eee;
  font-size: 1.4rem;
  text-shadow: 0 0 5px #000,  0 0 10px #000;
  letter-spacing: 0.1em;
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.scrolldown::after{
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  box-shadow: 0 0 5px #000;
  height: 50px;
  background: #eee;
  animation: pathmove 1.4s ease-in-out infinite;
  opacity:0;
}
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:30px;
    opacity: 1;
  }
  100%{
    height:0;
    top:50px;
    opacity: 0;
  }
}
@media screen and (min-width: 769px) {
	.scrolldown {
		top: 74%;
		right: 6%;
		height: 134px;
	}
	.scrolldown span {
		position: absolute;
		left: 0px;
		top: -0px;
		font-size: 2.2rem;
	}
	.scrolldown::after {
		top: 0;
		height: 80px;
	}
}

  /* --------------------------------------------------
  MERIT
  -------------------------------------------------- */
  /* line 174, top.scss */
  .s_merit {
	background-color: #4d4d4d;
	padding: 35px 0;
  }
  
  /* line 178, top.scss */
  .s_merit_item {
	width: 90%;
	margin: 0 auto;
	max-width: 1300px;
  }
  
  /* line 183, top.scss */
  .s_merit_item_list img {
	width: 65%;
	max-width: 284px;
	vertical-align: bottom;
  }
  
  /* line 188, top.scss */
  .s_merit_item_list {
	padding-bottom: 12px;
	margin-bottom: 12px;
	position: relative;
	text-align: center;
  }
  
  /* line 194, top.scss */
  .s_merit_item_list:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
  }
  
  /* line 198, top.scss */
  .s_merit_item_list::after {
	content: '';
	display: block;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.5);
	width: 40px;
	height: 1px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
  }
  
  /* line 209, top.scss */
  .s_merit_item_list:last-child::after {
	display: none;
  }
  
  @media screen and (min-width: 768px) {
	/* line 214, top.scss */
	.s_merit_item {
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
	}
  
	/* line 219, top.scss */
	.s_merit_item_list img {
	  width: 80%;
	}
  
	/* line 222, top.scss */
	.s_merit_item_list {
	  width: 48.7%;
	}
  
	/* line 225, top.scss */
	.s_merit_item_list:nth-last-child(2) {
	  padding-bottom: 0;
	  margin-bottom: 0;
	}
  
	/* line 229, top.scss */
	.s_merit_item_list:nth-child(odd)::after {
	  width: 1px;
	  height: 40px;
	  left: auto;
	  right: 0;
	  bottom: auto;
	  top: 50%;
	  transform: translate(0, -50%) rotate(20deg);
	}
  
	/* line 238, top.scss */
	.s_merit_item_list:nth-child(even)::after {
	  display: none;
	}
  }
  @media screen and (min-width: 1200px) {
	/* line 244, top.scss */
	.s_merit {
	  padding: 35px 0 30px;
	}
  
	/* line 247, top.scss */
	.s_merit_item {
	  flex-wrap: nowrap;
	  width: 100%;
	}
  
	/* line 251, top.scss */
	.s_merit_item_list img {
	  width: 86%;
	}
  
	/* line 254, top.scss */
	.s_merit_item_list {
	  padding-bottom: 0;
	  margin-bottom: 0;
	}
  
	/* line 258, top.scss */
	.s_merit_item_list:nth-child(2)::after {
	  display: block;
	  width: 1px;
	  height: 40px;
	  left: auto;
	  right: 0;
	  bottom: auto;
	  top: 50%;
	  transform: translate(0, -50%) rotate(20deg);
	}
  }
  /* --------------------------------------------------
  action
  -------------------------------------------------- */
  /* line 273, top.scss */
  .s_action {
	padding: 50px 0 45px;
  }
  
  /* line 276, top.scss */
  .s_action .txt_wrap {
	text-align: center;
	margin-bottom: 15px;
  }
  
  /* line 280, top.scss */
  .s_action .txt_wrap .c-txt-mtmr {
	margin: 0 10px;
  }
  
  /* line 283, top.scss */
  .s_action .txt_wrap .txt_1 {
	font-size: 1.3rem;
	line-height: 1.5;
	margin-bottom: 8px;
  }
  
  /* line 288, top.scss */
  .s_action .txt_wrap .txt_2 {
	font-size: 2.3rem;
	line-height: 1.5;
  }
.s_action .txt_wrap .txt_3 {
	font-size: 1.6rem;
	line-height: 1.5;
    color: #A59551;
    padding-bottom: 20px
  }
.s_action .res_box{
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    padding: 7.5%;
}
  
  @media screen and (min-width: 768px) {
	/* line 293, top.scss */
	.s_action {
	  padding: 90px 0 80px;
	}
  
	/* line 296, top.scss */
	.s_action .txt_wrap {
	  margin-bottom: 25px;
	}
  
	/* line 299, top.scss */
	.s_action .txt_wrap .txt_1 {
	  font-size: 1.8rem;
	}
  
	/* line 302, top.scss */
	.s_action .txt_wrap .txt_2 {
	  font-size: 4.0rem;
	}
    .s_action .txt_wrap .txt_3 {
	font-size: 3.2rem;
	line-height: 1.3;
    padding-bottom: 40px
  }
    .s_action .txt_wrap .txt3sub {
	font-size: 2.8rem;
	line-height: 1.2;
    padding-top: 16px;
    display: inline-block;
  }
    .s_action .res_box{
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    padding: 50px;
    max-width: 1000px;
        margin: 0 auto
}
  }
  /* --------------------------------------------------
  minfo
  -------------------------------------------------- */
  /* line 310, top.scss */
  .s_minfo {
	padding-bottom: 50px;
  }
  
  /* line 313, top.scss */
  .s_minfo .c-inner-85 {
	max-width: 1000px;
  }
  
  /* line 316, top.scss */
  .s_minfo_box {
/*	border: 1px solid rgba(255, 255, 255, 0.3);*/
	padding: 7.5%;
    background-color: #26364A
  }
  
  /* line 320, top.scss */
  .s_minfo_box .mi {
	text-align: center;
	position: relative;
  }
  
  /* .s_minfo_box .mi_h::after {
	  content: '';
	  display: block;
	  width: 40px;
	  height: 1px;
	  background-color: #a59551;
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  transform: translateX(-50%);
  } */
  /* line 335, top.scss */
  .s_minfo_box .mi_h span {
	display: inline-block;
	line-height: 1;
	background-color: #a59551;
	padding: 5px 20px;
  }
  .s_minfo_box .mi_sub{
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding: 2px 0 4px;
	margin-bottom: 26px;
    max-width: 280px;
	width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: -5px;
  }
  .s_minfo_box .mi_sub span{
	position: relative;
  }
  .s_minfo_box .mi_sub span::before{
	content: "●";
	color: rgba(255, 255, 255, 0.8);
	font-size: 1rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -35px;
  }
  .s_minfo_box .mi_sub span::after{
	content: "●";
	color: rgba(255, 255, 255, 0.8);
	font-size: 1rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -35px;
  }
  /* line 341, top.scss */
  .s_minfo_box .mi_txt {
	color: #a59551;
	font-size: 125%;
	line-height: 1.5;
	padding: 10px 0 20px;
  }
  
  /* line 347, top.scss */
  .s_minfo_box .soon {
	font-size: 162.5%;
	line-height: 1;
	padding-top: 15px;
	text-align: center;
	color: rgba(255, 255, 255, 0.2);
  }
  
  @media screen and (min-width: 768px) {
	/* line 355, top.scss */
	.s_minfo {
	  padding-bottom: 90px;
	}
  
	/* line 358, top.scss */
	.s_minfo_box {
	  padding: 50px;
	}
  
	/* line 361, top.scss */
	.s_minfo_box .mi_txt {
	  padding: 15px 0 30px;
	}
	.s_minfo_box .mi_sub{
		margin-bottom: 40px;
		margin-top: -10px;
		max-width: 350px;
		width: 58%;
	  }
  }
  /* line 367, top.scss */
  .s_minfo__secondBlock {
	margin-top: 3em;
  }
  /* line 369, top.scss */
  .s_minfo__secondBlock .mi {
	text-align: center;
	font-size: 2.3rem;
	line-height: 1.5;
	margin-bottom: .5em;
  }
  @media screen and (min-width: 768px) {
	/* line 369, top.scss */
	.s_minfo__secondBlock .mi {
	  font-size: 4.0rem;
	}
  }
  
  /* --------------------------------------------------
  info
  -------------------------------------------------- */
  /* line 385, top.scss */
  .s_info {
	padding-bottom: 50px;
  }
  
  /* line 388, top.scss */
  .s_info_mi {
	font-size: 1.4rem;
	line-height: 1;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
	letter-spacing: .2em;
  }
  
  /* line 397, top.scss */
  .s_info .c-inner-85 {
	max-width: 800px;
  }
  
  /* line 400, top.scss */
  .s_info dl {
	margin-bottom: 10px;
  }
  
  /* line 403, top.scss */
  .s_info dd a {
	color: #a59551;
	text-decoration: underline;
  }
  
  @media screen and (min-width: 768px) {
	/* line 408, top.scss */
	.s_info {
	  padding-bottom: 90px;
	}
  
	/* line 411, top.scss */
	.s_info_mi {
	  font-size: 1.8rem;
	  padding-bottom: 15px;
	  margin-bottom: 15px;
	}
  
	/* line 416, top.scss */
	.s_info dl {
	  display: flex;
	}
  
	/* line 419, top.scss */
	.s_info dt {
	  width: 125px;
	}
  
	/* line 422, top.scss */
	.s_info dd {
	  flex: 1;
	}
  }
  /* --------------------------------------------------
  concept
  -------------------------------------------------- */
  /* line 430, top.scss */
  .s_concept {
	padding: 80px 0;
	background-color: #fff;
	color: #000;
	background-image: url(../images/common/bg_tri.svg);
	background-repeat: no-repeat;
	background-position: 12% 100%;
	background-size: 148%;
  }
  
  /* line 439, top.scss */
  .s_concept_mi .mi_catch {
	width: 85%;
	max-width: 512px;
	margin: 0 auto;
  }
  
  /* line 444, top.scss */
  .s_concept_mi .mi_copy {
	margin: 35px auto;
	text-align: center;
	color: #666;
	font-size: 1.4rem;
  }
  
  /* line 450, top.scss */
  .s_concept_cont .cont_copy .copy_h {
	width: 50%;
	max-width: 336px;
	margin-left: -6px;
	margin-bottom: 10px;
  }
  
  /* line 456, top.scss */
  .s_concept_cont .cont_copy .copy_h img {
	vertical-align: bottom;
  }
  
  /* line 459, top.scss */
  .s_concept_cont .cont_copy .txt {
	width: 85%;
	margin: 0 auto;
	text-align: center;
  }
  
  /* line 464, top.scss */
  .s_concept_cont .cont_ph {
	display: flex;
	justify-content: flex-end;
	margin-top: 40px;
	position: relative;
  }
  
  /* line 470, top.scss */
  .s_concept_cont .cont_ph .ph_wrap {
	width: 92.5%;
	max-width: 740px;
  }
  
  /* line 474, top.scss */
  .s_concept_cont .cont_ph .ph_wrap .ph_1 {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
  }
  
  /* line 479, top.scss */
  .s_concept_cont .cont_ph .ph_wrap .ph_1 figure:nth-child(1) {
	width: 41.62162162%;
	margin-right: 1.35135135%;
  }
  
  /* line 483, top.scss */
  .s_concept_cont .cont_ph .ph_wrap .ph_1 figure:nth-child(2) {
	width: 54.59459459%;
  }
  
  /* line 486, top.scss */
  .s_concept_cont .cont_ph .ph_wrap .ph_2 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 1.35135135%;
  }
  
  /* line 492, top.scss */
  .s_concept_cont .cont_ph .ph_wrap .ph_2 figure:nth-child(1) {
	width: 58.37837838%;
  }
  
  /* line 495, top.scss */
  .s_concept_cont .cont_ph .ph_wrap .ph_2 figure:nth-child(2) {
	width: 40.27027027%;
  }
  
  /* line 498, top.scss */
  .s_concept_cont .cont_ph .ph_wrap .ph_cap {
	position: absolute;
	right: 0;
	top: 90%;
	width: 38%;
	text-align: right;
	padding: 5px 5px 0 0;
  }
  
  @media screen and (min-width: 768px) {
	/* line 507, top.scss */
	.s_concept {
	  padding: 150px 0;
	}
  
	/* line 510, top.scss */
	.s_concept_mi .mi_copy {
	  font-size: 2.0rem;
	  margin: 55px auto;
	}
  
	/* line 514, top.scss */
	.s_concept_cont .cont_copy .copy_h {
	  margin-left: 5%;
	}
  
	/* line 517, top.scss */
	.s_concept_cont .cont_ph {
	  margin-top: 80px;
	}
  }
  @media screen and (min-width: 1200px) {
	/* line 522, top.scss */
	.s_concept {
	  background-position: 120% 80%;
	  background-size: 76.5%;
	}
  
	/* line 526, top.scss */
	.s_concept_cont {
	  display: flex;
	  justify-content: space-between;
	  max-width: 1240px;
	  margin: 0 auto;
	}
  
	/* line 532, top.scss */
	.s_concept_cont .cont_copy {
	  width: 36%;
	}
  
	/* line 535, top.scss */
	.s_concept_cont .cont_copy .copy_h {
	  width: 336px;
	  margin-left: -10px;
	}
  
	/* line 539, top.scss */
	.s_concept_cont .cont_ph {
	  width: 59.67741935%;
	  margin: 0;
	}
  
	/* line 543, top.scss */
	.s_concept_cont .cont_ph .ph_wrap {
	  width: 100%;
	}
  }
  @media screen and (min-width: 1300px) {
	/* line 548, top.scss */
	.s_concept_cont .cont_copy .copy_h {
	  margin-left: -70px;
	}
  }
  /* ------------------------------ */
  /* line 553, top.scss */
  .s_concept {
	padding: 19% 0;
	background-position: -65% 100%;
  }
  
  /* line 557, top.scss */
  .s_concept .catch {
	width: 85%;
	max-width: 600px;
	margin: 0 auto 9.5%;
  }
  
  /* line 562, top.scss */
  .s_concept .exp {
	width: 75%;
	max-width: 946px;
	margin: 0 auto;
  }
  
  @media screen and (min-width: 768px) {
	/* line 568, top.scss */
	.s_concept {
	  padding: 150px 0;
	}
  
	/* line 571, top.scss */
	.s_concept .catch {
	  margin-bottom: 70px;
	}
  
	/* line 574, top.scss */
	.s_concept .exp {
	  width: 90%;
	}
  }
  @media screen and (min-width: 1200px) {
	/* line 579, top.scss */
	.s_concept {
	  background-position: 210% 100%;
	}
  }
  /* --------------------------------------------------
  list
  -------------------------------------------------- */
  /* line 588, top.scss */
  .s_list {
	padding: 80px 0;
  }
  
  /* line 591, top.scss */
  .s_list_box {
	margin-bottom: 50px;
  }
  
  /* line 594, top.scss */
  .s_list_box:last-child {
	margin-bottom: 0;
  }
  
  /* line 597, top.scss */
  .s_list_box .ph {
	height: 75vw;
  }
  
  /* line 600, top.scss */
  .s_list_box_concept .ph {
	background: url(../images/top/list_concept_ph_sp.jpg) no-repeat center center/cover;
  }
  
  /* line 603, top.scss */
  .s_list_box_access .ph {
	background: url(../images/top/list_access_ph_sp.jpg) no-repeat center center/cover;
  }
  
  /* line 606, top.scss */
  .s_list_box_location .ph {
	background: url(../images/top/list_location_ph_sp.jpg) no-repeat center center/cover;
  }
.s_list_box_design .ph {
	background: url(../images/top/list_design_ph_sp.jpg) no-repeat center center/cover;
  }
.s_list_box_model .ph {
	background: url(../images/top/list_model_ph_sp.jpg) no-repeat center center/cover;
  }
  
.s_list_box_iot .ph {
	background: url(../images/top/list_iot_ph_sp.jpg) no-repeat center center/cover;
  }
.s_list_box_zeh .ph {
	background: url(../images/top/list_zeh_ph_sp.jpg) no-repeat center center/cover;
  }

.s_list_box_premium .ph {
	background: url(../images/top/list_premium_ph_sp.jpg) no-repeat center center/cover;
  }

  /* line 609, top.scss */
  .s_list_box_plan .ph {
	background: url(../images/top/list_plan_ph_sp.jpg) no-repeat center center/cover;
  }

  /* line XXX, top.scss */
  .s_list_box_brand .ph {
	background: url(../images/top/list_brand_ph_sp.jpg) no-repeat center center/cover;
  }

  
  /* line 612, top.scss */
  .s_list_box .ph .c-cap {
	bottom: 33px;
	text-align: left;
	padding: 0 5px 0 7.5%;
	width: 100%;
	right: 0;
  }
  
  /* line 619, top.scss */
  .s_list_box .copy {
	width: 85%;
	margin: -25px auto 0;
	position: relative;
	z-index: 1;
  }
  
  /* line 625, top.scss */
  .s_list_box .copy .hd {
	width: 68%;
	max-width: 480px;
	position: relative;
	padding: 3.5% 0 6% 0;
	text-align: right;
  }
  
  /* line 632, top.scss */
  .s_list_box .copy .hd .hd_line {
	position: absolute;
	background-color: #fff;
  }
  
  /* line 636, top.scss */
  .s_list_box .copy .hd .hd_line_top {
	width: 100%;
	height: 5px;
	right: 0;
	top: 0;
  }
  
  /* line 642, top.scss */
  .s_list_box .copy .hd .hd_line_left {
	width: 5px;
	height: 100%;
	left: 0;
	top: 0;
  }
  
  /* line 648, top.scss */
  .s_list_box .copy .hd .hd_line_bottom {
	width: 100%;
	height: 5px;
	left: 0;
	bottom: 0;
  }
  
  /* line 654, top.scss */
  .s_list_box .copy .hd .hd_line_right {
	width: 5px;
	height: calc(13.4vw + 20px);
	right: 0;
	bottom: 0;
  }
  
  /* line 660, top.scss */
  .s_list_box .copy .hd .hd_h {
	position: absolute;
	width: 80%;
	max-width: 436px;
	left: 100%;
	transform: translateX(-60%);
	bottom: -27%;
  }
 .s_list_box_design .copy .hd .hd_h {
	position: absolute;
	width: 70%;
	max-width: 120px;
	left: 100%;
	transform: translateX(-60%);
	bottom: -22%;
  }

.s_list_box_iot .copy .hd .hd_h {
	position: absolute;
	width: 70%;
	max-width: 436px;
	left: 100%;
	transform: translateX(-60%);
	bottom: -42%;
  }
.s_list_box_zeh .copy .hd .hd_h {
	position: absolute;
	width: 70%;
	max-width: 436px;
	left: 100%;
	transform: translateX(-60%);
	bottom: -42%;
  }

.s_list_box_premium .copy .hd .hd_h {
	position: absolute;
	width: 70%;
	max-width: 436px;
	left: 100%;
	transform: translateX(-60%);
	bottom: -42%;
  }

  @media screen and (min-width: 768px) {
    .s_list_box_design .copy .hd .hd_h {
	max-width: 436px;
	bottom: -12%;
  }
}


  /* line 668, top.scss */
  .s_list_box .copy .hd .hd_txt {
	margin-right: -1px;
  }
  
  /* line 671, top.scss */
  .s_list_box .copy .hd .hd_txt_in {
	display: inline-block;
  }
  
  /* line 674, top.scss */
  .s_list_box .copy .hd .hd_txt_en {
	font-size: 9.8vw;
	line-height: 1;
	text-align: left;
  }
  
  /* line 679, top.scss */
  .s_list_box .copy .hd .hd_txt_ja {
	font-size: 1.0rem;
	line-height: 1;
	margin-top: 3px;
	text-align: left;
  }
  
  /* line 685, top.scss */
  .s_list_box .copy .txt {
	font-size: 1.7rem;
	padding: 32px 0 0 25px;
  }
  
  /* line 689, top.scss */
  .s_list_box .copy .btn {
	padding: 20px 0 0 25px;
	display: flex;
	justify-content: flex-end;
  }
  
  /* line 694, top.scss */
  .s_list_box .copy .btn .c-btn-frame {
	width: 75%;
	max-width: 380px;
  }
  
  /* line 698, top.scss */
  .s_list_box .copy .btn .c-btn-frame .lbl {
	font-size: 170%;
  }
  
  /* line 701, top.scss */
  .s_list_box .copy .soon {
	padding: 10px 0 0 25px;
  }
  
  /* line 704, top.scss */
  .s_list_box .copy .soon > span {
	color: #5699a8;
	font-size: 2.8rem;
	display: inline-block;
	position: relative;
	padding-left: 80px;
  }
  
  /* line 711, top.scss */
  .s_list_box .copy .soon > span::after {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	background-color: #5699a8;
	position: absolute;
	left: 0;
	top: 50%;
  }
  
  @media screen and (min-width: 768px) {
	/* line 722, top.scss */
	.s_list {
	  padding: 150px 0;
	}
  
	/* line 725, top.scss */
	.s_list_box {
	  margin-bottom: 120px;
	}
  
	/* line 728, top.scss */
	.s_list_box .ph {
	  height: 400px;
	}
  
	/* line 731, top.scss */
	.s_list_box_concept .ph {
	  background: url(../images/top/list_concept_ph_pc.jpg) no-repeat center center/cover;
	}
  
	/* line 734, top.scss */
	.s_list_box_access .ph {
	  background: url(../images/top/list_access_ph_pc.jpg) no-repeat center center/cover;
	}
  
	/* line 737, top.scss */
	.s_list_box_location .ph {
	  background: url(../images/top/list_location_ph_pc.jpg) no-repeat center center/cover;
	}
    .s_list_box_design .ph {
	  background: url(../images/top/list_design_ph_pc.jpg) no-repeat center center/cover;
	}
    .s_list_box_model .ph {
	  background: url(../images/top/list_model_ph_pc.jpg) no-repeat center center/cover;
	}
  
	/* line 740, top.scss */
	.s_list_box_iot .ph {
	  background: url(../images/top/list_iot_ph_pc.jpg) no-repeat center center/cover;
	}
    .s_list_box_zeh .ph {
	  background: url(../images/top/list_zeh_ph_pc.jpg) no-repeat center center/cover;
	}
	  
    .s_list_box_premium .ph {
	  background: url(../images/top/list_premium_ph_pc.jpg) no-repeat center center/cover;
	}
    
  
	/* line XXX, top.scss */
	.s_list_box_brand .ph {
	  background: url(../images/top/list_brand_ph_pc.jpg) no-repeat center center/cover;
	}
  
	/* line 743, top.scss */
	.s_list_box .ph .c-cap {
	  bottom: 0;
	  padding: 5px;
	  text-align: right;
	}
  
	/* line 748, top.scss */
	.s_list_box .copy {
	  margin-top: -40px;
	}
  
	/* line 751, top.scss */
	.s_list_box .copy .txt {
	  font-size: 2.8rem;
	  line-height: 1.6;
	  padding-top: 60px;
	}
  
	/* line 756, top.scss */
	.s_list_box .copy .hd {
	  width: 480px;
	  padding: 24px 0 46px 0;
	}
  
	/* line 760, top.scss */
	.s_list_box .copy .hd .hd_txt_en {
	  font-size: 8.2rem;
	}
  
	/* line 763, top.scss */
	.s_list_box .copy .hd .hd_txt_ja {
	  font-size: 1.4rem;
	  margin-top: 7px;
	}
  
	/* line 767, top.scss */
	.s_list_box .copy .hd .hd_line_top,
	.s_list_box .copy .hd .hd_line_bottom {
	  height: 8px;
	}
  
	/* line 771, top.scss */
	.s_list_box .copy .hd .hd_line_left,
	.s_list_box .copy .hd .hd_line_right {
	  width: 8px;
	}
  
	/* line 775, top.scss */
	.s_list_box .copy .hd .hd_line_right {
	  height: calc(100% - 35.5px);
	}
  
	/* line 778, top.scss */
	.s_list_box .copy .hd .hd_txt {
	  margin-right: -2px;
	}
  
	/* line 781, top.scss */
	.s_list_box .copy .btn {
	  justify-content: flex-start;
	}
  
	/* line 784, top.scss */
	.s_list_box .copy .btn .c-btn-frame {
	  padding: 20px 13px;
	}
  
	/* line 787, top.scss */
	.s_list_box .copy .btn .c-btn-frame .lbl {
	  font-size: 220%;
	}
  
	/* line 790, top.scss */
	.s_list_box .copy .btn .c-btn-frame-lbl {
	  transform: translateX(70px);
	}
  
	/* line 793, top.scss */
	.s_list_box .copy .btn .c-btn-frame .ico {
	  width: 100px;
	}
  
	/* line 796, top.scss */
	.s_list_box .copy .soon > span {
	  font-size: 4.8rem;
	  padding-left: 140px;
	}
  
	/* line 800, top.scss */
	.s_list_box .copy .soon > span::after {
	  width: 120px;
	}
  }
  @media screen and (min-width: 1200px) {
	/* line 805, top.scss */
	.s_list_box {
	  display: flex;
	  align-items: center;
	}
  
	/* line 809, top.scss */
	.s_list_box:nth-child(even) {
	  flex-direction: row-reverse;
	}
  
	/* line 812, top.scss */
	.s_list_box .ph {
	  height: 580px;
	  width: 60%;
	}
  
	/* line 816, top.scss */
	.s_list_box .copy {
	  margin: 0 0 0 -100px;
	  flex: 1;
	  overflow: hidden;
	}
  
	/* line 821, top.scss */
	.s_list_box:nth-child(even) .copy {
	  margin: 0 -80px 0 4%;
	  overflow: visible;
	}
  
	/* line 825, top.scss */
	.s_list_box:nth-child(even) .hd_wrap {
	  display: flex;
	  justify-content: flex-end;
	}
  
	/* line 829, top.scss */
	.s_list_box .copy .txt {
	  padding: 70px 4% 0 25%;
	}
  
	/* line 832, top.scss */
	.s_list_box .copy .soon {
	  padding: 20px 20px 0 25%;
	}
  
	/* line 835, top.scss */
	.s_list_box .copy .btn {
	  padding: 30px 0 0 25%;
	}
  
	/* line 838, top.scss */
	.s_list_box:nth-child(even) .txt {
	  padding: 70px 80px 0 0;
	}
  
	/* line 841, top.scss */
	.s_list_box:nth-child(even) .soon {
	  padding: 20px 0 0 0;
	}
  
	/* line 844, top.scss */
	.s_list_box:nth-child(even) .copy .btn {
	  padding: 30px 0 0 0;
	}
  }
  @media screen and (min-width: 1600px) {
	/* line 849, top.scss */
	.s_list_box .ph {
	  width: 67.36842105%;
	}
  
	/* line 852, top.scss */
	.s_list_box .copy .hd {
	  max-width: none;
	  width: 520px;
	  padding-bottom: 50px;
	}
  
	/* line 857, top.scss */
	.s_list_box .copy .hd .hd_txt_en {
	  font-size: 9.2rem;
	}
  
	/* line 861, top.scss */
	.s_list_box .copy .hd .hd_line_right {
	  height: calc(100% - 36.55px);
	}
  }
  /* --------------------------------------------------
  s_calender
  -------------------------------------------------- */
  /* line 871, top.scss */
  .s_calender {
	padding-bottom: 50px;
  }
  /* line 873, top.scss */
  .s_calender .c-inner-85 {
	max-width: 1000px;
  }
  /* line 877, top.scss */
  .s_calender .txt_wrap .txt_2 {
	text-align: center;
	font-size: 2.3rem;
	line-height: 1.5;
  }
  @media screen and (min-width: 768px) {
	/* line 877, top.scss */
	.s_calender .txt_wrap .txt_2 {
	  font-size: 4.0rem;
	}
  }
  /* line 886, top.scss */
  .s_calender .calenderTableBlock {
	margin-top: 3em;
	padding: .5%;
	border: solid 1px rgba(255, 255, 255, 0.2);
  }
  /* line 890, top.scss */
  .s_calender .calenderTableBlock table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	width: 100%;
  }
  /* line 895, top.scss */
  .s_calender .calenderTableBlock table th {
	text-align: center;
	padding: 1% .5%;
	border: solid 1px rgba(255, 255, 255, 0.2);
	font-size: 1.3rem;
	background: rgba(255, 255, 255, 0.2);
  }
  @media screen and (min-width: 768px) {
	/* line 895, top.scss */
	.s_calender .calenderTableBlock table th {
	  font-size: 1.6rem;
	}
  }
  /* line 905, top.scss */
  .s_calender .calenderTableBlock table th.day {
	width: 15%;
	border-left: none;
  }
  /* line 909, top.scss */
  .s_calender .calenderTableBlock table th.time01 {
	width: 28%;
  }
  /* line 912, top.scss */
  .s_calender .calenderTableBlock table th.time02 {
	width: 28%;
  }
  /* line 915, top.scss */
  .s_calender .calenderTableBlock table th.time03 {
	width: 28%;
	border-right: none;
  }
  /* line 920, top.scss */
  .s_calender .calenderTableBlock table td {
	text-align: center;
	padding: 2% 1%;
	border-right: solid 1px rgba(255, 255, 255, 0.2);
	border-left: solid 1px rgba(255, 255, 255, 0.2);
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	line-height: 1.4em;
	font-size: 1.2rem;
  }
  @media screen and (min-width: 768px) {
	/* line 920, top.scss */
	.s_calender .calenderTableBlock table td {
	  padding: 2% .5%;
	  line-height: 1.8em;
	  font-size: 1.3rem;
	}
  }
  @media screen and (min-width: 768px) {
	/* line 934, top.scss */
	.s_calender .calenderTableBlock table td span.tableIcon {
	  font-size: 1.7rem;
	  padding-right: .7em;
	}
  }
  /* line 940, top.scss */
  .s_calender .calenderTableBlock table td:nth-child(1) {
	border-left: none;
  }
  /* line 943, top.scss */
  .s_calender .calenderTableBlock table td:nth-child(4) {
	border-right: none;
  }
  /* line 947, top.scss */
  .s_calender .calenderTableBlock table tr:last-child td {
	border-bottom: none;
  }

 /* obi */

.obi{
  text-align: center;
  font-size: 1.4rem;
  padding: 14px 0;
  background: rgb(250,223,146);
background: linear-gradient(90deg, rgba(250,223,146,1) 0%, rgba(255,240,189,1) 25%, rgba(250,223,146,1) 50%, rgba(255,240,189,1) 75%, rgba(250,223,146,1) 100%);
  color: #1e1503;
  line-height: 1.4;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-weight: bold;
  border-top: 1px solid #5d5d5d;
}
.obi img {
	width: 70%;
}
.obi strong {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.25em;
}
.obi strong:before,
.obi strong:after {
	content: '';
	width: 1em;
	height: 1px;
	background-color: #1e1503;
}
.obi strong:before {
	margin-right: .5em;
}
.obi strong:after {
	margin-left: .5em;
}


@media screen and (min-width: 768px) {
.obi{
  text-align: center;
  font-size: 3.0rem;
  padding: 20px 0;
  background: rgb(250,223,146);
background: linear-gradient(90deg, rgba(250,223,146,1) 0%, rgba(255,240,189,1) 25%, rgba(250,223,146,1) 50%, rgba(255,240,189,1) 75%, rgba(250,223,146,1) 100%);
  color: #1e1503;
  line-height: 1.4;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-weight: bold;
}

}


.kanbai{
	position: relative;
}

.kanbai .kanbai_txt_wrap{

	background: rgba(9, 19, 32, 0.85);
position: absolute;
	max-width: 930px;
	height: 450px;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


.kanbai .kanbai_txt{
	position: absolute;
	max-width: 900px;
	height: 420px;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background: rgba(9, 19, 32, 0.85); */
	text-align: center;
	display: flex;
padding: 80px 100px;
flex-direction: column;
align-items: center;
gap: 40px;
flex-shrink: 0;
font-family: "Yu Mincho";
font-size: 17px;
border: 1px solid #FFEEB7;
justify-content:center;
	
}

.kanbai .kanbai_txt .ttl{
color: #FFF;
background: linear-gradient(0deg, #FBE39E 0%, #FFF7DE 40%, #FBE39E 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-size: 80px;
font-weight: 400;
line-height: 1.0;
letter-spacing: 12.8px;
}


.kanbai .photocaption{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	padding: 5px 15px;
	background: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {


.kanbai .kanbai_txt_wrap{

	position: absolute;
	width: 82%;
	height: 250px;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
}


.kanbai .kanbai_txt{
	position: absolute;
	width: 98%;
	margin: auto;
	height: 240px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background: rgba(9, 19, 32, 0.85); */
	text-align: center;
	display: flex;
padding: 30px 10px;
flex-direction: column;
align-items: center;
gap: 40px;
flex-shrink: 0;
font-family: "Yu Mincho";
font-size: 12px;
border: 0.5px solid #FFEEB7;
display: flex;
flex-direction: column;
gap: 20px;
	
}

.kanbai .kanbai_txt .ttl{
color: #FFF;
background: linear-gradient(0deg, #FBE39E 0%, #FFF7DE 40%, #FBE39E 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-size: 30px;
font-weight: 400;
line-height: 1.0;
letter-spacing: 12.8px;
}


.kanbai .photocaption{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 10px;
	padding: 5px 15px;
	background: rgba(0, 0, 0, 0.5);
}

.kanbai .tel{
	max-width: 80%;
}



}