@charset "utf-8";

#gsap_body .s-logo {opacity: 0;} /*物件ロゴ 初期非表示対応*/

.infoSsession{letter-spacing: 0!important;}
.infoSsession span {font-size: 140%;}
.infoSsession small {font-size: 75%;}

/*　メリットコピー　*/

#merit {
	width: 100%;
	background-color: var(--Color5);
	text-align: center
}
#merit img{
	max-width: 1100px;
	width: 100%;
	margin: auto;
}

/* ----------------------- */
/* 1100*/
/* ----------------------- */

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

#merit img.pc {
	width: 94%;
}

}

/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {



}

/*　インフォメーション　*/

#information {
	width: 100%;
	background-color: var(--Color7);
	padding: 40px 0;
	text-align: center;
}
#information h2 {
	font-size: 1rem;
	font-family: var(--fontGill);
	font-weight: 300;
	border-bottom: 1px solid var(--Color1);
	margin: 60px auto 20px;
	width: 1100px;
}
#information p {
	font-size: 1.5rem;
	letter-spacing: .6em;
	margin-bottom: 20px;
}
#information .info_btn {
  margin-bottom: 1.5em;
}
#information .info_btn li {
	width: 400px;
	height: 60px;
	position: relative;
	margin: 0 auto 10px;
	&:after{
		content: ">";
		position: absolute;
		right: 10px;
	}
}
#information .info_btn li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#information .info_btn .ent_btn {
	background: var(--Color4);
	color: var(--Color2);
}
#information .info_btn .lim_btn {
	background: var(--Color3);
	color: var(--Color2);
}
#information .info_btn .res_btn {
	background: var(--Color5);
	color: var(--Color6);
}
.wide_image {
	object-fit: cover;
}
#information .info_bnr {
	width: 600px;
	margin: auto;
}
#information .info_bnr img {
  transition: .3s;
}
#information .info_bnr img:hover {
  opacity: 0.9;
  transform: translateY(-0.5%);
}

#information .entryImg {
  text-align: center;
  margin-bottom: 40px;
}
#information .entryImg img {
  width: 600px;
}

/* ----------------------- */
/* 1100*/
/* ----------------------- */

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

#information {
	padding: 3.6363vw 0 7.2727vw;
}
#information h2 {
	margin: 5.4545vw auto 1.8181vw;
	width: calc(100% - 1vw);
}
#information p {
	margin-bottom: 1.8181vw;
}
#information .info_btn li {
	margin: 0 auto 1vw;
	&:after{
		right: 1vw;
	}
}

}

/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {

#information .info_bnr {
	width: 90%;
	margin: auto;
}
#information p {
	font-size: clamp(1.375rem, 1.004rem + 1.69vw, 1.5rem);
	letter-spacing: .3em;
	margin: 5vw auto;
}
#information .info_btn li {
	width: 90%;
	height: 14vw;
	margin: 0 auto 3vw;
	&:after{
		right: 4vw;
	}
}
#information .info_bnr .annotation.sp {
	text-align: left;
}
#information .entryImg {
  margin-top: 1em;
  margin-bottom: 2em;
}
#information .entryImg img {
  width: 100%;
}
#information span.annotation {
  display: block;
  line-height: 1.3em;
  text-align: left;
  padding: 0 5%;
}



/*　コンテンツ誘導　*/

/* ----------------------- */
/* sp */
/* ----------------------- */
@media screen and (max-width: 767px) {

#Induction img {
	vertical-align: top;
}
#Induction .Induction_wrap {
	width: 100%;
	position: relative;
	overflow: hidden;
}
#Induction .Induction_wrap:not(:last-of-type) {
	margin-bottom: 20px;
}
#Induction .i_bg {
	position: absolute;
	width: 100%;
height: 100%;
	top:0;
	background-color: #666464;
	mix-blend-mode:multiply;
}
#Induction img.i_img {
	width: 100%;
	height: auto;
}
#Induction p {
	color:#fff;
}

#Induction div.i_txts {
	position: absolute;
	top:50%;
	left:10vw;
	transform: translateY(-50%);
	white-space: nowrap;
}

#Induction p.i_ttl {
	font-family:	var(--fontCiz);
	font-size: 9vw;
	color:#c2b48f;
	letter-spacing: 0.2em;
	margin-bottom: 1em;
}
#Induction p.i_tx1 {
	font-size: 4.5vw;
	/*margin-bottom: 1em;*/
	margin-bottom: 2em;
}
#Induction p.i_tx2 {
	font-size: 3vw;
	margin-bottom: 2em;
	display: none;/*一旦非表示*/
}

#Induction img.i_bt {
	width: 42vw;
	height: auto;
}
#Induction div.i_cap {
	position: absolute;
	color:#fff;
	font-size: 2vw;
	bottom:1vw;
	right: 2vw;
	opacity: 0.9;
}

#Induction div.iw5 p.i_ttl {
	letter-spacing: 0.05em;
}

}