@charset "utf-8";
@import url("mine.css");

/* 共通部分
　　----------------------------------------------------------------- */

html {
    font-size: 100%;  /* 設定したフォントサイズを正しく表示するための指示*/
}

body {
  overflow-x: clip;
}

/*　絆福祉会　ロゴの位置設定　*/
.logo img{
    position: absolute; 
    text-align: left;
    margin-left: 0.2rem;
    z-index: 101;
    width: 22%;
}

.slider {
  width: 100%;
  aspect-ratio: 1 / 0.5;
  overflow: hidden;
  position: relative;
  max-width: 1800px;
  margin-bottom: 1em;
}

.slider div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1 /0.5;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  animation-name: fade;
  animation-duration: 42s;
  animation-iteration-count: infinite;
}

@keyframes fade {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  95%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    z-index: 0;
  }
}

/* 1枚目のスライド */
.slider>div:first-of-type{
  background-image: url("../images/carehouse/CH_P_L_01.webp");
}

/* 2枚目のスライド */
.slider>div:nth-of-type(2){
  background-image: url("../images/carehouse/CH_P_L_02.webp");
   animation-delay: 6s;
}

/* 3枚目のスライド */
.slider>div:nth-of-type(3){
  background-image: url("../images/carehouse/CH_P_L_03.webp");
   animation-delay: 12s;
}

/* 4枚目のスライド */
.slider>div:nth-of-type(4){
  background-image: url("../images/carehouse/CH_P_L_04.webp");
   animation-delay: 18s;
}

/* 5枚目のスライド */
.slider>div:nth-of-type(5){
  background-image: url("../images/carehouse/CH_P_L_05.webp");
   animation-delay: 24s;
}

/* 6枚目のスライド */
.slider>div:nth-of-type(6){
  background-image: url("../images/carehouse/CH_P_L_06.webp");
   animation-delay: 30s;
}

/* 7枚目のスライド */
.slider>div:last-of-type{
  background-image: url("../images/carehouse/CH_P_L_07.webp");
   animation-delay: 36s;
}


/* -------------- スマホサイズ ---------------- */

.slider-s {
  width: 100%;
  aspect-ratio: 1 / 0.875;
  overflow: hidden;
  position: relative;
  max-width: 800px;
  margin-bottom: 1em;
}

.slider-s div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1 / 0.875;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 11;
  opacity: 0;
  animation-name: fade;
  animation-duration: 42s;
  animation-iteration-count: infinite;
}

@keyframes fade {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  95%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    z-index: 0;
  }
}

/* 1枚目のスライド */
.slider-s>div:first-of-type{
  background-image: url("../images/carehouse/CH_P_S_01.webp");
}

/* 2枚目のスライド */
.slider-s>div:nth-of-type(2){
  background-image: url("../images/carehouse/CH_P_S_02.webp");
   animation-delay: 6s;
}

/* 3枚目のスライド */
.slider-s>div:nth-of-type(3){
  background-image: url("../images/carehouse/CH_P_S_03.webp");
   animation-delay: 12s;
}

/* 4枚目のスライド */
.slider-s>div:nth-of-type(4){
  background-image: url("../images/carehouse/CH_P_S_04.webp");
   animation-delay: 18s;
}

/* 5枚目のスライド */
.slider-s>div:nth-of-type(5){
  background-image: url("../images/carehouse/CH_P_S_05.webp");
   animation-delay: 24s;
}

/* 6枚目のスライド */
.slider-s>div:nth-of-type(6){
  background-image: url("../images/carehouse/CH_P_S_06.webp");
   animation-delay: 30s;
}

/* 7枚目のスライド */
.slider-s>div:nth-of-type(7){
  background-image: url("../images/carehouse/CH_P_S_07.webp");
   animation-delay: 36s;
}



/*　施設名と住所の記述 ------------- */
.name { /* 全体の記述 */
    position: relative;
    display: block;
    width: 96%;
    margin: 0 auto;
}

.name img { /*ふるさと施設名表示設定 */
    display: block;
    margin: 0 0 0 auto;
}

.name p { /* 住所と電話番号の表示設定 */
    display: block;
    text-align: right;
}

