@charset "utf-8";

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

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: 2 / 1;/*縦横比が 2:1*/
  overflow: hidden;
  position: relative;
  max-width: 1800px;/*横幅1800px以上は拡大しない*/
  margin-bottom: 1em;
}

.slider div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 2 / 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  animation-name: fade;
  animation-duration: 36s;
  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/mine/MN_P_L_01.webp");
}

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

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

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

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

/* 予備のスライド１ */
/*.slider>div:nth-of-type(6){
  background-image: url("../images/mine/MN_P_L_06.webp");
   animation-delay: 30s;
}*/

/* 予備のスライド２ */
/*.slider>div:nth-of-type(7){
  background-image: url("../images/mine/MN_P_L_07.webp");
   animation-delay: 36s;
}*/

/* 最後のスライド */
.slider>div:last-of-type{
  background-image: url("../images/mine/MN_P_L_06.webp");
   animation-delay: 30s;
}


/* -------------- スマホサイズのスライドショー ---------------- */

.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: 36s;
  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/mine/MN_P_S_01.webp");
}

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

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

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

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

/* 予備のスライド１ */
/*.slider-s>div:nth-of-type(6){
  background-image: url("../images/day_shioya/DS_P_S_06.webp");
   animation-delay: 30s;
}*/

/* 予備のスライド２ */
/*.slider-s>div:nth-of-type(7){
  background-image: url("../images/day_shioya/DS_P_S_07.webp");
   animation-delay: 36s;
}*/

/* 最後のスライド */
.slider-s>div:last-of-type{
  background-image: url("../images/mine/MN_P_S_06.webp");
   animation-delay: 32s;
}


/* キャッチコピーと施設名・住所の記述 ------------- */

.main_info {
	position: relative;
	display: flex;
	width: 96%;
	gap: 2%;
	margin: 0 auto;
}

.catch {
	width: 60%;
}

.catch img {
	width: 100%;
	margin-top: 0.4em;
}

.name { /* 全体の記述 */
    position: relative;
    display: block;
    width: 40%;
    margin: 0 0 0 auto;
}

.name img { /*ふるさとmime施設名表示設定 */
    display: block;
	width: 96%;
    margin: 0 0 0 auto;
	padding-right: 10px;
}

.name p { /* 住所と電話番号の表示設定 */
    display: block;
    text-align: right;
	font-size: 1.8vw;
	line-height: 2.4vw;
	padding-right: 10px;
}

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

/* ふるさとmine概要説明*/

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

/* ふるさとmine テキストロゴ */
.mine {
	width: 15%;
}

.mine img {
	width: 100%;
	margin-top: 0.3em
}


/* ふるさとmineは・・・ */
.sub-copy {
    position: relative;
	display: block;
    width: 100%;
    color: #393939;
	margin-top: 0.2em;

}   

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

/* 昼食の提供・入浴サービスは行っておりません */
.sub-copy small {
    color: #FF6C6C;
}


/* 360度写真の制御記述 */

.panorama {
	position: relative;
	width: 100%;
	margin: 3em auto;
}

.panorama-view {
	width: 96%;
	position: relative;
	margin: 1em auto;
}

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

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

/* まるでスポーツジムのように・・・ */
.panorama_text {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.8vw;
	line-height: 2.8vw;
	width: 80%;
	margin: 0 auto;
}

.panorama small {
	font-size: 1.4vw;
	color: #FF6C6C;
}


/* 四季折々の装飾でお迎えいたします ******** */
.sub-title01 {
	position: relative;
	width: 96%;
	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: 80%;
    line-height: 4.5vh;
}

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

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

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

/* カウンセリングスペースのお話 */
.info-01 {
    position: relative;
    display: block;
    width: 96%;
    margin: 1em auto 0;
}

.photo-group01 {
	width: 100%;
	position: relative;
	display: flex;
	margin: 0 auto;
}

.puku-and-p {
	width: 100%;
}

.left-p img {
	width: 100%;
}

.right-p img {
	width: 100%;
}

.puku {
	width: 16%;
	z-index: 102;
	position: absolute;
	top: 3%;
	left: 25%;
}

.puku img {
	width: 100%;
}

.speech {
	width: 65%;
	position: absolute;
	left: 35%;
	top: 0.25%;
}

.speech p {
    position: absolute;
    z-index: 101;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.9vw;
    font-weight: 600;
    padding-top: 0.7em;
    padding-left: 4em;
    color: #6F6143;
    font-style: italic;
}

.speech img {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 0.19 ;
	z-index: 100;
} 


