@charset "utf-8";


html {
    font-size: 100%;  /* 設定したフォントサイズを正しく表示するための指示*/
	scroll-behavior: smooth;/*ゆっくりスクロールさせる*/
}

*{
	margin: 0;
}



.wrapper {
	width: 100%;
	margin: 0 auto 0 ; 
	max-width: 1800px;
}


/* 冒頭のブルーの岩と絆福祉会のロゴ */
#logo {
    position: absolute;
    top: 0;
    left: 20;
	width: 16%;
}

#logo img { /* 絆福祉会ロゴの表示位置・大きさの設定 */
    margin-top: 4%;
    margin-left: 1em;
	width: 100%;
}

.top_image {
	width: 100%;
    aspect-ratio: 15 / 1;
	overflow: hidden;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid #DBFF89 4px;
	max-width: 1800px;
}

/* ブルーの岩の写真の設定 */
.top_image img {

}


/* ４つの選択ボタン */
.select_btn {
	width: 100%;
	display: flex;
}
.select_btn_01,.select_btn_02 {
	width: 50%;
	display: flex;
}

.select_btn a {
	width: 50%;
}

.btn_01,.btn_02,.btn_03,.btn_04 {
	text-decoration: none;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align:center;
	font-size: 1.6vw;
	line-height: 2vw;
	color: #fff;
	font-weight: 600;
	padding: 6px 0 ;
	transition: .2s;
}

.btn_01 {
	background-color: #d7cebb;
	border-right: solid #fff 2px;
}

.btn_02 {
	background-color: #b3d0d7;
	border-right: solid #fff 2px;
}

.btn_03 {
	background-color: #afa07f;
	border-right: solid #fff 2px;
}

.btn_04 {
	background-color: #82aaaa;
}

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

.btn_02:hover {
    background-color: #93ACB1;
}

.btn_03:hover {
    background-color: #8A7D62;
}

.btn_04:hover {
    background-color: #628080;
}

.text_02 {
    width: 100%;
    margin: 0 0 0 0;
    background-color: #fff;
    color: #94A9C5;
}

.text_02 p {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.4vw;
	text-align: right;
	padding-right: 1em;
	font-weight: 600;
}

header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background-color: #FFF;
}

/* ふれあいとぬくもりのある介護・色紙と写真 */
.title_pict {
	display: flex;
	position: relative;
	width: 100%;
	aspect-ratio: 4/1;
	margin: 0 auto 0;
	overflow: hidden;
}

.pict_01 {
	width: 25%;
	aspect-ratio: 1/1;
}

.pict_01 img {
	width: 100%;
}

.pict_02 {
	width: 75%;
}

.pict_02 img {
	width: 100%;
	margin-top: -1em;
}

.text_01 {
	width: 70%;
	margin: 1.5em auto;
}

.text_01 p {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #3F3536;
	text-align: center;
	font-size: 2vw;
	line-height: 3.5vw;
}

.text_01 span {
    font-size: 2.8vw;
    color: #FFB88E;
    font-weight: 600
}


/* ふるさとはひとつの大きな家・変化を恐れない老舗 */

#section01 {
	width: 92%;
	margin: 0 auto 0; 
	padding-top: 13em;
}


/* タイトル文字 */
h1 {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    color: #7fabc1;
    margin-left: 0.2em;
    font-style: italic;	
}

/* タイトル文字のアンダーライン */

.line {
	display: flex;
	width: 50%;
	margin-top: -0.6em;
}
hr {
	width: 25%;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 4px;
}

.line01 {
	color: #ffd1d1;
}

.line02 {
	color: #ffffb7;
}

.line03 {
	color: #cbe2fd;
}

.line04 {
	color: #86e5c5;
}

/* ひとつの大きな家解説文と写真 */

.text_photo_01 {
	width: 100%;
	margin: 1em auto 0;
	display: flex;
}

.t_01 {
	width: 55%;
	margin-left: 1em;
}

.t_01 p {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.6vw;
	line-height: 2.6vw;
	color: #3A3A3A;
	margin-bottom: 0.8em;
}

.p_01 {
	aspect-ratio: 1.2/1;
	width: 45%;
	overflow: hidden;
	margin-top: 1em;
	margin-right: 1em;
}

.p_01 img {
	width: 120%;
	margin-left: -4.5em;
}

/* ひとつの大きな家　その２ */
.text_photo_02 {
	position: relative;
	width: 100%;
	margin: 0.5em auto 6em;
	display: flex;
}

.t_02 {
	width: 45%;
    margin-left: 1em;
}

.t_02 p {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.6vw;
	line-height: 2.6vw;
	color: #3A3A3A;
	margin-bottom: 0.8em;
}

.p_02 {
	width: 45%;
	margin-top: 0em;
	margin-left: 1em;
}

