@charset "UTF-8";
/* CSS Document */

:root{
  --width-normal: 970px;
  --width-large: 1260px;
  --color-blue: #5883d2;
  --color-green: #a3be9c;
  --color-orange: #ea9838;
  --color-black: #222222;
  --color-em: #ef6542;
  /* --bg-blue: #cce4fd; */
  --bg-dark: #2a2b3f;
  --bg-gold: #3c332b;
  --bg-green: #cbdbc6;
}

/* basic configurations */
*{
	margin:0;
	padding:0;
	line-height: 166%;

}
html {
	background: #fff;
	color: #000;
	/* letter-spacing: .1em; */
}
body {

}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
em,strong,i{
	font-style: normal;
	font-weight: normal;
	line-height: 1.2;
}

/* ========== Clearfix ========== */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}

/* ========== link ========== */
/*basis */
a,
a:link {
	color: #0c59b8;
	text-decoration: none;
}
a:visited {
	color: #0c59b8;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color:#0c59b8;
	text-decoration: underline;
}
a img {
	transition: all 0.3s;
}
a.hover:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: all 0.3s;
}
a.disabled {
	pointer-events: none;
	cursor: default;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

a.txt-link{
	color: var(--color-em);
}

a.txt-underline{
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 1px;
}
a.txt-underline:hover{
	text-decoration: none;
}

.txt-navy{
	color: #588fd8;
	line-height: 1.2;
}

.txt-em,
a.txt-em{
	color: #ff92a8;
	line-height: 1.2;
}

a.txt-em{
	text-decoration: none;
}
a.txt-em:hover{
	text-decoration: underline;
	text-decoration-thickness: 1px;
}

.font-small{
	font-size: .65em;
	line-height: 1.2;
}

.font-big{
	font-size: 1.3em;
	line-height: 1.2;
	letter-spacing: 1px;
}


/* ========== common, background colours ========== */
body {
	position: relative;
}
.bg_brown {
	padding-top: 45px;
	background: #372d2a;
}
.bg_gray {
	padding-top: 45px;
	background: #343339;
}
.bg_darkgray {
	padding-top: 45px;
	padding-bottom: 30px;
	/* background: #0d0d0d; */
	background: #000;
}
.bg_black {
	padding-bottom: 30px;
	background: #000;
}
@media screen and (max-width: 969px) {
	.bg_darkgray {
		padding-top: 22px;
	}
	.bg_black {
		padding-bottom: 10px;
	}
}
.display_pc{
	display: block;
}
@media (width < 969px) {
		.display_pc{
			display: none;
		}
}

.display_sp{
	display: none;
}
@media (width < 969px) {
	.display_sp{
		display: block;
	};
}

.main-shukuhaku {
	display: block;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 16px;
	color: #333;
}

.main-visual {
	background: #000;
	margin-top: 15px;
	padding: 20px 0;
}
@media (width < 969px) {
	.main-visual {
		padding: 10px;
	}
}
.main-visual__content {
	display: block;
	width: 100%;
	height: 416px; /* 646-222 */
	margin: 0 auto;
	padding-top: 230px;
	background: url(../images/splash202210_pc_bg.jpg) no-repeat 50% 0;
	background-size: cover;
	position: relative;
}
@media (width < 767px) {
	.main-visual__content {
		height: auto;
		padding-top: 0;
		aspect-ratio: 355 / 330;
	}
}

.mv_title-box{
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translate(-50%);
  z-index: 2;
	box-sizing: border-box;
}
@media (width < 767px) {
	.mv_title-box{
		top: 7%;
		/* padding: 20px 20px; */
		width: max(90%, 340px);
	}
}

.mv_title-box__inner{
	background: rgb(0, 0, 0, .5);
	padding: 20px 30px;
}
@media (width < 767px) {
.mv_title-box__inner{
	background: rgb(0, 0, 0, .5);
	padding: 20px 20px;
}
}

.mv_title{
	display: block;
	font-size: 38px;
	font-weight: 900;
	color: #fff;
	width: 692px;
}
@media (width < 767px) {
.mv_title{
    font-size: 16px;
    width: 100%;
    text-align: center;
	}
}

.mv_title__left{
  background: #000000;
  padding: 20px;
  display: inline-block;
}
@media (width < 767px) {
.mv_title__left{
	padding: 10px;
}
}

.mv_title__right{
  /* background: rgb(234, 152, 56, .6); */
  background: #6b6241;
  padding: 20px;
  display: inline-block;
}
@media (width < 767px) {
	.mv_title__right{
    padding: 10px;
	}
}

.mv_title__plus{
	font-size: 60px;
	position: relative;
	top: 10px;
	margin-inline: 10px;
}
@media (width < 767px) {
.mv_title__plus{
	font-size: 30px;
	top: 5px;
	margin-inline: 0px;
}
}

.mv_title-sub{
  margin-top: 20px;
  font-size: 2.5em;
  font-weight: 600;
  color: #fff;
	text-align: center;
	text-shadow: 1px 4px 2px rgba(0, 0, 0, 0.8);
}
@media (width < 767px) {
.mv_title-sub{
		margin-top: 10px;
    font-size: 16px;
	}
}

.btn-link{
	width: min(70%, 340px);
	margin: 50px auto auto;
}
@media (width < 767px) {
	.btn-link{
		margin: 30px auto 10px;
	}
}
.btn-link a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1.2;
	color: #fff;
	background: #000;
	font-weight: 600;
	text-align: center;
	border-radius: 30px;
	padding-block: 10px;
	transition: all .3s;
	font-size: 18px;
	position: relative;
	transition: all .3s;
}
@media (width < 767px) {
	.btn-link a{
		font-size: 14px;
	}
}

