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


html { 
scroll-behavior: smooth;/*アンカーへのスクロールを滑らかに用　追加文言*/
scroll-padding-top: 200px!important; /*アンカーへのスクロール時にヘッダー分空間を開けるため　追加文言*/
}

body {

  background-color: #f6f1eb;/* 背景 */
  width: 100%;/* 子要素にflotを使っているので、背景を正しく表示するためwidth height 両要素の指定 */
  margin: 0; /*余白削除用 必ずセットで*/
  padding: 0; /*余白削除用*/
  animation: bugfix infinite 1s; /*ハンバーガーメニュー用　追加文言*/
  -webkit-animation: bugfix infinite 1s;/*ハンバーガーメニュー用　追加文言*/
	
}

#wrapper{
width: 100%;
height:auto;	
}

.header__body {
  animation-delay:1.8s;
}

/*----------------------------
* plan and price
*----------------------------*/

/*  plan and price ここから　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.plan_and_price_content{
    z-index: 10;
	position:absolute;
	top:20vh;
	width: 100%;
}


/* flow タイトル部分 */

.plan_and_price_title{
	z-index: 20;
	position:absolute;
	height: 200vw;
	margin: 0px 0 0 25vw  /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}


.plan_and_price_hito{
	position:absolute;
	width: 21vw;
	margin: 10% 0 0 0; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}

