/*-----------------------------------------------
 *  一般・共通設定
 -----------------------------------------------*

/* サブタイトル設定 */
	h1 {
		clear:both;
		margin-top:30px;
		margin-bottom:2em;
		font-size:32px;
		color:#655845;
		text-align:center;
	}

	h2 {
		clear:both;
		font-size:41px;
		color:#655845;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	h2 span {
		font-size:15px;
		font-weight:bold;
		font-weight: 500;
	}

	p {
		margin:0 0 3em 0;
	}
	img {
		vertical-align:bottom;
	}

	em {
		font-weight:bold;
	}

	strong {
		font-weight:bold;
		color:#ff0000;
	}

	pre {
		margin:1em 0;
		padding:1em;
	}


/*-----------------------------------------------
 *  背景 共通
 -----------------------------------------------*/
	.haikei1 {
		/*background-color:#F3D357;*/
		background-color:#FFDB4F;
	}

	.haikei2 {
		background-color:#FFE1D0;
		/*background-color:antiquewhite;*/
	}


/*-----------------------------------------------
 *  ボタン設定 共通
 -----------------------------------------------*/
	.btn_form {
	  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
	  text-align: center;
	  padding-top: 40px;
	}

	.button-center {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 100px;
	}

	/* ここから下がボタンのCSS　*/
	.btn-push_on {
	  display: inline-block;
	  max-width: 180px;
	  text-align: left;
	  background-color:#EC8A00;
	  font-size: 22px;
	  color:white;
	  text-decoration: none;
	  /*font-weight: bold;*/
	  padding: 10px 24px;
	  border-radius: 4px;
	  border-bottom: 2px solid #AB6100;*/
	}

	.btn-push_off {
	  display: inline-block;
	  max-width: 180px;
	  text-align: left;
	  background-color:#939393;
	  font-size: 22px;
	  color:white;
	  text-decoration: none;
	  /*font-weight: bold;*/
	  padding: 10px 24px;
	  border-radius: 4px;
	  border-bottom: 4px solid #4E4E4E;
	}

	.btn-push_off:active {
		transform: translateY(4px);
		border-bottom: none;
	}

	.btn_on a:hover {
		color:white;
	}
	.btn_off a:hover{
		color:black;
		background-color:#BFBFBF;
	}

/*-----------------------------------------------
 *  フォーム設定　共通
 -----------------------------------------------*/

	/*カレンダー選択日の背景を消す*/
	.sentaku_date input {
		border:none;
		outline:none;
		-webkit-appearance:none;
		background-color: #FFDB4F;
		text-align: center;
	}

/*-----------------------------------------------
 *  エラーフォーム
 -----------------------------------------------*/
		.error-form {
			border-color: #fb9a93 !important;
			border-width: 3px;
			/*background-color:#F5E0E0;*/
		}
		.error {
			background-color:#FDDBDC;
			padding:8　3px;
			padding-left: 20px;
			margin-left: -200px;
			width: 300px;
			color:#F83E9B;
			font-size: 18px;
			font-weight: bold;
		}

		#errortext {
			background-color:#FE78BB;
			padding:8px 3px;
			padding-left: 20px;
			width: 100%;
			margin-bottom: 20px;
			color:white;
			font-size: 18px;
			font-weight: bold;
		}

		#output1 {
			background-color:#FDDBDC;
			padding:8px 3px;
			padding-left: 20px;
			width: 300px;
			margin-bottom: 20px;
			color:#F83E9B;
			font-size: 18px;
			font-weight: bold;
			line-height: 1em;
		}

		#output2 {
			background-color:#FDDBDC;
			padding:8px 3px;
			padding-left: 20px;
			width: 100%;
			margin-bottom: 20px;
			color:#F83E9B;
			font-size: 18px;
			font-weight: bold;
			line-height: 1em;
		}

		#output3 {
			background-color:#FDDBDC;
			padding:8px 3px;
			padding-left: 20px;
			width: 300px;
			margin-bottom: 20px;
			color:#F83E9B;
			font-size: 18px;
			font-weight: bold;
			line-height: 1em;
		}
		
		#output7 {
			background-color:#FDDBDC;
			padding:8px;
			padding-left: 20px;
			width: 0px;
			color:#F83E9B;
			font-size: 18px;
			font-weight: bold;
			line-height: 1em;
		}

		#output4 {
			display: block;
			background-color:#F83E9B;
			padding:8px 3px;
			padding-left: 20px;
			width:100%;
			margin-bottom: 0px;
			color:white;
			font-size: 23px;
			font-weight: bold;
			line-height: 1em;
		}
		
		#output5 {
			background-color:#FDDBDC;
			padding:8px;
			padding-left: 20px;
			width: 100%;
			color:#F83E9B;
			font-size: 18px;
			font-weight: bold;
			width: 0px;
			line-height: 1em;
		}

		#output6 {
			background-color:#F83E9B;
			padding:8px 3px;
			padding-left: 20px;
			width: 100%;
			margin-bottom: 20px;
			margin-left: 100px;
			color:white;
			font-size: 23px;
			font-weight: bold;
			line-height: 1em;
		}

/*-----------------------------------------------
 *  チェックボックス　元のボックスを消して作りなおす
 -----------------------------------------------*/
		.chkbox{
			margin:			0 0 10px 20px;
		}
		/* ラベルのスタイル　*/
		.chkbox label {
			padding-left: 38px;			/* ラベルの位置 */
			padding-right: 0px;
			font-size:20px;
			line-height:25px;
			display:inline-block;
			cursor:	pointer;
			position:relative;
		}

		/* ボックスのスタイル */
		.chkbox label:before {
			content:		'';
			width:			23px;			/* ボックスの横幅 */
			height:			23px;			/* ボックスの縦幅 */
			display:		inline-block;
			position:		absolute;
			left:			0;
			background-color:	#fff;
			box-shadow:		inset 1px 2px 3px 0px #000;
			border-radius:		6px 6px 6px 6px;
		}
		/* 元のチェックボックスを表示しない */
		.chkbox input[type=checkbox] {
			display:		none;
		}

		/* チェックした時のスタイル */
		.chkbox input[type=checkbox]:checked + label:before {
			content:		'\2713';		/* チェックの文字 */ 
			font-size:		23px;			/* チェックのサイズ */
			color:			#fff;			/* チェックの色 */
			background-color:	#06f;			/* チェックした時の色 */
		}

		/* チェックした時のスタイル エラー時 */
		.chkbox input[type=checkbox]:checked + .error + label:before {
			content:		'\2713';		/* チェックの文字 */ 
			font-size:		23px;			/* チェックのサイズ */
			color:			#fff;			/* チェックの色 */
			background-color:	#06f;			/* チェックした時の色 */
		}


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

