html{
			padding-right:10px;/*右に隙間*/
			padding-left:30px;/*左に隙間*/
		}

		.titlemain {
		cursor: url("../img/mausu.png"), auto;/*マウスカーソル*/
		color: #404040;
		font-size: 250px;
		text-align: center;
		padding-bottom: 200px;
		line-height:350px
	 }
	 @media screen and (max-width: 888px) {
		.titlemain {
			font-size: 110px;
		 }
	 }

		/*ボタン*/
		.btn {
			border-radius: 5px;
			background-color: #404040;
			padding: 10px;
			text-decoration: none;
			color: white;
			display: inline-block;
		  }
		  @media screen and (max-width: 494px) {
			.btn{
				margin-top: 8px;
			}
		  } 

		
		/*下に間をあける*/
		br.aida {
			padding-bottom:5px;
		}

	 

	 /* 横並び */
	 .flex {
		display: flex;
		flex-wrap: wrap; /* フレックスアイテムが折り返されるように設定 */
		justify-content: space-between; /* アイテムを均等に配置 */
		align-items: center; /* アイテムを中央に配置 */
	  }
	  .flex .image {
		width: 160px; /* 画像サイズ指定 */
		margin-right: 2px; /* アイテム間の余白を設定 */
	  }
	  @media screen and (max-width: 630px) {
		.flex .image {
		  width: 100%; /* 画面幅に合わせて画像のサイズを自動調整 */
		  margin-right: 0; /* アイテム間の余白をなくす */
		  margin-bottom: 2px; /* アイテム間に余白を追加 */
		}
	  }
	  .flex .text {
		flex: 1; /* 幅を自動調整 */
	  }
	  footer{
		text-align: center;
		color: #ffffff;
		background-color:#404040;
	  }

	  /*menu*/
	  .menu-btn {
		position: fixed;
		top: 10px;
		right: 10px;
		display: flex;
		height: 60px;
		width: 60px;
		justify-content: center;
		align-items: center;
		z-index: 90;
		background-color: #646464;
	}
	
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #ffffff;
		position: absolute;
	}
	
	.menu-btn span:before {
		bottom: 8px;
	}
	
	.menu-btn span:after {
		top: 8px;
	}
	
	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);
	}
	
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}
	
	#menu-btn-check {
		display: none;
	}
	
	.menu-content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 100%;
		z-index: 80;
		background-color: #646464;
		transition: all 0.5s;
	}
	
	.menu-content ul {
		padding: 70px 10px 0;
		list-style: none;
	}
	
	.menu-content ul li {
		border-bottom: solid 1px #ffffff;
	}
	
	.menu-content ul li a {
		display: block;
		width: 100%;
		font-size: 15px;
		box-sizing: border-box;
		color:#ffffff;
		text-decoration: none;
		padding: 9px 15px 10px 0;
		position: relative;
	}
	
	.menu-content ul li a::before {
		content: "";
		width: 7px;
		height: 7px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		transform: rotate(45deg);
		position: absolute;
		right: 11px;
		top: 16px;
	}
	
	#menu-btn-check:checked ~ .menu-content {
		left: 0;
	}
			/* ▼メニューバーの装飾 */
			ul.ddmenu {
				border-radius: 10px;
				margin:auto;
				width: 80%;
	
			}
			/* ▼メインメニュー項目の装飾 */
		
			ul.ddmenu a {
				text-align: center;			/* メインメニューの文字列の配置(中央寄せ) */
				font-weight: bold;			/* 太字にする */
				display: block;				/* ★項目内全域をリンク可能にする */
			}
			ul.ddmenu a:hover {
				background-color: #ddf1ff;	/* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
				color: #646464;				/* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
			}
			/* ▼サブメニューがある場合に開く処理 */	/* ※サブメニューが1階層しか存在しない場合の記述 */
			ul.ddmenu li:hover ul {
				display: block;		/* ★マウスポインタが載っている項目の内部にあるリストを表示する */
			}
			/* ▼サブメニューの装飾 */
			ul.ddmenu ul {
				margin: 0px;			/* ★サブメニュー外側の余白(ゼロ) */
				padding: 0px;			/* ★サブメニュー内側の余白(ゼロ) */
				display: none;			/* ★標準では非表示にする */
				position: absolute;		/* ★絶対配置にする */
				overflow:scroll;
				height:400px;
				z-index: 10000;
				background-color: #666666;
			}
	
			/* ▼サブメニュー項目の装飾 */
			ul.ddmenu ul li {
				width: 300px;					/* サブメニュー1項目の横幅(135px) */
				border-top: 1px solid #ddf1ff;		/* 項目上側の枠線(ピンク色で1pxの実線) */
			}
			ul.ddmenu ul li a {
				text-align: left;		/* 文字列の配置(左寄せ) */
				padding-left: 5px;		/* 文字列前方の余白(5px) */
				font-weight: normal;	/* 太字にはしない */
			}
			ul.ddmenu ul li a:hover {
				background-color: #ddf1ff;	/* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
				color: #646464;				/* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
			}
			  /* ホームボタンの実装*/
			  .home-btn {
				position: fixed;
		        top: 10px;
		        right: 10px;
		        display: flex;
		        height: 60px;
		        width: 60px;
		        justify-content: center;
		        align-items: center;
		        z-index: 90;
		        background-color: #646464;
                color: #ffffff;
			  }
			  .home-btn:hover {
				background-color: #333333;
			  }
			  .home-btn::before {
				content: '\2302';
				display: inline-block;
				font-size: 40px;
				font-weight: bold;
			  }