/*画像の切り替え*/
picture {
  display: block;
}

picture img {
  max-width: 100%;
  height: auto;
}

/*　********PC用ここから*********　*/
@media screen and (min-width: 767px) { 

.sp_br{
	display: none; /*spだけ改行*/
	}
	
/*注意書き用*/
	.compact-attention{
		font-size: 12px;
		color: #3d3939;		
	}

/*pcの幅制御用*/	
	.compact-pc_width{
		max-width: 1200px;
		margin: 0 auto;
		min-width: 767px;
	}	
	

	.mc_image{
		max-width: 1200px;
		margin: 0 auto;
	}	
	
	
	.mc_bgc{
		width: 100%;
		 background: linear-gradient(to right, #f6f9fb, #d7dedf);
		
	}	
	
	
/*来場予約*/
	
.main_actinfo_btn3{
	width: 770px;
}

.main_actinfo_btn4{
	width: 770px;
}	
		
.main_actinfo_inner_inner img{
	width: 550px;
}

	
/*メインビジュアル*/

	
/*南向き中心*/	
.compact-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    background-color: #2487be;
    color: #FFFFFF;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	text-align: center;
	}

.compact-title_area{
	width: 100%;
    color: white;
	background-color: #0d5278;
	text-align: center;
	margin-bottom:20px ;
	padding: 10px 0;
	}	
	
.compact-title {
	font-size: 20px;
	font-weight: bold;
    margin-bottom: 5px;
	color: #fff;
	letter-spacing: 8px; /* 字間を広げる */
	}

.compact-title_text{
	margin-bottom: 10px;
	}	
	
.compact-title_text img{
	width: 400px;
	}		


/*lifestyle*/	
.compact-lifestyle{
	border-top: solid 2px #003916;
	background-image: url("../images/compact/pc_bg.jpg");
	background-size: 100%; /* 幅100%に設定 */
  	background-repeat: no-repeat; /* リピートなしに設定 */
	width: 100%;
	padding: 30px;
	text-align: center;
	}	
	
.compact-lifestyle-text{
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;/* '明朝体指定*/	
	font-weight: bold;
	color:#3d3939;
	line-height: 1.9;
	margin: 20px 0;
	}
	
.life-style-logo{
	width: 350px;}	
	
.compact-image-list {
  display: flex; /* 横並びにする */
  list-style: none; /* リストの点を取り除く */
  padding: 0; /* 余白をなくす */
  margin: 0 auto; /* 余白をなくす */
	width: 700px;
}

.compact-image-list li {
  width: calc(100% / 3); /* 3等分にする */
  padding: 10px; /* 余白を追加 */
  box-sizing: border-box; /* 幅にpaddingを含める */
	
}

.compact-image-list img {
  max-width: 100%; /* 画像がliの幅を超えないようにする */
  height: auto; /* 高さを自動調整する */
  display: block; /* 画像下の余白をなくす */
}	
	
	
/*plan*/
.compact-plan {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}
	
	.compact-plan img {
		width:  100%;
	}
	
.compact-plan-text	{
    width: 100%;
	color: #FFFFFF;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-size: 25px;
	text-align: center;
	line-height: 1.8;
	margin-top: 10px;
	font-weight: normal;
    background-color: #2487be;
	padding:20px 0; 
	}
	
.compact-plan-icon	{
	margin-bottom: 10px;
	}
.compact-plan-icon img{
	width:  250px;
}	
		
.compact-plan-detail {
	
	margin-top: 10px;
	}
		
.compact-plan-detail-text {
	color: #38383a;
	line-height: 1.8;
	font-size: 20px;
	width: 770px;
	margin: 10px auto;
	}

.compact-plan-detail img{
	width: 770px;
	}

.compact-plan-detail-title {
	display: flex; /* 横並びにする */
	width: 100%; /* 幅を100%にする */
	padding-bottom: 5px;
	border-bottom: 1px solid #ae1e2b;
	max-width: 770px;
	margin: 0 auto;
	text-align: left;
}

.compact-plan-detail-box {
	box-sizing: border-box;
	font-size: 25px;
	font-weight: normal;
	color: #38383a;
	
}
	
.compact-plan-detail-box img{
	width: 40px;
}	

.compact-plan-detail-box:first-child { /* 左側のボックス */
  width: 50px; /* 幅を10%にする */
}

.compact-plan-detail-box:not(:first-child) { /* 右側のボックス */
	width: 680px; /* 残りの幅を90%にする */
	padding-left: 10px;	
}	

.compact-plan-detail-image {
	width: 770px;
	margin: 20px auto;
}
	
.compact-plan-detail-image img{
	width: 100%;	
}
	
.compact-plan-detail-openclause	img{
			width: 100%;
	}

.compact-plan-detail-openclause	{
			width: 100%;
		  display: flex; /* 横並びにする */
		  flex-wrap: wrap; /* 折り返しを許可する */
		  list-style: none; /* リストの点を取り除く */
	}

.compact-plan-detail-openclause	li{
  width: 50%; /* PCでは2つ並べる */
  padding: 10px;
  box-sizing: border-box;
}
	


/*location*/
		
.compact-location {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}
	
.compact-location-text	{
    width: 100%;
	color: #FFFFFF;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-size: 25px;
	text-align: center;
	line-height: 1.8;
	margin-top: 10px;
	font-weight: normal;
    background-color: #2487be;
	padding:20px 0; 
	}

.compact-location-icon	{
	margin-bottom: 10px;
	}	
	
.compact-location-icon img{
	width:  250px;
}		
	
.compact-location-text-title	{
	color: #ae0e16;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-size: 4vw;
	text-align: center;
	line-height: 1.8;
	margin-top: 2vw;
	font-weight: normal;
	padding:3vw 0; 
	}

.compact-location-detail-background{	
		background-image: url("../images/compact/sp_location_bg.png");
		background-size: 100%; /* 幅100%に設定 */
		background-repeat: no-repeat; /* リピートなしに設定 */
		width: 100%;	}
	
.compact-location-detail {
		text-align: center;			
	}
	
.compact-location-detail-title {
	width: 960px; /* 幅を100%にする */
	color: #ae1e2b;
	font-size: 25px;
	line-height: 1.8;
	text-align: center;
	margin: 0 auto;
}	

.compact-location-detail-txet{
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;/* '明朝体指定*/	
	font-weight: bold;
	color:#3d3939;
	line-height: 1.9;
	margin: 10px 0;
	}

.compact-location-detail-flex{
	display: flex; /* 横並びにする */
  	flex-wrap: wrap; /* 折り返しを許可する */	
	width: 1200px;
	}
.compact-location-detail-2{
	width: 48%; /* 幅を100%にする */	
	background-color: #fff;
	border: 1px #3d3939 solid;
	padding: 20px;
	margin: 40px auto;
	box-sizing: border-box; /* 幅にpaddingを含める */

}	

.compact-location-detail-2 img{
	width: 100%;
	}
	
	
.compact-location-detail-2-titletext{
	font-size: 23px;
	color: #3d3939;
	padding: 10px 0 10px;
	border-bottom: 1px solid #3d3939;
	text-align: left;
	}	
.compact-location-detail-2-subtext{	
	font-size: 13px;
	color: #3d3939;
	padding: 15px 0;
	text-align: left;
	}		
.compact-location-detail-2-text{
	font-size: 16px;
	color: #3d3939;
	padding: 0 0 10px;
	text-align: left;
	line-height: 1.8;
	}	
	
.compact-location-detail-2-box-container {
 display: flex; /* フレックスボックスを使用 */
  flex-wrap: wrap; /* 折り返しを許可 */
  justify-content: space-around; /* ボックスを均等に配置 */
  width: 100%; /* 幅を100%にする */
}

.compact-location-detail-2-box {
    width: 48%; /* ボックスの幅を調整 */
  margin-bottom: 30px; /* ボックス間の間隔 */
  padding: 10px;
  box-sizing: border-box; /* パディングを含めた幅にする */
	line-height: 1.8;
	font-size: 15px;
	color: #3d3939;
	text-align: left;
}	
	
	
.compact-location-detail-3 {
	width: 90%; /* 幅を100%にする */	
	margin: 0 auto 20px auto;
	font-family: 'Noto Serif JP', serif;/* '明朝体指定*/	
	font-size: 23px;
	line-height: 1.8;
	color: #3d3939;
}		
	
.compact-location-detail-3-img{
	width: 45%; /* 幅を100%にする */	
	margin: 10px auto 5px auto;
}			
		
	
	
/*value*/
		
.compact-value {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

	
.compact-value-number {
	margin: 20px auto 15px auto;
	width: 150px;
}
	
.compact-value-number img{
	width: 250px;
}


.compact-value-detail{
	width: 1180px;
	margin: 20px auto;
	
	}
.compact-value-detail_970{
	width: 970px;
	margin: 20px auto;
}

.compact-value-detail_670{
	width: 670px;
	margin: 20px auto;
}	
	
.compact-value-detail img{
	width: 80%;
}	
.compact-value-text	{
    width: 100%;
	color: #FFFFFF;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-size: 25px;
	text-align: center;
	line-height: 1.8;
	margin-top: 10px;
	font-weight: normal;
    background-color: #2487be;
	padding:20px 0; 
	}

.compact-value-icon	{
	margin-bottom: 10px;
	}	
.compact-value-icon img{
	width:  250px;
}			
	
.compact-value-text-title	{
	color: #ae0e16;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-size: 4vw;
	text-align: center;
	line-height: 1.8;
	margin-top: 2vw;
	font-weight: normal;
	padding:5px 0; 
	}

.compact-value-detail {
		text-align: center;			
	}
.compact-value-detail img{
	width: 100%;
}	
	
.compact-value-detail-title {
	width: 100%; /* 幅を100%にする */
	color: #ae1e2b;
	font-size: 25px;
	line-height: 1.8;
	
}	

.compact-value-detail-txet{
	font-size: 15px;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-weight: normal;
	color:#3d3939;
	line-height: 1.9;
	margin: 10px 0;
	}

.compact-value-detail-2{
	background-color: #f5f2ec;
	width: 1080px;
	padding: 10px 30px 20px 30px; /* 余白を追加 */
	 box-sizing: border-box; /* 幅にpaddingを含める */
 	 border-radius: 10px; /* 角を丸くする */	
	margin: 0 auto;
	
}
	
.compact-value-detail-2-txet{
	text-align: left;
	color: #070001;
	font-size: 10px;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	line-height: 1.4;
}
	
	.compact-value-detail-2	img{
		width: 70%;
	}

	
.compact-value-detail-5	
	{
		display: flex;
		flex-wrap: wrap; /* 折り返しを許可する */
		width: 770px;
		margin: 0 auto;
	}
.compact-value-detail-5_box	{
		width: 50%;
		box-sizing: border-box; /* 幅にpaddingを含める */	
		}

.compact-value-detail-3{
	margin-top: 30px;
	}

.compact-value-detail-3 img{
	width: 80%;
	}
	
.compact-value-detail-3-titletxet{
	padding: 10px;
	color: #3d3939;
	border: solid 1px #3d3939;
	font-size: 25px;
	margin: 30px auto;
	width: 770px;
	}	
	
.compact-value-detail-3-box-container {
  display: flex; /* 横並びにする */
  width: 770px; /* 幅を100%にする */
	margin: 10px auto;	
}

.compact-value-detail-3-box {
  width: 50%; /* 2つのボックスが均等な幅になるように */
}	

.compact-value-detail-3-box img{
	width: 100%;
}

.compact-value-detail-3-box_title {
	border-bottom: solid 1px #3d3939;
	padding: 5px 0;
	text-align: left;
	margin-bottom: 20px;
}	
.compact-value-detail-3-box_title img{width: 30%;}
	
.compact-value-detail-3-box_text{
	font-size: 18px;
	line-height: 1.8;
	text-align: left;
}		
	
.compact-value-detail-3-box_title_r {
	border-bottom: solid 1px #3d3939;
	padding: 10px 0;
	text-align: right;
	margin-bottom: 20px;
}	
.compact-value-detail-3-box_title_r img{width: 30%;}
	
.compact-value-detail-3-box_text_r{
	font-size: 18px;
	line-height: 1.8;
	text-align: left;
	padding-left:15px; 
	
}	
	.compact-value-detail-4{
		margin: 30px auto 20px auto;
	}
	
.compact-value-detail-4 img{
	width: 30%;
	}	

	.compact-value-detail-txet-4	{
		margin: 20px auto;
		width: 770px;
	}
	
.compact-value-detail-4-position_r img{width: 100%;}

.compact-value-detail-4-border_bottom	{
	font-size: 15px;
	color: #3d3939;
	}	
	
/*　*****************　*/	
}	
/*　********PC用ここまで*********　*/	





/*　********SP用ここから*********　*/
@media screen and (max-width: 768px) { 

/*注意書き用*/
	.compact-attention{
		font-size: 2vw;
		color: #3d3939;
		
	}

/*pcの幅制御用*/	
	.compact-pc_width{
		max-width: 768px;
		margin: 0 auto;
	}
	
	.mc_image{
		margin-bottom: -1vw;
	}	
	
	
/*来場予約*/
.main_actinfo_btn3{
	width: 100%;
}

.main_actinfo_btn4{
	width: 100%

}	
	
.main_actinfo_inner_inner img{
	width:  90%;
}
	
/*メインビジュアル*/
.background-container {
  position: relative; /* 親要素を相対位置にする */
  width: 100%;
  height: 50vh; /* 背景画像の高さを設定 */
  max-height: 500px; /* 背景画像の高さを設定 */	
  overflow: hidden; /* 背景画像がはみ出さないように */
}

.background-image {
  position: absolute; /* 背景画像を絶対位置にする */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 背景画像を要素に合わせる */
}
	
.overlay-image {
  position: absolute;
  top: 20%; /* 上からの位置を調整 */
  left: 50%; /* 左からの位置を調整 */
  z-index: 2; /* 背景画像、固定画像よりも手前に表示 */
}

.overlay-image img {
  max-width:220px ; /* 画像の最大幅を調整 */
  height: auto;
width: 35vw;
}	

.fixed-image {
  position: absolute; /* 固定画像を絶対位置にする */
  top: 90%; /* 上から50%の位置に配置 */
  left: 50%; /* 左から50%の位置に配置 */
  transform: translate(-50%, -50%); /* 中央に配置 */
  z-index: 1; /* 背景画像より手前に表示 */
}

.fixed-image img {
  max-width: 600px; /* 画像の最大幅を設定 */
	width: 90vw;	
  height: auto; /* 高さを自動調整 */
}	
	
	
.small-text {
  position: absolute;
  bottom: 1vw; /* 下からの距離を調整 */
  right: 1vw; /* 右からの距離を調整 */
  z-index: 3; /* 他の要素よりも手前に表示 */
  font-size: 2vw; /* 文字サイズ */
color: #fff;
	
}	
	
	
/*南向き中心*/	
.compact-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    background-color: #2487be;
    color: #FFFFFF;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	text-align: center;
	}

.compact-title_area{
	width: 100%;
    color: white;
	background-color: #0d5278;
	text-align: center;
	margin-bottom:3vw ;
	padding: 1vw 0;
	}	
	
.compact-title {
	font-size: 3vw;
	font-weight: bold;
    margin-bottom: 10px;
	color: #fff;
	letter-spacing: 1.5vw; /* 字間を広げる */
	}

.compact-title_text{
	margin-bottom: 3vw;
	}	
.compact-title_text img{
	width: 80%;
	}		

/*lifestyle*/	
.compact-lifestyle{
	border-top: solid 2px #003916;
	background-image: url("../images/compact/sp_lifestyle_bg.jpg");
	background-size: 100%; /* 幅100%に設定 */
  	background-repeat: no-repeat; /* リピートなしに設定 */
	width: 100%;
	padding: 8vw;
	text-align: center;
	}	
	
.compact-lifestyle-text{
	font-size: 3vw;
	font-family: 'Noto Serif JP', serif;/* '明朝体指定*/	
	font-weight: bold;
	color:#3d3939;
	line-height: 1.9;
	margin: 5vw 0;
	}
	
.life-style-logo{
	width: 50%;}	
	
.compact-image-list {
  display: flex; /* 横並びにする */
  list-style: none; /* リストの点を取り除く */
  padding: 0; /* 余白をなくす */
  margin: 0; /* 余白をなくす */
}

.compact-image-list li {
  width: calc(100% / 3); /* 3等分にする */
  padding: 2vw; /* 余白を追加 */
  box-sizing: border-box; /* 幅にpaddingを含める */
}

.compact-image-list img {
  max-width: 100%; /* 画像がliの幅を超えないようにする */
  height: auto; /* 高さを自動調整する */
  display: block; /* 画像下の余白をなくす */
}	
	
	
/*plan*/
.compact-plan {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

	.compact-plan img{width: 100%;}	
	
.compact-plan-text	{
    width: 100%;
	color: #FFFFFF;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-size: 4vw;
	text-align: center;
	line-height: 1.8;
	margin-top: 2vw;
	font-weight: normal;
    background-color: #2487be;
	padding:3vw 0; 
	}
	
.compact-plan-icon	{
	margin-bottom: 2vw;
	}
	
.compact-plan-icon img{
	width: 35%;
}	
		
.compact-plan-detail {
	
	margin-top: 5vw;
	}
		
.compact-plan-detail-text {
	color: #38383a;
	line-height: 1.8;
	margin-top: 3vw;	
	font-size: 3vw;
}

.compact-plan-detail img{
	width: 90%;
	}

.compact-plan-detail-title {
	display: flex; /* 横並びにする */
	width: 100%; /* 幅を100%にする */
	padding-bottom: 2vw;
	border-bottom: 1px solid #ae1e2b;
	
}

.compact-plan-detail-box {
	box-sizing: border-box;
	font-size: 5vw;
	line-height: 1.9;
	font-weight: normal;
	color: #38383a;
	
}
	
.compact-plan-detail-box img{
	width: 100%;
}	

.compact-plan-detail-box:first-child { /* 左側のボックス */
  width: 10%; /* 幅を10%にする */
	padding-top: 1.9vw;		
}

.compact-plan-detail-box:not(:first-child) { /* 右側のボックス */
	width: 90%; /* 残りの幅を90%にする */
	padding-left: 3vw;	
}	

.compact-plan-detail-image {
	width: 100%;
	margin-top: 5vw;
}
	
.compact-plan-detail-image img{
	width: 100%;
	margin-bottom: 3vw;
	
}
	
.compact-plan-detail-openclause	img{
			width: 100%;
	}

.compact-plan-detail-openclause	{
			width: 100%;
		  display: flex; /* 横並びにする */
		  flex-wrap: wrap; /* 折り返しを許可する */
		  list-style: none; /* リストの点を取り除く */
	}

.compact-plan-detail-openclause	li{
   width: 100%; /* 1列にする */
	}
	
	

/*location*/
		
.compact-location {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}
	
.compact-location-text	{
    width: 100%;
	color: #FFFFFF;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-size: 4vw;
	text-align: center;
	line-height: 1.8;
	margin-top: 2vw;
	font-weight: normal;
    background-color: #2487be;
	padding:3vw 0; 
	}

.compact-location-icon	{
	margin-bottom: 2vw;
	}	
	
.compact-location-icon img{
	width: 35%;
}		
.compact-location-text-title	{
	color: #ae0e16;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-size: 4vw;
	text-align: center;
	line-height: 1.8;
	margin-top: 2vw;
	font-weight: normal;
	padding:3vw 0; 
	}

.compact-location-detail-background{	
		background-image: url("../images/compact/sp_location_bg.png");
		background-size: 100%; /* 幅100%に設定 */
		background-repeat: no-repeat; /* リピートなしに設定 */
		width: 100%;	}
	
.compact-location-detail {
		text-align: center;			
	}
	
.compact-location-detail-title {
	width: 100%; /* 幅を100%にする */
	color: #ae1e2b;
	font-size: 4vw;
	line-height: 1.8;
	
}	

.compact-location-detail-txet{
	font-size: 3vw;
	font-family: 'Noto Serif JP', serif;/* '明朝体指定*/	
	font-weight: bold;
	color:#3d3939;
	line-height: 1.9;
	margin: 3vw 0;
	}


.compact-location-detail-2{
	width: 100%; /* 幅を100%にする */	
	background-color: #fff;
	border: 1px #3d3939 solid;
	padding: 4vw;
	margin-top: 6vw;

}	

.compact-location-detail-2 img{
	width: 100%;
	}
	
.compact-location-detail-2-titletext{
	font-size: 3.5vw;
	color: #3d3939;
	padding: 5vw 0 1vw;
	border-bottom: 1px solid #3d3939;
	text-align: left;
	}	
.compact-location-detail-2-subtext{	
	font-size: 2vw;
	color: #3d3939;
	padding: 2.5vw 0;
	text-align: left;
	}		
.compact-location-detail-2-text{
	font-size: 3.5vw;
	color: #3d3939;
	padding: 0 0 8vw;
	text-align: left;
	line-height: 1.8;
	}	
	
.compact-location-detail-2-box-container {
 display: flex; /* フレックスボックスを使用 */
  flex-wrap: wrap; /* 折り返しを許可 */
  justify-content: space-around; /* ボックスを均等に配置 */
  width: 100%; /* 幅を100%にする */
}

.compact-location-detail-2-box {
    width: 48%; /* ボックスの幅を調整 */
  margin-bottom: 2vw; /* ボックス間の間隔 */
  padding: 1vw;
  box-sizing: border-box; /* パディングを含めた幅にする */
	line-height: 1.8;
	font-size: 2.5vw;
	color: #3d3939;
	text-align: left;
}	
	
	
.compact-location-detail-3 {
	width: 85%; /* 幅を100%にする */	
	margin: 0 auto 4vw auto;
	font-family: 'Noto Serif JP', serif;/* '明朝体指定*/	
	font-size: 3vw;
	line-height: 1.8;
	color: #3d3939;
}		
	
.compact-location-detail-3-img{
	width: 20%; /* 幅を100%にする */	
	margin: 2vw auto 1vw auto;
}			
	
	
/*value*/
		
.compact-value {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

	
.compact-value-number {
	margin: 0 auto 6vw auto;
	width: 25%;
}
	
.compact-value-number img{
	width: 100%;
}


.compact-value-detail{
	width: 100%;	
	}	
	
.compact-value-detail img{
	margin: 2vw auto;
	width: 100%;
}	
.compact-value-text	{
    width: 100%;
	color: #FFFFFF;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-size: 4vw;
	text-align: center;
	line-height: 1.8;
	margin-top: 2vw;
	font-weight: normal;
    background-color: #2487be;
	padding:3vw 0; 
	}

.compact-value-icon	{
	margin-bottom: 2vw;
	}	
	
.compact-value-icon img{
	width: 35%;
}	
	
.compact-value-text-title	{
	color: #ae0e16;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-size: 4vw;
	text-align: center;
	line-height: 1.8;
	margin-top: 2vw;
	font-weight: normal;
	padding:3vw 0; 
	}

.compact-value-detail {
		text-align: center;			
	}
.compact-value-detail img{
	width: 100%;
}	
	
.compact-value-detail-title {
	width: 100%; /* 幅を100%にする */
	color: #ae1e2b;
	font-size: 4vw;
	line-height: 1.8;
	
}	

.compact-value-detail-txet{
	font-size: 3vw;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	font-weight: normal;
	color:#3d3939;
	line-height: 1.9;
	margin: 3vw 0;
	}

.compact-value-detail-2{
	background-color: #f5f2ec;
	width: 100%;
	padding: 4vw 4vw 6vw 4vw; /* 余白を追加 */
	 box-sizing: border-box; /* 幅にpaddingを含める */
 	 border-radius: 2vw; /* 角を丸くする */	
	
}
	
.compact-value-detail-2-txet{
	text-align: left;
	color: #070001;
	font-size: 2vw;
	font-family: 'TsukuGoPro', sans-serif; /* 'TsukuGoPro'が利用できない場合の代替 */
	line-height: 1.4;
}

.compact-value-detail-3{
	margin-top: 5vw;
	}

.compact-value-detail-3 img{
	width: 80%;
	}
	
.compact-value-detail-3-titletxet{
	padding: 1vw;
	color: #3d3939;
	border: solid 1px #3d3939;
	font-size: 3.5vw;
	margin: 3vw;
	}	
	
.compact-value-detail-3-box-container {
  display: flex; /* 横並びにする */
  width: 100%; /* 幅を100%にする */
}

.compact-value-detail-3-box {
  width: 50%; /* 2つのボックスが均等な幅になるように */
}	

.compact-value-detail-3-box img{
	width: 100%;
}

.compact-value-detail-3-box_title {
	border-bottom: solid 1px #3d3939;
	padding: 1vw 0;
	text-align: left;
	margin-bottom: 1vw;
}	
.compact-value-detail-3-box_title img{width: 30%;}
	
.compact-value-detail-3-box_text{
	font-size: 3vw;
	line-height: 1.8;
	text-align: left;
}		
	
.compact-value-detail-3-box_title_r {
	border-bottom: solid 1px #3d3939;
	padding: 1vw 0;
	text-align: right;
	margin-bottom: 1vw;
}	
.compact-value-detail-3-box_title_r img{width: 30%;}
	
.compact-value-detail-3-box_text_r{
	font-size: 3vw;
	line-height: 1.8;
	text-align: left;
	padding-left:2vw; 
	
}	
	
.compact-value-detail-4 img{
	width: 40%;
	}	
	
.compact-value-detail-4-position_r img{width: 100%;}

.compact-value-detail-4-border_bottom	{
	font-size: 3vw;
	color: #3d3939;
	}
	
/*　*****************　*/	
}	
/*　********SP用ここまで*********　*/	






/* タブCSS */
.plan_waku {
background:#fff;
padding-bottom:2rem;
}
.wrap {
  width: 100%;
  margin: 20px auto;
  background:#fff;
}
.tab-container {
width:90%;
margin:0 auto;
}
.tab-container {
  display: flex;
/*  border-bottom: 5px solid #003916;*/
  align-items: center;
  padding-top:0.5rem;
}
.tab {
  position: relative;
  padding: 1em 0.5em;
  border-radius: 10px 10px 0 0;
  background-color: #bacac0;
  transition: all .2s;
  cursor: pointer;
  font-size:22px;
  width:50%;
  text-align: center;
}
.tab:not(:last-of-type) {
  margin-right: 0.2rem;
}
.tab:hover {
  color: #fff;
  background-color: #003916;
}
.current {
  color: #fff;
  background-color: #003916;
}
.tab-box {
  width: 100%;
  padding-top:2rem;
}

.tab-box img {
  width: 50%;
  margin: 0 auto;
}

.tab-box-sub img {
  width: 50%;
  margin: 0 auto;
}

.tab span {
color:#fff;
display:none;
position: absolute;
left:0em;
top:1em;
bottom:0px;
}
.current span {
  display:inline-block;
}
@media (max-width: 760px) {
.plan_waku {
padding-bottom:1rem;
}
.tab-container {
  padding-top:0.2rem;
}
.tab-box {
  padding-top:1rem;
}
	
.tab-box img {
  width: 100%;
  margin: 0 auto;
}

.tab-box-sub img {
  width: 100%;
  margin: 0 auto;
}	
.tab {
  padding: 0.7em 0.2em;
  border-radius: 5px 5px 0 0;
  font-size:3.2vw;
}
.tab span {
left:0em;
top:0.7em;
bottom:0px;
}
}