/** スマホ用 **/
.pc {
    display: none;
}
.sp {
    display: block !important;
}
.hd_nav {
	display: none;
}
#wrap {
	min-width: inherit;
}
#header {
    position: absolute;
	min-width: inherit;
	z-index: 9999;
	background-color: transparent;
	box-shadow: none;
	text-align: left;
	padding: 10px;
}
#header span {
	color: #add0be;
	font-size: 50px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
    letter-spacing: 3px;
}
/************* モーダルウィンドウ *****/ 
.overlay { 
  display: none; 
  position: fixed; 
  top: -10px; 
  left: 0; 
  right: 0; 
  bottom: -10px; 
  background-color: #f3f8ffe8; 
  overflow: hidden; 
  overflow-y: auto; 
  -webkit-overflow-scrolling: touch; 
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden; 
  z-index: 99; 
} 
.container { 
  display: table; 
  padding: 10px 0; 
  width: 100%; 
  height: 100%; 
} 
.overlay .inner { 
  display: table-cell;
  padding: 0; 
  vertical-align: middle; 
} 
.modal { 
  margin: 0 auto; 
  /*padding: 1.9em 2em;*/ 
  padding-bottom: 3em; 
  max-width: 500px; 
  text-align: justify; 
  text-justify: inter-ideograph; 
} 
.modal::after { 
  display: table; 
  content: ''; 
  clear: both; 
} 

.button { 
  margin: .8em 5% 0; 
  padding: .5em 1.4em; 
  color: #fff; 
  font-size: .95em; 
  border: 0; 
  outline: 0; 
  background-color: #222; 
  cursor: pointer; 
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none; 
  width: 90%; 
} 
.button:hover { 
  background-color: #000; 
} 
.modalul1 {
	margin: 0 20px 25px;
}
.modalul1 dt {
	line-height: 1;
	margin: 15px 0 5px;
	box-shadow: 2px 2px 1px #426733;
}
.modalul1 dt a {
	display: block;
	color: #fff;
	padding: 20px;
	background-color: #7cbf60;
}
.modalul1 dd a {
	line-height: 2em;
}
.modal p.modal_p1 { 
  text-align: center; 
  font-size: 20px; 
    text-indent: 0; 
} 
.modal .hd_box02 { 
  padding-left: 0; 
} 
.modal .hd_nav { 
  margin-right: 8%; 
  margin-bottom: 1em; 
  box-shadow: 2px 2px 3px #333; 
} 
.hd_menu { 
    display: none; 
} 
.modal .hd_menu { 
    display: block; 
} 
.toppage .hd_menu { 
    margin-top: 0; 
    padding: 0 5px; 
    display: block; 
} 
.top_content { 
    margin-top: 25px; 
} 
.top_eo_calendar{ 
	width: 100%; 
} 
/************* モーダルウィンドウ end *****/
/* ドロワーメニュー */ 
header .btn-trigger {
    position: fixed;
    height: 34px; 
    width: 40px; 
    top: 21px;
    z-index: 9999;
} 
header .btn-trigger span:nth-of-type(2) { 
  top: 15px; 
} 
@-webkit-keyframes active-btn07-bar01 { 
  0% { 
    -webkit-transform: translateY(0) rotate(0); 
  } 
  50% { 
    -webkit-transform: translateY(10px) rotate(0); 
  } 
  100% { 
    -webkit-transform: translateY(10px) rotate(45deg); 
  } 
} 
@keyframes active-btn07-bar01 { 
  0% { 
    transform: translateY(0) rotate(0); 
  } 
  50% { 
    transform: translateY(10px) rotate(0); 
  } 
  100% { 
    transform: translateY(10px) rotate(45deg); 
  } 
} 
/* ドロワーメニュー end */ 