.btn-link a::after{
	content: "";
	background: rgba(255, 255, 255, .5);
	border-radius: 30px;
	display: block;
	width: 345px;
	position: absolute;
	left: 50%;
	height: 66px;
	top: -1.5px;
	transform: translateX(-50%);
	z-index: -1;
	transition: all .3s;
}
@media (width < 969px) {

	.btn-link a::after{
		width: min(calc(100% + 5px), 345px);
		height: calc(100% + 3px);
	}
}

.btn-link a:hover{
	text-decoration: none;
	background: #000;
	transition: all .3s;
}

.btn-link a:hover::after{
	content: "";
	background: rgba(255, 146, 168, .8);
	backdrop-filter: blur(5px);
	transition: all .3s;
}

.l-section-top {
  width: 100%;
  height: 100%;
  background-color: #333;
  position: relative;
}
.l-section-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}
.c-title {
  margin: 0;
  color: #eee;
  text-align: center;
}
.c-scrolldown {
  width: 2px;
  height: 60px;
  position: absolute;
  /* bottom: -60px; */
  top: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
}
@media (width < 767px) {
	.c-scrolldown {
		top: 5px;
	}
}
.c-scrolldown .c-line {
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(to bottom,#fff 50%,rgba(255,255,255,0) 50%);
  background-position: 0 -60px;
  background-size: 100% 200%;
  animation: scrolldown 2.2s cubic-bezier(0.76,0,0.3,1) forwards infinite;
}
.c-contents h2 {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
.c-contents h2::before {
  margin-right: 10px;
}
.c-contents h2::after {
  margin-left: 10px;
}
@keyframes scrolldown {
  0% {
    background-position: 0 -60px;
  }
  75% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 60px;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


/*!! ========== display ========== !!*/

.disp_pc{
	display: block;
}
@media (width < 969px) {
	.disp_pc{
		display: none;
	}
}
.disp_tb{
	display: none;
}
@media (767px <= width < 820px) {
	.disp_tb{
		display: block;
}
}
.disp_sp{
	display: none;
}
@media (width < 969px) {
	.disp_sp{
		display: block
	}
}
.display_min{
	display: none;
}
@media (width < 395px) {
	.display_min{
		display: block;
	}
}


/*!! ========== title ========== !!*/
.section__txt-title{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 15px;
}
@media (width < 767px) {
.section__txt-title{
  font-size: 18px;
	margin-bottom: 10px;
}
}


/*!!!!!!!!!! ordinary fuwat animation !!!!!!!!!!!!*/

/* 画面外にいる状態 */
.fuwat,
.fuwat_delay01,
.fuwat_delay02,
.fuwat_delay03,
.fuwat_delay04 {
opacity: 0;
/* transition: 1.0s; */
/* transform: translate(0, 50px);
-webkit-transform: translate(0, 50px); */
}

/* 画面内に入った状態 */
.fuwat.scrollin,
.fuwat_delay.scrollin {
/* opacity: 1.0; */
/* transform: translate(0, 0);
-webkit-transform: translate(0, 0); */

animation-name: fadeIn;
animation-duration: 1s;
animation-fill-mode: both;
}

.fuwat.fuwat_delay01.scrollin {
animation-name: fadeIn;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.5s;
}
@media screen and (max-width: 969px) {
.fuwat.fuwat_delay01.scrollin {
	animation-name: fadeIn;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-delay: 0s;
}
}


.fuwat.fuwat-up.scrollin {
  animation-name: fadeInUp;
  animation-duration: 1.5s;
  animation-fill-mode: both;
}

/* 例: 右からフェードインさせるクラス */
.fuwat.fuwat-right.scrollin {
  animation-name: fadeInRight;
  animation-duration: 1.5s;
  animation-fill-mode: both;
}

.fuwat.fuwat-left.scrollin {
  animation-name: fadeInLeft;
  animation-duration: 1.5s;
  animation-fill-mode: both;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}


/*!! =============== 新宿泊をリリースしたら消し =============== !!*/
.splashLead {
		display: block;
		width: min(98%, 760px);
		margin: 35px auto 0 auto;
	}
.splashLead img {
	display: block;
	width: 707px;
	height: 367px;
	margin: 0 auto;
}
.splashLead p {
	display: block;
	margin-top: 20px;
	color: #fff;
	text-align: center;
}
.splashLead p a {
	display: inline-block;
	margin-left: 1em;
	color: #fff;
}
@media screen and (max-width:731px){
	.splashLead {
		width: calc(100% - 20px);
		margin: 40px auto 30px auto;
	}
	.splashLead img {
		width: 100%;
		height: auto;
	}
	.splashLead p a {
		display: block;
		margin-left: 0;
	}
}
/*!! =============== 新宿泊をリリースしたら消し =============== !!*/

.splashLead__txt{
	color: #fff;
	text-align: center;
}
@media (970px <= width) {
	.splashLead__txt{
		margin-block: 40px 30px;
	}
}
@media (width < 767px) {
.splashLead__txt{
	margin-block: 30px 20px;
}
}

.lead {
	font-size: 28px;
	line-height: 2em;

	span {
		display: inline-block;
		padding: 0 7px;
		margin-inline: 5px;
		background-color: #444444;
	}
}

.lead__note {
	font-size: 18px;
	margin-top: 1.5em;
}

@media (width < 767px) {
	.lead {
		font-size: 17px;
		/* margin-top: 15px; */
	}

	.lead__note {
		font-size: 14px;
	}
}

/*!! =============== contents =============== !!*/

.contents{
  position: relative;
}

.contents *{
	box-sizing: border-box;
}

.contents:nth-child(n+2){
  margin-top: 60px;
}
@media (width < 969px) {
	.contents:nth-child(n+2){
		margin-top: 30px;
	}
}

.bg-skyblue.contents:nth-child(n+2),
.bg-blue.contents:nth-child(n+2){
    margin-top: 0;
}

.contents__center{
  width: min(calc(100% - 10px), var(--width-normal));
  margin: auto;
  padding-block: 60px;
}

.contents__inner:not(.contents__inner:first-of-type){
  position: relative;
}
.contents__inner:not(.contents__inner:first-of-type){
  margin-top: 60px;
}
@media (width < 767px) {
	.contents__inner:not(.contents__inner:first-of-type){
		margin-top: 40px;
	}
}


.contents__inner::after{
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  background-color: var(--bg-gold);
  aspect-ratio: 1530 / 700;
  width: calc(100% - 20vw);
}
@media (width < 767px) {
  .contents__inner::after{
		width: 100%;
		aspect-ratio: 375 / 390;
  }
}

.contents__inner:nth-of-type(even)::after{
  content: "";
  right: 0;
}

.contents__inner:nth-of-type(even) .section__img{
  margin-right: auto;
  margin-left: 0;
}

.contents__inner:nth-of-type(even) .section__txt{
  margin-right: 0;
  margin-left: auto;
}

.contents:first-child .contents__inner::after{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  background-color: var(--bg-gold);
  aspect-ratio: 1530 / 400;
  width: 100%;
}


.section__img{
  width: 72%;
  aspect-ratio: 1530 / 800;
  margin-left: auto;
  padding-top: 80px;
	position: relative;
	z-index: 1;

  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

}
@media (width < 767px) {
	.section__img{
		width: calc(100% - 25px);
		aspect-ratio: 375 / 270;
		padding-top: 40px;
	}
}

.section__txt{
  width: 55%;
  margin-right: auto;
  position: relative;
  bottom: 160px;
  margin-bottom: -160px;
  min-height: 200px;
  z-index: 2;
}
@media (768px <= width < 821px) {
	.section__txt{
		width: 75%;
		bottom: 100px;
		margin-bottom: -100px;
	}
}
@media (width < 767px) {
	.section__txt{
		width: calc(100% - 25px);
		bottom: 20px;
		margin-bottom: -20px;
	}
}

.section__txt-inner{
  /* background-color: #121212; */
	background-color: rgb(18, 18, 18, .9);
	color: #fff;
  width: 100%;
  height: 100%;
  min-height: 200px;
  padding: 40px 0;
  padding-inline: 20% 40px;

  p{
		font-size: 18px;
		font-weight: bold;
  }
	@media (width < 767px) {
	p{
		font-size: 14px;
		/* line-height: 1.4; */
		}
	}
}
@media (width < 767px) {
	.section__txt-inner{
		padding: 20px;
	}
}

.contents__inner:nth-of-type(even) .section__txt-inner {
  padding-inline: 40px 20%;
}
@media (width < 767px) {
.contents__inner:nth-of-type(even) .section__txt-inner {
  padding: 20px;
}
}




/**** ご利用事例 ****/

#case .contents__inner::after{
  /* background-color: #3c2222; */
	background-color: #342222;
}
@media (width < 767px) {
	#case .contents__inner::after{
        aspect-ratio: 375 / 380;
    }
}

.section__txt-inner{
  min-height: 180px;
}


/*!! =============== contents =============== !!*/

/**** =============== reason =============== ****/
.reason {

}
.grandTitle {
	display: block;
	color: #fff;
	margin-top: 0;
	font-size: 375%;
	text-align: center;
	padding-top: 45px;
}
.grandTitle.mt80 {
	margin-top: 80px;
}
#title_service {
	background: url(../images/title_service.png) no-repeat 50% 0;
}
#title_vsenues{
	background: url(../images/title_vsenues.png) no-repeat 50% 0;
	line-height: 1.2;
	margin-bottom: 15px;
}
@media (width < 767px) {
#title_vsenues{
	background: url(../images/title_vsenues.png) no-repeat 50% 0;
	background-size: 7em;
}
}

