
/* CSS Document */

/*================================================
 *  基本設定
 ================================================*/

	.index-back {
		background-color: white;
		z-index: -80000;
	}

	.wrapper {
			overflow: hidden;
		}


/*================================================
 *  スライダー
 ================================================*/

	.slider {
	  width: 100%;
	}

	.slider img {
	  width: 100%;
	  object-fit: cover;
	}
	

/********* レスポンシブ設定 　 スマートフォンA -600px、スマートフォンB 601px-850、タブレット 851-1200px、パソコン 1200-  **************/


		/*========================================================================================================
		 *  パソコンメニュー用　基本 すべての画面サイズ これをベースに画面サイズごとに設定を変える
		 ========================================================================================================*/


					/*********** 基本設定　[パソコン] ***************************************************/

							.body {
								min-width: 850px;
							}

							#contents {
								margin: 0 auto;
								z-index: -500005;
								max-width: 1000px;
							}


							/*** アイキャッチ画像の上のキャプション **/
							.cap-pc {
								display: block;
                                z-index: -20000;
							}
							.cap-sm {
								display: none;
							}

					/*********** ボタンデザイン　[パソコン] ***************************************************/

							a.btn_06 {
								display: block;
								vertical-align: middle;
								text-decoration: none;
								width: 250px;
								padding: 1rem 4rem;
								font-weight: bold;
								border-radius: 100vh;
								border-bottom: 7px solid #0686b2;
								background: #27acd9;
								color: #fff;
							}
							a.btn_06:hover {
								margin-top: 6px;
								border-bottom: 1px solid #0686b2;
								color: #fff;
							}

							
							a.btn_07 {
								display: block;
								text-decoration: none;
								padding: 0.5rem 2rem;
								border-radius: 100vh;
								font-weight: bold;
								border-bottom: 7px solid #0686b2;
								background: #27acd9;
								color: #fff;
								text-align: center;
								margin: 0 auto;
							}
							a.btn_07:hover {
								margin-top: 6px;
								border-bottom: 1px solid #0686b2;
								color: #fff;
							}


					/*********** 波背景設定　[パソコン] ******************************************

							.section-90 {
								background-color: #409FDC;
							}

							.section-91 {
								background-color: #E85B7F;
							}

							.section-92 {
								background-color: #F8CB00;
							}

							.wave-block {
								/*position: relative;*
								display: grid;
								height: 200px;
								width:100vw;
								margin:0 calc(50% - 50vw);
							}

							.mask-image {
								--height: 40px;
								mask-image:
									url("../images/top/wave3.svg"),
									linear-gradient(to bottom, transparent 0%, transparent var(--height), #000 var(--height), #000 100%);
								mask-size: 240px;
								margin-top: calc(-1 * var(--height));
							}



					/*********** TOPイメージ画像 スライドショー　[パソコン] ***************************************************/

							.top-img {
							  margin-inline: auto;
							  position: relative;
							  width: 100%; /* 基本は可変。最大横幅を1000pxに指定 */
  								margin: 0 auto;    /* 左右中央に配置 */
								overflow: hidden;
							}

							.top-img .bigimg {	
								/*個別に指定*/
								border-top-left-radius: 0px;
								border-top-right-radius: 0px;
								border-bottom-right-radius: 1000px 300px;
								border-bottom-left-radius: 1000px 300px;
								width:120vw;
 								height:90vh;
								margin:0 calc(50% - 60vw);
							}

							.slider {
								z-index: -30000;
							}


							/*** アイキャッチ画像の上のキャプション **/
							.cap-pc {
								display: block;
							}
							.cap-sm {
								display: none;
							}
                            /**********************************/

							.cap-pc {
								position: absolute;
								margin: 0 auto;
								left: 40%;
								/*transform: translateX(100%);
								/*top:50%;*/
								bottom: 50%;
								z-index: 29000;
							}
							.cap-pc img {
								width: 70%;
								height: auto;
							}

							/*.caption-title {
							  color: #fff;
							  font-size: 30px;
							  font-weight: 700;
							  left: 50%;
							  position: absolute;
							  text-shadow: 2px 2px 5px #333;
							  top: 50%;
							  transform: translate(-50%, -50%);
							}*/

