@charset "utf-8";

/*-------------------------------------------
Mainvisual
-------------------------------------------*/
.mainvisual {
  margin-top: 13.2rem;
  margin-bottom: 7rem;
  position: relative;
  overflow-x: hidden;
}

.mainvisual_pic {
  width: 96rem;
  height: 40.6rem;
  object-fit: cover;
  vertical-align: bottom;
  opacity: 0.5;
  width: 100%;
}

.mainvisual_pos {
  position:absolute;
  /* width: 32.6rem; */
  height: 9.7rem;
  top:6rem;
  left: 14rem;
  z-index: 10;
}

.mainvisual_font {
  font-family: var(--NotoSerif);
  font-weight: var(--extra-bold);
  color: #fff;
  font-size: 3.5rem;
  white-space: nowrap;
  line-height: 1.42857142857em;
  text-shadow: 0 0 0.9rem rgba(0, 0, 0, 1);
}

/*-------------------------------------------
Detail
-------------------------------------------*/
.modal_pop1 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left:0;
  z-index:200;
  display: none;
}

.modal_pop2 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left:0;
  z-index:200;
  display: none;
}

.bg {
  background-color: #1119;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 5;
}

.active1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(1.2,1.2);
  z-index: 9999;
  pointer-events: none;
}

.active2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(1.2,1.2);
  z-index: 9999;
  pointer-events: none;
}

.close_btn {
  color: #fff;
  font-size: 4.0rem;
  position: absolute;
  right:5rem;
  top: 5rem;
}

.close_btn_a {
  color: #fff;
  text-decoration: none;
}

.detail {
  margin: 0 auto 7rem;
  max-width: 100%;
  width: 50rem;
}

.detail_title {
  font-family: var(--NotoSans);
  font-weight: var(--medium);
  font-size: 2rem;
  width: 12rem;
  height: 2.9rem;
  color: #E67F12;
  line-height:1.2em;
}

.detail_flex {
  display: flex;
}

.detail_pic {
  margin-top: 2rem;
  width: 26.9rem;
  height: 25.2rem;
  object-fit: cover;
  vertical-align:bottom;
  cursor: pointer;
}


.floor_pic {
  width: 23.1rem;
  height: 40.5rem;
  object-fit: cover;
  vertical-align:bottom;
  margin: 2rem 0 0 0.4rem;
  cursor: pointer;
}

/*-------------------------------------------
Qualification
-------------------------------------------*/
.inview {
  transform: translate(0,-20%);
  transition: 2s;
  opacity: 0;
}

.inview.is_show {
  transform: translate(0, 0);
  opacity: 1;
}

.qual {
  margin: 0 auto 7rem;
  max-width: 100%;
  width: 50rem;
}

.qual_title {
  font-family: var(--NotoSans);
  font-weight: var(--medium);
  color: #E67F12;
  font-size: 2rem;
  width: 19.9rem;
  height: 2.9rem;
  white-space: nowrap;
  line-height:1.2em;
  margin-bottom: 2rem;
}

.qual_item {
  width: 49.4rem;
  height: auto;
  font-size: 1.5rem;
  color:#3c3c3c;
}

.qual_item li {
  font-family: var(--NotoSans);
  font-weight: var(--medium);
  line-height: 2.66666666667em;
}

.qual_item_set {
  white-space: nowrap;  
}

.qual_indent {
  padding-left:1em;
  text-indent:-1em;
}

/*-------------------------------------------
Facility
-------------------------------------------*/
.facility {
  margin: 0 auto 7rem;
  max-width: 100%;
  width: 50rem;
}

.facility_title {
  font-family: var(--NotoSans);
  font-weight: var(--medium);
  color: #E67F12;
  font-size: 2rem;
  width: 10rem;
  height: 2.9rem;
  line-height:1.2em;
  margin-bottom: 2rem;
}

.first_item {
  font-family: var(--NotoSans);
  font-weight: var(--medium);
  color: #3C3C3C;
  width: 14.4rem;
  height: 2.6rem;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  line-height:1.2em;
}