/* カウンセリングスペースについての説明文の制御記述 */
.text01 {
	position: relative;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.8vw;
	line-height: 2.6vw;
	width: 90%;
	margin: 0.5em 2% 0;
}



/* 準備運動・ストレッチ************************************* */

.sub-title02 {
	position: relative;
	width: 96%;
	margin: 5em auto 0;
}

.sub-title02 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: 48%;
    line-height: 4.5vh;
}

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

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

.info-02 {
	position: relative;
	display: block;
	margin: 1em auto 0em;
	width: 96%;
}

.photo-group02 {
	width: 96%;
	position: relative;
	display: flex;
	gap: 1%;
	margin: 0 auto;
}

.photo-group02 img {
	width: 48%;
}

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



/* からだをほぐして 血行改善と柔軟性 ******************************* */

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

.sub-title03 {
	position: relative;
	width: 96%;
	margin: 5em auto 0;
}

.sub-title03 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: 80%;
    line-height: 4.5vh;
}

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

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

/* 三枚の写真横並びの制御記述 */
.photo-group03 {
	position: relative;
	width: 96%;
	display: block;
	gap: 0.5%;
	margin: 0em auto 0;
}

.photo-group03a {
	display: flex;
	gap: 1%;
}

.left-p02 {
	width: 65%;
}

.left-p02 img {
	width: 100%;
}

.right-p02 {
	width: 33.75%;
}

.right-p02 img{
	width: 100%;
}

/* 写真の説明文の制御記述・コリや痛みのある*/
.text03 {
	mrgin-bottom: 2em;
}

.text03 p{
	position: relative;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.8vw;
	line-height: 2.6vw;
	margin: 0.4em auto 1em;
	width: 91%;
}

/* マッサージの写真 */
.photo-group03b {
	position: relative;
	display: inline-flex;
	justify-content: flex-end;
    width: 98%;
}

.photo-group03b img {
	width: 45%;
}


/* ぷくすけ */
.puku02-p {
	position: absolute;
	transform: rotate(15deg);
	z-index: 105;
	width: 15%;
	left: 15%;
	top: 63.5%
}

/* ぷくすけのセリフと吹き出し */
.puku-bubble {
	width: 50%;
	position: absolute;
	left: 28%;
	bottom: 20%;
}

.puku-bubble p {
	position: absolute;
	z-index: 101;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.9vw;
    font-weight: 600;
    color: #6F6143;
    font-style: italic;
	left: 12%;
	bottom: 13%
}

.puku-bubble img {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 0.35;
	z-index: 100;
}

/* 姿勢を整えて楽に動かせる身体に ******************* */

.sub-title04 {
	position: relative;
	width: 96%;
	margin: 5em auto 0;
}



.sub-title04 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: 65%;
    line-height: 4.5vh;
}

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

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

.info-04 {
	position: relative;
	width: 92%;
	display: block;
	margin: 1em auto;
}

.photo-group04 {
	display: flex;
	gap: 1%;
	width: 86%;
	margin: 1em auto 0;
}

.photo-group04 img{
	width: 33%;
}

.text04 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	width: 86%;
	font-size: 1.8vw;
	line-height: 3vw;
	margin: 0.5em auto;
}

/* スケジュールの説明文の制御記述 */


.sub-title05 {
	position: relative;
	width: 96%;
	margin: 6em auto 0;
}

.sub-title05 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: 65%;
    line-height: 4.5vh;
}


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

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

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

/* フレーム */
.schedule-table tr {
	position: relative;
	height: 30px;
	line-height: 1.8vw;
	background-color: #FFF;
}

/* 時間部分 */
.schedule-table th {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.8vw;
	font-weight: 500;
    width: 10%;
}

/* スケジュール部分 */
.schedule-table td {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.8vw;
    padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 2vw;
    font-weight: 600;
	width: 60%;
    color: #4E4E4E;
}

.schedule-table span {
    display: grid;
    color: #67ACE4;
    font-size: 1.4vw;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    border: 2px solid #F7FFA7;
    border-radius: 20px;
    width: 98%;
}


.am {
    background-color: #CEEBFF;
    color: #5A5A5A;
}

.am01 {
    color: #5C9CDF;
	background-color: #F8F8F8;
}

.am02 {
    color: #3688DD;
    background-color: #F0F0F0;
}

.pm {
    background-color: #FBFFBC;
    color: #5A5A5A;
}

.pm01 {
    color: #AED389;
	background-color: #F8F8F8;
}

.pm02 {
    color: #93CD58;
	background-color: #F0F0F0;
}