.p_02 img {
	width: 100%;
	margin-left: 0em;
	margin-top: 0em;
}

.p_02 p {
	position: absolute;
	z-index: 101;
	color: #fff;
	left: 2.5%;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.6vw;
}

.t_03 {
	width: 92%;
	margin: 1em auto 0;
}

.t_03 p{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.6vw;
	line-height: 2.6vw;
	color: #3A3A3A;
	margin-bottom: 0.8em;
}

#section02 {
	width: 92%;
	margin: 20rem auto;
	padding-top: 13rem;
}


.main {
	position: relative;
	width: 94%;
	margin: 1em auto 0;
	display: flex;
}

.name_add {
	width: 42%;
	display: block;
}

h2 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 2.6vw;
	text-align: right;
}

.nh {
    color: #abc355;
}

.name_line {
    border-bottom: 2px solid #CCE0F8;
    width: 100%;
    margin-top: -0.5em;
}

.name_add p,.name_add span,.name_add small,h3 {
	text-align: right;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #4D4545;
}

.name_add p {
	font-size: 1.8vw;
	line-height: 2.6vw;
	margin: 0.5em auto 0 0.5em;
}

.name_add span {
	display: grid;
	font-size: 1.6vw;
	line-height: 1.8vw;
	margin: 0.5em auto 0 0 ;
	text-align: right;
	color: #4D4545;
}

.name_add small {
	display: grid;
	font-size: 1.2vw;
	color: #4D4545;
	text-align: right;
	margin: -1.2em auto 0 0 ;
}

h3 {
	font-size: 2.2vw;
	line-height: 2.4vw;
	font-weight: 700;
}

.facade_pic {
	width: 57%;
	margin: 0 0 0 auto;
}

.facade_pic img {
	width: 100%;
}

.link_btn a {
	text-decoration: none;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	background-color: #6CA47F;
	border-radius: 16px;
	padding: 2px 25px;
	font-weight: 600;
	color: #FFF;
	cursor: pointer;
}

.link_btn a:hover {
	background-color: #97AA9D; 
}

.text_03  {
	width: 92%;
	margin: 1em auto 0; 
}

.text_03 p {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.7vw;
	line-height: 2.8vw;
	color: #4D4545;
	margin-bottom: 0.7em;
}

.text_03 span {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 1.5vw;
    line-height: 2.5vw;
    color: #4D4545;
    margin-bottom: 1em;
	font-weight: 600;
}


/* 特養ふるさと利用料金表 */
.fee {
	width: 88%;
	display: block;
	margin: 2em auto;
	transform: .2s;
}


.fee p {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.5vw;
    line-height: 2.0vw;
    text-align: center;
    margin: 0.5em auto;
    font-weight: 500;
    color: #FF6666;
}

.fee a {
	width: 90%;
	display: grid;
	text-decoration: none;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align: center;
	font-size: 1.5vw;
	font-weight: 600;
	color: #FFF;
	border-radius: 30px;
	cursor: pointer;
	background-color: #5E90B4;
	margin: 0.5em auto 0;
}

.fee span {
	position: relative;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.6vw;
	font-weight: 500;
	
}

.fee a:hover {
	background-color: #7F8A90;
}

/* ショートステイふるさと*/

.short_stay {
	margin-top: 3em;
}
/* 施設名と基本情報のフレーム */
.short_stay_title {
	display: flex;
}
/* 施設名 */
.short_stay h2 {
	width: 35%;
	text-align: left;
    color: #ACE355;
}
/* 基本情報の制御記述 */
.name_add_ss p {
	font-size: 1.6vw;
	line-height: 2vw;
	margin: 0.5em auto 0 0 ;
	text-align: right;
	color: #4D4545;
}

/* 区切り線の色・太さなど */
.ss_line {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #CCE0F8;
    margin-top: -0.5em;
}

/* ショートステイのご利用について */
.text_04 {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 2.2vw;
	color:#658FB1;
	margin: 0.5em 0 0 3.0em;
}


.text_05 {
	width: 82%;
	margin: 0 auto;
}

.text_05 p {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.7vw;
	line-height: 2.8vw;
	color: #4D4545;
}

.short_stay a {
    background-color: #79B0D8;
}

.short_stay a:hover {
    background-color: #A6B5BD;
}



/* グループホームふるさと桜 */

.group_home {
	margin-top: 10em;
}

.gh_title {
	position: relative;
}

.gh_title h2 {
    font-size: 2.2vw;
	color: #e360ea;
	text-align: left;
	padding-left: 0.5em
}

.gh_title img {
	position: absolute;
	top: -35%;
	left: 74%;
}

.group_home hr {
    position: relative;
    margin-top: 0em;
    border-bottom: 2px solid #D0E07E;
    z-index: 101;
}

.group_home a {
    background-color: #E873CA;
    transition: 0.2s;
}