/* 事業所名以下の全体ひとまとめ */
.contents {
    position: relative;
    width: 96%;
    margin: 0 auto;
}

/* ゆとりと安心感のある暮らし・写真と説明文 全体*/

.conte-01 { /*全体の制御　*/
    position: relative;
    display: flex;
    width:98%;
	margin: 2em auto 0; 
}

.hall-photo { /*ホールのイメージ写真の表示設定 */
    position: relative;
    display: block;
    width: 92%;
}

.hall-photo-upper{
	width: 80%;
}

/*
.hall-photo img { /*写真の大きさ設定 */
  /*  width: 40%;
}*/

/* ケアハウスふるさとには エリア設定*/
.main-copy {
    position: relative;
	margin-top: 4px;
}

/* ケアハウスふるさとには　文字の設定 */
.main-copy p {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 2.2vw;
    text-align: right; 
    margin-right: 20px;
}

/* ゆとりと安心感のある暮らし 文字の設定 */
.main-copy span {
    font-size: 2.6vw;
    font-weight: bolder;
    line-height: 38px;
    color: #1A1A1A;
}

/* これまでの暮らしをそのままお持ち込みいただき・・・ */
.sub-copy {
    position: relative;
	display: block;
    width: 86%;
    color: #393939;
	margin: 1em auto 0;
}   

.sub-copy p {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 1.8vw;
    line-height: 3.2vw;
    margin: 0 auto 0 auto;
}

.sub-copy span {
    font-weight: 700;
    font-size: 1.8vw;
    margin-top: 6px;
    color: #372424
}
   


/* 360度写真の制御記述 */
.panorama {
	position: relative;
	width: 90%;
	margin: 3em auto;
}

.second-floor {
	width: 90%;
	position: relative;
	margin: 1em auto;
}

.panorama p {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.8vw;
    font-weighy: 600;
    color: #FFF;
    background-color: #5FC8E2;
    text-align: center;
    line-height : 30px;
}

iframe {
	width: 100%;
	aspect-ratio : 2 / 1;
}


/* 和のおもてなしにこだわったエントランス ******** */
.sub-title01 {
	position: relative;
	width: 92%;
	margin: 5em auto 0
}

.sub-title01 p {
	position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 2.6vw;
    font-weight: bolder;
    color: #1F1F1F;
    margin-left: 0.2em;
    width: 40%;
    line-height: 6vh;
}

.under-line {
    position: relative;
    width: 100%;
    display: flex;
}

.title-underline-01 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 40%;
    border-bottom: 3px solid #ADDC30;
}

.title-underline-02 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 60%;
    opacity: 40%;
    border-bottom: 3px solid #B4BEC3;
}

.entrance-info {
    position: relative;
    display: block;
    width: 92%;
    margin: 0.5em auto 0;
}

.entrance_photo {
	position: relative;
	display: block; 
	width: 96%;
	margin: 0 auto 10px;
}

.appearance {
	display: none;
}

/* 木製看板の写真の制御記述*/
.upper img{
	width: 100%;
}
/* エントランスの写真と応接室の写真の制御記述 */
.bottom {
	position: relative;
	display: flex;
	gap: 1%;
}

.bottom img {
	width: 49.45%;
}

/* 写真の説明文の制御記述 */
.text01 {
	position: relative;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.8vw;
	line-height: 2.6vw;
	margin: 0.4em auto 0;
	width: 96%;
}


/* これまでの暮らしの続きを
   居室のご案内 ************************************* */

/* 全体のフレーム制御記述 */
.life_goes_on {
	position: relative;
    display: block;
    width: 96%;
    margin: 5em auto 0;
}

.sub-title02 {
    position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 2.6vw;
    font-weight: bolder;
    color: #1F1F1F;
    margin-left: 0.2em;
    width: 37%;
    line-height: 6vh;
}

.title-underline-03 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 36%;
    border-bottom: 3px solid #ADDC30;
}

.title-underline-04 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 64%;
    opacity: 40%;
    border-bottom: 3px solid #B4BEC3;
}

.room_pict {
	position: relative;
	display: block;
	gap: 1%;
	margin: 2em auto 0 ;
	width: 86%;
}

/* 上段の２枚の写真の制御記述 */
.room_upper {
	display: flex;
	gap: 1%;
}