.td01 {
    background-color: #F1F1F1;
}

.prog01 {
	background-color: #F8F8F8;
	font-weight: 600;
}

.prog02 {
    background-color: #F0F0F0;
	font-weight: 600;
}

.white {
	background-color: #FFF;
}

.td01 {
	vertical-align: middle;
}

.schedule {
	margin-bottom: 6em;
}


.text05 {
    width: 86%;
    margin: 1em auto 0;
    border: 2px solid #81BDEF;
    border-radius: 25px;
}

.text05 p {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.8vw;
	padding-left: 20px;
}


.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: 20%;
	line-height: 4.5vh;
}

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

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


.fee {
	margin: 2em auto 1em;
	width: 90%;
}

.fee th {
	border-collapse: collapse;
	cellspan: 0;
}

.fee td {
	text-align: center;
}

.table_title {
    background-color: #93DD6A;
}

.table_note {
    text-align: center;
    color: #F05671;
    font-weight: 600;
}


.click_here {
	position: relative;
	display: block;
	width: 92%;
	margin: 2em auto 10em;
}

.btn {
	display: flex;
	gap: 2%;
	margin: 0.4em auto;
	width: 85%;
}

.btn_01 a,.btn_02 a {
	text-decoration: none;
	padding: 6px 30px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	display: grid;
	font-size: 1.8vw;
	font-weight: 600;
	line-height: 2.6vw;
	color: #FFF;
}

.btn_01 {
	background-color:#A1C477;
	width: 50%;
	border-radius: 10px;
}

.btn_01:hover {
    background-color: #D0E1BC;
}

.btn_02 {
    background-color: #8EA7DC;
	width: 50%;
	border-radius: 10px;
}

.btn_02:hover {
    background-color: #BAC8E7;
}


/* トップへ・トップページへボタンの制御記述 */
.for_top_page {
	border: solid 2px #6A774C;
	background-color: #FFFFFF;
	opacity: 80%;
	width: 65px;
	height: 65px;
	border-radius: 50px;
	position: fixed;
	top: 110px;
	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: 0px;
	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;
}

.tb-size {
	display: none;
}
/* フッターの制御記述 */


.footer {
	width: 100%;

}

.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;
	}
	
	.sp-size {
		display: none;
	}
	
	.tbsp-size {
		display: none;
	}
	
}
	

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

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

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

/* キャッチコピーと施設名の制御 */
	.main_info {
		display: block;
	}
	
	.catch {
		width: 80%;
		margin: 0 auto;
	}
	
	
/* 住所・電話番号の制御記述 */	
	.name {
		display: flex;
		gap: 2%;
		width: 96%;
		margin: 0 auto;
	}
		
	.name img {
		position: relative;
		flex-grow: 1;
		object-fit: contain;
		width: 30%;
		margin: 0 0 0 0;
}		
	
	.name p {
		text-align: left;
		font-size: 2.4vw;
		margin-top: 10px;
	}
	
	.add {
		display: block;
		margin: auto 0 auto 0;
	}
	
	.add p {
		text-align: right;
		margin-bottom: 0.2em;
	}

/* ふるさとmineは・・・　*** */
	.conte-01 {
		display: block;
	}

/* mineテキストロゴ */
	.mine {
		width: 25%;
		margin-left: 2px;
	}

	.sub-copy small {
		font-size: 2.6vw;
	}
	
	
/*　他サイズの改行位置指定を無視するための記述 */	
	.dt-size,.sp-size {
		display: none;
	}

/* タブレットサイズに有効な改行位置 */	
	.tb-size {
		display: block;
	}

/* タブレット・スマホサイズに共通の改行位置 */
	.tbsp-size {
		display: block;
	}	

/* デイサービスセンターふるさとでは あっという間に という文章の全体枠の指示記述*/	
	.sub-copy {
		width: 100%;
		margin: 0 auto;
	}

/* 文字の指示記述 */
	.sub-copy p {
		font-size: 3vw;
		line-height: 5vw;
	}
	
/* 強調文字の指示記述 */	
	.sub-copy span {
		font-size: 3vw;
	}
	
	.panorama small {
		font-size: 2.6vw;
		line-height: 6vw;
	}
	
/* サブタイトルの文字制御記述 */
	.sub-title01 p,.sub-title02 p,.sub-title03 p,.sub-title04 p,.sub-title05 p,.sub-title06 {
		font-size: 3.5vw;
		width: 86%;
		line-height: 4.0vh;
	}

/* サブタイトルの下のアンダーライン
	奇数が黄緑、偶数がグレー */
