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

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

	body {
		margin: 0px;
		padding: 0px;
		h2 {
			font-size : 28px;
			line-height : 1.3333;  
			margin: 0 auto;
			margin-bottom: 0px;
			color:#FF6600;
			text-align: center;
			/* 要素の高さ：48px（要素を配置するときの高さの基準の2倍） */
		}
	}

	#header {
		position:fixed;
	}

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

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


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

				.top-img img{
								width:100%;
							}


				/*********** 内容　[パソコン] ***************************************************/

							.top1 {
								text-align: center;
								margin: 0 auto;
								margin-top: 50px;
								margin-bottom: -100px;
							}
							.top1 img{
								max-width: 1000px;
								margin: 0 auto;
								text-align: center;
							}



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

							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;
							}
							.top1-btn {
								margin: 0 auto;
								text-align: center;
								margin-top: -150px;
								margin-left: 25%;
							}
							.top2-btn {
								margin: 0 auto;
								text-align: center;
								margin-top: -200px;
								margin-left: 25%;
							}


						
					/*********** 背景　[パソコン] ******************************************/

					.zenkoku-back {
						background: linear-gradient(to bottom, #FADCAA, #FFFFFF);
						height: auto;
						width: 100%;
					}
.zenkoku-osusume-pc{
	display: block;
}
.zenkoku-osusume-sm{
	display: none;
}

					.zenkoku2 {
						background: linear-gradient(to bottom, #FFDC9C, #FFF1D4);
						height: auto;
						width: 100vw;
						margin: 0 auto;
						padding: 100 20;
						text-align: center;
					}
					.zenkoku2 img {
						max-width: 600px;
						min-width: 300px;
						margin: 0 auto;
						margin-top: 100px;
						margin-bottom: 100px;
						text-align: center;
					}
					.zenkoku-title-pc{
						display: block;
					}
					.zenkoku-title-sm{
						display: none;
					}
					.zenkoku2-2{
						margin: 0 auto;
						height: auto;
						width: 1000px;
						margin-top: 150px;
					}
					.zenkoku-title-pc img{
						display: block;
						max-width: 850px;
						min-width: 300px;
						margin: 0 auto;
						margin-top: 300px;
						margin-bottom: 50px;
						padding-left: 40px;
						z-index: 9999999;
					}
					.zenkoku3 {
						background-color: #FFFFFF;
						height: auto;
						width: 100vw;
						margin: 0 auto;
						margin-top: -50px;
						text-align: center;
					}

.zenkoku3 .catch-copy-text{
	margin-top: 200px;
}
					.zenkoku-title{
						margin: 0 auto;
					}
					.zenkoku-title img{
						max-width: 850px;
						min-width: 300px;
						margin: 0 auto;
						margin-top: -50px;
						margin-bottom: 50px;
						margin-left: 10px;
						text-align: center;
					}

.zenkoku-naiyou-pc{
	display: block;
}
.zenkoku-naiyou-sm{
	display: none;
}
					.zenkoku-naiyou-pc {
						margin: 0 auto;
					}
					.zenkoku-naiyou-pc img {
						max-width: 800px;
						min-width: 300px;
						margin: 0 auto;
						margin-top: 10px;
						margin-bottom: 40px;
						text-align: center;
					}



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

				@media screen and (min-width: 851px) and (max-width:1200px) {
					
	
					/*.slider {
								z-index: -30000;
							}*

							.caption {
								display: flex;
								justify-content: center;
								margin: 0 auto;
								width: 100px;
								margin-top: 100px;
								z-index: 100000;
							}
							.caption img {

							}	
					
					
					
					#contents {
								margin-top: 0px;
								padding-top: 0px;
								margin: 0 auto;
								z-index: -500005;
								max-width: 1024px;
							}
					
					.news-box{
								margin: 0 auto;
								text-align: center;
								width: 850px;
								height: 520px;
								position: relative;
							}
							.box {
								margin-top:50px; 
								margin:0 auto; 
								position: relative;
								margin: 0 auto;
								width: 850px;
								height: 520px;
							}
							.linkbox {
								width: 850px;
								height: 520px;
								position: absolute;
							}
							.box iframe {
								width: 850px;
								height: 520px;
							}
					

					
					/*********** お問い合わせ　Contact Us 設定　[タブレット 851-1200] ******************************************
					
							.contact {
								display: flex;
								flex-direction: row; 	/* 右方向に横並び *
								justify-content: center;
								margin-top: 30px;
								margin-bottom: 100px;
							}
							
							.contact-tel {
							    width: 350px;
							}
					
							.contact-web {
							    width: 350px;
								margin-top: 5px;
								margin-left: 40px;
							}

					}



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

			/*** メニュー部分はスマートフォン用、内容はunder900、スマートフォン用。共用部分に注意 *********/
				@media screen and (min-width:601px) and (max-width:849px) {
					
							body {
								max-width: 850px;
								min-width: 601px;
								width: 100%;
							}
					
					
						/*	.slider {
								z-index: -30000;
								width:100vw;
 								height:100vh;
								margin-bottom: -120px;
							}

							.caption {
								margin: 0 auto;
								bottom:200px;
								z-index: 100000;
							}
							.caption img {
								width: 250px;
								height: 100%;
							}
							.circle {
								position: absolute;
								bottom:50px;
							}
							.circle img {
								width: 100%;
							}

					
							#contents {
								margin: 0;
								z-index: -500005;
								max-width: 850px;
							}
					
							.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;
							}
					
					
					/*********** キャッチコピー設定　[スマホB 600-850]***************************************************/
									
				
							.catch-copy {
								max-width: 850px;
								margin: 0 auto;
								margin-top:10px;
								left: 50%;
							}
					
							.catch-copy-text {
								width: 500px;
								margin-top: 10px;
								margin: 0 auto;
							}
					
					
					/*********** 内容　[スマホB 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;
							}
					
					
					/*********** 背景　[パソコン] ******************************************/

					.zenkoku-back {
						background: linear-gradient(to bottom, #FADCAA, #FFFFFF);
						height: auto;
						width: 100%;
					}
					
					.zenkoku-osusume-pc{
						display: block;
					}
					.zenkoku-osusume-sm{
						display: none;
					}

					.zenkoku2 {
						background: linear-gradient(to bottom, #FFDC9C, #FFF1D4);
						height: auto;
						width: 100vw;
						margin: 0 auto;
						padding: 100 20;
						text-align: center;
					}
					.zenkoku2 img {
						max-width: 500px;
						min-width: 300px;
						margin: 0 auto;
						margin-top: 100px;
						margin-bottom: 100px;
						text-align: center;
					}
					.zenkoku2-2{
						margin: 0 auto;
						height: auto;
						width: 1000px;
						margin-top: 150px;
					}
					.zenkoku-title-pc{
						width: 100%;
						max-width: 849px;
					}

					.zenkoku3 {
						background-color: #FFFFFF;
						height: auto;
						width: 100vw;
						margin: 0 auto;
						margin-top: -50px;
						text-align: center;
					}

					.zenkoku3 .catch-copy-text{
						margin-top: 200px;
					}
					.zenkoku-title-pc{
						margin: 0 auto;
						max-width: 840px;
					}
					
					.zenkoku-title-pc{
						display: block;
					}
					.zenkoku-title-sm{
						display: none;
					}
					.zenkoku-title-pc img{
						width: 70%;
						margin: 0 auto;
						margin-top: -50px;
						margin-bottom: 50px;
						margin-left: 10px;
						text-align: center;
					}
					
					.zenkoku-naiyou-sm{
						display: none;
					}

					.zenkoku-naiyou-pc {
						display: block;
						margin: 0 auto;
						justify-content: center;
						
					}
					.zenkoku-naiyou-pc img {
						max-width: 600px;
						min-width: 300px;
						margin: 0 auto;
						margin-top: 10px;
						margin-bottom: 40px;
						margin-left: 50px;
						text-align: center;
					}
					
					/*********** お問い合わせ　Contact Us 設定　[スマホB 600-850] ******************************************/
					
							.contact {
								display: flex;
								flex-direction:column;/* 右方向に横並び */
								justify-content: center;
							
							}
							
							.contact-tel {
							    width: 100px;
								margin: 0 auto;
							}
							.contact-tel img {
								flex-shrink: 0;
								max-width: none;
								margin-left: -100px;
							}
					
							.contact-web {
							    width: 300px;
								margin-left: 0px;
								margin: 0 auto;
							}
							.contact-web img {
								width: 360px;
								flex-shrink: 0;
								max-width: none;
							}
							.contact-button img{
								max-width: none;
								flex-shrink: 0;
							}

					


					}




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

				@media screen and (max-width:600px) {
			
					body *{
						max-width: 600px;
						margin: 0px;
						padding: 0px;
						font-size: 16px;
						
					}
					.catch-copy-text h2 {
							font-size : 28px;
							line-height : 1.3333;  
							margin: 0 auto;
							margin-bottom: 0px;
							color:#FF6600;
							text-align: center;
							/* 要素の高さ：48px（要素を配置するときの高さの基準の2倍） */
						}

					.wrapper {
						overflow: hidden;
					}
					
				/*	.slider {
								z-index: -30000;
							}*/

							.caption {
								display: flex;
								justify-content: center;
								margin-left: auto; 
								margin-right: auto;
								width: 100px;
								margin-top: -600px;
								z-index: 100000;
							}
							.caption img {

							}
					
					
					#contents {
						margin-top: 0px;
						padding-top: 0px;
						margin: 0;
						z-index: -500005;
						max-width: 600px;
					}
					
	/*				.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: 300px;
							}
							.linkbox {
								width: 90%;
								height: 520px;
								position: absolute;
							}
							.box iframe {
								width: 180%;
								height: 520px;
								transform:scale(0.55);
								margin-left: -130px;
								margin-top: -100px;
							}
					

					/*********** キャッチコピー設定　[スマホ-600] ***************************************************/

					
							.catch-copy {
								max-width: 500px;
								margin-top:100px;
								padding: 0 20px;
							}
					
							.catch-copy-text {
								width: 100%;
								margin-left: 0px;
								margin-top: 100px;
								margin-bottom: 30px;
								padding: 0 30px;
							}
					
							h1 {
								font-size: 23px;
							}
					
					
					
					/*********** 内容　[スマホ-600] ***************************************************/

							.top1 img {
								width: 100%;
							}
							.top2 img {
								width: 100%;
							}
					
					
					/*********** ボタンデザイン　[スマホ600] ***************************************************/

							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%;
								margin-top: -20px;
							}
					.top2-btn{
						margin-left: 25%;
					}

					
					
					.zenkoku-osusume-pc{
						display: none;
					}
					.zenkoku-osusume-sm{
						display: block;
					}

					.zenkoku2 {
						background: linear-gradient(to bottom, #FFDC9C, #FFF1D4);
						height: auto;
						width: 100vw;
						margin: 0 auto;
						padding: 100 20;
						text-align: center;
					}
					.zenkoku2 img {
						width:70%;
						margin: 0 auto;
						margin-top: 100px;
						margin-bottom: 100px;
						text-align: center;
					}
					
					.zenkoku-title-pc{
						display: none;
					}
					.zenkoku-title-sm{
						display: block;
					}
						.zenkoku-title-sm img{
						width: 50%;
					}
					
					.zenkoku3 .catch-copy-text{
						width: 70%;
						margin: 0 auto;
						margin-left: 20px;
						margin-top: 50px;
					}
					
					.zenkoku-naiyou-pc{
						display: none;
					}
					.zenkoku-naiyou-sm{
						display: block;
					}
					.zenkoku-naiyou-sm img{
						width: 95%;
					}
					
					/*********** お問い合わせ　Contact Us 設定　[スマホ-600] ******************************************/
					
							.contact {
								display: flex;
								flex-direction: column;/* 右方向に横並び */
								justify-content: center;
								margin-top: 30px;
								margin-bottom: 50px;
							}
							
							.contact-tel {
							    width: 300px;
								margin: 0 auto;
							}
					
							.contact-web {
							    width: 300px;
								margin: 0 auto;
								margin-top: 5px;
								
							}
					
					}