.room_upper img {
    flex-grow: 1;
	object-fit: cover;
	height: 25vw;
}

/* 下段の写真の制御記述 */
.room_bottom {
	display: flex;
	gap: 1%;
	margin-top: 1%;
}

.room_bottom img {
	flex-grow: 1;
	object-fit: cover;
	height: 25vw;
}

.room_pict_s {
	display: none;
}

/* 写真の説明文 */
.text02 {
	position: relative;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.8vw;
	line-height: 2.6vw;
	margin: 0.4em auto 6em;
	width: 86%;
}

/* 広くゆったりとした 浴室 ******************************* */

/* 全体のフレーム制御記述 */
.bath-room {
	position: relative;
	width: 96%;
	margin: 0 auto 6em;
}

.sub-title03 {
    position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 2.6vw;
    font-weight: bolder;
    color: #1F1F1F;
    margin-left: 0.2em;
    width: 32%;
    line-height: 6vh;
}

.title-underline-05 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 34%;
    border-bottom: 3px solid #ADDC30;
}

.title-underline-06 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 66%;
    opacity: 40%;
    border-bottom: 3px solid #B4BEC3;
}

/* 三枚の写真横並びの制御記述 */
.bath-room-photo {
	position: relative;
	width: 92%;
	display: flex;
	gap: 0.5%;
	margin: 1em 0.5em 0;
}

.bath-a {
	display: flex;
	gap: 1%;
	width: 68%;
}

.bath-b {
	width: 32%;
}

.bath-room-photo img {
	flex-grow: 1;
	object-fit: cover;
	height: 24.5vw;
}

.bath-room-photo-s {
	display: none;
}

/* 写真の説明文の制御記述 */
.text03 {
	position: relative;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.8vw;
	line-height: 2.6vw;
	margin: 0.4em auto 6em;
	width: 91%;
}

/* 充実した共用スペース ******************************** */

/* 全体のフレーム制御記述 */
.shared_space {
	position: relative;
	width: 96%;
	margin: 0 auto 6em;
}

.sub-title04 {
    position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 2.6vw;
    font-weight: bolder;
    color: #1F1F1F;
    margin-left: 0.2em;
    width: 30%;
    line-height: 6vh;
}

.title-underline-07 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 30%;
    border-bottom: 3px solid #ADDC30;
}

.title-underline-08 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 70%;
    opacity: 40%;
    border-bottom: 3px solid #B4BEC3;
}

/* 写真の全体枠制御 */
.hall-photo {
	position: relative;
	display: block;
	width: 92%;
	margin: 2em auto 0;
}

/* 上段の写真の制御 */
.hall-photo-upper {
	display: flex;
	gap: 0.5%;
	width: 100%;
}

.hall-photo-upper img {
	flex-grow: 1;
	object-fit: cover;
	height: 200px;
}

/* 下段の写真の制御 */
.hall-photo-bottom {
	display: flex;
	gap: 0.5%;
	width: 100%;
	margin-top: 0.5%;
}

.hall-photo-bottom img {
	flex-grow: 1;
	object-fit: cover;
	height: 200px;
}

/* 説明文の行間の制御 */
.blank_line {
	margin-top: 2vh
}
/* ※共用スペースの写真説明文に関しては浴室の説明文と
    同じ制御記述を使用 */


/* 自分らしい時間を大切に ********************* */

/* 全体の制御枠 制御記述 */
.personal_time {
	position: relative;
	width: 96%;
	margin: 0 auto;
}

.sub-title05 {
    position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 2.6vw;
    font-weight: bolder;
    color: #1F1F1F;
    margin-left: 0.2em;
    width: 32%;
    line-height: 6vh;
}

.title-underline-09 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 32%;
    border-bottom: 3px solid #ADDC30;
}

.title-underline-10 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 68%;
    opacity: 40%;
    border-bottom: 3px solid #B4BEC3;
}

/* 移動スーパーさんの２枚の写真の制御記述 */
.mobile_sale_photo {
	position: relative;
	display: flex;
	width: 92%;
	margin: 2em auto 0;
	gap: 1%; 
}

.mobile_sale_photo img {
	flex-grow: 1;
	object-fit: cover;
	height: 200px;
}