.second_item_sp {
  display: none;
}

.second_item_pc {
  display: block;
  font-family: var(--NotoSans);
  font-weight: var(--medium);
  color: #3C3C3C;
  width: 44.8rem;
  height: 5.4rem;
  font-size: 1.6rem;
  margin-bottom: 2rem;
  line-height: 1.875em;
}

.third_item {
  font-family: var(--NotoSans);
  font-weight: var(--medium);
  color: #3C3C3C;
  width: 14.4rem;
  height: 2.6rem;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  line-height:1.2em;
}

.fourth_item {
  font-family: var(--NotoSans);
  font-weight: var(--medium);
  color: #3C3C3C;
  /* width:43.1rem; */
  height: 2.4rem;
  font-size: 1.6rem;
  line-height:1.2em;
  /* white-space: nowrap;   */
}

/*-------------------------------------------
Photo
-------------------------------------------*/
.photo {
  max-width: 100%;
  width: 50rem;
}

.main_pic_sp {
  width: 37.5rem;
  height: 100vh;
  position: fixed;
  top: 0;
  left:0;
  z-index:100;
  display: none;
}

.photo_bg_sp {
  background-color: #fff;
  width: 100%;
  height: 100%;
  /* position: fixed; */
  position:relative;
  z-index:100;
}

.scale_sp {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left:0;
  z-index:9999;
  display: none;
}

.pic_scale_sp {
  width: 37.5rem;
  height: 28rem;
  object-fit: cover;
}

.pic_scale_sp2 {
  width: 37.5rem;
  height: auto;
  object-fit: cover;
}

.bg_sp {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position:fixed;
}

.active_sp {
  position: absolute;
  top: 15rem;
  /* left: 50%;
  transform: translate(-50%, -50%)scale(1,1); */
}

.close_btn_sp {
  color: #000;
  font-size: 4.0rem;
  position: absolute;
  right:0;
  top: 0;
}

.arrow1_sp {
	margin: 4rem 0 2rem 3rem;
	position: relative;
	display: inline-block;
}

.arrow1_sp::before,
.arrow1_sp::after {
	position: absolute;
	margin: auto; 
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
}

.arrow2_sp::before {
	left: 0;
	top: 0;
	width: 2.5rem;
	height: 0.2rem;
	background: #000;
}

.arrow2_sp::after {
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	border-top: 0.2rem solid #000;
	border-right: 0.2rem solid #000;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.pic_fun {
	padding:0;
	margin:0;
	font-size: 0;
	overflow:hidden;
	white-space:nowrap;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
  overflow-x:auto;
}

.pic_fun::-webkit-scrollbar {
	display:none;
}

.pic_detail {
	list-style:none;
	vertical-align: top;
	display: inline-block;
	scroll-snap-align: center;
	width: 100%;
	height: auto;
}

.pic_set_sp:hover {
  cursor: pointer;
}

.pic_set_sp {
	width: 37.5rem;
	height: 28rem;
	object-fit: cover;
}

.pic_set_sp2:hover {
  cursor: pointer;
}

.pic_set_sp2 {
	width: 37.5rem;
	height: auto;
	object-fit: cover;
}

.font_app {
	margin-top: 2.5rem;
	width: 35rem;
	height: 35rem;
	padding: 0 1rem;
}

.font_sp1 {
	width: 35rem;
	height: auto;
	font-size: 3rem;
	line-height: 1.4em;
	white-space: normal;
}

.font_sp2 {
	margin-top: 1rem;
	width: 35rem;
	height: 1.8188rem;
	font-size: 1.8rem;
	white-space: normal;
}

.modal_pop_photo1 {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left:0;
  z-index:200;
  display: none;
}

.modal_pop_photo_fs {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left:0;
  z-index: 300;
  display: none;
}

.arrow_photo_active {
  width: 5rem;
  height: 5rem;
  cursor: pointer;
}