#title_coordination{
	background: url(../images/title_coordination.png) no-repeat 50% 0;
	line-height: 1.2;
	margin-bottom: 15px;
}
@media (width < 767px) {
	#title_coordination{
		background: url(../images/title_coordination.png) no-repeat 50% 0;
		background-size: 100%;
	}
}

#title_reason {
	background: url(../images/title_reason.png) no-repeat 50% 0;
}
#title_type {
	background: url(../images/title_type_202210.png) no-repeat 50% 0;
}
#title_map {
	background: url(../images/title_map_202210.png) no-repeat 50% 0;
}
#title_features {
	background: url(../images/title_features.png) no-repeat 50% 0;
}
#title_case {
	background: url(../images/title_case.png) no-repeat 50% 0;
}

@media screen and (max-width: 969px) {
	.grandTitle {
		font-size: 187.5%;
		padding-top: 20px;
	}
	.grandTitle.mt60 {
		margin-top: 22px;
	}
	#title_service {
		background-size: auto 44px;
		line-height: 1.2;
	}
	#title_reason {
		background-size: auto 44px;
	}
	#title_type,
	#title_map {
		background-size: contain;
	}
	#title_features {
		background-size: auto 44px;
	}
	#title_case {
		background-size: auto 45px;
	}
}

.reasonColWrapper {
	display: block;
	width: 970px;
	margin: 10px auto 0 auto;
}
.reasonCol {
	float: left;
	display: block;
	width: 466px;
	height: 470px;
	overflow: hidden;
}
.reasonCol:nth-child(2n - 1) {
	margin-right: 38px;
}
.reasonCol:nth-child(1),
.reasonCol:nth-child(2) {
	margin-bottom: 30px;
}
.reasonCol div.pc {
	display: block;
	width: 466px;
	height: 470px;
}
.reasonCol div.sp {
	display: none;
}
.reasonCont {
	display: block;
	position: relative;
		top: -180px;
}
.reasonCont h3 {
	display: block;
	padding: 8px 0 5px 18px;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	line-height: 1em;
}
.reasonCont h3.reasonBg_black {

	background: url(../images/reason/bg_black.png) no-repeat 0 50%;
}
.reasonCont h3.reasonBg_orange {
	background: url(../images/reason/bg_orange.png) no-repeat 0 50%;
}
.reasonCont p {
	display: block;
	width: calc(100% - 20px);
	padding: 10px;
	color: #fff;
	font-size: 112.5%;
}
@media screen and (max-width: 969px) {
	.reasonColWrapper {
		width: calc(100% - 20px);
	}
	.reasonCol {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	.reasonCol div.pc {
		display: none;
	}
	.reasonCol div.sp {
		display: block;
	}
	.reasonCol div.sp img {
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
	.reasonCol:nth-child(2n - 1) {
		margin-right: 0;
	}
	.reasonCol:nth-child(1),
	.reasonCol:nth-child(2) {
		margin-bottom: 0;
	}
	.reasonCol:nth-child(2),
	.reasonCol:nth-child(3),
	.reasonCol:nth-child(4) {
		margin-top: -10px;
	}
	.reasonCont {
		position: relative;
		top: -35px;
	}
	.reasonCont h3 {
		font-size: 112.5%;
	}
	.reasonCont h3.reasonBg_black {
		background: url(../images/reason/bg_black.png) no-repeat -80px 50%;
	}
	.reasonCont h3.reasonBg_orange {
		background: url(../images/reason/bg_orange.png) no-repeat -80px 50%;
	}
	.reasonCont p {
		display: block;
		width: 100%;
		padding: 20px 0 0 0;
		color: #fff;
		font-size: 100%;
	}
}
/**** =============== reason =============== ****/

/**** =============== vsenues =============== ****/

.content-vsenues{
  width: min(calc(100% - 10px), var(--width-large));
	margin: 150px auto 60px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media (width < 969px) {
	.content-vsenues{
			margin: 100px auto 60px;
	}
}

.venue-card{
	width: calc(100% / 2 - 30px);
	color: #fff;
}
@media (width < 969px) {
	.venue-card{
		width: 100%;
	}

	.venue-card:last-child{
		margin-top: 100px;
	}
}

.venue-card__header p,
.venue-card__body{
	font-size: 16px;
}
@media (width < 969px) {
	.venue-card__header p,
	.venue-card__body{
		font-size: 14px;
	}
}

.venue-card__header{
	background: #3c332b;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}

.venue-card__header[data-category="url"]{
		display: flex;
		justify-content: center;
		align-items: center;
}

.venue-card__body{
	background: #fff;
	color: #333;
	box-sizing: border-box;
}

  .venue-card__title {
		width: min(90%, 430px);
    margin-bottom: 15px;
    padding: .5em;
    border-radius: 3px;
    color: #ffffff;
    font-size: clamp(1.5rem, 0.989rem + 0.84vw, 2rem);
    font-weight: bold;
		text-align: center;
		line-height: 1.2;
		position: absolute;
		left: 50%;
		bottom: 85%;
		transform: translate(-50%);
  }
  @media (width < 969px) {
    .venue-card__title {
      font-size: 20px;
    }
  }

.venue-card__title::before {
		position: absolute;
		left: 50%;
		bottom: -12px;
		transform: translateX(-50%);
		width: 30px;
		height: 15px;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		content: '';
  }

	.venue-card__title[data-category="color-tokyo"],
	.venue-card__title[data-category="color-tokyo"]::before{
		background-color: #ff92a8;
	}
	.venue-card__title[data-category="color-shinagawa"],
	.venue-card__title[data-category="color-shinagawa"]::before{
		background-color: #39c0de;
	}

	p.venue-card__price{
		text-align: center;
    font-size: 1.5em;
    margin-top: 15px;
	}
	@media (width < 969px) {
		p.venue-card__price{
			font-size: 1.25em;
		}
	}

	 .venue-card__price--detail{
			margin-top: 5px;
	 }

	 @media (970px <= width) {
		
		.venue-card__price--detail,
		.venue-card__features{
				text-align: center;
		}
	 }

	.venue-card__label{
		font-size: .6em;
	}

.venue-card__address{
	font-size: 14px;
	display: flex;
	justify-content: center;
	padding-block: 10px 5px;
}

.venue-card__link a{
	color: #fff;
}

.venue-card__conference-title{
	text-align: center;
}

.venue-card__conference-figure-caption{
	padding: 10px;
	line-height: 1.5;
	font-size: 14px;
	letter-spacing: 1px;
}

/**** =============== vsenues =============== ****/

/**** =============== coordination =============== ****/
.coordination-box{
	display: flex;
	margin-top: 60px;
}
@media (width < 969px) {
	.coordination-box{
		flex-wrap: wrap;
	}
}

.coordination-item{
	position: relative;
	z-index: 1;
}
@media (width < 969px) {
.coordination-item{
	width: calc(100% / 3);
}
}


.coordination-item::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.6) 94%);
}

.coordination-caption{
	position: absolute;
	left: 20px;
	bottom: 10px;
	z-index: 5;
}
@media (width < 969px) {
	.coordination-caption{
		left: 10px;
	}
}
@media (width < 640px) {
	.coordination-caption[data-caption="sp"]{
		bottom: -4px;
	}
}

.coordination-number{
	font-size: clamp(1.75rem, 1.112rem + 1.05vw, 2.375rem);
}
@media (width < 969px) {
	.coordination-number{
		font-size: 24px;
	}
}

.coordination-text{
	font-size: clamp(0.75rem, 0.239rem + 0.84vw, 1.25rem);
}
@media (width < 969px) {
	.coordination-text{
		font-size: 14px;
	}
}

.coordination-number,
.coordination-text{
	line-height: 1;
	color: #fff;
}

/**** =============== coordination =============== ****/

/* ===== type ===== */
.type_pc {
	display: block;
	width: 970px;
	height: 322px;
	margin: 30px auto 0 auto;
}
.typeWrapper {
	display: flex;
	width: 970px;
	margin: 0 auto;
}
.typeCont {
	display: block;
	width: calc(100% / 3);
	color: #fff;
	font-size: 150%;
	text-align: center;
}
.type_sp {
	display: none;
}

@media screen and (max-width: 969px) {
	.type_pc {
		display: none;
	}
	.typeWrapper {
		display: block;
		width: calc(100% - 20px);
		margin: 0 auto;
	}
	.typeCont {
		display: block;
		width: 100%;
		margin: 20px 0 0 0;
		font-size: 100%;
	}
	.typeCont p {
		display: block;
		position: relative;
			top: -1em;
	}
	.type_sp {
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
}

/* ===== facilities ===== */
.map {
	font-family:"YakuHanJP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.mapLead {
	display: block;
	font-size: 150%;
	text-align: center;
	color: #fff;
}
.mapsplash202210 {
	display: block;
	width: 100%;
	max-width: 970px;
	margin: 35px auto 20px auto;
}
.mapsplash20250725 {
	display: block;
	width: 100%;
	max-width: 970px;
	margin: 35px auto 0 auto;
}

.lead_txt{
	font-size: 20px;
	color: #fff;
}
@media (width < 969px) {
	.lead_txt{
		font-size: 18px;
	}
}
.mapsplash202210 img {
	width: 100%;
}
.area-title {
	display: block;
	width: 100%;
	max-width: 970px;
	margin: 0px auto 0 auto;
	color: #1f2020;
	background: #ebca98;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}


/*!!!! リニューアル後消し !!!*/
.facilities_hiyorihotel {
	display: block;
	width: 970px;
	height: 115px;
	margin: 20px auto 0 auto;
	background: #fff;
}
.facilities_hiyorihotel a {
	display: block;
	width: 970px;
	height: 115px;
}
.facilities_hiyorihotel a img {
	display: block;
	width: 970px;
	height: 115px;
}
.facilities_pc {
	width: 970px;
	margin: 20px auto 0 auto;
}
.facilities_hiyorihotel + .facilities_pc {
	margin-top: 20px;
}
.facilities_pc li {
	float: left;
	display: block;
	width: 310px;
	height: 115px;
	margin: 0 20px 20px 0;
	background: #fff;
}
.facilities_pc li:nth-child(3n) {
	margin-right: 0;
}
.facilities_pc li a {
	display: block;
	width: 310px;
	height: 115px;
}
.facilities_sp {
	display: none;
}
.colWrapper {
	width: 970px;
	margin: 0 auto;
}
.facilities_2col {
	float: left;
	width: 640px;
}
.facilities_1col {
	float: left;
	width: 310px;
}
.facilities_1col + .facilities_1col {
	margin-left: 20px;
}
.facilities_1col + .facilities_2col {
	margin-left: 20px;
}
.facilities_2col + .facilities_1col {
	margin-left: 20px;
}
@media screen and (max-width: 969px) {
	.mapLead {
		display: block;
		font-size: 100%;
		text-align: center;
		color: #fff;
	}
	.map_pc {
		display: none;
	}
	.map_sp {
		display: block;
	}
	.map_sp img {
		display: block;
		width: calc(100% - 20px);
		max-width: 600px;
		height: auto;
		margin: 10px auto 0 auto;
	}
	.map h3.title {
		/* width: calc(100% - 20px); */
		margin: 10px auto 0 auto;
	}
	.facilities_pc,
	.facilities_hiyorihotel {
		display: none;
	}
	.facilities_sp {
		display: block;
	}

	.facilities_sp a:hover {
		text-decoration: none;
	}
	.area-banner__inner a {
		background-color: #fff !important;
	}
	.area-banner__inner a h3 {
		font-size: 100%;
	}
	.colWrapper {
		width: 100%;
		margin: 0 auto;
	}
}
/*!!!! リニューアル後消し !!!*/

/**** ===== エリアバナーテンプレ ===== ****/

.map{

}

.map__contens{
	width: min(calc(100% - 20px), 970px);
	margin: 20px auto;
}

.area-banner{
	margin-block: 10px 20px;
}

.area-banner__inner {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.area-banner__inner::after {
	content: "";
	display: block;
	flex-basis: calc(100% / 3 - 10px);
}
@media (768px <= width) {
	.area-banner__inner {
		display: flex;
		flex-wrap: wrap;
		/* justify-content: center; */
		flex-direction: row;
		position: relative;
	}
}

	.area-banner__inner a {
		display: table;
		flex-basis: calc(100% / 3 - 10px);
		box-sizing: border-box;
		color: #333;
		padding-block: 3px;
	}
	@media (767px <= width <= 820px)  {
		.area-banner__inner a {
			flex-basis: calc(50% - 10px);
		}
	.area-banner__inner::after {
		content: "";
		display: block;
		flex-basis: calc(50% - 10px);
	}
	}
	@media (200px <= width < 767px)  {
		.area-banner__inner a {
			width: 100%;
		}
	}
	.area-banner__details p {
		font-size: 86%;
		font-weight: bold;
		line-height: 1.3em;
	}
	.area-banner__details p span {
		color: #e8637d;
		line-height: 1.2;
	}

.area-banner__inner a:hover {
	text-decoration: none;
}

.area-banner__inner a:hover .area-banner__summary{
	text-decoration: underline;
}

.area-banner__inner a:hover .area-banner__txt p{
	text-decoration: underline;
}
.area-banner__inner a:hover .details-icon img {
	text-decoration: none;
}

.area-banner{
	.area_tokyo a {
		border: 2px solid #db6a7d;
		background: #fff url(/images/lineup/lineupBg_pink.png) no-repeat 100% 100%;
		background-size: 13px 13px;
	}

	.area_shimbashi-tora a {
		border: 2px solid #004094;
		background: #fff url(/images/lineup/lineupBg_blue.png) no-repeat 100% 100%;
		background-size: 13px 13px;
	}
	.area_shinjuku a {
		border: 2px solid #f39800;
		background: #fff url(/images/lineup/lineupBg_orange.png) no-repeat 100% 100%;
		background-size: 13px 13px;
	}
	.area_chiyodaku a {
		border: 2px solid #cdbf00;
		background: #fff url(/images/lineup/lineupBg_yellow.png) no-repeat 100% 100%;
		background-size: 13px 13px;
	}

	.area_minatoku_south a {
		border: 2px solid #12b8d7;
		background: #fff url(/images/lineup/lineupBg_sky.png) no-repeat 100% 100%;
		background-size: 13px 13px;
	}
	.area_yokohama a {
		border: 2px solid #00a189;
		background: #fff url(/images/lineup/lineupBg_teal.png) no-repeat 100% 100%;
		background-size: 13px 13px;
	}
	.area_gold_sp a {
		border: 2px solid #837549;
		background: #fff url(/images/lineup/lineupBg_gold.png) no-repeat 100% 100%;
		background-size: 13px 13px;
	}
}
/** area-banner **/

	.area-banner__img {
		display: table-cell;
		vertical-align: middle;
		width: 80px;
    /* width: 60px; */
		padding: 0 7px 0 4px;
	}
	.area-banner__img img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 106px;
		/* height: 67px; */
	}
	.area-banner__txt {
		display: table-cell;
		vertical-align: middle;
	}
	.area-banner__txt {

	}
	.area-banner__summary {
		font-size: 114.28571%;
		font-weight: bold;
	}

	.area-banner__summary.two_row{
		line-height: .8;
		margin-bottom: 7px;
		span{
			font-size: .8em;
			display: block;
		}
	}



/**** ===== エリアバナーテンプレ ===== ****/

/* ===== inquiry ===== */
.inquire {
	padding: 30px 0;
}
.inqBlack {
	background: #3b3a3a; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b3a3a 0%, #0d0d0d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3b3a3a 0%,#0d0d0d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3b3a3a 0%,#0d0d0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3a3a', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-9 */
}
.inqBrown {
	margin-top: -140px;
	background: #594940; /* Old browsers */
	background: -moz-linear-gradient(top,  #594940 0%, #372d2a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #594940 0%,#372d2a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #594940 0%,#372d2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#594940', endColorstr='#372d2a',GradientType=0 ); /* IE6-9 */
}

.inqWrapper {
	display: table;
	margin: 0 auto;
}
.inqL {
	display: table-cell;
	vertical-align: middle;
	width: 400px;
	padding: 0 40px 0 0;
}
.inqL p {
	color: #fff;
	font-size: 125%;
	line-height: 1.5em;
}
.inqR {
	display: table-cell;
	vertical-align: middle;
}
.inqRWrapper {
	display: table;
	width: 470px;
	background: #000;
	border-bottom: 5px solid #555454;
	transition: all 0.3s;
}
.inqBrown .inqRWrapper {
	border-bottom: 5px solid #a09a99;
}
.inqRL {
	display: table-cell;
	vertical-align: middle;
	width: 44px;
	padding-left: 65px;
	padding-right: 20px;
	background: url(../images/inq_mail_on.png) no-repeat 65px 50%;
}
.inqRL img {
	display: block;
	width: 44px;
	height: 44px;
	transition: all 0.3s;
}
.inqRM {
	display: table-cell;
	vertical-align: middle;
	padding: 20px 0;
	color: #fff;
	font-size: 125%;
	line-height: 1.2em;
	text-decoration: none;
	transition: all 0.3s;
}
.inqRM span,
.inqRM span br {
	line-height: 1.2em;
}
.inqRR {
	display: table-cell;
	vertical-align: middle;
	width: 12px;
	padding-right: 30px;
	background: url(../images/inq_bit_on.png) no-repeat 0 50%;
}
.inqRR img {
	display: block;
	width: 12px;
	height: 19px;
	transition: all 0.3s;
}
.inqRWrapper:hover {
	background: #fff;
	transition: all 0.3s;
	text-decoration: none;
}
.inqRWrapper:hover .inqRM {
	color: #000;
}
.inqRWrapper:hover .inqRL img,
.inqRWrapper:hover .inqRR img {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.3s;
}
@media screen and (max-width: 969px) {
	.inquire {
		padding: 15px 0;
	}
	.inqBrown {
		margin-top: 0;
	}
	.inqWrapper {
		display: block;
	}
	.inqL {
		display: block;
		width: calc(100% - 20px);
		margin: 0 auto;
		padding: 0;
	}
	.inqL p {
		color: #fff;
		font-size: 87.5%;
		line-height: 1.5em;
		text-align: center;
	}
	.inqR {
		display: block;
		width: calc(100% - 20px);
		margin: 0 auto;
	}
	.inqRWrapper {
		width: 100%;
		margin-top: 12px;
		border-bottom: 3px solid #555454;
		transition: all 0.3s;
	}
	.inqBrown .inqRWrapper {
		border-bottom: 3px solid #a09a99;
	}
	.inqRL {
		display: table-cell;
		vertical-align: middle;
		width: 22px;
		padding-left: 20px;
		padding-right: 10px;
		background: url(../images/inq_mail_on.png) no-repeat 20px 50%;
		background-size: 22px 22px;
	}
	.inqRL img {
		display: block;
		width: 22px;
		height: 22px;
		margin: 0;
		transition: all 0.3s;
	}
	.inqRM {
		padding: 10px auto 10px 0;
		padding-left: 0;
		font-size: 100%;
		text-align: center;
		transition: all 0.3s;
	}
	.inqRR {
		width: 6px;
		padding-right: 20px;
		background: url(../images/inq_bit_on.png) no-repeat 0 50%;
		background-size: 6px 10px;
	}
	.inqRR img {
		display: block;
		width: 6px;
		height: 10px;
		transition: all 0.3s;
	}
}
/*** @media screen and (max-width: 969px) ***/

.inquire___new{
	padding: 30px 0;
	position: relative;
	z-index: 3;
}
@media (width < 767px) {
	.inquire___new{
		padding: 30px 0 40px;
	}
}

.inqBrown__new {
	margin-top: 60px;
	background: #594940; /* Old browsers */
	background: -moz-linear-gradient(top,  #594940 0%, #372d2a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #594940 0%,#372d2a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #594940 0%,#372d2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#594940', endColorstr='#372d2a',GradientType=0 ); /* IE6-9 */
}
@media (width < 767px) {
	.inqBrown__new {
		margin-top: 0;
		padding: 30px 0 40px;
	}
}

/* ===== feature ===== */
.feature {
	padding-bottom: 50px;
}
.featureOdd,
.featureEven {
	display: block;
	width: 970px;
	margin: 0 auto;
}
.grandTitle + .featureOdd {
	margin-top: 40px;
}
.featureL,
.featureR {
	display: block;
}
.featureOdd .featureL,
.featureOdd .featureR {
	float: right;
}
.featureEven .featureL,
.featureEven .featureR {
	float: left;
}
.featureOdd .featureL,
.featureEven .featureL {
	display: block;
	width: 485px;
}
.featureOdd .featureR {
	width: 445px;
	margin-right: 40px;
}
.featureEven .featureR {
	width: 445px;
	margin-left: 40px;
}
.featureL span.pc,
.featureL span.pc img {
	display: block;
	width: 485px;
	height: 361px;
}
.featureL span.sp {
	display: none;
}
.featureNumTitle {
	display: block;
}
.featureNum_sp {
	display: none;
}
.featureNum_pc {
	margin-top: 20px;
	padding-top: 117px;
	color: #cca683;
	font-size: 162.5%;
	font-weight: bold;
	line-height: 1em;
}
#featureNum01 {
	background: url(../images/feature/num_01.png) no-repeat 30px 0;
}
#featureNum02 {
	background: url(../images/feature/num_02.png) no-repeat 30px 0;
}
#featureNum03 {
	background: url(../images/feature/num_03.png) no-repeat 30px 0;
}
#featureNum04 {
	background: url(../images/feature/num_04.png) no-repeat 30px 0;
}
#featureNum05 {
	background: url(../images/feature/num_05.png) no-repeat 30px 0;
}
#featureNum06 {
	background: url(../images/feature/num_06.png) no-repeat 30px 0;
}
.featureR p {
	display: block;
	margin-top: 5px;
	color: #fff;
	font-size: 125%;
}