.group_home a:hover {
    background-color: #D297E0;
}

.gh_fee a{
    background-color: #FB8AE1;
}

.gh_fee a:hover{
    background-color: #F8AFE7;
}
/* ここまでグループホームふるさと桜*/


/* ****** ここからケアハウス ******  */

.carehouse {
	margin-top: 10em;
}

.ch {
	color: #6e802c;
	text-align:left;
	padding-left: 10px;
}

.ch_btn a {
	display: block;
	width: 68%;
	text-align: center;
	position: relative;
	text-decoration: none;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	background-color: #6CA47F;
	border-radius: 16px;
	padding: 2px 25px;
	font-weight: 600;
	color: #FFF;
	cursor: pointer;
	margin: 1em 0 0 1em;;
}

.ch_btn a:hover {
    background-color: #8BA092;
}

.carehouse hr {
    border-bottom-color: #83B4D3;
    border-bottom-style: solid
}

.carehouse p,.carehouse h3,.carehouse span,.carehouse small{
	text-align: left;
	padding-left: 15px;
}

.carehouse p {
	margin: 0.5em 0 0 -0.5em;
}

.ch_fee a {
    background-color: #6CB785;
}

.ch_fee a:hover {
    background-color: #829388;
}

.ch_fee_p p{
    text-align: center;
    color: #57AFE0;
}

/* ***** デイサービスのご案内　***** */
#section03 {
	width: 92%;
	margin: 22rem auto 20em;
	padding-top: 13rem;
}

.day_title {
	width: 98%;
	margin: 0 auto 0.5em;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 2em;
	color: #428AB1;
	border-bottom: solid #FBF8AD 3px;
	line-height: 1.2em;
}

.text_06 {
	width: 92%;
	margin: 0 auto; 
}

.text_06 p {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.7vw;
	line-height: 2.8vw;
	color: #4D4545;
	margin-bottom: 0.7em;
}

.text_06 span {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 1.7vw;
    line-height: 2.5vw;
    color: #4D4545;
    margin-bottom: 1em;
	font-weight: 600;
}

.day01 {
    position: relative;
    width: 96%;
    margin: 4em auto;
    background-color: #F9F4D6;
}

.day01 p {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.6vw;
    padding-left: 1em;
    font-weight: 600;
    color: #736E5F;
}

.shioya_arise {
	display: flex;
	gap: 0.5%;
	width: 99%;
	margin: 0 auto;
	padding-bottom: 1em;
}

.shioya {
	width: 50%;
	background-color: #FFFFFF;
}

.arise {
	width: 50%;
	background-color: #FFFFFF;
}

.name p {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.6vw;
	color: #abcd5f;
	text-align: right;
	font-weight: 700;
	padding-right: 0.5em;
}

.name span {
	font-size: 2.2vw;
}

.shioya hr,.arise hr,.sakura hr,.ansko_name hr,.kyotaku_name hr {
	border-top: none;
	border-right: none;
	border-left: none;
	width: 80%;
	margin: -0.5em 0 0 auto;
}

.shioya hr {
    border-bottom: 2px solid #F9F7B5;
}

.arise hr {
    border-bottom: 2px solid #A1DFB9;
}

.base_info p {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align: right;
	font-size: 1.4vw;
	line-height: 2vw;
	font-weight: 600;
	color: #4D4545; 
	margin-top: 0.5em;
	padding-right: 0.6em;
}

.base_info span {
	display: grid;
	color: #4D4545; 
	font-size: 2vw;
	text-align: right;
	padding-right: 0.5em;
	line-height: 2.2vw;
	padding-top: 0.5em;
}

.base_info small {
	text-align: right;
	display: grid;
	font-size: 1.4vw;
	padding-right: 0.7em;
	margin-top: 0.5em;
	font-weight: 500;
}

.base_info {
	margin-bottom: 1em;
}


.pict {
	width: 94%;
	position: relative;
	margin: 1em auto 0;
}
.pict img {
	width: 100%;
}

.jump_btn a {
    text-decoration: none;
    background-color: #A7BC8A;
	padding: 2px 20px;
	border-radius: 20px;
	color: #FFFFFF;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.4vw;
	font-weight: 600;
	cursor: pointer;
	transition: .2s;
	margin-left: 1em;
}

.jump_btn a:hover {
    background-color: #8E9B7D;
}

.day_s_fee a,.day_a_fee a,.day_sa_fee a,.day_m_fee a,.mine_fee_02 a {
    width: 94%;
    display: grid;
    text-decoration: none;
    padding: 2px 6%;
    border-radius: 40px;
    color: #FFFFFF;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.4vw;
    line-height: 1.6vw;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
    margin: 0.5em auto ;
}

.day_s_fee a {
    background-color: #3F987B;
}

.day_s_fee a:hover {
    background-color: #5C8A7B;
}