.arrow_photo_active1 {
  position: relative;
  display: inline-block;
  padding: 0 0 0 1.6rem;
  color: #000;
  text-decoration: none;
  font-size: 1.5rem;
}

.arrow_photo_active1::before,.arrow_photo_active1::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.5rem;
  content: "";
}

.arrow_photo_active2 {
  position: relative;
  display: inline-block;
  padding: 0 0 0 1.6rem;
  color: #000;
  text-decoration: none;
  font-size: 1.5rem;
}

.arrow_photo_active2::before,.arrow_photo_active2::after {
  position: absolute;
  top: 2.0rem;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}

.photo_scale_btn1_1::before {
  top: 0.4rem;
  width: 1.2rem;
	height: 0.2rem;
	background: #000;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
  z-index: 10;
}

.photo_scale_btn1_1::after {
  left: 3.6rem;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 0.2rem solid #000;
	border-right: 0.2rem solid #000;
  -webkit-transform: rotate(180deg);
	transform: rotate(180deg);
  z-index: 10;
}

.photo_scale_btn2_1::before {
  width: 1.2rem;
	height: 0.2rem;
	background: #000;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
  z-index: 10;
}

.photo_scale_btn2_1::after {
  left: 0.1rem;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 0.2rem solid #000;
	border-right: 0.2rem solid #000;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 10;
}

.photo_arrow_fs {
  position: relative;
  display: inline-block;
  padding: 0 0 0 1.6rem;
  color: #000;
  text-decoration: none;
  font-size: 1.5rem;
}

.photo_arrow_fs::before,
.photo_arrow_fs::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.5rem;
  content: "";
}

.photo_arrow2_fs {
  position: relative;
  display: inline-block;
  padding: 0 0 0 1.6rem;
  color: #000;
  text-decoration: none;
  font-size: 1.5rem;
}

.photo_arrow2_fs::before,
.photo_arrow2_fs::after {
  position: absolute;
  top: 2.0rem;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}

.photo_header {
  display:flex;
  justify-content: space-between;
}

.photo_close_btn {
  color: #000;
  font-size: 4.0rem;
  z-index: 200;
  width: 5rem;
  height: 5rem;
  position:relative;
}

.photo_close_btn_fs {
  color: #000;
  font-size: 4.0rem;
  z-index: 200;
  width: 5rem;
  height: 5rem;
  position:relative;
}

.photo_close_btn_a {
  color: #000;
  text-decoration: none;
}

.arrow_wrapper {
  width: 5rem;
  height: 5rem;
  cursor: pointer;
}

.photo_arrow {
  position: relative;
	display: inline-block;
	padding: 0 0 0 1.6rem;
	color: #000;
	text-decoration: none;
	font-size: 1.5rem;
}

.photo_arrow::before,
.photo_arrow::after {
  position: absolute;
	top: 0;
	bottom: 0;
	left: 3.5rem;
	content: "";
}

.photo_arrow2 {
  position: relative;
	display: inline-block;
	padding: 0 0 0 1.6rem;
	color: #000;
	text-decoration: none;
	font-size: 1.5rem;
}

.photo_arrow2::before,
.photo_arrow2::after {
  position: absolute;
	top: 2.0rem;
  bottom: 0;
	left: 0;
	margin: auto;
	content: "";
}

.photo_scale_btn::before {
  top: 0.4rem;
  width: 1.2rem;
	height: 0.2rem;
	background: #000;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
  z-index: 10;
}

.photo_scale_btn::after {
  left: 3.6rem;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 0.2rem solid #000;
	border-right: 0.2rem solid #000;
  -webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  z-index: 10;
}

.photo_scale_btn2::before {
  width: 1.2rem;
	height: 0.2rem;
	background: #000;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
  z-index: 10;
}

.photo_scale_btn2::after {
  left: 0.1rem;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 0.2rem solid #000;
	border-right: 0.2rem solid #000;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 10;
}