@media screen and (max-width: 969px) {
	.feature {
		padding-bottom: 25px;
	}
	.featureOdd,
	.featureEven {
		display: block;
		width: calc(100% - 20px);
		margin: 0 auto;
	}
	.grandTitle + .featureOdd {
		margin-top: 20px;
	}
	.featureL,
	.featureR {
		display: block;
	}
	.featureOdd .featureL,
	.featureOdd .featureR {
		float: none;
	}
	.featureEven .featureL,
	.featureEven .featureR {
		float: none;
	}
	.featureOdd .featureL,
	.featureEven .featureL {
		display: block;
		width: 100%;
	}
	.featureOdd .featureR {
		width: 100%;
		margin-right: 0;
	}
	.featureEven .featureR {
		width: 100%;
		margin-left: 0;
	}
	.featureL span.pc {
		display: none;
	}
	.featureL span.sp,
	.featureL span.sp img {
		display: block;
		width: 100%;
		height: auto;
	}
	.featureNumTitle {
		display: table;
		width: 100%;
		margin-top: 10px;
	}
	.featureNum_sp {
		display: table-cell;
		vertical-align: middle;
		width: 120px;
	}
	.featureNum_sp img {
		display: block;
		width: 100px;
		height: auto;
		margin: 0 auto 0 0;
	}
	.featureNum_pc {
		display: table-cell;
		vertical-align: middle;
		margin-top: 0;
		padding-top: 0;
		font-size: 112.5%;
	}
	.featureNum_pc span {
		display: block;
	}
	#featureNum01 {
		background: none;
	}
	#featureNum02 {
		background: none;
	}
	#featureNum03 {
		background: none;
	}
	#featureNum04 {
		background: none;
	}
	#featureNum05 {
		background: none;
	}
	#featureNum06 {
		background: none;
	}
	.featureR p {
		display: block;
		margin-top: 5px;
		margin-bottom: 25px;
		color: #fff;
		font-size: 100%;
		line-height: 1.5em;
	}
}