/*
							.top-img {
								margin-bottom: 0px;
								display: flex;
								align-items: flex-end;
 							}


					/*********** キャッチコピー設定　[パソコン] ***************************************************/
									
                            #section01 .catch-copy-text{
                                margin-top: -80px;
								margin-bottom: 80px;
							}				

							.catch-copy {
								max-width: 1000px;
								margin: 0 auto;
							}
					
							.catch-copy-text {
								width: 1000px;
								text-align: center;
								margin:0 auto;
							}


							/** キャッチコピータイトル　分岐**/
							.title-pc{
								display: block;
							}
							.title-sm{
								display: none;
							}
							/****************************/
					

							/* CSSアニメーションの設定 *
							@keyframes SlideIn {
							  0% {
								opacity: 0;/*初期状態では透明に*
								transform: translateX(200px);
							  }
							  100% {
								opacity: 1;
								transform: translateX(0);
							  }
							}
							*/


				/*********** instagram 新着情報　[パソコン] ******************************************/

							#section02{
								/*position: relative;*/
							}
					
							.insta-news{
								/*position: relative;*/
								max-width:800px;
								margin: 0 auto;
							}
							.instafeed{
								margin:0 auto;
								text-align: center;
								max-width: 800px;
							}
							.instafeed .eapps-instagram-feed-posts-view{
								margin:0 auto;
								text-align: center;
								max-width: 800px;
							}
							.white-box{
								display: flex;
								max-width: 800px;
								justify-content: flex-end;
								margin-top: -50px;
							}
							.white {
								/*position: absolute;*/
								background-color: white;
								width: 200px;
								height: 50px;
								z-index: 99999;
							}


				/*********** 東伊豆旅行ができること　[パソコン] ******************************************/
							

                            #section03 .catch-copy-text{
								margin-bottom: -20px;
							}

							.point_pc{
								display: block;
							}
							.point_sm{
								display: none;
							}

							.point_pc {
								display: block;
								/*display: flex;
								flex-flow:column;*/
								max-width: 100%;
								margin: 0 auto;
								font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
							}

							.point_pc img {
								margin-top: 20px;
								width: 95%;
							}



				/*********** 静岡県から全国各地へ　[パソコン] ******************************************/
				
							.section-04 {
								background-image: url("../images/top/sky3.jpg");
								height: 830px;
								background-position: center;
								margin-top: 30px;
								width: 100vw;
							}

                            /*****分岐*******************/
                            .zenkoku-topimg-pc{
								display: block;
							}
							.zenkoku-topimg-sm{
								display: none;
							}
                            /***************************/

							.zenkoku {
								margin-top: 150px;
								text-align: center;
								margin: 0 auto;
								width: 100%;
							}

                            .zenkoku-topimg-pc .kousai{
                                margin-top: 200px;
                            }

							.zenkoku-topimg-pc{
								min-width: 700px;
								margin: 0 auto;
								margin-top: -100px;
								text-align: center;
								z-index: -100000;
							}
							.zenkoku-topimg-pc img{
								width: 80%;
								max-width: 1000px;
								margin-top: -100px;
							}

							.top-zenkoku-btn {
								/*position: absolute;*/
								text-align: center;
								margin:0 auto;
								margin-top: -110px;
								
							}




				/*********** 静岡県・伊豆を楽しむ観光プラン　[パソコン] ***************************************************/

							.section-05 {
								background: linear-gradient(to bottom, #E6F7FA, #94D1DD);
								background-position: center;
								height: auto;
                                margin-bottom: 100px;
							}

							/****分岐**************/
							.top-izu-plan-pc{
								display: block;
								
							}
							.top-izu-plan-sm{
								display: none;
							}
							/**********************/

							.top-izuplan {
								text-align: center;
								margin: 0 auto;
								margin-top:100px;
								max-width: 1000px;
							}
							.top-izu-plan-pc img{
								max-width: 90%;
								margin: 0 auto;
                                margin-top: -90px;
								text-align: center;
							}

							.top-izuplan-btn {
								/*position: absolute;*/
								text-align: center;
								margin:0 auto;
				            }

							/*.top3 {
								text-align: center;
								margin: 0 auto;
							}
							.top3 img{
								width: 100%;
								max-width: 1000px;
								margin: 0 auto;
								text-align: center;
							}
							.top4 {
								text-align: center;
								margin: 0 auto;
								justify-content: center;
							}
							.top4 img{
								max-width: 500px;
								margin: 0 auto;
								text-align: center;
							}
							
					/*********** お問い合わせ　[パソコン] ***********************************/

							.section-06 {
								background-color: #FFFFFF;
								/*background-position: center;*/
								height: auto;
                                z-index: 1000;
                                margin-top: -200px;
							}

                            .section-06 .catch-copy-text{
                                margin-top: 100px;
                            }

                            .contact {
                                display: flex;
                                margin: 0 auto;
                                margin-top: 30px;
                                flex-direction:row;/* 右方向に横並び */
                            }


					/*********** おすすめ情報　[パソコン] ***************************************************/

							 #section07{
								max-width: 1000px;
								height: auto;
                                margin-top: 40px;
                                margin-bottom: -100px;
							}
							
							.news {
								display: flex;
								flex-direction:row;/* 右方向 */
								justify-content: center;
								gap: 50px;         /* カード間の余白 */
								margin: 0 auto;
							}
							
							.new {
								display: flex;
								flex-direction: column;
								text-align: center;
								width: calc((100% - 300px) / 2);
							}
                            .new-img img{
								width:100%;
                            }
							.btn_07 {
								width: 80%;
							}


					/*********** 会社概要　[パソコン] ***********************************/

							.section-08 {
                                z-index: 2000;
								background: linear-gradient(to bottom, #E6F7FA, #94D1DD);
								background-position: center;
								height: auto;
                                margin-top: 200px;
                                margin-bottom: 0px;
							}

							.kaisya-gaiyou {
								margin-top: 80px;
							}

							.kaisya-gaiyou .catch-copy-text {
								margin-bottom: -50px;
							}

							/* 全体：グループを横に2つ並べる */
							.gaiyou {
							  display: grid;
							  grid-template-columns: repeat(2, 1fr);
							  gap: 24px;
							  max-width: 800px;
							  margin: 40px auto;
							  margin-bottom: 80px;
							  padding: 0 16px;
							  font-size: 13px;
							}

							/* 1グループ（中に5セット縦並び） */
							.gaiyou-group {
							  border-radius: 12px;
							  padding: 16px;
                              max-width: 450px;
                              margin: 0 auto;
							}

							/* 1セット：タイトルと内容を横並び */
							.row {
							  display: grid;
							  grid-template-columns: 140px 1fr; /* 左：タイトル / 右：内容 */
							  gap: 12px;
							  padding: 10px 0;
							  border-bottom: 1px solid black;
							  align-items: start;
							}
							.row:first-of-type { border-top: none; }

							.row .label {
							  /*font-weight: 700;*/
							  line-height: 1.4;
							}
							.row .text {
							  line-height: 1.6;
							}

							



/*=======================================================================================================
 *  タブレット向けデザイン　画面幅600px以上850以下
  ========================================================================================================*/

		/*** メニュー部分はタブレット用　共用部分に注意 *********/

		@media screen and (min-width:600px) and (max-width:849px) {
					
					
				/*********** 基本設定　[タブレット用] ***************************************************/
					
							body {
								max-width: 849px;
								min-width: 601px;
								width: 100%;
							}
							#contents {
								width: 100vw;
								margin: 0 auto;
								z-index: -500005;
								max-width: 849px;
							}
							.wrapper {
								overflow: hidden;
							}
					

				/*********** スライダー画像　[タブレット用] ***************************************************/
			
							.slider {
								z-index: -30000;
								width:100vw;
 								height:100vh;
								margin-bottom: -120px;
							}
			
					    /*** アイキャッチ画像の上のキャプション **/
							.cap-pc {
								display: block;
							}
							.cap-sm {
								display: none;
							}
                        /*********************************/

							.cap-pc {
								/*position: absolute;*/
								transform: translateX(-20%);
								bottom:50%;
								z-index: -20000;
							}
							.cap-pc img {
								width: 70%;
								height: 100%;
							}

					
							#contents {
								margin: 0;
								z-index: -500005;
								max-width: 850px;
							}
			
			
			/*********** キャッチコピー設定　[タブレット 600-850]**************************************/
				
                            #section01 .catch-copy-text{
                                margin-top: -30px;
								margin-bottom: -20px;
							}
            
							.catch-copy {
								max-width: 850px;
								margin: 0 auto;
							}
					
							.catch-copy-text {
								width: 100%;
								min-width: 580px;
								max-width: 800px;
								margin-top: 10px;
								margin-bottom: 50px;
							}
					
							/** キャッチコピータイトル　分岐**/
							.title-pc{
								display: block;
							}
							.title-sm{
								display: none;
							}
							/****************************/
					
					
			/*********** 内容　[タブレット 600-850]***************************************************/
										
							.top1 img {
								width: 100%;
								margin-top: 80px;
							}
							.top2 img {
								width: 100%;
							}
					
					
			/*********** ボタンデザイン　[タブレット] ***************************************************/

							a.btn_06 {
								display: block;
								text-align: center;
								vertical-align: middle;
								text-decoration: none;
								width: 200px;
								margin: auto;
								padding: 1rem 3rem;
								font-weight: bold;
								border-radius: 100vh;
								border-bottom: 5px solid #0686b2;
								background: #27acd9;
								color: #fff;
							}
							a.btn_06:hover {
								margin-top: 6px;
								border-bottom: 1px solid #0686b2;
								color: #fff;
							}
			
			/*********** instagram 新着情報　[タブレット] ******************************************/

							#section02{
								/*position: relative;*/
								margin-top: 100px;
							}
					

					
			/*********** 東伊豆旅行ができること　[タブレット] ******************************************/

							.point_pc{
								display: block;
							}
							.point_sm{
								display: none;
							}

							.point_pc {
								/*display: flex;
								flex-flow:column;*/
								max-width: 849px;
								min-width: 600px;
								max-width: 100%;
								margin: 0 auto;
								font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
							}

							.point_pc img {
								margin-top: 20px;
								width: 100%;
							}
					
							.news-box{
								margin: 0 auto;
								text-align: center;
								width: 90%;
								height: 520px;
								position: relative;
							}
							.box {
								margin-top:50px; 
								margin:0 auto; 
								position: relative;
								margin: 0 auto;
								width: 90%;
								height: 520px;
							}
							.linkbox {
								width: 90%;
								height: 520px;
								position: absolute;
							}
							.box iframe {
								width: 90%;
								height: 520px;
							}
					
			/*********** 静岡県から全国各地へ section04　[タブレット] *******************************/
            
                            /*****分岐*******************/
                            .zenkoku-topimg-pc{
								display: block;
							}
							.zenkoku-topimg-sm{
								display: none;
							}
                            /***************************/

							.zenkoku {
								margin-top: 200px;
							}
            
                            .zenkoku-topimg-pc .kousai{
                                margin-top: -100px;
                            }
							.zenkoku-topimg-pc{
								max-width: 849px;
								margin: 0 auto;
								margin-top: -100px;
								text-align: center;
								padding: 0 0;
								z-index: -100000;
							}
							.zenkoku-topimg-pc img{
								width: 100%;
								max-width: 849px;
								padding: 0 0;
								margin: 0 auto;
								margin-top: -100px;
								margin-left: -20px;
								z-index: -2000;
							}
							.top-zenkoku-btn {
								display: block;
								margin: 0 auto;
								text-align: center;
								margin-top: -100px;
								margin-bottom: -100px;
							}
					
					
			/*********** 静岡県・伊豆を楽しむ観光プラン　section05 [タブレット] ***************************/

                            .section-05{
								max-width: 849px;
								min-width: 600px;
								max-width: 100%;
								text-align: center;
								margin: 0 auto;
								margin-bottom: 80px;
								margin-top: -70px;
							}
            
							/****分岐*************/
							.top-izu-plan-pc{
								display: block;
							}
							.top-izu-plan-sm{
								display: none;
							}
                            /********************/
            
							.top-izuplan {
								text-align: center;
								margin: 0 auto;
								margin-top:80px;
							}
							.top-izuplan img{
								max-width: 90%;
								margin: 0 auto;
                                margin-top: -90px;
								text-align: center;
							}

							/*.top-izuplan-btn {
								margin: 0 auto;
								text-align: center;
								margin-top: -200px;
								margin-left: 25%;
							}*

							.top-izuplan-btn {
								text-align: center;
								margin:0 auto;
								margin-bottom: 0px;
                                margin-left:25%;
							}
            
            
                /*********** お問い合わせ　Contact Us 設定　[タブレット 600-850] *******************/
					
							.section-06 {
								background-color: #ffffff;
								height: auto;
								margin: 0 auto;
                                margin-top: -200px;								
							}
            
                            .section-06 .catch-copy-text{
								margin-top: 80px;
                                margin-bottom: 20px;
							}
					
							.contact {
								display: flex;
								flex-direction:row;/* 右方向に横並び */
								/*justify-content: center;*/
								margin: 0 auto;
								margin-bottom: 80px;
							}
							
							.contact-tel {
							    width: 40%;
							}
							.contact-tel img {
								width: 100%;
								/*flex-shrink: 0;*/
								max-width: none;
							}
					
							.contact-web {
							    width: 40%;
							}
							.contact-web img {
								width: 100%;
								/*flex-shrink: 0;*/
								max-width: none;
							}
							/*.contact-button img{
								max-width: none;
								/*flex-shrink: 0;
							}*/

					

					
			/*********** おすすめ情報　[タブレット] ***************************************************/

							#section07{
								max-width: 850px;
							}
							
							.news {
								display: flex;
								flex-direction:row;/* 右方向 */
								gap: 30px;         /* カード間の余白 */
							}
							
							.new {
								display: flex;
								flex-direction: column;
								text-align: center;
								width: calc((100% - 200px) / 2);
							}
                            .new-img img{
								width:100%;
                            }
							.btn_07 {
								width: 70%;
								font-size: 11px;
							}

					/*********** 会社概要　[タブレット] *******************************************/

							.section-08 {
                                z-index: 2000;
								background: linear-gradient(to bottom, #E6F7FA, #94D1DD);
								background-position: center;
								height: auto;
							}

							.kaisya-gaiyou {
								margin-top: 80px;
							}
}