.photo_bg {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position:relative;
  z-index:5;
}

.photo_inner {
  display:flex;
  justify-content: space-between;  
}

.photo_inner_fs {
  text-align: center;
}

.floor_wrapper1_fs {
  width: 85%;
  height: 100vh;
  object-fit: cover;
  vertical-align:bottom;
  position: relative;
  display: inline-block;
  text-align: center;
}

.floor_wrapper1_fs::before {
  pointer-events: auto;
  content: "";
  margin: auto;
  position: absolute;
  top: 40%;
  right: -5rem;
  width: 1rem;   
  height: 1rem;  
  border-top: 0.2rem solid #000;     
  border-right: 0.2rem solid #000;  
  transform: rotate(45deg);   
}

.floor_wrapper1_fs::after {
  pointer-events: auto;
  content: "";
  margin: auto;
  position: absolute;
  top: 40%;
  left: -5rem;
  width: 1rem;   
  height: 1rem;  
  border-top: 0.2rem solid #000;     
  border-right: 0.2rem solid #000;  
  transform: rotate(225deg);  
}

.floor_wrapper1_fs:hover::before {
  cursor: pointer;
}

.floor_wrapper1_fs:hover::after {
  cursor: pointer;
}

.main_set_active1_fs {
  display: block;
  text-align: center;
  object-fit: cover;
  position: absolute;
  top: -5rem;
}