/* ===== case ===== */
.caseWrapper {
	display: block;
	width: 100%;
	margin-top: -180px;
	border-top: 10px solid #6b6241;
}
.grandTitle + .caseWrapper {
	margin-top: 40px;
}
.caseImg {
	display: block;
	width: 970px;
	margin: 0 auto;
}
.caseImg img {
	display: block;
	width: 970px;
	height: 560px;
}
.caseCont {
	display: block;
	/* padding: 22px 0 0 0; */
	background-color: rgba(55, 45, 42, 0.9);
	border-bottom: 16px solid #493f37;
	position: relative;
		top: -205px;
}
.caseContL {
	margin-right: calc(50% - 125px);
}
.caseContR {
	margin-left: calc(50% - 125px);
}
.caseCont h2 {
	display: block;
	color: #fff;
	background: #b23131;
	font-size: 150%;
	width: calc(100% - 80px);
	padding: 5px 40px;
}
.caseContL h2 span {
	margin-left: calc(50vw - 485px);
}
.caseContR h2 span {

}
.caseCont p {
	display: block;
	width: 530px;
	padding: 20px 40px;
	color: #fff;
	font-size: 112.5%;
}
.caseContL p {
	margin: 0 0 0 calc(50vw - 485px);
}
.caseContR p {

}