/* 移動スーパーさんの写真の説明文 */
.text04 {
	position: relative;
	width: 92%;
	margin: 0.4% auto 0;
    text-align: left;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.8vw;
	line-height: 2.8vw;
}

/*　送迎車の紹介 全体枠の制御記述 */
.shuttle {
	position: relative;
	display: inline-flex;
	width: 92%;
	margin: 3em 4% 0;
	gap: 2%; 
}

.shuttle img {
	width: 45%
}



/*送迎車の説明文 制御記述 */
.text05 {
	text-align: left;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	margin: auto 0 auto 20px;
	font-size: 1.8vw;
	line-height: 3.6vw;
}

/* 一日のスケジュール ******************* */

.daily-schedule {
	position: relative;
	width: 92%;
	margin: 6em auto 0;	
}

.sub-title06 {
    position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 2.6vw;
    font-weight: bolder;
    color: #1F1F1F;
    margin-left: 0.2em;
    width: 28%;
    line-height: 6vh;
}

.title-underline-11 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 28%;
    border-bottom: 3px solid #ADDC30;
}

.title-underline-12 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 72%;
    opacity: 40%;
    border-bottom: 3px solid #B4BEC3;
}

/* スケジュールの説明文の制御記述 */
.text06{
	position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 1.8vw;
	width: 94%;
	margin: 1em auto;	
}

/*スケジュール表 全体のフレーム制御記述 */
.schedule-table {
	position: relative;
	width: 90%;
	margin: 2em auto 0;
}

/* フレーム */
.schedule-table tr {
	position: relative;
	height: 46px;
}

/* 時間部分 */
.schedule-table th {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.8vw;
    color: #6996E5;
    width: 14%;
    vertical-align: top;
    background-color: #FFFDBA;
}

/* スケジュール部分 */
.schedule-table td {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.8vw;
    padding-left: 20px;
    font-weight: 600;
    vertical-align: top;
    color: #4E4E4E;
    background-color: #F7F7F7;
}

/* フロアマップ部分の制御記述 */
.floor-map {
	position: relative;
	width: 90%;
	margin: 6em auto;
}

.sub-title07{
    position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 2.6vw;
    font-weight: bolder;
    color: #1F1F1F;
    margin-left: 0.2em;
    width: 20%;
	line-height: 6vh;
}

.title-underline-13 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 20%;
    border-bottom: 3px solid #ADDC30;
}

.title-underline-14 {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 80%;
    opacity: 40%;
    border-bottom: 3px solid #B4BEC3;
}

.floor-map-img {
	position: relative;
	display: block;
	width: 92%;
	gap: 0.5%;
	margin: 2em auto 0 ;
}
/* １階２階のフロアマップの制御記述 */
.lower {
	display: flex;
	width: 100%;
}
/* ３階４階のフロアマップ制御記述 */
.high {
	display: flex;
	width: 100%;
}
.floor-map-img img {
	width: 50%;
}


.footer {
	width: 100%;
	margin-top: -10em;
}

/* トップへ・トップページへボタンの制御記述 */
.for_top_page {
	border: solid 2px #6A774C;
	background-color: #FFFFFF;
	opacity: 80%;
	width: 65px;
	height: 65px;
	border-radius: 50px;
	position: fixed;
	top: 420px;
	right: 2%;
	z-index: 201;
}

.for_top_page a {
    text-decoration: none;
}

.for_top_page p {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align: center;
	font-size: 15px;
	line-height: 14px;
	font-weight: 700;
	color: #6A774C;
	margin: 8px auto;
}

.for_top_page span{
	font-weight: 900;
	font-size:18px;
	line-height: 4px;
}

.for_top_page:hover {
    background-color: #DFDCB1;
}

.for_top {
	border: solid 2px #5B7A80;
	background-color: #FFFFFF;
	opacity: 80%;
	width: 65px;
	height: 65px;
	margin-top: 2em;
	border-radius: 50px;
	position: fixed;
	top: 310px;
	right: 2%;
	z-index: 202;
}

.for_top p {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
	color: #5B7A80;
	margin: 12px auto;
}

.for_top span{
	font-weight: 900;
	font-size:18px;
}

.for_top a {
	text-decoration: none;
}

