.header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  background: #fff;
  position: relative;
}

.logo {
  font-size: 24px;
}

/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 20px;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0%;
	right: 100%; /* メニューを画面の外に飛ばす */
	z-index: 99;
	transition: .5s;
	text-align: left;
	padding-top: 20px;
	background-color: rgb(255,255,255);
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  right: 0;
}


body p {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #333;
	letter-spacing: 3px;
	line-height: 18px;
}
a {
	text-decoration: underline;
	color: #333;
}

#enpro {
	height: auto;
	width: 70%;
	margin-left: 20px;
}

#container #mokuji {
	display: none;
}

.red {
	color: #F00;
}
.blue {
	color: #39F;
}


#container {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#container #top-imag #topimg {
	height: auto;
	width: 100%;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 2px;
	padding-top: 20px;
	padding-bottom: 30px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	font-weight: normal;
	color: #09C;
	letter-spacing: 5px;
}
.text-s {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0px;
	padding: 0px;
}


#container #main1 #area #table1 {
	display: none;
}



#main1 #area #mtable1 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#container #main1 #area #mtable1 table tr td #msample01 {
	height: auto;
	width: 70%;
}
#container #main1 #area #mtable1 table tr td div #msample02 {
	height: auto;
	width: 70%;
}
#container #main1 #area #mtable1 table tr td #msample03 {
	height: auto;
	width: 70%;
}
#container #main1 #area #mtable1 table tr td #msample04 {
	height: auto;
	width: 70%;
}
#container #main1 #area #button01 p #button1 {
	height: auto;
	width: 180px;
}

#container #main2 #area2 #table2 {
	display: none;
}
#container #main2 #area2 #mtable2 table tr td #mbosyu {
	height: auto;
	width: 70%;
}
#container #main2 {
	background-color: #FFE;
	width: 100%;
	overflow: hidden;
}
#container #main2 #area2 p #button2 {
	height: auto;
	width: 180px;
}
#container #main4 #area4 #aisatu p #utida {
	height: auto;
	width: 160px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 30px;
}
#container #main4 {

}

#container #postmail #area #tablepos {
	width: 95%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#container #footer {
	background-color: #CEF;
}
#container #main4 #area4 #access #googlemap {
	width: 80%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#container #main4 #area4 #access #googlemap iframe {
	width: 100%;
	aspect-ratio: 16/9;

}