@media screen and (max-width: 969px) {
	.caseWrapper {
		display: block;
		width: 100%;
		margin-top: 20px;
		border-top: 5px solid #6b6241;
	}
	.grandTitle + .caseWrapper {
		margin-top: 20px;
	}
	.caseImg {
		display: block;
		width: calc(100% - 20px);
	}
	.caseImg img {
		width: 100%;
		height: auto;
	}
	.caseCont {
		width: calc(100% - 20px);
		margin: 0 auto;
		padding: 10px 0 0 0;
		background-color: none;
		border-bottom: none;
		position: relative;
			top: 0;
	}
	.caseContL {
		margin: 0 auto;
	}
	.caseContR {
		margin: 0 auto;
	}
	.caseCont h2 {
		width: calc(100% - 16px);
		font-size: 112.5%;
		padding: 2px 8px;
	}
	.caseContL h2 span {
		margin-left: 0;
	}
	.caseContR h2 span {

	}
	.caseCont p {
		width: 100%;
		padding: 5px 0;
		font-size: 100%;
	}
	.caseContL p {
		margin: 0;
	}
	.caseContR p {

	}
}

.footerContents {
	margin-top: 0 !important;
}

/* pdf download 20221025 */
.pdfDownload {
	background: #e9e9e9;
	margin: 0 auto;
	padding: 3em 0;
	font: 16px/1.5 Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

.pdfDownload h2 {
	display: block;
	margin: 1em auto;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
}
.pdfDownload h2 br {
	line-height: 1.5em;
}



    .pdfDownload .row {
        display: flex;
        -moz-display: flex;
        -webkit-display: flex;
        -ms-display: flex;
        flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-direction: row;
        -moz-flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
    }
    .pdfDownload .row.row-reverse {
        flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
    }


.pdfDownload img {
	display: block;
}

.pdfDownload a img:hover {
	transform: translate(2px, 2px);
}

.download_btn a {
	display: block;
	width: calc(100% - 3px);
	max-width: 320px;
	padding: 1em;
	background: #937972;
	border-radius: 5px;
	box-shadow: 3px 3px 0px 0 #c6d0d0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.3s;
	box-sizing: border-box;
	margin: 0 auto 2em;
}

.download_btn a:hover {
	transform: translate(2px, 2px);
	background: #937972;
	box-shadow: 1px 1px 0px 0 #c6d0d0;
	transition: all 0.3s;
}

.download_btn a span {
	padding-left: 35px;
	background: url(/owner/images/download_icon.svg) no-repeat 0 50%;
	background-size: 20px 24px;
	font-size: 125%;
}
.txtc {
	text-align: center !important;
}
.txtc a,
.txtc a img {
	display: block;
	max-width: 100%;
	height: 100%;
}
@media screen and (min-width: 768px) {
	.pdfDownload h2 {
		margin: 2.5em auto 1em;
	}
}
.w700 {
	width: 700px;
	margin: auto;
}
.pdfDownload .row {
	margin: 0 auto;
}
.pdfDownload .row:before,
.pdfDownload .row:after {
	display: table;
	content: " "
}
.pdfDownload .row:after {
	clear: both
}
.col-sm-8 {
	position: relative;
	margin: 0 auto;
	min-height: 1px;
	padding: 0 15px;
	box-sizing: border-box;
	width: 66.66666667%;
}
.col-sm-4 {
	position: relative;
	margin: 0 auto;
	min-height: 1px;
	padding: 0 15px;
	box-sizing: border-box;
}

.pdfDownload .row.row-reverse {
		flex-direction: row-reverse;
		-moz-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
	}
	.col-sm-8 {
		float: left;
		width: 66.66666667%;
	}
	.col-sm-4 {
		float: left;
		width: 33.33333333%;
	}
@media screen and (max-width:768px) {
	.w700 {
		width: calc(100% - 20px);
	}
	.pdfDownload .row {
		display: block;
	}
	.col-sm-8,
	.col-sm-4 {
		float: none;
	}
	.col-sm-4 {
		width: 100%;
	}
}


/*/////////////////////////////////
20240501　新規追加
/////////////////////////////////*/

body {
	overflow-x: hidden;
}

.pdfDownload__inner {
	display: flex;
	justify-content: space-around;
	gap: 40px;
	width: min(100%, 910px);
	margin: auto;
}

.pdfDownload .row.row-reverse {
	align-items: center;
}

.download_btn a span {
	padding-left: 20px;
	background-size: 14px 16px;
	font-size: 85%;
}

.fs14 {
	font-size: 12px;
}

.w600 {
	width: min(calc(100% - 20px), 600px);
	margin: auto;
}

.contract .col-sm-8 .download_btn a{
	background-color: #4682b4;
	padding: .3em;
	margin: 0 auto 1em
}

@media screen and (min-width: 1156px) {
	.pdfDownload .row:nth-of-type(2) {
		margin-left: 0;
	}
}

@media screen and (min-width: 970px) {
	.download_btn a {
		display: block;
		padding: .5em;

	}
}


@media screen and (min-width: 820px) {
	.pdfDownload h2 {
		font-size: 16px;
	}
	.col-sm-4 {
		width: 50%;
		padding: 0 5px;
	}

	.col-sm-8 {
		width: 45%;
	}

	.col-sm-8{
		padding: 0;
	}
}

@media screen and (max-width: 820px) {
	.pdfDownload__inner {
		flex-wrap: wrap;
		gap: 40px 0;
	}
}

.sp_640{
	display: none;
}
@media screen and (max-width: 640px) {
	.sp_640{
		display: block;
	}
}

/* display changer */
.disp_pc {
	display: block;
}
.disp_sp_tb {
	display: block;
}
.disp_sp {
	display: none;
}
@media screen and (max-width:969px){
	.disp_pc {
		display: none;
	}
	.disp_sp {
		display: block;
	}
}
@media screen and (max-width:768px){
	.disp_sp_tb {
		display: none;
	}
}

/** フッター矢印調整 **/
.footer__area_map > div a:not(.border__r a), .footer__service a {
    line-height: 1.7!important;
}