/* デイ有瀬 */

.arise p {
	color: #4ace9d;
}

.arise a {
	background-color: #61A3B0;
}

.arise a:hover {
    background-color: #718E94;
}

.base_info p {
	color: #4D4545; 
}

.day_a_fee a {
	    background-color: #4D8098;
}


/* デイ桜 */
.day02 {
    position: relative;
    width: 96%;
    margin: 4em auto;
    background-color: #F5D6F9;
}

.day02 p{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.6vw;
    padding-left: 1em;
    font-weight: 600;
    color: #736E5F;
}


.sakura {
	padding-bottom: 1em;
}

.name_sakura_mine {
	position: relative;
	width: 99%;
	display: flex;
	background-color: #FFFFFF;
	margin: 0 auto;
}

.pict_sakura {
	width: 46.6%;
	margin-top: 4em;
	margin-left: 1.5em
}

.pict_sakura img {
	width: 100%;
}

.sakura_name_add {
	width: 46.6%;
	margin-left: 1em;
	margin-top: 0.6em;
}


.sakura_name {
    position: relative;
	width: 100%;
	margin-left: 0em
}

.sakura_name p {
	color: #e060e8;
	width: 65%;
	text-align: right;
	margin-left: 21%;
	padding-top: 1.3em;
}

.sakura_name img {
	width: 10%;
	position: absolute;
	top: 14%;
	right: 3%;
}



.sakura hr {
    position: relative;
    z-index: 101;
    border-bottom: 2px solid #DC99DC;
	padding-top: 0.2em;
}

.name span {
	font-size: 2.2vw;
}

.sakura_name_add a {
    background-color: #F081AE;
    cursor: pointer;
    transition: .2s;
}

.sakura_name_add a:hover {
    background-color: #E388AC;
}

.day_sa_fee a {
    background-color: #E8508D;
    cursor: pointer;
    transition: .2s;
}

.day_sa_fee a:hover {
    background-color: #D9739C;
}


/* デイmine */

.day03 {
    position: relative;
    width: 96%;
    margin: 4em auto;
    background-color: #C8E1FF;
}

.day03 p{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.6vw;
    padding-left: 1em;
    font-weight: 600;
    color: #736E5F;
}

.mine {
	padding-bottom: 1em;
}

.pict_mine {
	width: 46.6%;
	margin-top: 4em;
	margin-left: 1.5em
}

.pict_mine img {
	width: 100%;
}

.mine_name_add {
	width: 46.6%;
	margin-left: 1em;
	margin-top: 0.6em;
}

.base_info p {
	color: #4D4545;
}

.mine_name {
    position: relative;
	width: 100%;
	
}

.mine_name p {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    color: #676767;
    padding-top: 1.4em;
	text-align: left;
	width: 50%;
	margin-left: 5.5em;
}

.mine_name img {
	width: 40%;
	position: absolute;
	top: 26%;
	right: 2%;
	
}

.mine hr {
	border-top: none;
	border-right: none;
	border-left: none;
	width: 88%;
	margin: 0em 0 0 auto;
    position: relative;
    z-index: 101;
    border-bottom: 2px solid #81A9D8;
}

.name span {
	font-size: 2.2vw;
}

.mine_name_add a {
    background-color: #558BCB;
    cursor: pointer;
    transition: .2s;
}

.mine_name_add a:hover {
    background-color: #8096B0;
}

.day_m_fee a{
    background-color: #6E98C9;
}

.day_m_fee a:hover{
    background-color: #8CA5C3;
}

.mine_fee_02 a {
    background-color: #4477B1;
}

.mine_fee_02 a:hover{
    background-color: #6E85A0;
}


/* あんすこ・居宅*/

#section04 {
	width: 92%;
	margin: 20em auto;
	padding-top: 13em;	
}

.support_section {
    position: relative;
    width: 96%;
    margin: 1em auto;
}

.ansko_kyotaku {
	width: 99%;
	display: flex;
	gap: 1.5%;
}

.ansko {
	width: 50%;
}

.ansko_name {
	border: solid #66bb99 1px;
}

.ansko_name hr {
    border-bottom: 2px solid #9AC9B3;
}

.ansko_name a {
    background-color: #6DABA2;
}

.ansko_name a:hover {
    background-color: #9E9A7B;
}

.ansko_info_01 {
	background-color: #66bb99;
	font-size: 1.8vw;
	font-weight: 600;
}

.ansko_info_02 {
    background-color: #99e3bf;
	font-size: 1.6vw;
	font-weight: 600;
}

.ansko p,.kyotaku p {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align: center;
	color: #fff;
}

.ansko_name p,.kyotaku_name p {
	color: #4D4545;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 2vw;
	text-align: right;
	padding-right: 0.5em;
	margin-top: 0.3em;
}

.ansko_name hr,.kyotaku_name hr {
	padding-top: 0.2em;
}