@media screen and (max-width:300px) {

	/*-- 非表示設定 --*/
		.menu-box_pc{
			display: none;
		}
		.menu-box_phone {
			display: block;
		}
		
		/*-- パンくず表示設定 --*/
		.pankuzu-pc {
			display: none;
		}
		.pankuzu-phone {
			display: none;
		}
		
		/*--切り替えボタン表示設定--*
		.button-pc {
			display: none;
		}
		.button-phone {
			display: block;
		}
		
		
	/************** メニュー部分設定　[パソコン] ********************************/
	
	/*headerの設定はタブレット用と共用*/
	
	header {
		/*z-index:800;*/
		width:100%;
		/* height: 35%; */
		background-color: rgba(255,255,255,0.65);
		/* background:#9b8462;
		opacity:0.80; */
		filter:alpha(opacity=80);
		-ms-filter:"alpha(opacity=80)"; 
		text-align: left;
	}

	.menu-box_phone .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		text-align: left;
		vertical-align: middle;
		padding-top:2px;
		padding-bottom:2px;
		margin:0 auto;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.headA {
		display: inline-block;
		padding-left: 0px;
		padding-right: 15px;
		padding-top: 7px;
		color: rgba(122,78,57,1.00);
		font-weight: bold;
		font-size: 20px;
		line-height: 1em;
	}
	.headB ul{
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.headB a {
		display: block;
		padding-top: 11px;
		padding-right: 0px;
		padding-left: 10px;
		padding-bottom: 10px;
		font-size:11px;
		text-decoration: none;
		color: black;
		list-style: none;
	}
	.headB a:hover {
		background-color: rgba(0,0,0,0.3)
	}
		
		
	/*================================================
	 *  パンくずリスト 画面幅300以下 
	 ================================================*/
		#crumbs {
			margin-top: 0px;
			padding-top: 80px;
			width: 500px;
			margin-bottom: 30px;
		}

		/*----パンくずリスト背景--------------*/
		#crumbs ul li a {
			display: block;
			float: left;
			height: 24px;
			background: hsla(34,85%,45%,1);
			text-align: center;
			padding: 4px 0px 0 20px;
			position: relative;
			margin: 0 10px 0 0; 
			font-size: 12px;
			text-decoration: none;
			color: #fff;
		}

		/*----右側の三角形をつくる--------------*/
		#crumbs ul li a:after {
			content: "";  
			border-top: 14px solid transparent;
			border-bottom: 14px solid transparent;
			border-left: 20px solid hsla(34,85%,45%,1);
			position: absolute; 
			right: -20px; 
			top: 0;
			z-index: +2;
		}	

		/*----左側の三角形をつくる--------------*/
		#crumbs ul li a:before {
			content: "";  
			border-top: 14px solid transparent;
			border-bottom: 14px solid transparent;
			border-left: 20px solid #F5C00E;
			position: absolute; 
			left: 0;
			top: 0;
		}

		/*----両端を角丸の四角にする--------------*/
		#crumbs ul li:first-child a {
			border-top-left-radius: 10px; 
			border-bottom-left-radius: 10px;
		}
		#crumbs ul li:first-child a:before {
			display: none; 
		}

		#crumbs ul li:last-child a {
			padding-right: 20px;
			border-top-right-radius: 10px; 
			border-bottom-right-radius: 10px;
		}
		#crumbs ul li:last-child a:after {
			display: none; 
		}

		/*----現在位置の背景色を変える 数字は左から何番目かを表す-------*/
		#crumbs li:nth-child(2) a { 
			background: #7E5841; 
		}

		#crumbs li:nth-child(2) a:after { 
			border-left-color: #7E5841; 
		}
		

	/*================================================
	 *  内側背景 画面幅300以下 
	 ================================================*/
		.haikei1 {
			padding: 15px;
			padding-top: 50px;
			margin: 2em 0;
			margin-top: 50px;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}
	
		.border {
			width: 100%;
		}
		
		.line{
			/*border: 4px solid white;*/
			padding: 0px;
		}

		.haikei2 {
			padding-left: 20px;
			padding-right: 10px;
			padding-top: 25px;
			padding-bottom: 5px;
			margin: 1em 0;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}


		/*カレンダー部分まるごと左寄せ*/
		.calendar_background {
			float: right;
			display: inline-block;
			text-align: center;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}

		.ryoukin_background {
			display: block;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		
		.cb {
			clear:both;
		}
	
	/****規約・個人情報保護方針　枠　***********************/
		.box {
			width: 90%;
			min-width:150px;
			height:150px;
			overflow:auto;
			background-color:white;
			padding: 10px;
			font-size: 13px;
		}
		
		

	/*********** ボタンデザイン(フォーム送信用) パソコン**********************/
		button {
			 display:block;
			 min-height:50px;
			 line-height: 25px;
			 color: #FFF;
			 text-decoration: none;
			 text-align: center;
			 background-color:#401802;
			 border-radius: 50px; 
			 -webkit-transition: all 0.5s;
			 transition: all 0.5s;
			font-size: 22px;
			font-weight: bold;
			padding-left: 40px;
			padding-right: 40px;
		}
		button:hover {
			 background-color: orangered; 
		}
		

	/*================================================
	 *  フォーム設定　画面幅300以下 
	 ================================================*/

		/*****フォント設定******************************************/
		.contact-title {
			font-weight: bold;
			font-size: 23px;
			width: 100%;
			line-height: 1.2em;
			margin: 0 auto;
			margin-bottom: 30px;
		}
		.setumei {
			font-size: 14px;
			line-height: 1.2em;
		}
	
		.text_input input {
			font-size:15px;
			padding: 4px;
			width: 100%;
		}
		.radio {
			width: 70%;
			font-size: 18px;
		}
	
		.cd-text {
			width: 60%;
			font-size: 13px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}
		
		.yokonarabi {
		  display: flex;
		}

		.sub1 {
			font-size: 17px;
			font-weight: 500;
			margin-right: 20px;
			margin-bottom: 	30px;
		}
		.sub1 .hissu {
			display: inline-block;
		}
		.sub1 span {
			display:inline-block;
			font-size: 12px;
			min-width: 25px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub1 .question {
			display: inline-block;
		}
		.sub2 {
			font-size: 23px;
			font-weight: 600;
			line-height: 1.8em;
		}

		.sub3 span {
			display: block;
			width: 24px;
			margin-bottom: 10px;
		}

		/*　必須マーク  */
		.sub3 span {
			font-size: 11px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}

		.sub4 {
			font-size: 26px;
			font-weight: 600;
		}

		.sub6 {
			font-size: 15px;
			font-weight: 500;
			margin-top: 30px;
			margin-right: 20px;
			margin-bottom:0px;
			width: 35%;
		}
		
		.sub5 {
			float: right;
			margin-top: -20px;
			padding-right:200px;
		}
		textarea{
			font-size: 17px;
			font-weight: 400;
			width:200px;
			height: 200px;
		}
		.table3 {
			display: block;
			text-align: left;
			width: 100%;
			margin-bottom: 0px;
		 }

		/****フォームデザイン***************************************/
		
		.btn-push_on {
			font-size: 18px;
			padding: 10px 24px;
			margin-top: 10px;
			margin-bottom: 15px;
		}

		.btn-push_off {
		  display: inline-block;
		  max-width: 180px;
		  text-align: left;
		  background-color:#939393;
		  font-size: 18px;
		  color:white;
		  text-decoration: none;
		  /*font-weight: bold;*/
		  padding: 10px 24px;
		  border-radius: 4px;
		  border-bottom: 4px solid #4E4E4E;
		}

		.setumei {
			text-align: center;
		}

		.contact-title {
			font-weight: bold;
			margin-bottom: 30px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}
		

		.table1 {
			display: block;
			text-align: left;
			width: 100%;
			margin-bottom: 0px;
		 }
		
		/*テーブルセルの間の高さ*/
		.sub1 {
			margin-bottom: 0px;
			margin-top: 20px;
		}
		
		/*カレンダーの選択日の背景を消す*/
		.sentaku_date input {
			font-size: 30px;
			color: black;
			font-weight: 700;
			border:none;
			outline:none;
			-webkit-appearance:none;
			background-color: #FFF7C4;
			text-align: left;
		}

		.sentaku_date {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 10px;
			width: 600px;
		}
		.sentaku_date .cell3 {
			margin-top: 4px;
			margin-right: 5px;
			margin-left: 20px;
			text-align: right;
			vertical-align:-0.5em;
			padding-top: 2px;
			width: 210px;
		}

		.button_center {
			display: flex;
			justify-content: center;
			align-items: center;
		}




	}


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

@media screen and (min-width:301px) and (max-width:363px) {

	/*-- 非表示設定 --*/
		.menu-box_pc{
			display: none;
		}
		.menu-box_tablet{
			display: none;
		}
		.menu-box_phone {
			display: block;
		}
		
		/*-- パンくず表示設定 --*/
		.pankuzu-pc {
			display: none;
		}
		.pankuzu-phone {
			display: none;
		}
		
		/*--切り替えボタン表示設定--*
		.button-pc {
			display: none;
		}
		.button-phone {
			display: block;
		}
		
		
	/************** メニュー部分設定　[画面幅363以下 301以上] ********************************/
	
	/*headerの設定はタブレット用と共用*/
	
	header {
		/*z-index:800;*/
		width:100%;
		/* height: 35%; */
		background-color: rgba(255,255,255,0.65);
		/* background:#9b8462;
		opacity:0.80; */
		filter:alpha(opacity=80);
		-ms-filter:"alpha(opacity=80)"; 
		text-align: left;
	}

	.menu-box_phone .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		text-align: left;
		vertical-align: middle;
		padding-top:2px;
		padding-bottom:2px;
		margin:0 auto;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.headA {
		display: inline-block;
		padding-left: 0px;
		padding-right: 15px;
		padding-top: 7px;
		color: rgba(122,78,57,1.00);
		font-weight: bold;
		font-size: 20px;
		line-height: 1em;
	}
	.headB ul{
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.headB a {
		display: block;
		padding-top: 11px;
		padding-right: 0px;
		padding-left: 10px;
		padding-bottom: 10px;
		font-size:11px;
		text-decoration: none;
		color: black;
		list-style: none;
	}
	.headB a:hover {
		background-color: rgba(0,0,0,0.3)
	}
	
	
	
	/****規約・個人情報保護方針　枠　***********************/
		.box {
			width: 90%;
			min-width:150px;
			height:150px;
			overflow:auto;
			background-color:white;
			padding: 10px;
			font-size: 13px;
		}
		
		
	/*================================================
	 *  パンくずリスト 画面幅363以下 301以上
	 ================================================*/
		#crumbs {
			margin-top: 0px;
			padding-top: 80px;
			width: 500px;
			margin-bottom: 30px;
		}

		/*----パンくずリスト背景--------------*/
		#crumbs ul li a {
			display: block;
			float: left;
			height: 24px;
			background: hsla(34,85%,45%,1);
			text-align: center;
			padding: 4px 0px 0 20px;
			position: relative;
			margin: 0 10px 0 0; 
			font-size: 12px;
			text-decoration: none;
			color: #fff;
		}

		/*----右側の三角形をつくる--------------*/
		#crumbs ul li a:after {
			content: "";  
			border-top: 14px solid transparent;
			border-bottom: 14px solid transparent;
			border-left: 20px solid hsla(34,85%,45%,1);
			position: absolute; 
			right: -20px; 
			top: 0;
			z-index: +2;
		}	

		/*----左側の三角形をつくる--------------*/
		#crumbs ul li a:before {
			content: "";  
			border-top: 14px solid transparent;
			border-bottom: 14px solid transparent;
			border-left: 20px solid #F5C00E;
			position: absolute; 
			left: 0;
			top: 0;
		}

		/*----両端を角丸の四角にする--------------*/
		#crumbs ul li:first-child a {
			border-top-left-radius: 10px; 
			border-bottom-left-radius: 10px;
		}
		#crumbs ul li:first-child a:before {
			display: none; 
		}

		#crumbs ul li:last-child a {
			padding-right: 20px;
			border-top-right-radius: 10px; 
			border-bottom-right-radius: 10px;
		}
		#crumbs ul li:last-child a:after {
			display: none; 
		}

		/*----現在位置の背景色を変える 数字は左から何番目かを表す-------*/
		#crumbs li:nth-child(2) a { 
			background: #7E5841; 
		}

		#crumbs li:nth-child(2) a:after { 
			border-left-color: #7E5841; 
		}
		

	/*================================================
	 *  内側背景 画面幅363以下 301以上
	 ================================================*/
		.haikei1 {
			padding: 15px;
			padding-top: 50px;
			margin: 2em 0;
			margin-top: 50px;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}
	
		.border {
			width: 100%;
		}
		
		.line{
			padding: 0px;
		}

		.haikei2 {
			padding-left: 10px;
			padding-right: 15px;
			padding-top: 20px;
			padding-bottom: 3px;
			margin: 1em 0;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}


		/*カレンダー部分まるごと左寄せ*/
		.calendar_background {
			float: right;
			display: inline-block;
			text-align: center;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}

		.ryoukin_background {
			display: block;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		
		.cb {
			clear:both;
		}
		
		

	/*********** ボタンデザイン(フォーム送信用) 画面幅363以下 301以上 **********************/
		button {
			 display:block;
			 min-height:50px;
			 line-height: 25px;
			 color: #FFF;
			 text-decoration: none;
			 text-align: center;
			 background-color:#401802;
			 border-radius: 50px; 
			 -webkit-transition: all 0.5s;
			 transition: all 0.5s;
			font-size: 22px;
			font-weight: bold;
			padding-left: 40px;
			padding-right: 40px;
		}
		button:hover {
			 background-color: orangered; 
		}
		

	/*================================================
	 *  フォーム設定　画面幅363以下 301以上
	 ================================================*/

		/*****フォント設定******************************************/
		.contact-title {
			font-weight: bold;
			font-size: 23px;
			width: 100%;
			line-height: 1.2em;
			margin: 0 auto;
			margin-bottom: 30px;
		}
		.setumei {
			font-size: 14px;
			line-height: 1.2em;
		}
	
		.text_input input {
			font-size:15px;
			padding: 4px;
			width: 75%;
		}
		.radio {
			width: 70%;
			font-size: 20px;
		}
	
		.cd-text {
			min-width: 70%;
			max-width: 250px;
			font-size: 13px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}
		
		.yokonarabi {
		  display: flex;
		}

		.sub1 {
			font-size: 17px;
			font-weight: 500;
			margin-right: 20px;
			margin-bottom: 	30px;
		}
		.sub1 .hissu {
			display: inline-block;
		}
		.sub1 span {
			display:inline-block;
			font-size: 12px;
			min-width: 25px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub1 .question {
			display: inline-block;
		}
		.sub2 {
			font-size: 23px;
			font-weight: 600;
			line-height: 1.8em;
		}

		.sub3 span {
			display: block;
			width: 24px;
			margin-bottom: 10px;
		}

		/*　必須マーク  */
		.sub3 span {
			font-size: 11px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}

		.sub4 {
			font-size: 26px;
			font-weight: 600;
		}

		.sub6 {
			font-size: 15px;
			font-weight: 500;
			margin-top: 30px;
			margin-right: 20px;
			margin-bottom:0px;
			width: 35%;
		}
		
		.sub5 {
			float: left;
			margin-top: -20px;
			padding-right:200px;
		}
		textarea{
			font-size: 17px;
			font-weight: 400;
			width:230px;
			height: 200px;
		}
		.table3 {
			display: block;
			text-align: left;
			width: 100%;
			margin-bottom: 0px;
		 }
	
	

		/****フォームデザイン***************************************/
		
		.btn-push_on {
		  font-size: 18px;
		  padding: 10px 24px;
			margin-top: 10px;
			margin-bottom: 15px;
			
		}

		.btn-push_off {
		  display: inline-block;
		  max-width: 180px;
		  text-align: left;
		  background-color:#939393;
		  font-size: 18px;
		  color:white;
		  text-decoration: none;
		  padding: 10px 24px;
		  border-radius: 4px;
		  border-bottom: 4px solid #4E4E4E;
		}

		.setumei {
			text-align: center;
		}

		.contact-title {
			font-weight: bold;
			margin-bottom: 30px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}
		

		.table1 {
			display: block;
			text-align: left;
			width: 130%;
			margin-bottom: 0px;
		 }
		
		/*テーブルセルの間の高さ*/
		.sub1 {
			margin-bottom: 0px;
			margin-top: 20px;
		}
		
		/*カレンダーの選択日の背景を消す*/
		.sentaku_date input {
			font-size: 30px;
			color: black;
			font-weight: 700;
			border:none;
			outline:none;
			-webkit-appearance:none;
			background-color: #FFF7C4;
			text-align: left;
		}

		.sentaku_date {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 10px;
			width: 600px;
		}
		.sentaku_date .cell3 {
			margin-top: 4px;
			margin-right: 5px;
			margin-left: 20px;
			text-align: right;
			vertical-align:-0.5em;
			padding-top: 2px;
			width: 210px;
		}

		.button_center {
			display: flex;
			justify-content: center;
			align-items: center;
		}


	}



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

	@media screen and (max-width:364px) {

	/*-- 非表示設定 --*/
		.menu-box_pc{
			display:none;
		}
		.menu-box_tablet{
			display: none;
		}
		.menu-box_phone {
			display: block;
		}
		
	
		
		
	/************** メニュー部分設定　[パソコン] ********************************/
	
	/*headerの設定はタブレット用と共用*/
	
	header {
		/*z-index:800;*/
		width:100%;
		/* height: 35%; */
		background-color: rgba(255,255,255,0.65);
		/* background:#9b8462;
		opacity:0.80; */
		filter:alpha(opacity=80);
		-ms-filter:"alpha(opacity=80)"; 
		text-align: left;
	}

	.menu-box_pc .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 1150px;
		text-align: left;
		vertical-align: middle;
		padding-top:2px;
		padding-bottom:2px;
		margin:0 auto;
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	
	.headA {
		display: inline-block;
		padding-left: 0px;
		padding-right: 15px;
		padding-top: 7px;
		color: rgba(122,78,57,1.00);
		font-weight: bold;
		font-size: 24px;
	}
	.headB ul{
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.headB a {
		display: block;
		padding-top: 11px;
		padding-right: 8px;
		padding-left: 10px;
		padding-bottom: 10px;
		font-size:15px;
		text-decoration: none;
		color: black;
		list-style: none;
	}
	.headB a:hover {
		background-color: rgba(0,0,0,0.3)
	}
		
	/****規約・個人情報保護方針　枠　***********************/
		.box {
			width: 90%;
			min-width:150px;
			height:150px;
			overflow:auto;
			background-color:white;
			padding: 10px;
			font-size: 13px;
		}
		
		
	/*********** ボタンデザイン(フォーム送信用) パソコン**********************/
		button {
			 display:block;
			 min-height:50px;
			 line-height: 25px;
			 color: #FFF;
			 text-decoration: none;
			 text-align: center;
			 background-color:#401802;
			 border-radius: 50px; 
			 -webkit-transition: all 0.5s;
			 transition: all 0.5s;
			font-size: 17px;
			font-weight: bold;
			padding-left: 40px;
			padding-right: 40px;
		}
		button:hover {
			 background-color: orangered; 
		}
		
}


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

	@media screen and (min-width:365px) and (max-width:660px) {

	/*-- 非表示設定 --*/
		.menu-box_pc{
			display: block;
		}
		.menu-box_tablet{
			display: none;
		}
		.menu-box_phone {
			display: none;
		}
		
		/*-- パンくず表示設定 --*/
		.pankuzu-pc {
			display: none;
		}
		.pankuzu-phone {
			display: block;
		}
		
		/*--切り替えボタン表示設定--*
		.button-pc {
			display: none;
		}
		.button-phone {
			display: block;
		}
		
		
	/************** メニュー部分設定　[パソコン] ********************************/
	
	/*headerの設定はタブレット用と共用*/
	
	header {
		/*z-index:800;*/
		width:100%;
		/* height: 35%; */
		background-color: rgba(255,255,255,0.65);
		/* background:#9b8462;
		opacity:0.80; */
		filter:alpha(opacity=80);
		-ms-filter:"alpha(opacity=80)"; 
		text-align: left;
	}

	.menu-box_pc .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 1150px;
		text-align: left;
		vertical-align: middle;
		padding-top:2px;
		padding-bottom:2px;
		margin:0 auto;
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	
	.headA {
		display: inline-block;
		padding-left: 0px;
		padding-right: 15px;
		padding-top: 7px;
		color: rgba(122,78,57,1.00);
		font-weight: bold;
		font-size: 24px;
	}
	.headB ul{
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.headB a {
		display: block;
		padding-top: 11px;
		padding-right: 8px;
		padding-left: 10px;
		padding-bottom: 10px;
		font-size:15px;
		text-decoration: none;
		color: black;
		list-style: none;
	}
	.headB a:hover {
		background-color: rgba(0,0,0,0.3)
	}
		
		
	/*================================================
	 *  パンくずリスト パソコン用
	 ================================================*/
		#crumbs {
			margin-top: 0px;
			padding-top: 80px;
			width: 500px;
			margin-bottom: 30px;
		}

		/*----パンくずリスト背景--------------*/
		#crumbs ul li a {
			display: block;
			float: left;
			height: 24px;
			background: hsla(34,85%,45%,1);
			text-align: center;
			padding: 4px 0px 0 20px;
			position: relative;
			margin: 0 10px 0 0; 
			font-size: 12px;
			text-decoration: none;
			color: #fff;
		}

		/*----右側の三角形をつくる--------------*/
		#crumbs ul li a:after {
			content: "";  
			border-top: 14px solid transparent;
			border-bottom: 14px solid transparent;
			border-left: 20px solid hsla(34,85%,45%,1);
			position: absolute; 
			right: -20px; 
			top: 0;
			z-index: +2;
		}	

		/*----左側の三角形をつくる--------------*/
		#crumbs ul li a:before {
			content: "";  
			border-top: 14px solid transparent;
			border-bottom: 14px solid transparent;
			border-left: 20px solid #F5C00E;
			position: absolute; 
			left: 0;
			top: 0;
		}

		/*----両端を角丸の四角にする--------------*/
		#crumbs ul li:first-child a {
			border-top-left-radius: 10px; 
			border-bottom-left-radius: 10px;
		}
		#crumbs ul li:first-child a:before {
			display: none; 
		}

		#crumbs ul li:last-child a {
			padding-right: 20px;
			border-top-right-radius: 10px; 
			border-bottom-right-radius: 10px;
		}
		#crumbs ul li:last-child a:after {
			display: none; 
		}

		/*----現在位置の背景色を変える 数字は左から何番目かを表す-------*/
		#crumbs li:nth-child(2) a { 
			background: #7E5841; 
		}

		#crumbs li:nth-child(2) a:after { 
			border-left-color: #7E5841; 
		}
		

	/*================================================
	 *  内側背景 パソコン用
	 ================================================*/
		.haikei1 {
			padding: 30px;
			padding-top: 50px;
			margin: 2em 0;
			margin-top: 0px;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}
		
		.line{
			border: 4px solid white;
			padding: 30px;
		}

		.haikei2 {
			padding-left: 5px;
			padding-right: 15px;
			padding-top: 25px;
			padding-bottom: 5px;
			margin: 1em 0;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}


		/*カレンダー部分まるごと左寄せ*/
		.calendar_background {
			float: right;
			display: inline-block;
			text-align: center;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}

		.ryoukin_background {
			display: block;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		
		.cb {
			clear:both;
		}
		
		

	/*********** ボタンデザイン(フォーム送信用) パソコン**********************/
		button {
			 display:block;
			 min-height:50px;
			 line-height: 25px;
			 color: #FFF;
			 text-decoration: none;
			 text-align: center;
			 background-color:#401802;
			 border-radius: 50px; 
			 -webkit-transition: all 0.5s;
			 transition: all 0.5s;
			font-size: 22px;
			font-weight: bold;
			padding-left: 40px;
			padding-right: 40px;
		}
		button:hover {
			 background-color: orangered; 
		}
		
	/****規約・個人情報保護方針　枠　***********************/
		.box {
			max-width: 1000px;
			min-width:300px;
			height:150px;
			overflow:auto;
			background-color:white;
			padding: 10px;	
		}
		

	/*================================================
	 *  フォーム設定　パソコン用
	 ================================================*/

		/*****フォント設定******************************************/
		.contact-title {
			font-weight: bold;
			font-size: 25px;
			width: 250px;
			line-height: 1.3em;
			margin: 0 auto;
			margin-bottom: 30px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}
		
		.yokonarabi {
		  display: flex;
		}

		.sub1 {
			font-size: 17px;
			font-weight: 500;
			margin-right: 20px;
			margin-bottom: 	30px;
		}
		.sub1 .hissu {
			display: inline-block;
		}
		.sub1 span {
			display:inline-block;
			font-size: 12px;
			min-width: 25px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub1 .question {
			display: inline-block;
		}
		.sub2 {
			font-size: 23px;
			font-weight: 600;
			line-height: 1.8em;
		}

		.sub3 span {
			display: block;
			width: 24px;
			margin-bottom: 10px;
		}

		/*　必須マーク  */
		.sub3 span {
			font-size: 11px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}

		.sub4 {
			font-size: 26px;
			font-weight: 600;
		}
		
		.radio {
			width: 70%;
			font-size: 20px;
		}

		.sub6 {
			font-size: 19px;
			font-weight: 500;
			margin-top: 30px;
			margin-right: 20px;
			margin-bottom:0px;
		}
		.text_input input {
			font-size:18px;
			padding: 4px;
			width: 80%;
		}
		
		.sub5 {
			float: left;
			margin-top: -20px;
		}
		textarea{
			font-size: 20px;
			font-weight: 400;
			width:250px;
			max-width: 450px;
			height: 200px;
		}

		/****フォームデザイン***************************************/

		.setumei {
			text-align: center;
		}

		.contact-title {
			font-weight: bold;
			margin-bottom: 30px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}
		

		.table1 {
			display: block;
			text-align: left;
			width: 110%;
			margin-bottom: 0px;
		 }
		.table3 {
			display: block;
			text-align: left;
			width: 100%;
			margin-bottom: 0px;
		 }
		
		/*テーブルセルの間の高さ*/
		.sub1 {
			margin-bottom: 0px;
			margin-top: 20px;
		}
		
		.cd-text {
			min-width: 100%;
			max-width: 600px;
			font-size: 13px;
		}

		
		/*カレンダーの選択日の背景を消す*/
		.sentaku_date input {
			font-size: 30px;
			color: black;
			font-weight: 700;
			border:none;
			outline:none;
			-webkit-appearance:none;
			background-color: #FFF7C4;
			text-align: left;
		}

		.sentaku_date {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 10px;
			width: 600px;
		}
		.sentaku_date .cell3 {
			margin-top: 4px;
			margin-right: 5px;
			margin-left: 20px;
			text-align: right;
			vertical-align:-0.5em;
			padding-top: 2px;
			width: 210px;
		}

		.button_center {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		/* ここから下がボタンのCSS　*/

		.btn-push_on {
		  display: inline-block;
		  max-width: 250px;
		  text-align: left;
		  background-color:#EC8A00;
		  font-size: 22px;
		  color:white;
		  text-decoration: none;
		  /*font-weight: bold;*/
		  padding: 15px 20px;
		  border-radius: 4px;
		  border-bottom: 2px solid #AB6100;
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.btn-push_off {
		  display: inline-block;
		  max-width: 250px;
		  text-align: left;
		  background-color:#939393;
		  font-size: 22px;
		  color:white;
		  text-decoration: none;
		  /*font-weight: bold;*/
		  padding: 15px 20px;
		  border-radius: 4px;
		  border-bottom: 4px solid #4E4E4E;
		}



	}


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

	@media screen and (min-width:661px) and (max-width:780px) {

	/*-- 非表示設定 --*/
		.menu-box_pc{
			display: block;
		}
		.menu-box_tablet{
			display: none;
		}
		.menu-box_phone {
			display: none;
		}
		
		/*-- パンくず表示設定 --*/
		.pankuzu-pc {
			display: none;
		}
		.pankuzu-phone {
			display: block;
		}
		
		/*--切り替えボタン表示設定--*
		.button-pc {
			display: block;
		}
		.button-phone {
			display: none;
		}
		*/
		.kankaku {
			margin: 20px;
		}
		
		
	/************** メニュー部分設定　[パソコン] ********************************/
	
	/*headerの設定はタブレット用と共用*/
	
	header {
		/*z-index:800;*/
		width:100%;
		/* height: 35%; */
		background-color: rgba(255,255,255,0.65);
		/* background:#9b8462;
		opacity:0.80; */
		filter:alpha(opacity=80);
		-ms-filter:"alpha(opacity=80)"; 
		text-align: left;
	}

	.menu-box_pc .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 1150px;
		text-align: left;
		vertical-align: middle;
		padding-top:2px;
		padding-bottom:2px;
		margin:0 auto;
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	
	.headA {
		display: inline-block;
		padding-left: 0px;
		padding-right: 15px;
		padding-top: 7px;
		color: rgba(122,78,57,1.00);
		font-weight: bold;
		font-size: 24px;
	}
	.headB ul{
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.headB a {
		display: block;
		padding-top: 11px;
		padding-right: 8px;
		padding-left: 10px;
		padding-bottom: 10px;
		font-size:15px;
		text-decoration: none;
		color: black;
		list-style: none;
	}
	.headB a:hover {
		background-color: rgba(0,0,0,0.3)
	}
		
		
	/*================================================
	 *  パンくずリスト パソコン用
	 ================================================*/
		#crumbs {
			margin-top: 0px;
			padding-top: 80px;
			width: 500px;
			margin-bottom: 30px;
		}

		/*----パンくずリスト背景--------------*/
		#crumbs ul li a {
			display: block;
			float: left;
			height: 24px;
			background: hsla(34,85%,45%,1);
			text-align: center;
			padding: 4px 0px 0 20px;
			position: relative;
			margin: 0 10px 0 0; 
			font-size: 12px;
			text-decoration: none;
			color: #fff;
		}

		/*----右側の三角形をつくる--------------*/
		#crumbs ul li a:after {
			content: "";  
			border-top: 14px solid transparent;
			border-bottom: 14px solid transparent;
			border-left: 20px solid hsla(34,85%,45%,1);
			position: absolute; 
			right: -20px; 
			top: 0;
			z-index: +2;
		}	

		/*----左側の三角形をつくる--------------*/
		#crumbs ul li a:before {
			content: "";  
			border-top: 14px solid transparent;
			border-bottom: 14px solid transparent;
			border-left: 20px solid #F5C00E;
			position: absolute; 
			left: 0;
			top: 0;
		}

		/*----両端を角丸の四角にする--------------*/
		#crumbs ul li:first-child a {
			border-top-left-radius: 10px; 
			border-bottom-left-radius: 10px;
		}
		#crumbs ul li:first-child a:before {
			display: none; 
		}

		#crumbs ul li:last-child a {
			padding-right: 20px;
			border-top-right-radius: 10px; 
			border-bottom-right-radius: 10px;
		}
		#crumbs ul li:last-child a:after {
			display: none; 
		}

		/*----現在位置の背景色を変える 数字は左から何番目かを表す-------*/
		#crumbs li:nth-child(2) a { 
			background: #7E5841; 
		}

		#crumbs li:nth-child(2) a:after { 
			border-left-color: #7E5841; 
		}
		

	/*================================================
	 *  内側背景 パソコン用
	 ================================================*/
		.haikei1 {
			padding: 30px;
			padding-top: 50px;
			margin: 2em 0;
			margin-top: 0px;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}
		
		.line{
			border: 4px solid white;
			padding: 30px;
		}

		.haikei2 {
			padding-left: 40px;
			padding-right: 70px;
			padding-top: 30px;
			padding-bottom: 10px;
			margin: 1em 0;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}


		/*カレンダー部分まるごと左寄せ*/
		.calendar_background {
			float: right;
			display: inline-block;
			text-align: center;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}

		.ryoukin_background {
			display: block;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		
		.cb {
			clear:both;
		}
		
		

	/*********** ボタンデザイン(フォーム送信用) パソコン**********************/
		button {
			 display:block;
			 min-height:50px;
			 line-height: 25px;
			 color: #FFF;
			 text-decoration: none;
			 text-align: center;
			 background-color:#401802;
			 border-radius: 50px; 
			 -webkit-transition: all 0.5s;
			 transition: all 0.5s;
			font-size: 22px;
			font-weight: bold;
			padding-left: 40px;
			padding-right: 40px;
		}
		button:hover {
			 background-color: orangered; 
		}
		
	/****規約・個人情報保護方針　枠　***********************/
		.box {
			width: 90%;
			min-width:150px;
			height:150px;
			overflow:auto;
			background-color:white;
			padding: 10px;
			font-size: 13px;
		}
		

	/*================================================
	 *  フォーム設定　パソコン用
	 ================================================*/

		/*****フォント設定******************************************/
		.contact-title {
			font-weight: bold;
			font-size: 25px;
			width: 250px;
			line-height: 1.3em;
			margin: 0 auto;
			margin-bottom: 30px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}
		
		.yokonarabi {
		  display: flex;
		}

		.sub1 {
			font-size: 17px;
			font-weight: 500;
			margin-right: 20px;
			margin-bottom: 	30px;
		}
		.sub1 .hissu {
			display: inline-block;
		}
		.sub1 span {
			display:inline-block;
			font-size: 12px;
			min-width: 25px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub1 .question {
			display: inline-block;
		}
		.sub2 {
			font-size: 23px;
			font-weight: 600;
			line-height: 1.8em;
		}

		.sub3 span {
			display: block;
			width: 24px;
			margin-bottom: 10px;
		}
		.table3 {
			display: block;
			text-align: left;
			width: 100%;
			margin-bottom: 0px;
		 }

		/*　必須マーク  */
		.sub3 span {
			font-size: 11px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}

		.sub4 {
			font-size: 26px;
			font-weight: 600;
		}
		.table3 {
			width: 100%;
			height:30px;
		}
		.radio {
			width: 70%;
			font-size: 22px;
		}

		.sub6 {
			font-size: 19px;
			font-weight: 500;
			margin-top: 30px;
			margin-right: 20px;
			margin-bottom:0px;
		}
		.text_input input {
			font-size:18px;
			padding: 4px;
			width: 100%;
		}
		
		.sub5 {
			float: left;
		}
		textarea{
			font-size: 20px;
			font-weight: 400;
			min-width:400px;
			height: 200px;
		}

		/****フォームデザイン***************************************/

		.setumei {
			text-align: center;
		}

		.contact-title {
			font-weight: bold;
			margin-bottom: 30px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}
		

		.table1 {
			display: block;
			text-align: left;
			width: 100%;
			margin-bottom: 0px;
		 }
		
		/*テーブルセルの間の高さ*/
		.sub1 {
			margin-bottom: 0px;
			margin-top: 20px;
		}
		
		.cd-text {
			width: 450px;
		}

		
		/*カレンダーの選択日の背景を消す*/
		.sentaku_date input {
			font-size: 30px;
			color: black;
			font-weight: 700;
			border:none;
			outline:none;
			-webkit-appearance:none;
			background-color: #FFF7C4;
			text-align: left;
		}

		.sentaku_date {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 10px;
			width: 600px;
		}
		.sentaku_date .cell3 {
			margin-top: 4px;
			margin-right: 5px;
			margin-left: 20px;
			text-align: right;
			vertical-align:-0.5em;
			padding-top: 2px;
			width: 210px;
		}

		.button_center {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		/* ここから下がボタンのCSS　*/
		.button-syozoku {
			display: flex;
			flex-direction: row;
		}
		.kankaku {
			margin: 20px;
		}
		.btn-push_on {
		  display: inline-block;
		  max-width: 250px;
		  text-align: left;
		  background-color:#EC8A00;
		  font-size: 22px;
		  color:white;
		  text-decoration: none;
		  /*font-weight: bold;*/
		  padding: 18px 20px;
		  border-radius: 4px;
		  border-bottom: 2px solid #AB6100;
			margin-top: 10px;
		}

		.btn-push_off {
		  display: inline-block;
		  max-width: 250px;
		  text-align: left;
		  background-color:#939393;
		  font-size: 22px;
		  color:white;
		  text-decoration: none;
		  /*font-weight: bold;*/
		  padding: 18px 20px;
		  border-radius: 4px;
		  border-bottom: 4px solid #4E4E4E;
			margin-top:10px;
		}



	}

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

	@media screen and (min-width: 781px) and (max-width:1104px) {

	/*-- 非表示設定 --*/
		.menu-box_pc{
			display: block;
		}
		.menu-box_tablet{
			display: none;
		}
		.menu-box_phone {
			display: none;
		}
		/*トグルボタン非表示*
		.headC {
			display: none;
		}*/
		
		/*-- パンくず表示設定 --*/
		.pankuzu-pc {
			display: block;
		}
		.pankuzu-phone {
			display: none;
		}
		
		/*--切り替えボタン表示設定--*
		.button-pc {
			display: block;
		}
		.button-phone {
			display: none;
		}
		*/
		.button-syozoku {
			display: flex;
		}
		.kankaku {
			margin: 15px;
		}
		
		/* ここから下がボタンのCSS　*/
		.button-syozoku {
			display: flex;
			flex-direction: row;
		}
		.kankaku {
			margin: 10px;
		}
		.btn-push_on {
		  display: inline-block;
		  max-width: 260px;
		  text-align: left;
		  background-color:#EC8A00;
		  font-size: 21px;
		  color:white;
		  text-decoration: none;
		  /*font-weight: bold;*/
		  padding: 18px 20px;
		  border-radius: 4px;
		  border-bottom: 2px solid #AB6100;
			margin-left: 10px;
		}

		.btn-push_off {
		  display: inline-block;
		  max-width: 250px;
		  text-align: left;
		  background-color:#939393;
		  font-size: 21px;
		  color:white;
		  text-decoration: none;
		  /*font-weight: bold;*/
		  padding: 18px 20px;
		  border-radius: 4px;
		  border-bottom: 4px solid #4E4E4E;
		}
		
		
	/************** メニュー部分設定　[パソコン] ********************************/
	
	/*headerの設定はタブレット用と共用*/
	
	header {
		/*z-index:800;*/
		width:100%;
		/* height: 35%; */
		background-color: rgba(255,255,255,0.65);
		/* background:#9b8462;
		opacity:0.80; */
		filter:alpha(opacity=80);
		-ms-filter:"alpha(opacity=80)"; 
		text-align: left;
	}

	.menu-box_pc .inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 1150px;
		text-align: left;
		vertical-align: middle;
		padding-top:2px;
		padding-bottom:2px;
		margin:0 auto;
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	
	.headA {
		display: inline-block;
		padding-left: 0px;
		padding-right: 15px;
		padding-top: 7px;
		color: rgba(122,78,57,1.00);
		font-weight: bold;
		font-size: 24px;
	}
	.headB ul{
		display: flex;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.headB a {
		display: block;
		padding-top: 11px;
		padding-right: 8px;
		padding-left: 10px;
		padding-bottom: 10px;
		font-size:15px;
		text-decoration: none;
		color: black;
		list-style: none;
	}
	.headB a:hover {
		background-color: rgba(0,0,0,0.3)
	}
		
		
	/*================================================
	 *  パンくずリスト パソコン用
	 ================================================*/
		#crumbs {
			margin-top: 0px;
			padding-top: 90px;
			width: 780px;
			margin-bottom: 50px;
		}

		/*----パンくずリスト背景--------------*/
		#crumbs ul li a {
			display: block;
			float: left;
			height: 34px;
			background: hsla(34,85%,45%,1);
			text-align: center;
			padding: 4px 7px 0 35px;
			position: relative;
			margin: 0 10px 0 0; 
			font-size: 14px;
			text-decoration: none;
			color: #fff;
		}

		/*----右側の三角形をつくる--------------*/
		#crumbs ul li a:after {
			content: "";  
			border-top: 19px solid transparent;
			border-bottom: 19px solid transparent;
			border-left: 25px solid hsla(34,85%,45%,1);
			position: absolute; 
			right: -25px; 
			top: 0;
			z-index: +2;
		}	

		/*----左側の三角形をつくる--------------*/
		#crumbs ul li a:before {
			content: "";  
			border-top: 19px solid transparent;
			border-bottom: 19px solid transparent;
			border-left: 25px solid #F5C00E;
			position: absolute; 
			left: 0;
			top: 0;
		}

		/*----両端を角丸の四角にする--------------*/
		#crumbs ul li:first-child a {
			border-top-left-radius: 10px; 
			border-bottom-left-radius: 10px;
		}
		#crumbs ul li:first-child a:before {
			display: none; 
		}

		#crumbs ul li:last-child a {
			padding-right: 50px;
			border-top-right-radius: 10px; 
			border-bottom-right-radius: 10px;
		}
		#crumbs ul li:last-child a:after {
			display: none; 
		}

		/*----現在位置の背景色を変える 数字は左から何番目かを表す-------*/
		#crumbs li:nth-child(2) a { 
			background: #7E5841; 
		}

		#crumbs li:nth-child(2) a:after { 
			border-left-color: #7E5841; 
		}
		

	/*================================================
	 *  内側背景 パソコン用
	 ================================================*/
		.haikei1 {
			padding: 30px;
			padding-top: 50px;
			margin: 2em 0;
			margin-top: 0px;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}
		
		.line{
			border: 4px solid white;
			padding: 30px;
		}

		.haikei2 {
			padding-left: 70px;
			padding-right: 70px;
			padding-top: 35px;
			padding-bottom: 10px;
			margin: 1em 0;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}

		.calendar_background {
			display: inline-block;
			text-align: center;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}

		/*カレンダー部分まるごと左寄せ*/
		.calendar_background {
			float: right;
			display: inline-block;
			text-align: center;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}

		.ryoukin_background {
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		
	/*********** ボタンデザイン(フォーム送信用) パソコン**********************/
		button {
			 display:block;
			 line-height: 40px;
			 color: #FFF;
			 text-decoration: none;
			 text-align: center;
			 background-color:#401802;
			 border-radius: 50px; 
			 -webkit-transition: all 0.5s;
			 transition: all 0.5s;
			font-size: 25px;
			font-weight: bold;
			padding-left: 40px;
			padding-right: 40px;
		}
		button:hover {
			 background-color: orangered; 
		}
		
	/****規約・個人情報保護方針　枠　***********************/
		.box {
			width: 90%;
			min-width:150px;
			height:150px;
			overflow:auto;
			background-color:white;
			padding: 10px;
			font-size: 13px;
		}
		


	/*================================================
	 *  フォーム設定　パソコン用
	 ================================================*/

		/*****フォント設定******************************************/
		.contact-title {
			font-weight: bold;
			margin-bottom: 30px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}
		
		
		.yokonarabi {
		  display: flex;
		}

		.sub1 {
			font-size: 17px;
			font-weight: 500;
			margin-right: 20px;
			margin-bottom: 	30px;
		}
		.sub1 .hissu {
			display: inline-block;
		}
		.sub1 span {
			display:inline-block;
			font-size: 12px;
			min-width: 25px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub1 .question {
			display: inline-block;
		}
		.sub2 {
			font-size: 23px;
			font-weight: 600;
			line-height: 1.8em;
		}

		.sub3 span {
			display: block;
			width: 24px;
			margin-bottom: 10px;
		}

		/*　必須マーク  */
		.sub3 span {
			font-size: 11px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}

		.sub4 {
			font-size: 26px;
			font-weight: 600;
		}
		
		.radio {
			width: 250px;
			font-size: 20px;
		}

		.sub6 {
			font-size: 19px;
			font-weight: 500;
			margin-top: 30px;
			margin-right: 20px;
			margin-bottom:0px;
		}
		.text_input input {
			font-size:18px;
			padding: 4px;
			width: 80%;
		}

		.sub5 {
			margin-top: -20px;
			padding-left:30px;
		}
		textarea {
			float: right;
			height:150px;
			width: 85%;
			overflow:auto;
			background-color:white;
			padding: 10px;	
			font-size: 20px;
			font-weight: 400;
		}
		
		.table1 {
			text-align: left;
			min-width:50px;
			width: 140px;
			margin: 0 0;
			padding 0 0;
		 }
		.table3 {
			text-align: left;
			width: 130px;
			margin: 0 0;
			padding 0 0;
		 }
		.radio {
			width: 300px;
		}

		/****フォームデザイン***************************************/

		.setumei {
			text-align: center;
		}
		
		.contact-title {
			font-weight: bold;
			margin-bottom: 30px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}
		
		.kiboubi {
			width: 100%;
			table-layout: auto;
			word-break: break-all;
			word-wrap: break-all;
		}
		/*
		.kiboubi .cell1{
			width: 50px;
			text-align: left;
		}

		.kiboubi .cell4 {
			width: 260px;
			padding-right: 55px;
		}
		*/

		/*カレンダーの選択日の背景を消す*/
		.sentaku_date input {
			font-size: 30px;
			color: black;
			font-weight: 700;
			border:none;
			outline:none;
			-webkit-appearance:none;
			background-color: #FFF7C4;
			text-align: left;
		}

		.sentaku_date {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 10px;
			width: 600px;
		}
		.sentaku_date .cell3 {
			margin-top: 4px;
			margin-right: 5px;
			margin-left: 20px;
			text-align: right;
			vertical-align:-0.5em;
			padding-top: 2px;
			width: 210px;
		}

		.button_center {
			display: flex;
			justify-content: center;
			align-items: center;
		}


}


/*====================================================================
 *  パソコンメニュー用　画面幅1011px以上 最大1200px
 ====================================================================*/

	@media print, screen and (min-width:1105px) {

	/*-- 非表示設定 --*/
		.menu-box_pc {
			display: block;	
		}
		.menu-box_tablet{
			display: none;
		}
		.menu-box_phone {
			display: none;
		}
		/*トグルボタン非表示*
		.headC {
		display: none;
		}
		
		/*-- パンくず表示設定 --*/
		.pankuzu-pc {
			display: block;
		}
		.pankuzu-phone {
			display: none;
		}
		
		/*--切り替えボタン表示設定--*
		.button-pc {
			display: block;
		}
		.button-phone {
			display: none;
		}
		*/
		.button-syozoku {
			display: flex;
		}
		.kankaku {
			margin: 20px;
		}

	/*-- 背景の表示設定 --*/
		body {
			font-size: 18px;
		}
		#contents {
			box-sizing:border-box;
			max-width:1200px;
		}
		#contents_inner {
			margin-left: 25px;
			margin-right: 25px;
		}


	/*********** ボタンデザイン(フォーム送信用) パソコン**********************/
		button {
			 display:block;
			 height:50px;
			 line-height: 40px;
			 color: #FFF;
			 text-decoration: none;
			 text-align: center;
			 background-color:#401802;
			 border-radius: 50px; 
			 -webkit-transition: all 0.5s;
			 transition: all 0.5s;
			font-size: 30px;
			font-weight: bold;
			padding-left: 40px;
			padding-right: 40px;
		}
		button:hover {
			 background-color: orangered; 
		}

	
	/*================================================
	 *  パンくずリスト パソコン用
	 ================================================*/
		#crumbs {
			margin-top: 0px;
			padding-top: 70px;
		}

		/*----パンくずリスト背景--------------*/
		#crumbs ul li a {
			display: block;
			float: left;
			height: 34px;
			background: hsla(34,85%,45%,1);
			text-align: center;
			padding: 4px 25px 0 45px;
			position: relative;
			margin: 0 10px 0 0; 
			font-size: 18px;
			text-decoration: none;
			color: #fff;
		}

		/*----右側の三角形をつくる--------------*/
		#crumbs ul li a:after {
			content: "";  
			border-top: 19px solid transparent;
			border-bottom: 19px solid transparent;
			border-left: 25px solid hsla(34,85%,45%,1);
			position: absolute; 
			right: -25px; 
			top: 0;
			z-index: +2;
		}	

		/*----左側の三角形をつくる--------------*/
		#crumbs ul li a:before {
			content: "";  
			border-top: 19px solid transparent;
			border-bottom: 19px solid transparent;
			border-left: 25px solid #F5C00E;
			position: absolute; 
			left: 0;
			top: 0;
		}

		/*----両端を角丸の四角にする--------------*/
		#crumbs ul li:first-child a {
			border-top-left-radius: 10px; 
			border-bottom-left-radius: 10px;
		}
		#crumbs ul li:first-child a:before {
			display: none; 
		}

		#crumbs ul li:last-child a {
			padding-right: 50px;
			border-top-right-radius: 10px; 
			border-bottom-right-radius: 10px;
		}
		#crumbs ul li:last-child a:after {
			display: none; 
		}

		/*----現在位置の背景色を変える 数字は左から何番目かを表す-------*/
		#crumbs li:nth-child(2) a { 
			background: #7E5841; 
		}

		#crumbs li:nth-child(2) a:after { 
			border-left-color: #7E5841; 
		}
	
	
	/*================================================
	 *  内側背景 パソコン用
	 ================================================*/
		.haikei1 {
			padding: 70px;
			margin: 2em 0;
			margin-top: 70px;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}

		.haikei2 {
			padding-left: 70px;
			padding-right: 70px;
			padding-top: 30px;
			padding-bottom: 10px;
			margin: 1em 0;
			font-weight: bold;
			border-radius: 30px;/*角の丸み*/
		}
		
		/*カレンダー部分まるごと左寄せ*/
		.calendar_background {
			float: right;
			display: inline-block;
			text-align: center;
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}

		.ryoukin_background {
			padding:20px;
			margin-top: 10px;
			background-color:#FFF7C4;
			border-radius: 13px;/*角の丸み*/
		}
		
	/****規約・個人情報保護方針　枠　***********************/
		.box {
			max-width: 1000px;
			min-width:300px;
			height:150px;
			overflow:auto;
			background-color:white;
			padding: 10px;	
		}


	/*================================================
	 *  フォーム設定　パソコン用
	 ================================================*/

		/*****フォント設定******************************************/
		.contact-title {
			font-weight: bold;
			margin-bottom: 30px;
		}

		.tel_form{
			font-size: 17px;  /*全体のフォントサイズ*/
		}

		.sub1 {
			font-size: 19px;
			font-weight: 500;
			margin-right: 20px;
			margin-bottom: 	30px;
		}
		.sub1 span {
			font-size: 11px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}
		.sub2 {
			font-size: 22px;
			font-weight: 600;
		}

		.sub3 {
			margin-bottom: 10px;
		}

		.sub3 span {
			font-size: 11px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			padding: 4px;
			border-radius: 3px;/*角の丸み*/
			margin-right:8px;
			vertical-align: 0.2em;
			height: 18px;
		}

		.sub4 {
			font-size: 26px;
			font-weight: 600;
		}
		
		.radio {
			width: 70%;
			font-size: 22px;
			line-height: 2em;
		}

		.sub6 {
			font-size: 19px;
			font-weight: 500;
			margin-top: 30px;
			margin-right: 20px;
			margin-bottom:0px;
		}
		.text_input input {
			font-size:18px;
			padding: 4px;
			width: 370px;
			text-align: left;
		}
		
		.sub5 {
			font-size: 24px;
			font-weight: 600;
			margin-top: -20px;
		}
		textarea{
			float: right;
			font-size: 20px;
			font-weight: 400;
			width:680px;
			height: 200px;

		}
		
		/* ここから下がボタンのCSS　*/
		.button-syozoku {
			display: flex;
			flex-direction: row;
		}
		.kankaku {
			margin: 20px;
		}
		.btn-push_on {
		  display: inline-block;
		  max-width: 250px;
		  text-align: left;
		  background-color:#EC8A00;
		  font-size: 22px;
		  color:white;
		  text-decoration: none;
		  /*font-weight: bold;*/
		  padding: 18px 20px;
		  border-radius: 4px;
		  border-bottom: 2px solid #AB6100;*/
		}

		.btn-push_off {
		  display: inline-block;
		  max-width: 250px;
		  text-align: left;
		  background-color:#939393;
		  font-size: 22px;
		  color:white;
		  text-decoration: none;
		  /*font-weight: bold;*/
		  padding: 18px 20px;
		  border-radius: 4px;
		  border-bottom: 4px solid #4E4E4E;
		}