.main_set_active1_fs.main_change_active4 {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.main_set_active1_fs.main_change_active5 {
  width: 78rem;
  height: auto;
  top: 22rem;
  left: 50%;
  object-fit: cover;
  transform: translate(-50%, -50%)scale(1.4, 1.4);
}

.photo_detail {
  margin-top: 10rem;
  margin-right: 30rem;
  width: 20rem;
  text-align: left;
}

.photo_subtitle {
  font-size: 2.2rem;
}

.photo_subtext {
  font-size: 1.4rem;
}

.floor_wrapper1 {
  width: 45rem;
  height: 67.5rem;
  margin-left: 10rem;
  transform: scale(1.2, 1.2);
  object-fit: cover;
  vertical-align: bottom;
  position: relative;
  pointer-events: none;
}

.floor_wrapper1:hover::before {
  cursor: pointer;
}

.floor_wrapper1:hover::after {
  cursor: pointer;
}

.floor_wrapper1::before {
  pointer-events: auto;
  content: "";
  margin: auto;
  position: absolute;
  top: 30%;
  right: -3.5rem;
  width: 1rem;   
  height: 1rem;  
  border-top: 0.2rem solid #000;     
  border-right: 0.2rem solid #000;  
  transform: rotate(45deg);   
}

.floor_wrapper1::after {
  pointer-events: auto;
  content: "";
  margin: auto;
  position: absolute;
  top: 30%;
  left: -3.5rem;
  width: 1rem;   
  height: 1rem;  
  border-top: 0.2rem solid #000;     
  border-right: 0.2rem solid #000;  
  transform: rotate(225deg);  
  /* display: none;  */
}

.floor_wrapper1.arrow_active1::after {
  display: block;
}

.floor_wrapper1.arrow_active2::after {
  display: none;
}

.floor_wrapper1.arrow_active3::before {
  display: block;
}

.floor_wrapper1.arrow_active4::before {
  display: none;
}

.floor_wrapper1_fs.arrow_active1_fs::after {
  display: block;
}

.floor_wrapper1_fs.arrow_active2_fs::after {
  display: none;
}

.floor_wrapper1_fs.arrow_active3_fs::before {
  display: block;
}

.floor_wrapper1_fs.arrow_active4_fs::before {
  display: none;
}

.main_set_active1.main_change_active1 {
  width: 47rem;
  height: 28rem;
}

.main_set_active1.main_change_active2 {
  width: 45rem;
  height: 33rem;
}

.main_set_active1.main_change_active3 {
  max-width: 45rem;
  height: auto;
  top: 25rem;
  left: 50%;
  transform: translate(-50%, -50%)scale(1.4, 1.4);
}

.main_set_active1 {
  object-fit: cover;
  position: absolute;
  top: 25rem;
  left: 50%;
  transform: translate(-50%, -50%);
}

.photo {
  margin: 0 auto 7rem;
  max-width: 96rem;
}

.photo_title {
  width: 8rem;
  height: 2.9rem;
  font-family: var(--NotoSans);
  font-weight: var(--medium);
  font-size: 2rem;
  line-height:1.2em;
  margin-bottom: 2rem;
  color: #E67F12;
}

.arrow_right {
  position: absolute;
  top: 12.675rem;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
  border-radius: 50%;
  background-color: #E67F12;
}

.arrow_left {
  position: absolute;
  top: 12.675rem;
  width: 4rem;
  height: 4rem;
  cursor:pointer;
  display: none;
  border-radius: 50%;
  background-color: #E67F12;
}

.arrow_right::before,
.arrow_right::after {
  content: "";
  width: 2.2rem;
  height: 0.5rem; 
  display: inline-block; 
  border-radius: 0.5rem; 
  background: #fff;  
  position: absolute; 
  right: 0.5rem;
}

.arrow_right::before {
  top: 1.1rem;
  transform: rotate(45deg); 
}

.arrow_right::after {
  bottom: 1.1rem; 
  transform: rotate(-45deg); 
}

.arrow_left::before,
.arrow_left::after {
  content: "";
  width: 2.2rem;
  height: 0.5rem; 
  display: inline-block; 
  border-radius: 0.5rem; 
  background: #fff; 
  position: absolute; 
  left: 0.5rem;
}

.arrow_left::before {
  top: 1.1rem;
  transform: rotate(315deg); 
}

.arrow_left::after {
  bottom: 1.1rem; 
  transform: rotate(-315deg); 
}

.slider {
  width: 50.4rem;
  height: 29.2rem;
  position: relative;
	display:inline-block;
} 

.main_pos {
	font-size:0;
	width:100%;
  height:100%;
	overflow:hidden;
	white-space:nowrap;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
}

.scroll_set {
	overflow:hidden;
	margin-top: 2rem;	
}

.pic_set {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;  
  image-rendering: -webkit-optimize-contrast;
  cursor: pointer;
}

.pic_set:hover {
  opacity: 0.7;
}

.main_set {
	display: inline-block;
	scroll-snap-align: center;
	width: 100.4%;
  height: 100.4%;
}

.thumbs {
  width: 246.7rem;
	display: flex;
  align-items: center;
}

.pic_set1,.pic_set5,.pic_set7,.pic_set8,.pic_set10 {
  width: 12.1rem;
  height: 8.1rem;
  margin-right: 1.5rem;
  object-fit: cover;
  vertical-align: bottom; 
}

.pic_set2,.pic_set6,.pic_set9,.pic_set16 {
  width: 12.1rem;
  height: 8.053rem;
  margin-right: 1.5rem;
  object-fit: cover;
  vertical-align: bottom; 
}

.pic_set3,.pic_set14,.pic_set11,.pic_set17 {
  width: 12.1rem;
  height: 8.1rem;
  margin-right: 4.6rem;
  object-fit: cover;
  vertical-align: bottom; 
}

.pic_set4,.pic_set13,.pic_set15 {
  width: 6rem;
  height: 9rem;
  margin-right: 4.6rem;
  object-fit: cover;
  vertical-align: bottom; 
}

.pic_set12 {
  width: 6rem;
  height: 9rem;
  margin-right: 7.6rem;
  object-fit: cover;
  vertical-align: bottom; 
}

.pic_set18 {
  width: 6rem;
  height: 9rem;
  margin-right: 1.5rem;
  object-fit: cover;
  vertical-align: bottom; 
}

.sub_hov:hover {
	cursor: pointer;
}

.sub_opa {
  opacity: 0.5;
}

.slider .arrow_left {
	left: 0;
}

.slider .arrow_right {
	right: 0;
}
/*-------------------------------------------
Contact
-------------------------------------------*/
.contact {
  margin: 0 auto 10rem;
  max-width: 100%;
  width: 50rem;
}

.contact_title {
  width: 36.9rem;
  height: 2.9rem;
  font-size: 2rem;
  font-family: var(--NotoSans);
  font-weight: var(--medium);
  line-height: 1.2em;
  color: #E67F12;
  margin-bottom: 2rem;
}

.address {
  font-family: var(--NotoSans);
  font-weight: var(--regular);
  color: #3C3C3C;
  /* width: 39.6rem; */
  height: 2.6rem;
  font-size: 1.8rem;
  line-height:1.2em;
  margin-bottom: 2rem;
  /* white-space: nowrap; */
}

.tel {
  font-family: var(--NotoSans);
  font-weight: var(--regular);
  color: #3C3C3C;
  width: 14.8rem;
  height: 2.6rem;
  font-size: 1.8rem;
  line-height: 1.2em; 
  margin-bottom: 2rem;
}

.fax {
  font-family: var(--NotoSans);
  font-weight: var(--regular);
  color: #3C3C3C;
  width: 14.7rem;
  height: 2.6rem;
  font-size: 1.8rem ;
  line-height: 1.2em; 
  margin-bottom: 2rem; 
}

.e_mail {
  font-family: var(--NotoSans);
  font-weight: var(--regular);
  color: #3C3C3C;
  width: 31.9rem ;
  height: 2.6rem;
  font-size: 1.8rem;
  line-height: 1.2em;
  margin-bottom: 2rem; 
}

.message {
  font-family: var(--NotoSans);
  font-weight: var(--regular);
  color: #3C3C3C;
  width: 36rem;
  height: 4.4rem;
  font-size: 3rem;
  line-height: 1.2em;
  margin-bottom: 2rem; 
}

.time {
  font-family: var(--NotoSans);
  font-weight: var(--regular);
  color: #3C3C3C;
  width: 30.4rem;
  height: 2.9rem;
  font-size: 2rem;
  line-height: 1.2em;
  white-space: nowrap;  
}

@media screen and (max-width:699.98px) {
  /*-------------------------------------------
  Mainvisual
  -------------------------------------------*/
  .mainvisual {
    margin-top: 5rem;
  }

  .mainvisual_pic {
    width: 37.4rem;
    height: 21.7rem;
    vertical-align: bottom;
  }

  .mainvisual_pos {
    width: 18.6rem;
    height: 5.7rem;
    top: 2.8rem;
    left: 5.8rem;
  }

  .mainvisual_font {
    font-size: 2rem;
    line-height: 1.5em;
  }

  /*-------------------------------------------
  Detail
  -------------------------------------------*/
  .active1 {
    position: absolute;
    top: 50%;
    left: 17.5%;
    transform: translate(-50%, -50%)scale(1.1,1.1);
    z-index: 9999;
    pointer-events: none;
  }

  .active2 {
    position: absolute;
    top: 50%;
    left: 12%;
    transform: translate(-50%, -50%)scale(1.0,1.0);
    z-index: 9999;
    pointer-events: none;
  }

  .detail {
    width: 40rem;
    max-width: 100%;
    margin: 0 auto 7rem auto;
  }

  .detail_title {
    font-size: 1.5rem;
    width: 9rem;
    height: 2.1rem;
    margin-left: 5.8rem;
    line-height: 1.2em;
  }

  .detail_flex {
    flex-direction: column;
  }
  
  .detail_pic {
    margin: 4rem 0 0 5.8rem;
    width: 25.9rem;
    height: 24.3rem;  
  }
    
  .floor_pic {
    margin: 4rem 0 0 7.2rem;
  }
  

  /*-------------------------------------------
  Qualification
  -------------------------------------------*/
  .qual {
    width: 33rem;
    max-width: 100%;
    margin: 0 0 7rem 2rem;
  }

  .qual_title {
    font-size: 1.5rem;
    width: 15rem;
    height: 2.1rem;
    margin-bottom: 4rem;
    line-height: 1.2em;
  }

  .qual_item {
    width: 33.6rem;
    font-size: 1.2rem;
  }

  .qual_item li {
    line-height: 2.08333333333em;
  }

  .qual_item_set {
    white-space: normal;  
  }

  /*-------------------------------------------
  Facility
  -------------------------------------------*/
  .facility {
    width: 33rem;
    max-width: 100%;
    margin: 0 auto 7rem 2rem;
  }

  .facility_title {
    font-size: 1.5rem;
    width: 7.5rem;
    height: 2.1rem;
    line-height: 1.2em;
    margin-bottom: 4rem;
  }

  .first_item {
    width: 10.4rem;
    height: 1.9rem;
    font-size: 1.3rem;
    margin-bottom: 2rem;
    line-height: 1.2em;
  }

  .second_item_pc {
    display: none;
  }

  .second_item_sp {
    display: block;
    font-family: var(--NotoSans);
    font-weight: var(--medium);
    width: 33.6rem;
    height: 3.7rem;
    font-size: 1.2rem;
    margin-bottom: 4rem;
    line-height: 1.66666666667em;
  }

  .third_item {
    width: 10.4rem;
    height: 1.9rem;
    font-size: 1.3rem;
    margin-bottom: 2rem;
    line-height: 1.2em;
  }

  .fourth_item {
    /* width:32.3rem; */
    height: 1.7rem;
    font-size: 1.2rem;
    line-height: 1.2em;
  }

  /*-------------------------------------------
  Photo
  -------------------------------------------*/
  .photo {
    width: 33rem;
    max-width: 100%;
    margin: 0 auto 7rem 2rem;
  }

  .photo_title {
    width: 6rem;
    height: 2.1rem;
    font-size: 1.5rem;
    line-height: 1.2em;
    margin-bottom: 4rem;
  }

  .slider {
    width: 33.4rem;
    height: 19.4rem;
  } 

  .scroll_set {
    margin-top: 1.3rem;	
  }

  .arrow_right {
    top: 8.754rem;
    width: 3rem;
    height: 3rem;
  }
  
  .arrow_left {
    top: 8.754rem;
    width: 3rem;
    height: 3rem;
  }

  .arrow_right::before,
  .arrow_right::after {
    width: 1.5rem;
    right: 0.5rem;
  }

  .arrow_right::before {
    top: 1.6rem;
    transform: rotate(315deg); 
  }
  
  .arrow_right::after {
    bottom: 1.6rem; 
    transform: rotate(-315deg);
  }

  .arrow_left::before,
  .arrow_left::after {
    width: 1.5rem;
    height: 0.5rem;
    left: 0.5rem;
  }
  
  .arrow_left::before {
    top: 1.6rem;
    transform: rotate(45deg); 
  }
  
  .arrow_left::after {
    bottom: 1.6rem; 
    transform: rotate(-45deg); 
  }
  
  .thumbs {
    width: 143.413rem;
  }

  .pic_set1,.pic_set5,.pic_set9 {
    width: 7.1rem;
    height: 4.7rem;
    margin-right: 0.909rem;  
  }

  .pic_set2,.pic_set6,.pic_set10 {
    width: 7.126rem;
    height: 4.742rem;
    margin-right: 0.866rem;  
  }

  .pic_set3,.pic_set11 {
    width: 7.1rem;
    height: 4.8rem;
    margin-right: 2.8rem;  
  }

  .pic_set4,.pic_set13 {
    width: 3.5rem;
    height: 5.3rem;
    margin-right: 2.6rem;  
  }

  .pic_set7,.pic_set16 {
    width: 7.1rem;
    height: 4.8rem;
    margin-right: 0.9rem;  
  }

  .pic_set8 {
    width: 7.2rem;
    height: 5.3rem;
    margin-right: 0.8rem;  
  }

  .pic_set12 {
    width: 3.5rem;
    height: 5.3rem;
    margin-right: 4.509rem;  
  }

  .pic_set14 {
    width: 7.1rem;
    height: 4.7rem;
    margin-right: 2.722rem;  
  }

  .pic_set15 {
    width: 3.5rem;
    height: 5.3rem;
    margin-right: 2.679rem;  
  }

  .pic_set17 {
    width: 7.2rem;
    height: 5.3rem;
    margin-right: 2.6rem;  
  }

  .pic_set18 {
    width: 3.5rem;
    height: 5.3rem;
    margin-right: 1.3rem;  
  }

  .main_sp::-webkit-scrollbar {
    display:none;
  }

  .main_sp {
    padding:0;
    margin:0;
    font-size: 0;
    overflow:hidden;
    white-space:nowrap;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overflow-x:auto;
  }

  .sub_sp {
    list-style:none;
    vertical-align: top;
    display:inline-block;
    scroll-snap-align:center;
    width:100%;
    height: 100%;
  }

  .arrow_right_sp {
    position: absolute;
    top: 18rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #E67F12;
    right: 0;
    cursor: pointer;
  }
  
  .arrow_left_sp {
    position: absolute;
    top: 18rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #E67F12;
    left: 0;
    cursor:pointer;
    display: none;
  }
  
  .arrow_right_sp::before,
  .arrow_right_sp::after {
    content: "";
    width: 2.2rem;
    height: 0.5rem; 
    display: inline-block; 
    border-radius: 0.5rem; 
    background: #fff;  
    position: absolute; 
    right: 0.5rem;
  }
  
  .arrow_right_sp::before {
    top: 1.1rem;
    transform: rotate(45deg); 
  }
  
  .arrow_right_sp::after {
    bottom: 1.1rem; 
    transform: rotate(-45deg); 
  }
  
  .arrow_left_sp::before,
  .arrow_left_sp::after {
    content: "";
    width: 2.2rem;
    height: 0.5rem; 
    display: inline-block; 
    border-radius: 0.5rem; 
    background: #fff; 
    position: absolute; 
    left: 0.5rem;
  }
  
  .arrow_left_sp::before {
    top: 1.1rem;
    transform: rotate(315deg); 
  }
  
  .arrow_left_sp::after {
    bottom: 1.1rem; 
    transform: rotate(-315deg); 
  }

  /*-------------------------------------------
  Contact
  -------------------------------------------*/
  .contact {
    width: 40rem;
    max-width: 100%;
    margin: 0 auto 7rem auto;
  }

  .contact_title {
    width: 27.7rem;
    height: 2.1rem;
    font-size: 1.5rem;
    line-height: 1.2em;
    margin: 0 0 4rem 2rem;
  }

  .address {
    /* width: 26.4rem; */
    height: 1.7rem;
    font-size: 1.2rem;
    line-height: 1.2em;
    margin: 0 0 2rem 2rem;
  }

  .tel {
    width: 9.8rem;
    height: 1.7rem;
    font-size: 1.2rem;
    line-height: 1.2em; 
    white-space: nowrap;  
    margin: 0 0 2rem 2rem;
  }

  .fax {
    width: 9.8rem;
    height: 1.7rem;
    font-size: 1.2rem ;
    line-height: 1.2em; 
    margin: 0 0 2rem 2rem;
  }

  .e_mail {
    width: 21.2rem ;
    height: 1.7rem;
    font-size: 1.2rem;
    line-height: 1.2em;
    margin: 0 0 4rem 2rem;
    white-space: nowrap; 
  }

  .message {
    width: 30rem;
    height: 3.6rem;
    font-size: 2.5rem;
    line-height: 1.2em;
    margin: 0 0 2rem 3.8rem;
  }

  .time {
    margin-left: 3.6rem;
  }
}