h4 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: right;
	color: #4d4545;
}

.ansko_base_info p {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.4vw;
	line-height: 2vw;
	font-weight: 600;
	color: #4D4545; 
	margin-top: 0.5em;
	padding-right: 0.6em;
}

.ansko_base_info span {
	display: grid;
	color: #4D4545; 
	font-size: 2vw;
	text-align: right;
	padding-right: 0.5em;
	line-height: 2.2vw;
	padding-top: 0.5em;
}

.ansko_base_info small {
	text-align: right;
	display: grid;
	font-size: 1.4vw;
	padding-right: 0.7em;
	margin-top: 0.5em;
	font-weight: 500;
}

.ansko_base_info {
	margin-bottom: 1em;
}

.text_07 {
	position: relative;
	width: 96%;
	margin: 0 auto;
}

.text_07 p {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #4d4545;
	font-size: 1.6vw;
	text-align: left;
	margin-bottom: 0.7em;
}

.text_07 span {
	color: #4d4545;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.5vw;
	line-height: 1.5vw;
	margin-top: 3em;
}


.kyotaku {
	width: 50%;
}

.kyotaku_name hr {
    border-bottom: 2px solid #86BBD1;
}

.kyotaku_shioya,.kyotaku_arise,.kyotaku_mine {
	border: solid #7fabc1 1px;
}

.kyotaku_name a {
    background-color: #6398B9;
}

.kyotaku_name a:hover {
    background-color: #7690A0;
}

.kyotaku_arise,.kyotaku_mine {
	margin-top: 0.5em;
}

.kyotaku_info_01 {
	background-color: #7fabc1;
	font-size: 1.8vw;
	font-weight: 600;
}

.kyotaku_info_02 {
    background-color: #9ed6ff;
	font-size: 1.6vw;
	font-weight: 600;
}

.kyotaku_arise hr {
    border-bottom: 2px solid #5279D4;
}

.kyotaku_arise a {
    background-color: #7299B1;
}

.mine_name {
	position: relative;
	margin-top: -1.2em
}

.mine_name img {
	position: absolute;
	width: 30%;
	top: 45%;
	right: 2%;
}

.mine_name p {
	width: 68%;
	
}

.kyo_mine_name img {
	position: absolute;
	width: 16%;
	top: 69.2%;
	right: 2%;
}

.kyo_mine_name p {
	width: 68%;
	text-align: left;
	padding-left: 21%;
}

.kyotaku_mine hr {
    border-bottom: 2px solid #92FFFD;
    width: 98%;
}

.kyotaku_mine a {
    background-color: #70A8CB;
}



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

.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: 140px;
	right: 2%;
	z-index: 1020;
}

.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;
}

/* タブレットサイズ・スマホサイズ表示なし */
.sp_size,.tbsp_size,.tb_size {
	display: none;
}

.blank_line {
	margin-top: 0.8em
}


/* フッターの制御記述 */
.copyright {
	background-image: url("../images/footer.webp");
	background-size: cover;
	text-align: center;
	margin-top: 4em;
	color: #fff;
}
body {
}

/* firefox向け高さ調整 */
@-moz-document url-prefix() {
#section01,#section02,#section03,#section04 {
    padding-top: 12rem;
  }
}


/* 横幅が1800pxを超えたときの対処記述*/
@media (min-width: 1800px) {
	.for_top_page {
		left: calc(50% + 800px);
	}
	
	.for_top {
		left: calc(50% + 800px);
	}
	
	#logo {
		width: 50%;
	}
	
	#logo img {
		width: 30%;
	}
	
	
}