.P01_txt_03 {
	width: auto;
	position: relative;
	top: 0;
	justify-content: center;
	margin: 30px auto 0;
	padding: 0 20px 100px;
}
.P01_txt_03 br {
	display: none;
}
.P02_txt_02 {
	left: 0;
}
#Page-01 {
	padding-top: 170px;
	min-height: auto;
}
.page_01_logo {
	width: 250px;
	margin: 0 auto 30px;
}
.P01_txt_01 {
	position: relative;
	top: 0;
	left: 0;
	text-align: center;
	display: flex;
	flex-flow: column-reverse;
}
.P01_txt_01 .syusai {
	margin: 30px 0;
}
.P01_txt_01 .qrcode {
	left: 0;
	margin: auto;
}
.P01_txt_01 .qrcode a {
	display: block;
	padding: 15px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	background-color: #fff;
	border-radius: 10px;
    color: #333;
}
.P01_txt_01 .qrcode span {
	position: relative;
	text-indent: 0;
	padding-left: 0;
}
.P01_txt_02 {
	margin-top: 0;
}
.P01_txt_02 .koutei {
	margin-top: 30px;
	padding: 0 20px;
}
.page_02_logo {
	width: 150px;
	left: 0;
	top: 0;
	position: relative;
}
.P02_txt_01 {
	position: relative;
	right: 0;
	top: 0;
	width: 300px;
	padding: 10px;
	border: 1px #333 solid;
	text-align: center;
	margin: 30px auto;
	background-color: #fff;
}
.P02_tb_01 {
	position: relative;
	right: 0;
	top: 0;
	width: auto;
	color: #333;
	padding: 20px 20px;
	background-color: #ffffffad;
	margin: 0 15px;
}
.P02_txt_02 {
	left: 0;
	position: relative;
	top: 0;
	max-width: inherit;
	margin: 30px 15px 50px;
	padding: 20px 20px;
	background-color: #ffffffad;
}
.P02_txt_02 br {
	display: none;
}
.P02_link_01 {
	position: relative;
	left: 0;
	top: 0;
}
#Page-02 {
	padding-bottom: 150px;
	padding-top: 50px;
	background-position: bottom left;
	background-size: 1600px;
}
.P02_tb_01 th {
	white-space: nowrap;
}
.P02_link_01 a {
	color: #333;
	background: #7d7c7a;
	background: #84761c;
}
.P02_link_01 a::after {
	background: #fffcf4;
	background: #f2d937;
}
.P02_link_01 span::after {
    border-right: 1px solid #333;
    border-top: 1px solid #333;
}
.P02_link_01 a:hover::after {
    background: #f7df49;
}
.P02_tb_01 span {
	font-size: 22px;
	color: #f47403;
	margin: 0 2px;
}
#Page-03 {
	padding-bottom: 150px;
	padding-top: 50px;
	background-position: bottom left;
	background-size: 1600px;
}
.P03_txt_01 {
	position: relative;
	right: 0;
	top: 0;
	width: 300px;
	padding: 10px;
	border: 1px #333 solid;
	text-align: center;
	margin: 30px auto;
	background-color: #fff;
}
.P03_txt_02 {
	position: relative;
	left: 0;
	top: 0;
	max-width: inherit;
	display: flex;
	justify-content: center;
	font-size: 18px;
}
.P03_link_01 {
	position: relative;
	left: 0;
	top: 0;
	margin-top: 30px;
}
.P03_txt_03 {
	width: auto;
	position: relative;
	right: 0;
	bottom: 0;
	margin: 50px 15px 0;
	color: #333;
	background-color: #ffffffad;
	padding: 20px;
}
.P03_txt_03 br {
	display: none;
}
.P03_txt_03 span {
	font-size: 22px;
    color: #f47403;
    margin-right: 3px;
}
#Page-04 {
	padding-bottom: 347px;
	padding-top: 50px;
	background-position: bottom left;
	background-size: 1600px;
}
.P04_txt_01 {
	position: relative;
	right: 0;
	top: 0;
	width: 250px;
	padding: 10px;
	border: 1px #333 solid;
	text-align: center;
	margin: 30px auto;
	background-color: #fff;
}
.P04_txt_02 {
	position: relative;
	left: 0;
	top: 0;
	max-width: inherit;
	text-align: left;
	margin: 0 15px;
	background-color: #ffffffad;
	padding: 20px;
}
.P04_link_01 {
	position: relative;
	left: 0;
	top: 0;
	margin-top: 30px;
    width: 300px;
}
.P04_link_02 {
	position: relative;
	left: 0;
	top: 0;
	margin-top: 30px;
    width: 300px;
}
#Page-05 {
	min-height: 500px;
}
.page05_tit {
	padding-top: 50px;
	font-size: 34px;
	width: 255px;
}
.footer_inner {
	flex-flow: column;
	text-align: center;
}
.ft_01 {
	margin-right: 0;
	width: 250px;
}
.ft_02 {
	margin-top: 20px;
	font-size: 16px;
}
.P04_link_01 a {background: #796e24; color: #333;}
.P04_link_01 a::after {background: #f2d937;}
.P04_link_01 a:hover::after { background: #ffe53a;}