/* カウンセリングスペース・・・　*/
	.title-underline-01 {
		width: 66%;
	}
	
	.title-underline-02 {
		width: 34%;
	}

/* 準備運動とストレッチ・・・ */	
	.title-underline-03 {
		width: 40%;
	}
	
	.title-underline-04 {
		width: 60%;
	}
  
/* 血流改善と柔軟性up */
	.title-underline-05 {
		width: 82%;
	}
	
	.title-underline-06 {
		width: 18%;
	}

/* 姿勢を整えて */
	.title-underline-07 {
		width: 66%;
	}
	
	.title-underline-08 {
		width: 34%;
	}
	
/* 一日のスケジュール */ 
	.title-underline-09 {
		width: 38%;
	}
	
	.title-underline-10 {
		width: 62%;
	}
	
/* ご利用について */ 
	.title-underline-11 {
		width: 28%;
	}
	
	.title-underline-12 {
		width: 72%;
	}
	
 /* カウンセリングスペースの説明文 */
	.text01  {
		width: 90%;
		margin:0 auto;
	}
	
	.text01 p {
		font-size: 3vw;
		line-height: 4vw;
	}

/* カウンセリングスペースの全体 */
	.info-01 {
		display: block;
		margin-top: 0.5em;
	}
	
/* カウンセリングスペースの写真 */	
	.photo-group01 {
		margin-top: 2em;
		display: block;
		width: 86%;
	}
	
	.photo-group01 img {
		width: 100%;	
	}
	
/* カウンセリングスペースに重なるぷくすけ */
	.puku {
		width: 25%;
		left: 0%;
		top: -1%;
	}
	
	.speech {
		width: 80%;
		left: 16%;
		top: 0%;
	}
	
	.speech p {
		font-size: 2.4vw;
	}
	
/*　準備運動・ストレッチ */
	.info-02 {
		display: block;
		margin: 1em auto;
		width: 80%;
	}
	
	.text02 p {
		margin-bottom: 1em;
		font-size: 3vw;
		line-height: 4vw;
	}
	

	.photo-group02 {
		width: 96%;
		display: block
	}
	
	.photo-group02 img {
		width: 100%;
	}
	
/* 血流改善と柔軟性up */
	.photo-group03 {
		display: block;
	}
	
	.photo-group03a {
		display: block;
	}
	
	.puku02-p {
		width: 25%;
		top: 68%;
		left: 2%
	}
	
	.puku-bubble {
		width: 70%;
		top: 67%
	}
	
	.puku-bubble p {
		font-size: 2.8vw;
		left: 10%;
		top: 7%;
	}
	
	.photo-group03b {
		display: block;
		margin-top: 5em;
	}
		
	.photo-group03a img{
		position: relative;
		display: block;
		width: 90%;
		margin: 0em auto 0.5em;
	}
	
	.left-p02,.right-p02 {
		width: 100%
	}
	
	.photo-group03b img{
		position: relative;
		display: block;
		width: 90%;
		margin: 0.5em auto;
	}

	.text03 p {
		font-size: 3vw;
		line-height: 4.8vw;
		margin: 0.5em 8% 0 ;
	}
	
	.info-04 {
		display: block;
	}
	
	.photo-group04 {
		display: block;
		width: 55%;
		margin: 0 auto;
	}
	
	.photo-group04 img {
		width: 100%;
		margin-top: 0.5em;
	}
	
	.text04 {
		width: 90%;
		margin: 1em 12% ;
	}
	
	.text04 p {
		font-size: 3vw;
		line-height: 4.8vw;
		width: 82%;
	}
	
	.schedule-table {
		width: 96%;
		margin-top: 2px;
	}
	
	.schedule-table th {
		width: 15%;
		font-size: 3vw;
		line-height: 3.5vw;
	}

	.schedule-table td {
		font-size: 3vw;
		line-height: 3.5vw;
	}
	
	.schedule-table span {
		display: block;
		border-radius: 20px;
		border: 2px solid #F7FFA7;
		font-size: 2.4vw;
		line-height: 3.4vw;
		text-align: right;
		color: #67ACE4;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	
	.text05 {
		width: 92%;
		border-radius: 12px;
	}
	
	.text05 p{
		font-size: 3vw;
		line-height: 4.5vw;
		margin: 0 auto;
	}
		
	.panorama {
		width: 100%;
	}
	
	.panorama p {
		font-size: 3vw;
		line-height: 3.5vw;
	}
	
	.fee {
		width: 98%;
	}
	.fee th {
		width: 30%;
	}
	
	.click_here {
		width: 98%;
	}
	
	.btn {
		width: 100%;
		display: flex;
		margin: 0.5em auto 0;
	}
	
	.btn_01,.btn_02 {
		width: 100%;
	}
	
	.btn a {
		padding: 10px;
		font-size: 2.5vw;
		line-height: 5vw;
		width: 100%;
	}
}