/* ----- デスクトップ用記述 800px以上----- */
@media(min-width: 801px){
	.tbsp_size,.tb_size,.sp_size{
		display: none;
	}	
	
	.dttb_size {
		display: block;
	}
	
	.title_pict_s {
		display: none;
	}
	
	.name_add_ss_s {
		display:none;
	}
	
}

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

	.dt_size,.sp_size {
		display:none;
	}
	.tbsp_size,.dttb_size,.tb_size {
		display: block;
	}
	
	.title_pict_s {
		display: none;
	}
	
	.select_btn a {
		font-size: 2vw;
		line-height: 2.6vw;
	}
	
	.text_02 p {
		font-size: 2.2vw;
	}
	
	.text_01 {
		width: 96%;
	}
	
	.text_01 p {
		font-size: 2.8vw;
		line-height: 4.4vw
	}
	
	.line {
		width: 80%;
	}
	
	.text_01 span {
		font-size: 4vw;
	}
	
	.text_photo_01 {
		display: block;
	}
	
	.p_01 {
		width: 96%;
		margin: 0 auto;
		aspect-ratio: 2 / 1;
	}
	
	.p_01 img {
		margin-top: -5%
	}
	
	.t_01,.t_02,.t_03 {
		width: 98%;
		margin: 0 auto;
	}
	
	.t_01 p,.t_02 p,.t_03 p{
		font-size: 3vw;
		line-height: 4.4vw;
	}
	
	.t_03 {
		margin-top: 0.5em;
	}
	
	.text_photo_02 {
		display: block;
	}
	
	.p_02 {
		width: 96%;
	}
	
	.p_02 p {
		font-size: 3vw;
		left: 4%;
	}
	
	.main {
		display: block;
	}

	.name_add {
		width: 96%;
		margin: 0 auto;
	}
	
	.facade_pic {
		width: 96%;
		margin: 0 auto;
	}
	
	.name_add h2 {
		font-size: 4vw;
	}
	
	.name_add p {
		font-size: 2.8vw;
	}
	
	.name_add h3 {
		font-size: 2.6vw;
		line-height: 3.6vw;
		margin-top: 0.4em;
	}
	
	.name_add span {
		font-size: 2.6vw;
		line-height: 3.2vw;
	}
	
	.name_add small {
		font-size: 2.4vw;
	}
	
	.link_btn {
		margin-bottom: 0.5em;
	}
	
	.text_03 p,.text_03 span,.text_05 p,.text_06 p,.text_06 span {
		font-size: 3vw;
		line-height: 4.4vw;
	}
	
	.fee p {
		font-size: 2.4vw;
		line-height:3.6vw
	}
	
	.short_stay_title {
		display: block;
		width: 80%;
	}
	
	.short_stay_title h2 {
		font-size: 4vw;
		width: 100%
	}
	
	.name_add_ss {
		display: none;
	}
	
	.gh_title h2 {
	    padding-top: 0.5em;
		padding-left: 6.4em;
	}
	
	.gh_title img {
		top: 8%;
		left: 88%;
	}
	
	.group_home hr {
		margin-top: -0.5em;
	}
	
	.day01 p,.day02 p,.day03 p {
		font-size: 2.2vw;
		padding-top: 10px
	}
	
	.shioya_arise {
		display: block;
	}
	
	.mine {
		width: 99%;
		margin: 1.5em auto 0;
	}
	.fee {
		width: 98%;
		margin: 2em auto 0; 
	}
	
	.fee a {
		font-size: 2.6vw;
	}
	
	.text_04 {
		font-size: 2.6vw;
		margin-left: 1em
	}
	
	.shioya,.arise {
		width: 98%;
	}
	
	.shioya {
		margin: 0 auto;
	}
	
	.arise {
		margin:2em auto 0;
	}
	
	.name p {
		font-size: 3.6vw;
	}
	
	.name span {
		font-size: 4vw;
	}
	
	.base_info p {
		font-size: 2.8vw;
		line-height: 3.4vw;
	}
	
	.base_info span {
		line-height: 3.6vw;
		font-size: 2.8vw;
		font-weight: 600;
	}
	
	.base_info small {
		font-size: 2.4vw;
		font-weight: 400;
	}
	
	.name a,.sakura_name_add a,.mine_name_add a {
		font-size: 2.6vw;
	}
	
	.day_s_fee a,.day_a_fee a,.day_sa_fee a,.day_m_fee a,.mine_fee_02 a{
		padding: 6px;
	}
	
	.sakura_name_add {
		margin: 0 auto;
	}
	
	.sakura_name p {
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 3.6vw;
		text-align: left;
		padding-top: 4.6%;
	}
	
	.sakura_name img {
		right: 2%;
	}
	
	.name_sakura_mine {
		display: block;
	}
	.sakura_name_add,.mine_name_add {
		width: 100%;
	}
	
	.pict_sakura,.pict_mine {
		width: 96%;
		margin: 0 auto; 
	}
	
	.mine_name_add {
		margin: 0 auto;
	}
	
	.mine_name p {
		font-size: 3.6vw;
		width: 50%;
		margin-left: 19%;
	}
	
	.mine_name img {
		width: 30%;
		top: 16%;
	}
	
	.mine_name_add hr {
		margin-top: -0.3em;
	}
	
	.ansko_info_01,.ansko_info_02,.kyotaku_info_01 {
		font-size: 2.6vw;
	}
	
	.ansko_info_02,.kyotaku_info_02 {
		font-size: 2.8vw;
	}
	
	.ansko_kyotaku {
		display: block;
	}
	
	.ansko,.kyotaku {
		width: 98%;
	}
	
	.kyotaku {
		margin-top: 2em
	}
	
	.ansko_name p,.kyotaku_name p {
		font-size: 3vw;
	}
	
	h4 {
		font-size: 2.4vw;
	}
	
	.ansko_base_info p,.kyotaku_base_info p {
		font-size: 2.6vw;
		line-height: 3vw
	}
	
	.ansko_base_info span,.kyotaku_base_info span{
		font-size: 2.8vw;
		line-height: 3.6vw;
		font-weight: 600;
	}
	
	.ansko_base_info small,.kyotaku_base_info small{
		font-size: 2.2vw;
	}
	
	.ansko_name a,.kyotaku_name a {
		font-size: 2.4vw;
	}
	
	.text_07 span {
		font-size: 2.6vw;
		line-height: 2.6vw;
	}
	
	.kyo_mine_name {
		margin-top: 1em;
	}
	
	.kyo_mine_name p {

		padding-left: 0;
		width: 40%;
		margin-left: 32%;
		text-align: right;
	}
	
	.kyo_mine_name img {
		width: 25%;
		top: 77.7%;
		right: 5%;
	}
	
	.kyotaku_name hr {
		position: relative;
		z-index: 101;
	}
	
}