/*========================================================================================================
 *  スマートフォン向けデザイン  画面幅600以下
 ========================================================================================================*/

				@media screen and (max-width:599px) {
			
					body {
						max-width: 599px;
						margin: 0px;
						padding: 0px;
					}

					.wrapper {
						overflow: hidden;
					}
					#contents {
						max-width: 599px;
						width: 100%;
						margin: 0 auto;
						z-index: -500005;
					}
					
					
				/*********** ボタンデザイン　[スマートフォン] ***********************************/

							a.btn_06 {
								display: block;
								text-align: center;
								vertical-align: middle;
								text-decoration: none;
								width: 150px;
								height: 10px;
								font-weight: bold;
								font-size: 11pt;
								border-radius: 50px;
								border-bottom: 4px solid #0686b2;
								background: #27acd9;
								color: #fff;
							}
							a.btn_06:hover {
								margin-top: 4px;
								border-bottom: 1px solid #0686b2;
								color: #fff;
							}
					
					/*
					
							.top1-btn{
								margin: 0 auto;
								text-align: center;
								margin-left: 25%;
								margin-right: 25%;
							}
							.top2-btn{
								margin-left: 25%;
							}
					
					
					/*********** TOPイメージ画像 スライドショー　[スマートフォン] **************************/
											
										
							/*** アイキャッチ画像の上のキャプション **/
							.cap-pc {
								display: none;
							}
							.cap-sm {
								display: block;
							}
							/****************************/
					
							.cap-sm {
								position: absolute;
								margin: 0 auto;
								text-align: center;
								/*transform: translateX(-40%);
								/*top:50%;*/
								left: 35%;
								bottom: 40%;
								z-index: 29000;
							}
							.cap-sm img {
								width: 65%;
								height: auto;
							}
					

					/*********** キャッチコピー設定　[スマートフォン] ******************************/

							/** キャッチコピータイトル　分岐**/
							.title-pc{
								display: none;
							}
							.title-sm{
								display: block;
							}
							/****************************/
					
							.catch-copy {
								max-width:600px;
								margin: 0 auto;
								padding: 0 20px;
								text-align: center;
							}
							.catch-copy-text{
								width: 100%;
								max-width:400px;
								margin: 0 auto;
								text-align: center;
								margin-top: -40px;
								margin-bottom: -40px;
							}
					
							h1 {
								font-size: 23px;
							}
					
					
					/*********** instagram 新着情報　[スマートフォン] *******************************/
					
							.insta-news{
								/*position: relative;*/
								max-width:600px;
								margin: 0 auto;
                                margin-top: 0px;
								padding: 0 20px;
							}
					
					
					/*********** 東伊豆旅行ができること　[スマートフォン] ****************************/

							.point_pc{
								display: none;
							}
							.point_sm{
								display: block;
							}

							
							.point_sm {
								max-width: 600px;
								width: 100%;
								margin: 0 auto;
							}

							.point_sm img {
								margin-top: -10px;
                                margin-bottom: -50px;
								width: 100%;
							}
					
							#tokucyo {
								padding: 0 20px;
							}
					/*
							.news-box{
								margin: 0 auto;
								text-align: center;
								width: 90%;
								height: 520px;
								position: relative;
							}
							.box {
								margin-top:50px; 
								margin:0 auto; 
								position: relative;
								margin: 0 auto;
								width: 90%;
								height: 520px;
							}
							.linkbox {
								width: 90%;
								height: 520px;
								position: absolute;
							}
							.box iframe {
								width: 90%;
								height: 520px;
							}
					
					/*********** 静岡県から全国各地へ　[スマートフォン] ******************************/
					
							/*****分岐*******************/
                            .zenkoku-topimg-pc{
								display: none;
							}
							.zenkoku-topimg-sm{
								display: block;
							}
                            /***************************/

							.zenkoku {
								width:100vw;
								margin-top: 80px;
								padding: 0 20px;
							}
                    
                            .zenkoku-topimg-sm .kousai {
                                margin-top: 0px;
                                margin-bottom: 40px;
                            }
                    
                            .zenkoku .catch-copy-text{
                                display: block;
                                width: 100%;
                                padding-right: 100px;
                                margin-bottom: 30px;
                            }

							.zenkoku-topimg-sm img{
								max-width: 600px;
								width: 90%;
								margin: 0 auto;
                                margin-left: -30px;
                                margin-top: -20px;
							}
                    
                            .top-zenkoku-btn {
								/*position: absolute;*/
								text-align: center;
								margin-top: -60px;
								z-index: 55555555;
							}

										
					/*********** 静岡県・伊豆を楽しむ観光プラン　[スマートフォン] *************************/

							.section-05 {
								background: linear-gradient(to bottom, #E6F7FA, #94D1DD);
								background-position: center;
								height: auto;
								margin-top: 80px;
                                z-index: -50000;
                                
							}

                            /****分岐*************/
							.top-izu-plan-pc{
								display: none;
							}
							.top-izu-plan-sm{
								display: block;
							}
                            /********************/

							.top-izuplan {
								text-align: center;
								margin: 0 auto;
								margin-top:100px;
								max-width: 100vw;
							}
                    
                            .top-izu-plan .catch{
								margin-top: -10px;
							}
                    
							.top-izu-plan-sm .catch-copy-text{
                                width: 90%;
                                text-align: center;
								margin-top: 20px;
                                margin-bottom: 20px;
                                padding-left: 30px;
                                padding-right: 30px;
							}
							/*.top-izuplan img{
								max-width: 75%;
								margin: 0 auto;
								text-align: center;
							}*/
					
							.top-izu-plan-sm .top2-sm{
								width: 100%;
								margin: 0 auto;
								text-align: center;
							}
							.top-izu-plan-sm .top3-sm{
								display: block;
								position: relative;
								width: 120%;
								left: -40%;
                                top: -70px;
							}
							.top-izu-plan-sm .top4-sm{
								width: 75%;
								margin: 0 auto;
								text-align: center;
                                margin-top: -50px;
							}
/*
							.top-izuplan-btn {
								text-align: center;
								margin:0 auto;
                                margin-top: 20px;
								margin-bottom: 80px;
							}

					
					/*********** お問い合わせ　[スマートフォン] ***********************************/

							.section-06 {
								height: auto;
                                max-width: 100vw;
								margin: 0 auto;
                                margin-top: -200px;
                                text-align: center;
							}

							.section-06 .catch-copy-text{
								width: 80%;
                                text-align: center;
								margin-top: 60px;
                                margin-bottom: 20px;
                                padding-left: 30px;
                                padding-right: 30px;
							}
                    
                            .contact{
								display:flex;
								flex-direction: column;/* 右方向に横並び */
								align-items:center;
                                width: 90%;
								margin: 0 auto;
							}
							
							.contact-tel {
							    width: 100%;
                                margin-left: 20px;
							}
							.contact-tel img {
                                width: 90%;
							}
					
							.contact-web {
							    width: 100%;
							}
							.contact-web img {
                                width: 90%;
							}

					

			    /*********** おすすめ情報　[スマートフォン] ******************************************/

                            #section07{
								max-width: 599px;
							}
							
							.news {
								display: flex;
								flex-direction:row;/* 右方向 */
								justify-content: center;
								flex-wrap: wrap;   /* 画面が狭い時に折り返す */
								gap: 30px;         /* カード間の余白 */
							}
							
							.new {
								display: flex;
								flex-direction: column;
								text-align: center;
								width: 90%;
							}
                            .new-img img{
								width:80%;
                            }
							.btn_07 {
								width: 60%;
								font-size: 15px;
							}

					

					/*********** 会社概要　[スマートフォン] *************************************/

							.section-08 {
								background: linear-gradient(to bottom, #E6F7FA, #94D1DD);
								background-position: center;
								height: auto;
							}

							.kaisya-gaiyou {
                                width: 100vw;
								margin-top: 80px;
                                padding: 0 20;
							}

							.kaisya-gaiyou .catch-copy-text {
								margin-top: 0px;
                                margin-bottom: 40px;
							}

							/* 全体：グループを横に2つ並べる */
							.gaiyou {
							  display: flex;
							  flex-direction: column;
							  grid-template-columns: repeat(2, 1fr);
							  gap: 24px;
							  max-width: 100%;
							  padding: 0 20px;
							  font-size: 13px;
							}

							/* 1グループ（中に5セット縦並び） */
							.gaiyou-group {
							margin-top: -50px;
							  border-radius: 12px;
							  padding: 16px;
							}

							/* 1セット：タイトルと内容を横並び */
							.row {
							  display: grid;
							  grid-template-columns: 80px 1fr; /* 左：タイトル / 右：内容 */
							  gap: 12px;
							  padding: 10px 0;
							  border-bottom: 1px solid black;
							  align-items: start;
							}
							.row:first-of-type { border-top: none; }

							.row .label {
							  /*font-weight: 700;*/
							  line-height: 1.4;
							}
							.row .text {
							  line-height: 1.6;
							}

}