@charset "UTF-8";

menu_sp_logo {
  width: 90px;
  height: auto;
}

.drawer_checkbox {
  display: none;
}

.drawer_icon {
  display: block;
  width: 60px;
  height: 60px;
  position: fixed;
  top: 10px;
  right: 2%;
  cursor: pointer;
  z-index: 400;
  background-color: #FBDADE;
}

.drawer_icon_item, .drawer_icon_item::before, .drawer_icon_item::after {
  background-color: #ffffff;
  display: block;
  width: 26px;
  height: 3px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.drawer_icon_item::before {
  content: '';
  top: 16px; 
}

.drawer_icon_item::after {
  content: '';
  top: -16px;
}

.menu_span, .close_span {
  font-size: 14px;
  position: relative;
  top: 12px;
  left: -8px;
}

.drawer_overlay {
  background: #333;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
}

.drawer_checkbox:checked ~ .drawer_overlay {
  opacity: 0.3;
  pointer-events: auto;
}


.drawer_menu {
  background: #fff;
  opacity: 0.9;
  color: #306294;
  max-width: 100%;
  width: 500px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -500px;
  z-index: 80;
}

.drawer_checkbox:checked ~ .drawer_menu {
  right: 0;
}

.drawer_checkbox:checked ~ .drawer_icon .drawer_icon_item {
  background: transparent;
}

.drawer_checkbox:checked ~ .drawer_icon .drawer_icon_item::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
  left: 1px;
}

.drawer_checkbox:checked ~ .drawer_icon .drawer_icon_item::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  left: 1px;
}

.drawer_icon_item,
.drawer_icon_item:after,
.drawer_icon_item:before,
.drawer_overlay,
.drawer_menu {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s;
}

.drawer_menu {
  text-align: center;
}

.drawer_menu ul {
  width: 500px;
  text-align: left;
  margin: 90px auto 0;
}

.drawer_menu ul li {
  font-size: 18px;
  padding-bottom: 36px;
}

.drawer_menu ul li a {
  text-decoration: none;
  color: #333;
  display: flex;
  flex-direction: column;
}

.drawer_menu span {
  font-size: 16px;
}

.drawer_checkbox:checked ~ .drawer_icon .menu_span {
  display: none;
}

.drawer_checkbox ~ .drawer_icon .close_span {
  display: none;
  top: 14px;
}
.drawer_checkbox:checked ~ .drawer_icon .close_span {
  display: block;
}

body{
	margin: 0;
	padding: 80px 0 50px 0;
}

* html body{
	overflow: hidden;
}

div#headerArea{
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #8EC21F;
	color: #fff;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1000px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

div#footerArea{
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #8EC21F;
	color: #fff;
}

* html div#contentsArea{
	height: 100%;
	overflow: auto;
}

img{
	display: block;
	max-width: 100%;
	height: auto;
}

a{
	color: White;
	text-decoration: none;
}

a:hover{
	color: Red;
}


.ct01{
	font-family: 游明朝, "ＭＳ 明朝";
	background-color: white;
	font-size: xx-large;
          text-align: center;
	max-width: 910px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;

}

.ct02{
	font-family: 游明朝, "ＭＳ 明朝";
	background-color: white;
	font-size: x-large;
          text-align: left;
          max-width: 910px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;

}

table td {
  word-break : break-all;
}