/* -----スマホ用記述---- */
@media(max-width: 500px){
	
	.dt_size,.tb_size,.dttb_size {
		display: none;
	}
	
	#logo {
		width: 40%;
	}
	
/* ブルーの岩の写真の設定 */
	.top_image {
		position: relative;
		width: 100%;
		aspect-ratio: 6 / 1 ;
		/*height: 70px;*/
		border-bottom: solid #DCFF80 2px;
}
	
	.select_btn {
		display: block;
	}
	
	.select_btn_01,.select_btn_02 {
		width: 100%;
		display: flex;
	}
	
	.select_btn_01 {
		border-bottom: solid #fff 1px;
	}
	
	.btn_02 {
		border-right: none;
	}
	
	.select_btn a {
		font-size: 3.8vw;
		line-height: 4.2vw;
	}
	
	.title_pict {
		display: none;
	}
	
	.title_pict_s {
		position: relative;
		display: block;
	}
	
	.pict_01 {
		/*position: absolute;
		opacity: 60%;
		bottom: 0;
		left: 0;
		width: 35%;*/
		display: none;
	}
	
	.pict_02 {
		width: 100%;
	}
	
	.text_01 {
		width: 100%;
	}
	.text_01 p {
		font-size: 6vw;
		line-height: 8.5vw;
	}
	
	.text_01 span {
		font-size: 7.5vw;
	}

	.sp_size,.tbsp_size {
		display: block;
	}
	
	.text_02 p{
		font-size: 4vw;
		text-align: center;
	}
	
	h1 {
		line-height: 8vw;
	}
	
	.line {
		width: 96%;
		margin-top: 0.2em;
	}
	
	.text_photo_01,.text_photo_02 {
		display: block;
	}
	
	.text_photo_01 {
	}
	
	.text_photo_02 {
		margin-top: 1em;
	}
	
	.p_02 p {
		font-size: 4vw;
	}
	
	.t_01,.t_02 {
		width: 100%;
		margin: 0 auto;
	}
	
	.t_01 p,.t_02 p,.t_03 p {
		font-size: 4vw;
		line-height: 5.5vw;
	}
	
	.p_01 {
		width: 100%;
		margin: 0 auto;
}
	.p_01 img {
		width: 120%;
		margin-left: -4.5em;
		margin-bottom: 0;
}

	.p_02 {
		width: 100%;
		margin: 0 auto;
	}
	
	.p_02 img {
		margin-top: 0;
	}
	
	.main,.shioya_arise,.ansko_kyotaku {
		display: block;
	}
	
	.name_add {
		width: 96%;
	}
	
	.name_add h2 {
		font-size: 5.8vw;
		text-align: left;
	}
	
	.name_add p {
		font-size: 4vw;
		line-height: 5vw;
	}
	
	h3 {
		font-size: 3.5vw;
		line-height: 5vw;
	}
	
	.name_add span {
		font-size: 3.8vw;
		line-height: 5vw;
	}
	
	.name_add small {
		font-size: 3vw;
		line-height: 0vw;
	}
	
	.short_stay_title {
		display: block;
		width: 100%
	}
	
	.link_btn {
		margin-top: 1em;
		width: 80%;
	}
	
	.facade_pic {
		width: 100%;
		margin: 0.5em auto 0;
}
	
	.text_03 p,.text_03 span {
		font-size: 4vw;
		line-height: 5.4vw;
	}
	
	.fee {
		width: 98%;
	}
	.fee a {
		font-size: 4vw;
		width: 100%;
		padding: 6px 10px;
		border-radius: 36px;
		line-height: 4.8vw;
	}
	
	.fee p {
		font-size: 4vw;
		line-height: 5vw;
	}
	
	.short_stay h2 {
		width: 90%;
		font-size: 5.8vw;
	}
	
	.name_add {
		width: 100%;
		margin: 0 auto; 
	}
	
	.name_add_ss {
		display: none;
	}
	
	.name_add_ss_s p {
		margin-top: 0.4em;
		font-size: 4vw;
		line-height: 5vw;
		text-align: left;
	}
	
	.name_add_ss_s small {
		font-size: 3vw;
		line-height: 0vw;
	}
	
	.ss_line {
		margin-top: 0em;
	}
	
	.text_04 {
		font-size: 5vw;
		margin-left: 0
	}
	
	.text_05 p,.text_06 p,.text_06 span{
		font-size: 4vw;
		line-height: 5.4vw;
	}
	
	.gh_title {
		width: 100%;
	}
	
	.gh_title h2 {
		font-size: 5.0vw;
		text-align: right;
		padding-left: 0;
		margin-left: 0.3em;
		width: 80%;
	}
	
	.gh_title img {
		left: 85%;
		width: 15%;
		top: -20%;
	}
	
	.group_home hr {
		margin-top: 0.02em;
	}
	
	.day_title p {
		font-size: 5vw;
	}
	
	.day01 p,.day02 p,.day03 p {
		font-size: 3.6vw;
	}
	
	.shioya {
		width: 100%;
	}
	
	.arise {
		width: 100%;
	}
	
	.name p {
		font-size: 5vw;
	}
	
	.name span,.sakura_name_add span,.mine_name_add span {
		font-size: 5.4vw;
	}
	
	.base_info p {
		font-size: 4vw;
		line-height: 5vw;
	}
	
	.base_info span {
		line-height: 5vw;
	}
	
	.base_info small {
		font-size: 3.6vw;
	}
	
	.shioya a,.arise a,.sakura_name_add a, .mine_name_add a{
		font-size: 3.8vw;
	}
	
	.day_s_fee a,.arise a,.day_sa_fee a,.day_m_fee,.mine_fee_02 {
		line-height: 4.5vw;
	}
	
	.day_sa_fee a{
		padding: 4px;
	}
	
	.day_m_fee a,._mine_fee_02 a {
		padding: 8px;
	}
	
	.arise p {
		font-size: 3.8vw;
	}
	
	.name hr {
		width: 94%;
	}
	
	.sakura {
		width: 99%;
		margin: 0 auto;
}

	.name_sakura_mine {
		display: block;
		width: 98%;
		margin: 0 auto;
	}
	
	.sakura_name_add {
		width: 98%;
		margin: 0 auto;
	}
	
	.sakura_name p {
		width: 80%;
		padding-top: 2%;
		margin-left: 2.2em;
	}
	
	.sakura_name img {
		right: 3%;
	}
	
	.pict_sakura {
		width: 100%;
		margin: -0.5em auto 0;
	}
	
	.pict_sakura img {
		width: 100%;
	}
	
	.mine_name_add {
		width: 99%;
		margin: 1.6em auto 0; 
	}
	
	.pict_mine {
		width: 96%;
		margin: 0 auto;
	}
	
	.day03 p {
		padding-top: 0.5em;
	}
	
	.mine_name img {
		width: 45%;
		top: 0%;
	}
	
	.mine_name p {
		text-align: left;
		width: 100%;
		margin-left: -6%;
		border: dotted gray 1px;
	}
	
	.support_section {
		width: 98%;
	}
	
	.ansko_kyotaku {
		width: 100%
	}
	
	.ansko,.kyotaku {
		width: 100%;
	}
	
	.kyo_mine_name {

	}
	
	.kyo_mine_name p {
		padding-left: 2%;
		padding-top: 2%;
	}
	
	.kyo_mine_name img {
		top: 77.6%;
		left: 52%;
		width: 42%;
		z-index: 10;
	}
	
	.mine_name_add hr {
		width: 96%;
	}
	
	.ansko,.kyotaku {
		width: 98%;
	}
	
	.ansko p,.kyotaku p {
		font-size: 3.6vw;
	}
	
	.ansko_name p,.kyotaku_name p {
		font-size: 4.5vw;
	}
	
	.ansko_base_info p {
		font-size: 3.8vw;
		line-height: 5vw;
	}
	
	.ansko_base_info span {
		font-size: 4vw;
		line-height: 4.6vw;
		font-weight: 600;
	}
	
	.ansko_base_info small {
		font-size: 3.6vw;
	}
	
	.ansko_name a,.kyotaku_name a {
		font-size: 3.8vw;
	}
	
	.kyotaku {
		margin-top: 3em;
	}
	
	.text_07 span {
		display: grid;
	    line-height: 5.4vw;
		width: 100%;
		font-size: 4vw;
		text-align: right;
	}
	
	.kyotaku_name hr {
		position: relative;
		width: 99%;
		z-index: 101;
	}
	
	.mine_name img{
		top: 25%;
	}
	
	.mine_name p {
		text-align: left;
		padding-left: 12%;
		padding-top: 5%;
	
	}
	
	.sakura_name_add hr {
		width: 90%;
	}
}