.for_top:hover {
    background-color: #E4E4E4;
}


/* フッターの制御記述 */
.footer img {
	width: 100%;
}

.copyright {
	background-image: url("../images/footer.webp");
	background-size: cover;
	text-align: center;
	margin-top: -0.6em;
	color: #fff;
}

/* ----- デスクトップ用記述 800px以上----- */
@media(min-width: 801px){
	
	body {
		max-width: 1600px;
		margin: 0 auto ;
	}
	
	.slider-s {
		display: none;
	}
	
	.tbsp {
		display: none;
	}
	
	.tbsp-size {
		display: none;
	}
	
	.bath-room-photo-s {
	display: none;
}
	
	.room_pict_s {
	display: none;
}
	
}
	

/* ----- タブレット用記述 500～800px----- */
@media(max-width: 800px){

/* ロゴの大きさ */
	.logo img {
		width: 40%
	}

/* デスクトップサイズのスライドショーは表示しない */
	.slider {
		display: none;
	}

/* 施設名の制御 */
	.name img {
		position: relative;
		width: 50%;
		display: block;
		margin: 0 0 0 ;
}		

/* 住所・電話番号の制御記述 */
	.name p {
		text-align: left;
	}
	
	.conte-01 {
		display: block;
	}
	
	.main-copy p {
		font-size: 3.5vw;
		margin-right: 0;
	}
	
	
	.tb-size,.sp-size {
		display: none;
	}

	.main-copy span {
		font-size: 4vw;
	}
	
	.hole-photo {
		width: 100%;
	}
	
	.sub-copy {
		width: 96%;
		margin: 0 auto;

	}
	
	.sub-copy p {
		font-size: 3vw;
		line-height: 5vw;
	}
	
	.sub-copy span {
		font-size: 3vw;
	}
	
	.sub-title {
		width: 100%;
		margin: 0 auto; 
		font-size: 4.5vw;
	}
	
	.sub-title01 p,.sub-title02,.sub-title03,.sub-title04,.sub-title05,.sub-title06,.sub-title07 {
		font-size: 4.5vw;
		width: 72%;
		line-height: 5vh;
	}
	
	.title-underline-01 {
		width: 70%;
	}
	
	.title-underline-02 {
		width: 30%;
	}

	.title-underline-03 {
		width: 62%;
	}
	
	.title-underline-04 {
		width: 38%;
	}
  
	.title-underline-05 {
		width: 57%;
	}
	
	.title-underline-06 {
		width: 43%;
	}

	.title-underline-07 {
		width: 51%;
	}
	
	.title-underline-08 {
		width: 49%;
	}
	
	.title-underline-09 {
		width: 56%;
	}
	
	.title-underline-10 {
		width: 44%;
	}
	
	.title-underline-11 {
		width: 48%;
	}
	
	.title-underline-12 {
		width: 52%;
	}
	
	.title-underline-13 {
		width: 34%;
	}
	
	.title-underline-14 {
		width: 66%;
	}
	
	.text01  {
		font-size: 3vw;
		line-height: 4.0vh;
	}
	
	.wood-sign {
		display: none;
	}
	
	.appearance {
		display: block;
		margin-bottom: 0.2em;
	}
	
	.entrance-info p {
		margin-bottom: 1em;
	}
	
	.text02,.text03,.text04,.text06 {
		font-size: 3vw;
		line-height: 4vw;
		margin-left: 1.2em;
	}
	
	.text05 {
		font-size: 3vw;
		line-height: 4vw;
		margin-left: 0;
	}
	
	.room_pict_s {
		display: none;
	}
	
	.room_pict_s img {
		width: 96%;
	}

	.bath-room-photo {
		display: none;
	}
	
	.bath-room-photo-s {
		display: block;
		width: 96%;
		margin: 1em auto;
	}
	
	.bath-room-photo-s img {
		width: 96%;
	}
	
	.hall-photo {
		position: relative;
		width: 92%;
	}
	
	.hall-photo-upper img,.hall-photo-bottom img {
		height: 22vw;
	}
	
	.mobile_sale_photo {
		width: 96%;
		display: block;
	}
	
	.mobile_sale_photo img {
		width: 100%
	}
	
	.shuttle {
		display: block;
		width: 96%;
		margin: 2em auto 0;
	}
	
	.shuttle img {
		position: relative;
		width: 60%;
		margin: 0 auto;
	}
	
	.shuttle p {
		line-height: 4vw;
	}
	
	.sp-size {
		display: none;
	}
	
	.schedule-table {
		width: 98%;
		margin-top: 20px;
	}
	
	.schedule-table th {
		font-size: 3vw;
	}

	.schedule-table td {
		font-size: 3vw;
	}
	
	.panorama {
		width: 100%
	}
	.panorama p {
		font-size: 3vw;
	}
	
	
}