.plan_and_price_moji{
	position:absolute;
	width: 20vw;
	margin: 100px 0 0 25vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

/*下地　波緑 */
.plan_and_price_bg_green{ /*下地みどり　波--------------------------------------------------------------------------------------midori nami------------>*/
	z-index: 3;
	position:absolute;
  height:450vh;
	max-height: 3500px;
	
	width: 100%;
    background: #D5E4B5;
    margin:10% 0 0 0px; /* 波の位置設定　 */
	
	border-bottom-left-radius: 50% 15vw;
  border-bottom-right-radius: 50% 15vw;
}

.plan_and_price_bg_green_02{
	display: none;
}
.plan_and_price_nami_green{
	margin: -200px 0 0 0px;
	width: 100vw;
}

.plan_price_nami_green img{
	margin-bottom:-10px!important;
	
}

/*下地　波緑 */

/* --プランと料金　連携　ボタン ここから　---------------------------------------  */

/*----------------------------
* プランと料金　連携　ボタン部分
*----------------------------*/


.plan_and_price_bottan_content{
    z-index: 20;
	position:absolute;
	margin: 10% 0 20% 20%; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

.plan_and_price_bottan_title_content {
	position:relative;
	z-index: 10;
	border: solid 7px #6F5349; 
	background-color:#FFE681;
	 border-radius: 80px 80px 80px 80px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 57vw;
	max-width: 1200px;
	height: auto;
	margin: 20% 0 0 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
	}

.plan_and_price_botan_moji{
	z-index: 11;
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size:  clamp(13px, 1.2vw, 23px);/*(最小値, 基準値, 最大値);*/
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin: -2vw 0 0 18vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

/*ボタン 枠 -------------------------------------------------------------------------------------- */

.plan_and_price_botan{
	display: grid;
	gap: 1.5vw;  /* flow 角丸grid 下部の空きサイズ */
	margin: 8vh 0 0 -8vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}


/* 緑ボタン----------------------------------------------------------------------------------　*/
.plan_and_price_midori_botan{
	position:relative;
	z-index: 25;
	border: solid 5px #68C9D8; 
	background-color:#19ACC3;
	 border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 43vw;
	max-width: 900px;
	height: 4vw;
	margin: 0 0 0 15vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ボタンアニメーションホバー用設定  */
.plan_and_price_midori_botan:hover {
  transform: scale(1.1) ;
background-color:#68C9D8;
border: solid 5px #19ACC3; 
}
/* ボタンアニメーションホバー用設定 */


/* 緑ボタン　白抜き文字部分　 */
.plan_and_price_midori_botan_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.3vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
  margin: 1vw 0 0 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}



/* 青ボタン----------------------------------------------------------------------------------　*/

.plan_and_price_ao_botan{
	position:relative;
	z-index: 25;
	border: solid 5px #B9E295; 
	background-color:#74C12C;
	border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 43vw;
	max-width: 900px;
	height: 4vw;
	margin: 0 0 5% 15vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}


/* ボタンアニメーションホバー用設定 */
.plan_and_price_ao_botan:hover {
  transform: scale(1.1) ;
background-color:#B9E295;
border: solid 5px #74C12C; 
}
/* ボタンアニメーションホバー用設定 */


/* 青ボタン　白抜き文字部分　 */
.plan_and_price_ao_botan_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.3vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
  margin: 1vw 0 0 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}

.plan_and_price_ao_botan_moji:hover{ 
	color: #FFFFFF;
}
	

	
/* <!--プランと料金　連携　ボタン明部分 ここまで　--------------------------------------->  */



/* <!--サービスプラン 説明　ここから　------------------------------------------------------->  */


/* サービスプラン */


.plan_and_price_menu_content{
    z-index: 20;
	position:relative;
}

/* 緑タイトル----------------------------------------------------------------------------------　*/

.plan_and_price_midori_title{
	position:relative;
	z-index: 25;
	border: solid 5px #68C9D8; 
	background-color:#19ACC3;
	border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 50vw;
	max-width: 1000px;
	height: 6vw;
	max-height: 100px;
	margin: -2vh 0 0 25vw; /* ボックスの位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ボタンアニメーションホバー用設定  */
.plan_and_price_midori_title:hover {
    transform: scale(1.1) ;
    background-color:#68C9D8;
    border: solid 5px #19ACC3; 
}
/* ボタンアニメーションホバー用設定 */


/* 緑ボタン　白抜き文字部分　 */
.plan_and_price_midori_title_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.3vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
    margin:3% 0 0 0vw; /*白抜き文字の位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}



/* プランと料金　説明部分 -------------------------------------------------------------------------*/
.plan_and_price_menu_erea{
	position:relative;
	z-index: 25;
	margin: 70% 0 155% 0; /* 要素の重なりでボタンが押せない調整のため、マージンを多めに取っています */
	display: grid;
	gap: 3%;  /* flow 角丸grid 下部の空きサイズ */
	width: 100%;
}


.plan_and_price_menu_list {
	position:relative;
	z-index: 11;
	border: solid 7px #6F5349; 
	background-color:#FFF2BC;
	border-radius: 80px 80px 80px 80px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 62vw;
	max-width: 1200px;
	margin: 0px 0 0 20vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	}

.plan_and_price_menu_list_01{
	height: 110%;
	margin-top: -2%;
}

.plan_and_price_menu_list_02{
	height: 105%;
}

.plan_and_price_menu_list_03{
	height: 105%;
}

.plan_and_price_menu_list_04{
	height: 110%;
	background-color:#FFE681;
}


.plan_and_price_menu_list_05{
	height: 110%;
}


.plan_and_price_menu_img_01{
	position:absolute;
	z-index: 11;
}

.plan_and_price_step_01{
	position:absolute;
	width: 7vw;
	margin:-3vw 0 0 5vw; 
	z-index: 20;
}

.plan_and_price_step_04{
	position:absolute;
	width: 7vw;
	margin:-3vw 0 0 75%; 
	z-index: 20;
}

.plan_and_price_hito_01{
	position:absolute;
	z-index: 20;
	width: 15vw;
	max-width: 290px;
	margin: 4vw 0 0 75%; 
}

.plan_and_price_hito_02{
	position:absolute;
	width: 15vw;
	max-width: 290px;
	margin:22vw 0 0 75%; 
}

.plan_and_price_hito_03{
	position:absolute;
	width: 15vw;
	max-width: 295px;
	margin: 14vw 0 0 73%; 
}

.plan_and_price_hito_04{
	position:absolute;
	width: 23vw;
	max-width: 460px;
	margin: 22% 0 0 60%; 

}

.plan_and_price_fukidashi_04{
	position:absolute;
	width: 35vw;
	max-width: 700px;
	margin: 6% 0 0 22%; 
}


.plan_and_price_hito_05{
	position:absolute;
	width: 11vw;
	max-width: 250px;
	margin:10% 0 0 2%; 
}

.plan_and_price_card_05{
	position:absolute;
	width: 15vw;
	max-width: 290px;
	margin:5% 0 0 78%; 
}



.plan_and_price_moji_01{
	position:absolute;
	width: 22vw;
	max-width: 430px;
	margin:-3% 0 0 33%;
	
}

.plan_and_price_moji_02{
	position:absolute;
	width: 26vw;
	max-width: 514px;
	margin:-3% 0 0 33%;
	
}

.plan_and_price_moji_03{
	position:absolute;
	width: 20vw;
	max-width: 400px;
	margin:-3% 0 0 33%;
	
}

.plan_and_price_moji_04{
	position:absolute;
	width: 24vw;
	max-width: 475px;
	margin:-3% 0 0 23%;
	
}

.plan_and_price_moji_05{
	position:absolute;
	width: 27vw;
	max-width: 540px;
	margin:-3% 0 0 33%;
	
}


/* プラント料金 主な文章用文字*/
.plan_and_price_naiyou_moji01{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: clamp(13px, 1.2vw, 23px);/*(最小値, 基準値, 最大値);*/
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 1.6;
  margin: 5vw 5vw 0 10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}

.flow_02_moji span{
	border-bottom: solid 3px  #6F5349;
}

.plan_and_price_naiyou_moji01_2{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin: 0.7vw 5vw 0 7vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}



.plan_and_price_naiyou_moji01_2 span{
 background: linear-gradient(transparent 50%, #FDA4A4 0%);
}

.plan_and_price_naiyou_moji02{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.1vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 5vw 4vw 0 5vw;
}

.plan_and_price_naiyou_moji02 span{ /*任意の箇所にて改行するため　span挿入*/
	display: inline-block;
}

.plan_and_price_naiyou_moji02_2{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 0.7vw 4vw 0 7vw;
}

.plan_and_price_naiyou_moji02_2 span{
	 background: linear-gradient(transparent 50%, #FDA4A4 0%);
}

.plan_and_price_naiyou_moji02_3{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 2vw 4vw 0 5vw;
}


.plan_and_price_naiyou_moji03{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 5vw 5vw 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}
.plan_and_price_naiyou_moji04{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 13vw 0 0 10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}
.plan_and_price_naiyou_moji05{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: clamp(5px, 1vw, 22px);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 4vw 0 0 15vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}



.table_01 {
  border: 5px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 30px;
  overflow: hidden;
  width: 40vw;/*枠の幅*/
	max-width: 770px;
  margin: 2vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size:clamp(5px, 1vw, 20px);/*(最小値, 基準値, 最大値);*/
    color: #6F5349;
    font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;
}

.table_01 tbody th,
.table_01 tbody td {
  padding: 22px 30px;/*上下空き*/
  border-bottom: 3px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_01 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0.1em;
}

.table_01 tbody td {
  border-left: 3px solid #6F5349;
background-color: #F6F1EB;
}

.table_01 tbody tr:last-child th,
.table_01 tbody tr:last-child td {
  border-bottom: none;
}




.table_02 {
  border: 5px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 30px;
  overflow: hidden;
  width: 51vw;/*枠の幅*/
 max-width: 990px;
  margin: 2vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size:clamp(5px, 1vw, 20px);/*(最小値, 基準値, 最大値);*/
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

.table_02 tbody th,
.table_02 tbody td {
  padding: 22px;/*上下空き*/
  border-bottom: 3px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_02 tbody th {
  background-color: #19C3A2;
  color: #fff;
	letter-spacing: 0.1em;
}

.table_02 tbody td {
  border-left: 3px solid #6F5349;
background-color: #F6F1EB;
}

.table_02 tbody tr:last-child th,
.table_02 tbody tr:last-child td {
  border-bottom: none;
}



.table_03 {
  border: 5px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 30px;
  overflow: hidden;
  width: 50vw;/*枠の幅*/
	max-width: 970px;
  margin: 2vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size:clamp(5px, 1vw, 20px);/*(最小値, 基準値, 最大値);*/
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

.table_03 tbody th,
.table_03 tbody td {
  padding: 22px;/*上下空き*/
  border-bottom: 3px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_03 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0.1em;
}

.table_03 tbody td {
  border-left: 3px solid #6F5349;
background-color: #F6F1EB;
}

.table_03 tbody tr:last-child th,
.table_03 tbody tr:last-child td {
  border-bottom: none;
}



.table_04 {
  border: 5px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 30px;
  overflow: hidden;
  width: 40vw;/*枠の幅*/
	max-width: 780px;
  margin: 1vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: clamp(5px, 1vw, 20px);/*(最小値, 基準値, 最大値);*/
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

.table_04 tbody th,
.table_04 tbody td {
  padding: 22px;/*上下空き*/
  border-bottom: 3px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_04 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0.1em;
}

.table_04 tbody td {
  border-left: 3px solid #6F5349;
background-color: #F6F1EB;
}

.table_04 tbody tr:last-child th,
.table_04 tbody tr:last-child td {
  border-bottom: none;
}


.table_05 {
  border: 5px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 30px;
  overflow: hidden;
  width: 37vw;/*枠の幅*/
	max-width: 740px;
  margin: 2vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: clamp(5px, 1vw, 20px);/*(最小値, 基準値, 最大値);*/
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

.table_05 tbody th,
.table_05 tbody td {
  padding: 22px;/*上下空き*/
  border-bottom: 3px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_05 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0.2em;
}

.table_05 tbody td {
  border-left: 3px solid #6F5349;
background-color: #F6F1EB;
}

.table_05 tbody tr:last-child th,
.table_05 tbody tr:last-child td {
  border-bottom: none;
}



/* プランと料金　説明　ここまで　------------------------------------------------------->  */






/* 連携　説明部分 ここから-------------------------------------------------------------------------*/

.renkei_menu_content{
    z-index: 10;
	position:relative;
	width: 100%;
	top:3%;
}

/*下地　波緑 */
.renkei_bg_yellow{ /* 連携　説明部分 ここから-------------------------------------------------------------------------------------------nami yellow--------------------*/
	z-index: 2;
	position:absolute;
    height: 30%;
	width: 100%;
    background: #FFE681;
    margin:370vh 0 0 0px; /* 波を随意の配置するため、位置設定をマージンで　パーセントに */
	
	border-bottom-left-radius: 50% 15vw;
  border-bottom-right-radius: 50% 15vw;
}

.plan_and_price_bg_yellow_02{
	display: none;
}
.renkei_nami_yellow{
	margin: -300px 0 0 0px;
	width: 100vw;
}

.renkei_nami_yellow img{
	margin-bottom:-10px!important;
	
}

/*下地　波緑 */
/* 青タイトル----------------------------------------------------------------------------------　*/

.renkei_ao_title{
	position:relative;
	z-index: 11;
	border: solid 5px #B9E295; 
	background-color:#74C12C;
	border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 50vw;
	max-width: 1000px;
	height: 6vw;
	max-height: 100px;
	margin: 5vh 0 5vh 25vw; /* ボックスの位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ボタンアニメーションホバー用設定  */
.renkei_ao_title:hover {
    transform: scale(1.1) ;
    background-color:#B9E295;
    border: solid 5px #74C12C; 
}
/* ボタンアニメーションホバー用設定 */


/* 緑ボタン　白抜き文字部分　 */
.renkei_ao_title_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.3vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
    margin:3% 0 0 0vw; /*白抜き文字の位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}

/* 連携　説明　枠部分----------------------------------------------------------------------------------　*/

.renkei_menu_erea{
	position:relative;
	z-index: 10;
	margin: 280% 0 0 0; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	display: grid;
	gap: 6vw;  /* flow 角丸grid 下部の空きサイズ */
	width: 100%;

}


.renkei_menu_list {
	position:relative;
	z-index: 11;
	border: solid 7px #6F5349; 
	background-color:#EBF2DC;
	 border-radius: 80px 80px 80px 80px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 62vw;
	max-width: 1200px;
	margin: 0px 0 0 21%; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	}

.renkei_menu_list_01{
	height: auto;
}

.renkei_menu_list_02{
	height: auto;
}

.renkei_menu_list_03{
	height:auto;
}

.renkei_menu_list_04{
	height: auto;
	background-color:#FFF2BC;
	margin-top: 250px;
}


.renkei_menu_list_05{
	height: auto;
	background-color:#FFF2BC;
}

.renkei_menu_list_06{
	height: auto;
	background-color:#FFF2BC;
}


.renkei_menu_img_01{
	position:absolute;
	z-index: 11;
}

.flow_erea_step_01{
	position:absolute;
	width: 7vw;
	margin:-3vw 0 0 5vw; 
	z-index: 20;
}

.renkei_hito_01{
	position:absolute;
	z-index: 20;
	width: 19vw;
	max-width: 410px;
	margin: 5% 0 0 1vw; 
}

.renkei_hito_02{
	position:absolute;
	width: 22vw;
	max-width: 500px;
	margin: 12% 0 0 55%; 
}

.renkei_hito_03{
	position:absolute;
	width: 19vw;
	max-width: 430px;
	margin:10% 0 0 2%; 
}

.renkei_hito_04{
	position:absolute;
	width: 18vw;
	max-width: 400px;
	margin:-22% 0 0 65%; 
}

.renkei_hito_05{
	position:absolute;
	width: 10vw;
	max-width: 230px;
	margin: 5vh 0 0 80%; 
}

.renkei_hito_06{
	position:absolute;
	width: 10vw;
	max-width: 250px;
	margin: -5% 0 0 75%; 
}


.renkei_moji_01{
	position:absolute;
	width: 25vw;
	max-width: 550px;
	margin:-3% 0 0 33%;
	
}

.renkei_moji_02{
	position:absolute;
	width: 20vw;
	max-width: 410px;
	margin:-3% 0 0 33%;
	
}

.renkei_moji_03{
	position:absolute;
	width: 30vw;
	max-width: 600px;
	margin:-3% 0 0 33%;
	
}

.renkei_moji_04{
	position:absolute;
	width: 25vw;
	max-width: 550px;
	margin:-3% 0 0 23%;
	
}

.renkei_moji_05{
	position:absolute;
	width: 20vw;
	max-width: 430px;
	margin:-3% 0 0 33%;
	
}

.renkei_moji_06{
	position:absolute;
	width: 20vw;
	max-width: 430px;
	margin:-3% 0 0 33%;
	
}



/* 連携について 主な文章用文字*/
.renkei_naiyou_moji01{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size:clamp(5px, 1.1vw, 23px);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
  margin: 5vw 5vw 12% 22vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}


.renkei_naiyou_moji02{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: clamp(5px, 1.1vw, 23px);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 5vw 5% 10% 12%;
}

/* flow 主な文章用文字*/
.renkei_naiyou_moji03{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: clamp(5px, 1.1vw, 22px);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 5vw 0 10% 40%; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}
.renkei_naiyou_moji04{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size:  clamp(5px, 0.8vw, 18px);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 7vw 5vw 5% 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}

.renkei_naiyou_moji04 span{
    font-size: max(0.9vw);
    color: #5A3123;
    font-weight: 700;	
	
}

.renkei_naiyou_moji05{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size:  clamp(5px, 0.8vw, 20px);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 5vw 15% 5% 10%; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}


.renkei_naiyou_moji06{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size:  clamp(5px, 0.8vw, 20px);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 3;
  margin: 5vw 0 5% 15%; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	 
	
}

/* お問い合わせボタン----------------------------------------------------------------------------------　*/

.renkei_midori_title{
	position:relative;
	z-index: 11;
	border: solid 5px #B9E295; 
	background-color:#74C12C;
	border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 25vw;
	max-width: 500px;
	height: 3.5vw;
	margin:0 0% 10% 30%; /* ボックスの位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ボタンアニメーションホバー用設定  */
.renkei_midori_title:hover {
    transform: scale(1.1) ;
    background-color:#B9E295;
    border: solid 5px #74C12C; 
}
/* ボタンアニメーションホバー用設定 */


/* 緑ボタン　白抜き文字部分　 */
.renkei_midori_title_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.3vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
    margin:3% 0 0 0vw; /*白抜き文字の位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}

/* <!--サービスプラン 説明　ここまで　------------------------------------------------------->  */


/*----------------------------
* inuneko_slider
*----------------------------*/

/* inuneko_slider */

.inuneko_slider_eria{
	z-index: 10;
	position:static;
	height: 35vw;
	width: 100%;
	top:-5vw;
}


/*----------------------------
* footer
*----------------------------*/

/* footer */

.footer{
  width: 100%;/* 子要素にflotを使っているので、背景を正しく表示するためwidth height 両要素の指定 */
  margin: 0; /*余白削除用 必ずセットで*/
  padding: 0; /*余白削除用*/
  background-color: #F6F1EB;

}

.footer_eria{ /* footerの下部構成部分全体 */
	position:absolute;
	margin-top: 0vw;
	width: 100vw;
}


.footer_nami_pink_02{
	display: none;
}





/* -- responsive ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* -- responsive --------------------------------------------------------------------------------------------------------------------------------携帯用---------- */

/* 768ixel start */
/*for SP*/
@media screen and (max-width:768px) {
	

body {
  width: 100vw;/* 子要素にflotを使っているので、背景を正しく表示するためwidth height 両要素の指定 */
}

#wrapper{
width: 100vw;
height: 533vh;
min-height: 4250px; 
}

	
/* メニューリスト */
.nav-list {
	display: none;
 }
	
/*----------------------------
* ヘッダー
*----------------------------*/
	
.header__body {
 height:5em;
 padding-inline:30px;
}


/* メニュー　ロゴ部分 */
 .header__logo {
    display:block;
    width:70%;
    margin-top:0.7em;
	margin-left: 1em;
    }

/*----------------------------
* ハンバーガーメニュー
*----------------------------*/


/* overlay-styles.css */
.hamburger-overlay {
  position: fixed;
  top: 1em;/*メニューのボーダーの上からの位置設定*/
  right: 2em;
  z-index: 1000;
  width: 48px;
  height: 48px;
}

.hamburger-overlay__line { /*メニューのボーダーのサイズと位置設定*/
  left: 0em;
}
	
.nav-overlay__link {
  display: inline-block;
  padding: 20px;
  color: #6D5050;
  
    font-size: 1em;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-weight:500;

  text-decoration: none;
  transition: color .3s;
}	
	
	
/* お問い合わせボタン *//*---------------------------------------------------------------------------------------------------お問い合わせボタン-------->*/



.p_movBnr {
  width: 28vw;/* 背景白サイズ  */
  height: 100px;/* ボックス 上からの縦位置 */
}


.p_movBnr .p_movBnr_circle .circle_text{
  font-size: max(9px, 0.8rem);
  height: 250px;
}

.p_movBnr .p_movBnr_animal img {
  width: 41%;/* neko inu のサイズ */
  height: auto;
}

.p_movBnr .p_movBnr_animal .-inu {
	padding-left: 60%;/* inu の位置 */
}
.p_movBnr .p_movBnr_animal .-neko {
margin-left: -1px;/* neko  の位置 */
}


.p_movBnr.is-active{
  bottom: 30px;
}

/* お問い合わせボタン */
	
	
	
	
	
	
/*----------------------------
* plan and price
*----------------------------*/

/*  plan and price ここから　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.plan_and_price_content{
    z-index: 20;
	position:relative;
	top:9em;
	width: 100%;
}


/* flow タイトル部分 */

.plan_and_price_title{
	z-index: 20;
	position:absolute;
	height: 200vw;
	margin: -3vh 0 0 25vw   /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}


.plan_and_price_hito{
	position:absolute;
	width: 37vw;
	margin: -2vh 0 0 -12vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}

.plan_and_price_moji{
	position:absolute;
	width: 35vw;
	margin:3vh 0 0 25vw;  /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

/*下地　波緑 */
.plan_and_price_bg_green{ /*みどり波---------------------------------------------------------------------------------------------------midori 波-------->*/
	z-index: 3;
	position:absolute;
    height:243vh;
	min-height: 2020px;
	width: 100%;
    background: #D5E4B5;
    margin:10% 0 0 0px; /* 波の位置設定　 */
	
	border-bottom-left-radius: 50% 15vw;
  border-bottom-right-radius: 50% 15vw;
}

.plan_and_price_nami_green{ 
	display: none;
}
.plan_and_price_nami_green_02{
	display: block;
	margin: -11% 0 0 0px;/* 波のナミナミ部分の山の高さ調整 */
	width: 100vw;
}

.plan_price_nami_green_02 img{
   display: block;
	margin-bottom:-3vh!important;
	width:100vw;
}

/*下地　波緑 */

/* --プランと料金　連携　ボタン ここから　---------------------------------------  */

/*----------------------------
* プランと料金　連携　ボタン部分
*----------------------------*/


.plan_and_price_bottan_content{
    z-index: 20;
	position:absolute;
	margin: 20% 0 0 20vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

.plan_and_price_bottan_title_content {
	position:absolute;
	z-index: 20;
	border: solid 0.2em #6F5349; 
	background-color:#FFE681;
	 border-radius: 30px 30px 30px 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 80vw;
	height: auto;
	margin: 0 0 0 -10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
	}

.plan_and_price_botan_moji{
	z-index: 11;
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin:-2vh 0 0 10vw; 
}

/*ボタン 枠 -------------------------------------------------------------------------------------- */

.plan_and_price_botan{
	display: grid;
	gap: 2vw;  /* flow 角丸grid 下部の空きサイズ */
	margin: 4vh 0 2vh 0vw;
}


/* 緑ボタン----------------------------------------------------------------------------------　*/
.plan_and_price_midori_botan{
	position:relative;
	z-index: 25;
	border: solid 3px #68C9D8; 
	background-color:#19ACC3;
	 border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 43vw;
	height: auto;
	margin: 0 0 0 17vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}


/* 緑ボタン　白抜き文字部分　 */
.plan_and_price_midori_botan_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.8vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
  margin: 3% 0 3% 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}



/* 青ボタン----------------------------------------------------------------------------------　*/

.plan_and_price_ao_botan{
	position:relative;
	z-index: 25;
	border: solid 3px #B9E295; 
	background-color:#74C12C;
	border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 43vw;
	height: auto;
	margin: 0 0 0 17vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}


/* ボタンアニメーションホバー用設定 */
.plan_and_price_ao_botan:hover {
  transform: scale(1.1) ;
background-color:#B9E295;
border: solid 3px #74C12C; 
}
/* ボタンアニメーションホバー用設定 */


/* 青ボタン　白抜き文字部分　 */
.plan_and_price_ao_botan_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.8vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
  margin: 3% 0 3% 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}


	
/* <!--プランと料金　連携　ボタン明部分 ここまで　--------------------------------------->  */

	


/* <!--サービスプラン 説明　ここから　------------------------------------------------------->  */


/* サービスプラン */


.plan_and_price_menu_content{
    z-index: 20;
	position:relative;

}

/* 緑タイトル----------------------------------------------------------------------------------　*/

.plan_and_price_midori_title{
	position:relative;
	z-index: 11;
	border: solid 3px #68C9D8; 
	background-color:#19ACC3;
	border-radius: 20px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 70vw;
	height: auto;
	margin: 3vh 0 0 15vw; /* ボックスの位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ボタンアニメーションホバー用設定  */
.plan_and_price_midori_title:hover {
    transform: scale(1.1) ;
    background-color:#68C9D8;
    border: solid 5px #19ACC3; 
}
/* ボタンアニメーションホバー用設定 */


/* 緑ボタン　白抜き文字部分　 */
.plan_and_price_midori_title_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2.5vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
    margin:1vh 0 1vh 0vw; /*白抜き文字の位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}



/* プランと料金　説明部分 -------------------------------------------------------------------------*/
.plan_and_price_menu_erea{
	position:absolute;
	z-index: 10;
	margin: 91% 0 0 0; /* 50%からエリアの重なりを調整　ボタンが押せないので */
	display: grid;
	gap: 3%;  /* flow 角丸grid 下部の空きサイズ */
	width: 100%;
}


.plan_and_price_menu_list {
	position:relative;
	z-index: 11;
	border: solid 3px #6F5349; 
	background-color:#FFF2BC;
	 border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 90vw;
	margin: 0px 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	}

.plan_and_price_menu_list_01{
	height: 110%;
	margin-top: -5%;
}

.plan_and_price_menu_list_02{
	height: 105%;
}

.plan_and_price_menu_list_03{
	height: 105%;
}

.plan_and_price_menu_list_04{
	height: 110%;
	background-color:#FFE681;
}


.plan_and_price_menu_list_05{
	height: 110%;
}


.plan_and_price_menu_img_01{
	position:absolute;
	z-index: 11;
}

.plan_and_price_step_01{
	position:absolute;
	width: 13vw;
	margin:-3vh 0 0 5vw; 
	z-index: 20;
}

.plan_and_price_step_04{
	position:absolute;
	width: 13vw;
	margin:-3vh 0 0 65vw; 
	z-index: 20;
}

.plan_and_price_hito_01{
	position:absolute;
	z-index: 20;
	width: 25vw;
	margin: -15vw 0 0 60vw; 
}

.plan_and_price_hito_02{
	position:absolute;
		width: 25vw;
	margin: -15vw 0 0 60vw; 
}

.plan_and_price_hito_03{
	position:absolute;
	width: 25vw;
	margin: -20vw 0 0 60vw; 
}

.plan_and_price_hito_04{
	position:absolute;
	width: 40vw;
	margin:10vh 0 0 50vw; 

}

.plan_and_price_fukidashi_04{
	position:absolute;
	width: 58vw;
	margin: 3vh 0 0 10vw; 
}


.plan_and_price_hito_05{
	position:absolute;
	width: 18vw;
	margin:3vh 0 0 -1vw; 
}

.plan_and_price_card_05{
	position:absolute;
	width: 25vw;
	margin:2vh 0 0 65vw; 
}



.plan_and_price_moji_01{
	position:absolute;
	width: 35vw;
	margin:-3vw 0 0 21vw;
	
}

.plan_and_price_moji_02{
	position:absolute;
	width: 41vw;
	margin:-3vw 0 0 21vw;
	
}

.plan_and_price_moji_03{
	position:absolute;
	width: 33vw;
	margin:-3vw 0 0 23vw;
	
}

.plan_and_price_moji_04{
	position:absolute;
		width: 38vw;
	margin:-3vw 0 0 21vw;
	
}

.plan_and_price_moji_05{
	position:absolute;
		width: 45vw;
	margin:-3vw 0 0 21vw;
	
}


/* プラント料金 主な文章用文字*/
.plan_and_price_naiyou_moji01{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 1.6;
  margin: 11vw 5vw 0 15vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}

.flow_02_moji span{
	border-bottom: solid 3px  #6F5349;
}

.plan_and_price_naiyou_moji01_2{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin: 0.7vw 5vw 0 10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}

.plan_and_price_naiyou_moji01_2 span{
 background: linear-gradient(transparent 50%, #FDA4A4 0%);
}

.plan_and_price_naiyou_moji02{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 11vw 4vw 0 5vw;
}

.plan_and_price_naiyou_moji02_2{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 0.7vw 4vw 0 7vw;
}

.plan_and_price_naiyou_moji02_2 span{
	 background: linear-gradient(transparent 50%, #FDA4A4 0%);
}

.plan_and_price_naiyou_moji02_3{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 2vw 4vw 0 5vw;
}

/* flow 主な文章用文字*/
.plan_and_price_naiyou_moji03{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 13vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}
.plan_and_price_naiyou_moji04{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 25vw 0 0 10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}
.plan_and_price_naiyou_moji05{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 5vh 0 0 17vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}



.table_01 {
  border: 2px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: 80vw;/*枠の幅*/
  margin: 2vw 0 0 5vw; /* 枠の外の空間 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;
	text-align: center;
	letter-spacing: 0em;
}

.table_01 tbody th,
.table_01 tbody td {
  padding: 10px 10px;/*上下空き*/
  border-bottom: 2px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_01 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0.1em;
}

.table_01 tbody td {
  border-left: 2px solid #6F5349;
background-color: #F6F1EB;
}

.table_01 tbody tr:last-child th,
.table_01 tbody tr:last-child td {
  border-bottom: none;
}




.table_02 {
  border: 2px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: 80vw;/*枠の幅*/
  margin: 2vw 0 0 5vw; /* 枠の外の空間 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

.table_02 span {/*キリのいいところでの文字の改行用として*/
  display: inline-block;
}

.table_02 tbody th,
.table_02 tbody td {
  padding: 10px;/*上下空き*/
  border-bottom: 2px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_02 tbody th {
  background-color: #19C3A2;
  color: #fff;
　letter-spacing: 0.1em;
}

.table_02 tbody td {
  border-left: 2px solid #6F5349;
background-color: #F6F1EB;
}

.table_02 tbody tr:last-child th,
.table_02 tbody tr:last-child td {
  border-bottom: none;
}



.table_03 {
  border: 2px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: 80vw;/*枠の幅*/
  margin: 2vw 0 0 5vw; /* 枠外の空間 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

	.table_03 span{/*キリのいいところでの文字の改行用として*/
  display: inline-block;
}
		
	
.table_03 tbody th,
.table_03 tbody td {
  padding: 10px ;/*上下空き*/
  border-bottom: 2px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_03 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0em;
	padding: 10px 0 ;/*上下空き*/
	
}

.table_03 tbody td {
  border-left: 2px solid #6F5349;
background-color: #F6F1EB;
}

.table_03 tbody tr:last-child th,
.table_03 tbody tr:last-child td {
  border-bottom: none;
}



.table_04 {
  border: 2px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: 80vw;/*枠の幅*/
  margin: 1vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

.table_04 tbody th,
.table_04 tbody td {
  padding: 10px;/*上下空き*/
  border-bottom: 2px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_04 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0.1em;
}

.table_04 tbody td {
  border-left: 2px solid #6F5349;
background-color: #F6F1EB;
}

.table_04 tbody tr:last-child th,
.table_04 tbody tr:last-child td {
  border-bottom: none;
}


.table_05 {
  border: 2px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: 80vw;/*枠の幅*/
  margin: 2vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

.table_05 tbody th,
.table_05 tbody td {
  padding: 10px;/*上下空き*/
  border-bottom: 2px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_05 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0.2em;
}

.table_05 tbody td {
  border-left: 2px solid #6F5349;
background-color: #F6F1EB;
}

.table_05 tbody tr:last-child th,
.table_05 tbody tr:last-child td {
  border-bottom: none;
}



/* プランと料金　説明　ここまで　------------------------------------------------------->  */






/* 連携　説明部分 ここから-------------------------------------------------------------------------*/

.renkei_menu_content{
    z-index: 10;
	position:relative;
	width: 100%;
	top:460px;
}

/*下地　波黄色 */ /* -------------------------------------------------------------------------------------------------yellow波------->  */
.renkei_bg_yellow{
	z-index: 3;
	position:absolute;
    height: 100vh;/*黄色背景の高さサイズ*/
	min-height: 800px;
	width: 100%;
    background: #FFE681;
    margin:550% 0 0 0px; /* 波を随意の配置するため、位置設定をマージンで　パーセントに */
	
	border-bottom-left-radius: 50% 15vw;
  border-bottom-right-radius: 50% 15vw;
}

.renkei_nami_yellow{
	display: none;
}
.renkei_nami_yellow_02{
	display: block;
	margin: -12% 0 0 0px;/* 波のナミナミ部分の山の高さ調整 */
	width: 100vw;
}

.renkei_nami_yellow_02 img{
	display: block;
	margin-bottom:-3vh!important;
	width:100vw;
	
}
	
	


/*下地　波 黄色 */
/* 青タイトル----------------------------------------------------------------------------------　*/

.renkei_ao_title{
	position:relative;
	z-index: 11;
	border: solid 5px #B9E295; 
	background-color:#74C12C;
border-radius: 20px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 70vw;
	height: auto;
	margin: 10vh 0 0 15vw; /* ボックスの位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ボタンアニメーションホバー用設定  */
.renkei_ao_title:hover {
    transform: scale(1.1) ;
    background-color:#B9E295;
    border: solid 5px #74C12C; 
}
/* ボタンアニメーションホバー用設定 */


/* 緑ボタン　白抜き文字部分　 */
.renkei_ao_title_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2.5vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
    margin:1vh 0 1vh 0vw; /*白抜き文字の位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}

/* 連携　説明　枠部分----------------------------------------------------------------------------------　*/

.renkei_menu_erea{
	position:absolute;
	z-index: 10;
	margin: 490% 0 0 0; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	display: grid;
	gap: 5%;  /* flow 角丸grid 下部の空きサイズ */
	width: 100%;

}


.renkei_menu_list {
	position:relative;
	z-index: 11;
	border: solid 3px #6F5349; 
	background-color:#EBF2DC;
	 border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 90vw;
	margin: -10px 0 0 5vw; /*枠の外　空間 */
	padding-bottom: 20px;
	
	}

.renkei_menu_list_01{
	height: auto;
}

.renkei_menu_list_02{
	height: auto;
}

.renkei_menu_list_03{
	height: auto;
}

.renkei_menu_list_04{
	height: auto;
	background-color:#FFF2BC;
	margin-top: 8vh;
}


.renkei_menu_list_05{
	height: auto;
	background-color:#FFF2BC;
	
}

.renkei_menu_list_06{
	height: auto;
	background-color:#FFF2BC;
}


.renkei_menu_img_01{
	position:absolute;
	z-index: 11;
}

.flow_erea_step_01{ /*step/* -------------------------------------------------------------------------------------------------step------->  */
	position:absolute;
	width: 7vw;
	margin:-3vw 0 0 5vw; 
	z-index: 20;
}

.renkei_hito_01{
	position:absolute;
	z-index: 20;
	width: 35vw;
	margin: 3vh 0 0 2vw; 
}

.renkei_hito_02{
	position:absolute;
	width: 43vw;
	margin: 16vw 0 0 50vw; 
}

.renkei_hito_03{
	position:absolute;
	width: 37vw;
	margin:4vh 0 0 2vw; 
}

.renkei_hito_04{
	position:absolute;
	width: 40vw;
	margin: -13vh 0 0 45vw; 
}

.renkei_hito_05{
	position:absolute;
	width: 24vw;
	margin: 3vh 0vw 0vw -2vw; 
}

.renkei_hito_06{
	position:absolute;
	width: 23vw;
	margin: -3vh 0 0 65vw; 
}


.renkei_moji_01{
	position:absolute;
	width: 43vw;
	margin:-3vw 0 0 23vw;
	
}

.renkei_moji_02{
	position:absolute;
	width: 33vw;
	margin:-3vw 0 0 23vw;
	
}

.renkei_moji_03{
	position:absolute;
	width: 45vw;
	margin:-3vw 0 0 23vw;
	
}

.renkei_moji_04{
	position:absolute;
	width: 38vw;
	margin:-3vw 0 0 15vw;
	
}

.renkei_moji_05{
	position:absolute;
	width: 30vw;
	margin:-3vw 0 0 30vw;
	
}

.renkei_moji_06{
	position:absolute;
	width: 30vw;
	margin:-3vw 0 0 30vw;
	
}



/* 連携について 主な文章用文字*/
.renkei_naiyou_moji01{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
  margin: 6vw 5vw 2vh 45vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}


.renkei_naiyou_moji02{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 8vw 4vw 5vh 8vw;
}

/* flow 主な文章用文字*/
.renkei_naiyou_moji03{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 6vw 5vw 3vh 38vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}
.renkei_naiyou_moji04{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.5vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 20vw 5vw 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}

.renkei_naiyou_moji04 span{
    font-size: max(1.5vw);
    color: #5A3123;
    font-weight: 700;	
	
}

.renkei_naiyou_moji05{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.5vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 6vw 0vw 0 23vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}


.renkei_naiyou_moji06{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 3;
  margin: 6vw 0 0 10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	 
	
}

/* お問い合わせボタン----------------------------------------------------------------------------------　*/

.renkei_midori_title{
	position:relative;
	z-index: 11;
	border: solid 5px #B9E295; 
	background-color:#74C12C;
	border-radius: 10px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 35vw;
	height: auto;
	margin: 2vh 0 2vh 25vw; /* ボックスの位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ボタンアニメーションホバー用設定  */
.renkei_midori_title:hover {
    transform: scale(1.1) ;
    background-color:#B9E295;
    border: solid 5px #74C12C; 
}
/* ボタンアニメーションホバー用設定 */


/* 緑ボタン　白抜き文字部分　 */
.renkei_midori_title_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2.5vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
    margin:1vh 0 1vh 0vw; /*白抜き文字の位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}

/* <!--サービスプラン 説明　ここまで　------------------------------------------------------->  */
	
	
	
	
	
	
	
	
/*----------------------------
* inuneko_slider
*----------------------------*/

/* inuneko_slider */

.inuneko_slider_eria{
	z-index: 10;
	position:relative;
	height: 35vw;
	width: 100%;
	top:-5vw;
	margin-top: 10vh;
}
	
	


/*----------------------------
* footer
*----------------------------*/

/* footer */

.footer_eria{ /* footerの下部構成部分全体 */
	position:absolute;
	margin-top: 0vw;
	width: 100vw;
}
.footer_hoshi{
	margin-top: -20vw;
}

/* タイトル部分　左側全体 */
.footer_title_moji{
	position:absolute;
	z-index: 15;
	margin-top: 20vw;
	margin-left: 25vw;
}
/* タイトル　左下こもれび題字 */
.footer_komorebi_title_logo{
	z-index: 11;/*　上に　*/
	display:block;
	position: absolute;
    width:50vw;
    margin-top: 27vw;
	left: 2vw;
}

.footer_komorebi_title_hito{
	z-index: 11;/*　上に　*/
	display:block;
	position: absolute;
    width:50vw;
    margin-top: 0vw;
	left: 0vw;
	 animation: fuwanfuwan 2s ease-in-out infinite alternate-reverse;

}



/* タイトル 文字 */
.footer_moji_kaisya{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #FFFFFF;
    font-weight: 400;	
    letter-spacing: 0.1em;
    line-height: 1.5;
  margin: 50vw 0 0 17vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

.footer_rogo{
z-index: 11;/*　上に　*/
	display:block;
	position: absolute;
    width:20vw;
    margin-top: 43vw;
	left: -6vw;
}

.footer_rogo_moji{
	z-index: 11;/*　上に　*/
	display:block;
	position: absolute;
    width:30vw;
    margin-top: 43vw;
	left: 17vw;
}


/* footer メニュー 文字 */

.footer_menu_moji{
	position:absolute;
	z-index: 15;
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2.2vw);
    color: #FFFFFF;
    font-weight: 400;	
    letter-spacing: 0.1em;
    line-height: 2;
	margin: 96% 0 0 17vw; /*  */
	
}

.footer_menu_moji a{
	display: inline-block;
	color:#FFFFFF;
	text-decoration:none; 
	transition: .3s;
}

.footer_menu_moji a:hover {/*マウスが上に乗っている状態*/
color:#FB7371;
font-weight:bold;
transform: translateX(10px);
}


.footer_moji_reserved{
	position:relative;
	color: #FFFFFF;
	letter-spacing: 0em;
	font-size: max(2vw);
    margin: 5vw 0 0 9vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}

.footer_menu_moji_box{
	display: inline-block;      /* インラインブロック要素にする */
    padding:  10px;             /* 余白指定 */
	vertical-align: top;    /* 要素を上揃えにする */
  
}
.footer_moji_01{
	position:relative;
    line-height: 2;
  margin: 0 0 0 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}

.footer_moji_02{
	position:relative;
    line-height: 2;
  margin: 0 0 0 10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}


.footer_border01 {
position:absolute;/*絶対位置指定*/
z-index: 15;
left:-2vw;/*横位置の指定*/
top:1vh;/*縦位置の指定*/
background:#FFFFFF;/*線の色指定*/
width:1.5px;/*線の幅指定*/
height:10vh;/*線の高さ指定*/
}

.footer_border02 {
position:absolute;/*絶対位置指定*/
z-index: 15;
left:37vw;/*横位置の指定*/
top:1vh;/*縦位置の指定*/
background:#FFFFFF;/*線の色指定*/
width:1.5px;/*線の幅指定*/
height:10vh;/*線の高さ指定*/
}


/*ボタン*/

.footer_botan{
	position: absolute;
	margin: 75% 0 0 20vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

.pink_botan_footer{
	position:absolute;
	z-index: 11;
	border: solid 5px #FAD4C8; 
	background-color:#FFFFFF;
	border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 60vw;
	height: auto;
	margin: 2vh 0 2vh 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ピンクボタン　白抜き文字部分　 */
.pink_botan_moji{
    font-size: max(3vw);
    color: #FEBAB9;
    font-weight: 700;	
    letter-spacing: 0.2em;
	text-align: center;
    margin: 1vh 0 1vh 3vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}

.footer_tel_01{
z-index: 20;/*　上に　*/
	display:block;
	position: absolute;
    width:7vw;
    margin-top: 2vw;
	left: 5vw;
}


/* タイトル page top */

.footer_pagetop{
	z-index: 10;/*　上に　*/
	display:block;
	position: absolute;
    width:10vw;
    margin-top: 20vw;
	left:80vw;
	transition-duration: .2s; /* ボタンアニメーションホバー用設定 */	
}


/*下地　波ピンク色 */ /*波ピンク---------------------------------------------------------------------------------------pink nami-------------------------->*/
.footer_bg_pink{
	z-index: 3;
	position:absolute;
    height: 65%;
	min-height: 400px;
	width: 100%;
    background: #FFBAB9;
    margin: 8vh 0 0 0px; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

.footer_nami_pink_02{
	display: block;
	margin: -5vh 0 0 0px;
	width: 100vw;
}

.footer_nami_pink{
	display: none;
}

.footer_nami_pink-02 img{
	display: block;
	margin-bottom:-3vh!important;
	width:100vw;
}
/*下地　波ピンク色 */
	

} /* -- responsive ------------------------------------------------------------------------------------------------------------------------------------------------ */



/* -- responsive --------------------------------------------------------------------------------------------------------------------------------------------------------------------タブレット用-------------------- */

/* 1024xel start */
/*for tablet*/
@media screen and (min-width:768px) and (max-width:1024px) {
	
	
body {
  width: auto/* 子要素にflotを使っているので、背景を正しく表示するためwidth height 両要素の指定 */

}

#wrapper{
width: auto;
	height: 720vh;
	min-height: 8300px; 
}


/*----------------------------
* ヘッダー
*----------------------------*/


/* メニューリスト */
.nav-list {
	height: 55px;
    list-style: none;
    display:grid;
    justify-content: flex-end;
    grid-template-columns:repeat(6, 118px);
    gap:5px;
    background-color:white;
	border: solid 3px #765e5e;/*線*/
    border-radius: 	30px ;/* 下地角丸 */
	box-shadow: 0 2px 5px 0 rgba(197,195,195,0.50);
    place-items:center;
	padding-left: 45px;/*こもれびについての文字の左空き部分*/
	margin: 50px 0 0 2%;
	
 }


.nav-list__link {
    display:grid;
    place-items:center;
    grid-template-rows:30px;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size:15px;
    font-weight:500;
    text-decoration: none;
    cursor: default;
    color: #765e5e;
	
	position: relative; /* ← これが必要！ */
	
    }

/* メニューリスト　「こもれび」部分の調整サイズ */
.nav-list__link--komorebi{
	width: 210px;
	padding-right: 20px; /*こもれびについて　右側の空き調整用*/
}

/* メニューリスト ホバーアニメ*/
.nav-list__link:hover {
animation: text-blur 0.5s;
margin-bottom:15px;
transition:0.2s;
}


.nav-list__link::before {
    position: absolute;
    z-index: -1;
    width: 2.5em;
    height: 2.5em;
    clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
    content: '';
	left: 50%;/* ← これが必要！ */
    top: 50%;/* ← これが必要！ */
    transform: translate(-50%, -50%);/* ← これが必要！ */
}


.menu-btn {
 position:relative;
 display:block;
 width:64px;
 height:64px;
 margin:auto
}

/* メニューリスト */
	
/*----------------------------
* ヘッダー
*----------------------------*/
	
.header__body {
 height:10em;
 padding-inline:0px;

}


/* メニュー　ロゴ部分 */
 .header__logo {
 position: absolute;
    display:block;
    width:300px;
    margin:-80px 0 0 29%;
	
    }


/*----------------------------
* ハンバーガーメニュー
*----------------------------*/


/* overlay-styles.css */
.hamburger-overlay {
  position: fixed;
  top: 75px;/*メニューのボーダーの上からの位置設定*/
  right: 4em;
  z-index: 1000;
  width: 48px;
  height: 48px;
}

.hamburger-overlay__line { /*メニューのボーダーのサイズと位置設定*/
  left: 0em;
}

.hamburger-overlay__line:nth-of-type(1) { top: 14px; }/*メニューの3本ボーダーの空き*/
.hamburger-overlay__line:nth-of-type(2) { top: 27px; }
.hamburger-overlay__line:nth-of-type(3) { top: 40px; }
	
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(1) {/*メニューのバッテンの動き*/
  transform: translateY(13px) rotate(-45deg);
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(2) {
  opacity: 0;
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(3) {
  transform: translateY(-13px) rotate(45deg);
}


.nav-overlay__link {
  display: inline-block;
  padding: 20px;
  color: #6D5050;
 
    font-size: 1.2em;

}	
	
	
/*----------------------------
* ハンバーガーメニュー
*----------------------------*/


#overlay-button {
  position: absolute;/*ハンバーガーメニューの位置設定*/
  right: 3em;
  top: 75px;
}


/* お問い合わせボタン *//*---------------------------------------------------------------------------------------------------お問い合わせボタン-------->*/



.p_movBnr {
  width: 22vw;/* 背景白サイズ  */
  height: 150px;/* ボックス 上からの縦位置 */
}


.p_movBnr .p_movBnr_circle .circle_text{
  font-size: max(9px, 0.8rem);
  height: 250px;
}

.p_movBnr .p_movBnr_animal img {
  width: 41%;/* neko inu のサイズ */
  height: auto;
}

.p_movBnr .p_movBnr_animal .-inu {
	padding-left: 60%;/* inu の位置 */
}
.p_movBnr .p_movBnr_animal .-neko {
margin-left: -1px;/* neko  の位置 */
}


.p_movBnr.is-active{
  bottom: 30px;
}

/* お問い合わせボタン */
	
	
	
	
	
	
/*----------------------------
* plan and price
*----------------------------*/

/*  plan and price ここから　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.plan_and_price_content{
    z-index: 10;
	position:relative;
	top:15em;
	width: 100%;
}


/* flow タイトル部分 */

.plan_and_price_title{
	z-index: 20;
	position:absolute;
	height: 200vw;
	margin: -3vh 0 0 25vw   /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}


.plan_and_price_hito{
	position:absolute;
	width: 37vw;
	margin: -2vh 0 0 -12vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}

.plan_and_price_moji{
	position:absolute;
	width: 35vw;
	margin:3vh 0 0 25vw;  /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

/*下地　波緑 */
.plan_and_price_bg_green{ /*みどり波---------------------------------------------------------------------------------------------------midori 波-------->*/
	z-index: 3;
	position:absolute;
    height:480vh;
	min-height: 3650px;
	width: 100%;
    background: #D5E4B5;
    margin:10% 0 0 0px; /* 波の位置設定　 */
	
	border-bottom-left-radius: 50% 15vw;
    border-bottom-right-radius: 50% 15vw;
}

.plan_and_price_nami_green{ 
	display: none;
}
.plan_and_price_nami_green_02{
	display: block;
	margin: -11% 0 0 0px;/* 波のナミナミ部分の山の高さ調整 */
	width: 100vw;
}

.plan_price_nami_green_02 img{
   display: block;
	margin-bottom:-3vh!important;
	width:100vw;
}

/*下地　波緑 */

/* --プランと料金　連携　ボタン ここから　---------------------------------------  */

/*----------------------------
* プランと料金　連携　ボタン部分
*----------------------------*/


.plan_and_price_bottan_content{
    z-index: 20;
	position:absolute;
	margin: 24% 0 0 20vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

.plan_and_price_bottan_title_content {
	position:absolute;
	z-index: 20;
	border: solid 0.2em #6F5349; 
	background-color:#FFE681;
	 border-radius: 30px 30px 30px 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 80vw;
	height: auto;
	margin: 0 0 0 -10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
	}

.plan_and_price_botan_moji{
	z-index: 11;
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin:-2vh 0 0 10vw; 
}

/*ボタン 枠 -------------------------------------------------------------------------------------- */

.plan_and_price_botan{
	display: grid;
	gap: 2vw;  /* flow 角丸grid 下部の空きサイズ */
	margin: 4vh 0 2vh 0vw;
}


/* 緑ボタン----------------------------------------------------------------------------------　*/
.plan_and_price_midori_botan{
	position:relative;
	z-index: 11;
	border: solid 3px #68C9D8; 
	background-color:#19ACC3;
	 border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 43vw;
	height: auto;
	margin: 0 0 0 17vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}


/* 緑ボタン　白抜き文字部分　 */
.plan_and_price_midori_botan_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.8vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
  margin: 3% 0 3% 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}



/* 青ボタン----------------------------------------------------------------------------------　*/

.plan_and_price_ao_botan{
	position:relative;
	z-index: 11;
	border: solid 3px #B9E295; 
	background-color:#74C12C;
	border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 43vw;
	height: auto;
	margin: 0 0 0 17vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}


/* ボタンアニメーションホバー用設定 */
.plan_and_price_ao_botan:hover {
  transform: scale(1.1) ;
background-color:#B9E295;
border: solid 3px #74C12C; 
}
/* ボタンアニメーションホバー用設定 */


/* 青ボタン　白抜き文字部分　 */
.plan_and_price_ao_botan_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.8vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
  margin: 3% 0 3% 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}


	
/* <!--プランと料金　連携　ボタン明部分 ここまで　--------------------------------------->  */

	


/* <!--サービスプラン 説明　ここから　------------------------------------------------------->  */


/* サービスプラン */


.plan_and_price_menu_content{
    z-index: 20;
	position:relative;

}

/* 緑タイトル----------------------------------------------------------------------------------　*/

.plan_and_price_midori_title{
	position:relative;
	z-index: 11;
	border: solid 3px #68C9D8; 
	background-color:#19ACC3;
	border-radius: 20px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 70vw;
	height: auto;
	margin: 7vh 0 0 15vw; /* ボックスの位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ボタンアニメーションホバー用設定  */
.plan_and_price_midori_title:hover {
    transform: scale(1.1) ;
    background-color:#68C9D8;
    border: solid 5px #19ACC3; 
}
/* ボタンアニメーションホバー用設定 */


/* 緑ボタン　白抜き文字部分　 */
.plan_and_price_midori_title_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2.5vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
    margin:1vh 0 1vh 0vw; /*白抜き文字の位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}



/* プランと料金　説明部分 -------------------------------------------------------------------------*/
.plan_and_price_menu_erea{
	position:absolute;
	z-index: 10;
	margin: 80% 0 0 0; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	display: grid;
	gap: 3%;  /* flow 角丸grid 下部の空きサイズ */
	width: 100%;
}


.plan_and_price_menu_list {
	position:relative;
	z-index: 11;
	border: solid 3px #6F5349; 
	background-color:#FFF2BC;
	 border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 90vw;
	margin: 0px 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	}

.plan_and_price_menu_list_01{
	height: 110%;
	margin-top: -5%;
}

.plan_and_price_menu_list_02{
	height: 105%;
}

.plan_and_price_menu_list_03{
	height: 105%;
}

.plan_and_price_menu_list_04{
	height: 110%;
	background-color:#FFE681;
}


.plan_and_price_menu_list_05{
	height: 110%;
}


.plan_and_price_menu_img_01{
	position:absolute;
	z-index: 11;
}

.plan_and_price_step_01{
	position:absolute;
	width: 13vw;
	margin:-4vh 0 0 5vw; 
	z-index: 20;
}

.plan_and_price_step_04{
	position:absolute;
	width: 13vw;
	margin:-4vh 0 0 65vw; 
	z-index: 20;
}

.plan_and_price_hito_01{
	position:absolute;
	z-index: 20;
	width: 25vw;
	margin: -15vw 0 0 60vw; 
}

.plan_and_price_hito_02{
	position:absolute;
		width: 25vw;
	margin: -15vw 0 0 60vw; 
}

.plan_and_price_hito_03{
	position:absolute;
	width: 25vw;
	margin: -20vw 0 0 60vw; 
}

.plan_and_price_hito_04{
	position:absolute;
	width: 42vw;
	margin:13vh 0 0 50vw; 

}

.plan_and_price_fukidashi_04{
	position:absolute;
	width: 58vw;
	margin: 3vh 0 0 10vw; 
}


.plan_and_price_hito_05{
	position:absolute;
	width: 18vw;
	margin:8vh 0 0 -1vw; 
}

.plan_and_price_card_05{
	position:absolute;
	width: 25vw;
	margin:2vh 0 0 65vw; 
}



.plan_and_price_moji_01{
	position:absolute;
	width: 35vw;
	margin:-3vw 0 0 21vw;
	
}

.plan_and_price_moji_02{
	position:absolute;
	width: 41vw;
	margin:-3vw 0 0 21vw;
	
}

.plan_and_price_moji_03{
	position:absolute;
	width: 33vw;
	margin:-3vw 0 0 23vw;
	
}

.plan_and_price_moji_04{
	position:absolute;
		width: 38vw;
	margin:-3vw 0 0 21vw;
	
}

.plan_and_price_moji_05{
	position:absolute;
		width: 45vw;
	margin:-3vw 0 0 21vw;
	
}


/* プラント料金 主な文章用文字*/
.plan_and_price_naiyou_moji01{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 1.6;
  margin: 11vw 5vw 0 15vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}

.flow_02_moji span{
	border-bottom: solid 3px  #6F5349;
}

.plan_and_price_naiyou_moji01_2{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin: 0.7vw 5vw 0 10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}

.plan_and_price_naiyou_moji01_2 span{
 background: linear-gradient(transparent 50%, #FDA4A4 0%);
}

.plan_and_price_naiyou_moji02{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 11vw 4vw 0 5vw;
}

.plan_and_price_naiyou_moji02_2{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 0.7vw 4vw 0 7vw;
}

.plan_and_price_naiyou_moji02_2 span{
	 background: linear-gradient(transparent 50%, #FDA4A4 0%);
}

.plan_and_price_naiyou_moji02_3{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 2vw 4vw 0 5vw;
}

/* flow 主な文章用文字*/
.plan_and_price_naiyou_moji03{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 13vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}
.plan_and_price_naiyou_moji04{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 25vw 0 0 10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}
.plan_and_price_naiyou_moji05{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 5vh 0 0 17vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}



.table_01 {
  border: 2px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: 80vw;/*枠の幅*/
  margin: 2vw 0 0 5vw; /* 枠の外の空間 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;
	text-align: center;
	letter-spacing: 0em;
}

.table_01 tbody th,
.table_01 tbody td {
  padding: 10px 10px;/*上下空き*/
  border-bottom: 2px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_01 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0.1em;
}

.table_01 tbody td {
  border-left: 2px solid #6F5349;
background-color: #F6F1EB;
}

.table_01 tbody tr:last-child th,
.table_01 tbody tr:last-child td {
  border-bottom: none;
}




.table_02 {
  border: 2px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: 80vw;/*枠の幅*/
  margin: 2vw 0 0 5vw; /* 枠の外の空間 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

.table_02 span {/*キリのいいところでの文字の改行用として*/
  display: inline-block;
}

.table_02 tbody th,
.table_02 tbody td {
  padding: 10px;/*上下空き*/
  border-bottom: 2px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_02 tbody th {
  background-color: #19C3A2;
  color: #fff;
　letter-spacing: 0.1em;
}

.table_02 tbody td {
  border-left: 2px solid #6F5349;
background-color: #F6F1EB;
}

.table_02 tbody tr:last-child th,
.table_02 tbody tr:last-child td {
  border-bottom: none;
}



.table_03 {
  border: 2px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: 80vw;/*枠の幅*/
  margin: 2vw 0 0 5vw; /* 枠外の空間 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

	.table_03 span{/*キリのいいところでの文字の改行用として*/
  display: inline-block;
}
		
	
.table_03 tbody th,
.table_03 tbody td {
  padding: 10px ;/*上下空き*/
  border-bottom: 2px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_03 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0em;
	padding: 10px 0 ;/*上下空き*/
	
}

.table_03 tbody td {
  border-left: 2px solid #6F5349;
background-color: #F6F1EB;
}

.table_03 tbody tr:last-child th,
.table_03 tbody tr:last-child td {
  border-bottom: none;
}



.table_04 {
  border: 2px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: 80vw;/*枠の幅*/
  margin: 1vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

.table_04 tbody th,
.table_04 tbody td {
  padding: 10px;/*上下空き*/
  border-bottom: 2px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_04 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0.1em;
}

.table_04 tbody td {
  border-left: 2px solid #6F5349;
background-color: #F6F1EB;
}

.table_04 tbody tr:last-child th,
.table_04 tbody tr:last-child td {
  border-bottom: none;
}


.table_05 {
  border: 2px solid #6F5349;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: 80vw;/*枠の幅*/
  margin: 2vw 0 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
 align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
	text-align: center;
	letter-spacing: 0.1em;
}

.table_05 tbody th,
.table_05 tbody td {
  padding: 10px;/*上下空き*/
  border-bottom: 2px solid #6F5349;/*一括指定せず、border-bottomのみ*/
}

.table_05 tbody th {
  background-color: #19ACC3;
  color: #fff;
	letter-spacing: 0.2em;
}

.table_05 tbody td {
  border-left: 2px solid #6F5349;
background-color: #F6F1EB;
}

.table_05 tbody tr:last-child th,
.table_05 tbody tr:last-child td {
  border-bottom: none;
}



/* プランと料金　説明　ここまで　------------------------------------------------------->  */






/* 連携　説明部分 ここから-------------------------------------------------------------------------*/

.renkei_menu_content{
    z-index: 10;
	position:relative;
	width: 100%;
	top:460px;
}

/*下地　波黄色 */ /* -------------------------------------------------------------------------------------------------yellow波------->  */
.renkei_bg_yellow{
	z-index: 3;
	position:absolute;
    height:155vh;/*黄色背景の高さサイズ*/
	min-height: 800px;
	width: 100%;
    background: #FFE681;
    margin:460% 0 0 0px; /* 波を随意の配置するため、位置設定をマージンで　パーセントに */
	
	border-bottom-left-radius: 50% 15vw;
  border-bottom-right-radius: 50% 15vw;
}

.renkei_nami_yellow{
	display: none;
}
.renkei_nami_yellow_02{
	display: block;
	margin: -12% 0 0 0px;/* 波のナミナミ部分の山の高さ調整 */
	width: 100vw;
}

.renkei_nami_yellow_02 img{
	display: block;
	margin-bottom:-3vh!important;
	width:100vw;
	
}
	
	


/*下地　波緑 */
/* 青タイトル----------------------------------------------------------------------------------　*/

.renkei_ao_title{
	position:relative;
	z-index: 11;
	border: solid 5px #B9E295; 
	background-color:#74C12C;
border-radius: 20px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 70vw;
	height: auto;
	margin: 15vh 0 0 15vw; /* ボックスの位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ボタンアニメーションホバー用設定  */
.renkei_ao_title:hover {
    transform: scale(1.1) ;
    background-color:#B9E295;
    border: solid 5px #74C12C; 
}
/* ボタンアニメーションホバー用設定 */


/* 緑ボタン　白抜き文字部分　 */
.renkei_ao_title_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2.5vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
    margin:1vh 0 1vh 0vw; /*白抜き文字の位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}

/* 連携　説明　枠部分----------------------------------------------------------------------------------　*/

.renkei_menu_erea{
	position:absolute;
	z-index: 10;
	margin: 450% 0 0 0; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	display: grid;
	gap: 3%;  /* flow 角丸grid 下部の空きサイズ */
	width: 100%;

}


.renkei_menu_list {
	position:relative;
	z-index: 11;
	border: solid 3px #6F5349; 
	background-color:#EBF2DC;
	 border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
     width: 90vw;
	margin: 0px 0 0 5vw; /*枠の外　空間 */
	padding-bottom: 20px;
	
	}

.renkei_menu_list_01{
	height: auto;
	
}

.renkei_menu_list_02{
	height: auto;
}

.renkei_menu_list_03{
	height: auto;
}

.renkei_menu_list_04{
	height: auto;
	background-color:#FFF2BC;
	margin-top: 25vh;
}


.renkei_menu_list_05{
	height: auto;
	background-color:#FFF2BC;
}

.renkei_menu_list_06{
	height: auto;
	background-color:#FFF2BC;
}


.renkei_menu_img_01{
	position:absolute;
	z-index: 11;
}

.flow_erea_step_01{ /*step/* -------------------------------------------------------------------------------------------------step------->  */
	position:absolute;
	width: 7vw;
	margin:-4vw 0 0 5vw; 
	z-index: 20;
}

.renkei_hito_01{
	position:absolute;
	z-index: 20;
	width: 35vw;
	margin: 3vh 0 0 2vw; 
}

.renkei_hito_02{
	position:absolute;
	width: 43vw;
	margin: 12vw 0 0 48vw; 
}

.renkei_hito_03{
	z-index: 25;
	position:absolute;
	width: 37vw;
	margin:5vh 0 0 2vw; 
}

.renkei_hito_04{
	position:absolute;
	width: 38vw;
	margin: -17vh 0 0 45vw; 
}

.renkei_hito_05{
	position:absolute;
	width: 21vw;
	margin: 3vh 0 0 70vw; 
}

.renkei_hito_06{
	position:absolute;
	width: 23vw;
	margin: -3vh 0 0 65vw; 
}


.renkei_moji_01{
	position:absolute;
	width: 43vw;
	margin:-3vw 0 0 23vw;
	
}

.renkei_moji_02{
	position:absolute;
	width: 33vw;
	margin:-3vw 0 0 23vw;
	
}

.renkei_moji_03{
	position:absolute;
	width: 45vw;
	margin:-3vw 0 0 23vw;
	
}

.renkei_moji_04{
	position:absolute;
	width: 38vw;
	margin:-3vw 0 0 15vw;
	
}

.renkei_moji_05{
	position:absolute;
	width: 30vw;
	margin:-3vw 0 0 30vw;
	
}

.renkei_moji_06{
	position:absolute;
	width: 30vw;
	margin:-3vw 0 0 30vw;
	
}



/* 連携について 主な文章用文字*/
.renkei_naiyou_moji01{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
  margin: 6vw 5vw 2vh 45vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}


.renkei_naiyou_moji02{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.05em;
    line-height: 2;
	margin: 8vw 4vw 5vh 8vw;
}

/* flow 主な文章用文字*/
.renkei_naiyou_moji03{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 6vw 5vw 3vh 38vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}
.renkei_naiyou_moji04{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.5vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 20vw 5vw 0 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	
}

.renkei_naiyou_moji04 span{
    font-size: max(1.5vw);
    color: #5A3123;
    font-weight: 700;	
	
}

.renkei_naiyou_moji05{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.5vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 2;
  margin: 6vw 0 2vw 5vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}


.renkei_naiyou_moji06{
align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2vw);
    color: #6F5349;
    font-weight: 500;	
    letter-spacing: 0.1em;
    line-height: 3;
  margin: 6vw 0 0 10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	 
	
}

/* お問い合わせボタン----------------------------------------------------------------------------------　*/

.renkei_midori_title{
	position:relative;
	z-index: 11;
	border: solid 5px #B9E295; 
	background-color:#74C12C;
	border-radius: 10px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 35vw;
	height: auto;
	margin: 2vh 0 2vh 25vw; /* ボックスの位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ボタンアニメーションホバー用設定  */
.renkei_midori_title:hover {
    transform: scale(1.1) ;
    background-color:#B9E295;
    border: solid 5px #74C12C; 
}
/* ボタンアニメーションホバー用設定 */


/* 緑ボタン　白抜き文字部分　 */
.renkei_midori_title_moji{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(2.5vw);
    color: #FFFFFF;
    font-weight: 700;	
    letter-spacing: 0.1em;
	text-align: center;
    margin:1vh 0 1vh 0vw; /*白抜き文字の位置 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}

/* <!--サービスプラン 説明　ここまで　------------------------------------------------------->  */
		
	
	
/*----------------------------
* inuneko_slider
*----------------------------*/

/* inuneko_slider */

.inuneko_slider_eria{
	z-index: 10;
	position:relative;
	height: 35vw;
	width: 100%;
	top:-5vw;
	margin-top: 10vh;
}
	
	

/*----------------------------
* footer
*----------------------------*/

/* footer */

.footer_eria{ /* footerの下部構成部分全体 */
	position:absolute;
	margin-top: 0vw;
	width: 100vw;
}
.footer_hoshi{
	margin-top: -20vw;
}

/* タイトル部分　左側全体 */
.footer_title_moji{
	position:absolute;
	z-index: 15;
	margin-top: 20vw;
	margin-left: 7vw;
}
/* タイトル　左下こもれび題字 */
.footer_komorebi_title_logo{
	z-index: 11;/*　上に　*/
	display:block;
	position: absolute;
    width:35vw;
    margin-top: 15vh;
	left: 2vw;
}

.footer_komorebi_title_hito{
	z-index: 11;/*　上に　*/
	display:block;
	position: absolute;
    width:35vw;
    margin-top: 0vw;
	left: 0vw;
	 animation: fuwanfuwan 2s ease-in-out infinite alternate-reverse;

}



/* タイトル 文字 */
.footer_moji_kaisya{
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.5vw);
    color: #FFFFFF;
    font-weight: 400;	
    letter-spacing: 0.1em;
    line-height: 1.5;
  margin: 9vh 0 0 45vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

.footer_rogo{
z-index: 11;/*　上に　*/
	display:block;
	position: absolute;
    width:13vw;
     margin-top:3.5vw;
	left: 72vw;
}

.footer_rogo_moji{
	z-index: 11;/*　上に　*/
	display:block;
	position: absolute;
    width:25vw;
    margin-top:4vh;
	left: 45vw;
}


/* footer メニュー 文字 */

.footer_menu_moji{
	position:absolute;
	z-index: 15;
	align-content: center;
    font-family: "Zen Maru Gothic", serif;
    font-style: normal;
    font-size: max(1.6vw);
    color: #FFFFFF;
    font-weight: 400;	
    letter-spacing: 0.1em;
    line-height: 2;
	margin: 53% 0 0 17vw; /*  */
	
}

.footer_menu_moji a{
	display: inline-block;
	color:#FFFFFF;
	text-decoration:none; 
	transition: .3s;
}

.footer_menu_moji a:hover {/*マウスが上に乗っている状態*/
color:#FB7371;
font-weight:bold;
transform: translateX(10px);
}


.footer_moji_reserved{
	position:relative;
	color: #FFFFFF;
	letter-spacing: 0em;
	font-size: max(1.5vw);
    margin: 2vh 0 0 10vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}

.footer_menu_moji_box{
	display: inline-block;      /* インラインブロック要素にする */
    padding:  10px;             /* 余白指定 */
	vertical-align: top;    /* 要素を上揃えにする */
  
}
.footer_moji_01{
	position:relative;
    line-height: 2;
  margin: 0 0 0 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}

.footer_moji_02{
	position:relative;
    line-height: 2;
  margin: 0 0 0 15vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}


.footer_border01 {
position:absolute;/*絶対位置指定*/
z-index: 15;
left:-2vw;/*横位置の指定*/
top:1.7vh;/*縦位置の指定*/
background:#FFFFFF;/*線の色指定*/
width:1.5px;/*線の幅指定*/
height:11vh;/*線の高さ指定*/
}

.footer_border02 {
position:absolute;/*絶対位置指定*/
z-index: 15;
left:33vw;/*横位置の指定*/
top:1.7vh;/*縦位置の指定*/
background:#FFFFFF;/*線の色指定*/
width:1.5px;/*線の幅指定*/
height:11vh;/*線の高さ指定*/
}


/*ボタン*/

.footer_botan{
	position: absolute;
	margin: 38% 0 0 50vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
}

.pink_botan_footer{
	position:absolute;
	z-index: 11;
	border: solid 5px #FAD4C8; 
	background-color:#FFFFFF;
	border-radius: 30px;	/* 左上 | 右上 | 右下 | 左下 */
    width: 40vw;
	height: auto;
	margin: 2vh 0 2vh 0vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */	
}

/* ピンクボタン　白抜き文字部分　 */
.pink_botan_moji{
    font-size: max(2vw);
    color: #FEBAB9;
    font-weight: 700;	
    letter-spacing: 0.2em;
	text-align: center;
    margin: 1vh 0 1vh 3vw; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */
	transition-duration: .4s; /* ボタンアニメーションホバー用設定 */
}

.footer_tel_01{
z-index: 20;/*　上に　*/
	display:block;
	position: absolute;
    width:5vw;
    margin-top: 1vw;
	left: 5vw;
}


/* タイトル page top */

.footer_pagetop{
	z-index: 10;/*　上に　*/
	display:block;
	position: absolute;
    width:10vw;
    margin-top: 40vh;
	left:80vw;
	transition-duration: .2s; /* ボタンアニメーションホバー用設定 */	
}

/*下地　波ピンク色 */
.footer_bg_pink{
	z-index: 3;
	position:absolute;
    height: 55%;
	width: 100%;
    background: #FFBAB9;
    margin: 13vh 0 0 0px; /* ピンク背景の位置 */
}

.footer_nami_pink_02{
	display: block;
	margin: -8vh 0 0 0px; /* ピンク山の部部分の高さ位置 */
	width: 100vw;
}

.footer_nami_pink{
	display: none;
}

.footer_nami_pink-02 img{
	display: block;
	margin-bottom:-3vh!important;
	width:100vw;
}
/*下地　波ピンク色 */
		
		
	
}/* -- responsive ------------------------------------------------------------------------------------------------------------------------------------------------ */