/* -----スマホ用記述---- */
@media(max-width: 500px){
	
	.slider {
		display: none;
	}
	
	.dt-size,.tb-size,.dttb-size {
		display: none;
	}
	
	.tbsp-size{
		display: block;
	}
	
	.sp-size {
		display: block;
	}
	
	.catch {
		width: 98%;
	}
	
	.name {
		width: 96%;
		display: block;
	}
	
	.add p {
		text-align: right;
		font-size: 4vw;
	}
	
	.name img {
		width: 80%;
		margin: 0 0 0 auto;
	}	
	
	.mine {
		width: 45%;
		margin-left: 0px;
	}
	.mine img {
		width: 100%;
	}
	
	.sub-copy p {
		font-size: 4.2vw;
		line-height: 6.5vw;
	}
	
	.sub-copy small {
		font-size: 3.6vw;
		line-height: 3.2vw;
	}
	
	.sub-title01 p,.sub-title02 p,.sub-title03 p,.sub-title04 p,.sub-title05 p,.sub-title06 {
		font-size: 5vw;
		width: 94%;
		line-height: 7vw;
	}
	
	.title-underline-01 {
		width: 64%;
	}
	
	.title-underline-02 {
		width: 36%;
	}
	
	.title-underline-03 {
		width: 60%;
	}
	
	.title-underline-04 {
		width: 40%;
	}

	.title-underline-05 {
		width: 82%;
	}
	
	.title-underline-06 {
		width: 18%;
	}
	
	.title-underline-07 {
		width: 60%;
	}
	
	.title-underline-08 {
		width: 40%;
	}
	
	.title-underline-09 {
		width: 52%;
	}
	
	.title-underline-10 {
		width: 48%;
	}
	
	.title-underline-11 {
		width: 42%;
	}
	
	.title-underline-12 {
		width: 58%;
	}
	
	.text01 {
		width: 96%;

	}
	
	.text01 p {
		font-size: 4.2vw;
		line-height: 6.5vw;
		margin: 0 auto;
	}
	
	.panorama p {
		font-size: 4.2vw;
		line-height: 6.5vw;
	}
	
	.panorama small {
		font-size: 3.6vw;
	}
	
	.text02 p,.text04 p {
		font-size: 4.2vw;
		line-height: 6.5vw;
	}

	.text03 p {
		font-size: 4.2vw;
		line-height: 6.5vw;
	}
	
	.text04 {
		width: 96%;
	}
	
	.photo-group02 p {
		font-size: 4vw;
		line-height: 6.5vw;
	}
	
	.photo-group04 {
		margin-top: -0.7em;
		width: 92%;
	}
	
	.puku {
		top: 1%;
	}
	
	.speech {
		top: -3%
	}
	
	.speech img {
		aspect-ratio: 1 / 0.46;	
	}
	
	.speech p {
		font-size: 3.4vw;
		padding-left: 2.2em
	}
	
	.photo-group01 img {
		margin-top: 6em;
	}
	
	.right-p {
		margin-top: -6em;
	}
	
	.photo-group03b {
		margin-top: 6.2em;
	}
	

	
	.schedule-table th {
		font-size: 4.4vw;
		width: 22%;
	}
	
	.schedule-table td {
		font-size: 4.4vw;
		line-height: 4.6vw;
	}
	
	.schedule-table span {
		font-size: 3.8vw;
		line-height: 5vw;
		padding-left: 0px;
		padding-right: 0px;
		background-color: #FFF;
	}
	
	.note01 {
		width: 96%;
		border: 2px solid #68BBD9;
		border-radius: 20px;
		margin: 0 auto 1em;
		padding: 8px 15px;
		
	}
	
	.text05 {
		width: 82%;
	}
	
	.text05 P {
		font-size: 4vw;
	}
	
	.btn {
		display: block;
	}
	
	.btn_02 {
		margin-top: 0.6em;
	}
	
	.btn a {
		font-size: 4.5vw;
		line-height: 6vw;
		padding-left: 10%;
		padding-right: 10%;
	}
	
	.for_top_page {
		position: fixed;
		right: 5%;
		top: 240px;
}

   .for_top {
	   position: fixed;
	   right: 5%;
	   top: 120px
}
}