/* -----スマホ用記述---- */
@media(max-width: 500px){
	
	.slider {
		display: none;
	}
	
	
	.name img {
		width: 80%;
	}	
	
	.main-copy p {
		font-size: 5vw;
	}
	
	.main-copy span {
		font-size: 6vw;
	}
	
	.tb-size {
		display: flex;
	}
	
	.sub-copy p {
		font-size: 4.2vw;
		line-height: 6.5vw;
	}
	
	.sub-copy span {
		font-size: 4vw;
	}
	
	.sub-title01 p,.sub-title02,.sub-title03,.sub-title04,.sub-title05,.sub-title06,.sub-title07  {
		font-size: 5vw;
		width: 84%;
		line-height: 7vw;
}
	
	.under-line {
		width: 98%;
	}
	
	.title-underline-01 {
		width: 82%;
	}
	
	.title-underline-02 {
		width: 18%;
	}

	.title-underline-03 {
		width: 72%;
	}
	
	.title-underline-04 {
		width: 28%;
	}
	
	.title-underline-05 {
		width: 66%;
	}
	
	.title-underline-06 {
		width: 34%;
	}
	
	.title-underline-07 {
		width: 60%;
	}
	
	.title-underline-08 {
		width: 40%;
	}
	
	.title-underline-09 {
		width: 66%;
	}
	
	.title-underline-10 {
		width: 34%;
	}
	
	.title-underline-11 {
		width: 58%;
	}
	
	.title-underline-12 {
		width: 42%;
	}
	
	.title-underline-13 {
		width: 40%;
	}
	
	.title-underline-14 {
		width: 60%;
	}
	
	.text02 p,.text03 p,.text04,.text05,.text06 {
		font-size: 4.2vw;
		line-height: 6.5vw;
	}
	
	.text01 {
		font-size: 4.2vw;
		line-height: 6.5vw;
	}
	.text02,.text04 p {
		font-size: 3.4vw;
		line-height: 5vw;
	}
	
	.second-floor p{
		font-size: 3.4vw;
		font-weight: 600;
	}
	
	.entrance_photo {
		margin-top: -1em;
	}
	
	.bottom {
		display: block;
	}
	
	.bottom img {
		width: 100%;
	}
	
	.room_pict {
		display: none;
	}
	
	.room_pict_s {
		display: block;
		width: 96%;
		margin: 1em auto;
}
	
	.room_pict_s img {
		width: 96%;
	}

	
	.hall-photo {
		width: 98%;
	}
	.hall-photo-upper {
		display: block;
		width: 100%;
	}
	
	.hall-photo-upper img {
		width: 100%;
		height: 40%;
	}
	
	.hall-photo-bottom {
		display: block;
		width: 100%;
	}
	
	.hall-photo-bottom img {
		width: 100%;
		height: 69%;
	}
	

	.shuttle {
		margin-top: 1em;
	}
	
	.shuttle img {
		width: 100%;
		height: 64%;
		margin-bottom: 0.5em;
	}

	.schedule-table th {
		font-size: 4vw;
		width: 22%;
	}
	
	.schedule-table td {
		font-size: 4vw;
	}
	
	.floor-map-img {

		width: 100%;
	}
	
	.floor-map-img img {
		display: block;
		width: 100%;
	}
	
	.lower,.high {
		display: block;
	}
	
	.lower img,.high img {
		width: 100%;
		margin-bottom: 1em;
	}
	
	.panorama p {
		line-height: 4vw;
	}
	
	.for_top_page {
		position: fixed;
		top: 424px;
}

   .for_top {
	   position: fixed;
	   top: 300px
}
}