/****フォームデザイン***************************************/
		
		.kiboubi {
			width: 100%;
			table-layout: auto;
			word-break: break-all;
			word-wrap: break-all;
		}

		.yokonarabi {
		  display: flex;
		}

		.setumei {
			text-align: center;
		}

		.line{
			border: 4px solid white;
			padding: 40px;
		}
		
		.table1 {
			min-width: 200px;
			text-align: left;
			margin: 0 0;
			padding: 0 0;
		}
		.table3 {
			width: 270px;
			text-align: left;
			margin: 0 0;
			padding: 0 0;
		}

		.kiboubi .cell1{
			width: 100px;
			text-align: left;
		}
		.kiboubi .cell2{
			width: 50px;
			text-align: left;
		}


/*******カレンダーの選択日の背景を消す****************************/
		.sentaku_date input {
			font-size: 30px;
			color: black;
			font-weight: 700;
			border:none;
			outline:none;
			-webkit-appearance:none;
			background-color: #FFF7C4;
			text-align: left;
		}

		.sentaku_date {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 10px;
			width: 600px;
		}
		.sentaku_date .cell3 {
			margin-top: 4px;
			margin-right: 5px;
			margin-left: 20px;
			text-align: right;
			vertical-align:-0.5em;
			padding-top: 2px;
			width: 210px;
		}

		.button_center {
			display: flex;
			justify-content: center;
			align-items: center;
		}



}