@charset "UTF-8";
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, img, small, strong, b, dl, dt, dd, ol, ul, li,
form, label, legend, table, tbody, tfoot, thead, tr, th, td, footer, header, menu, nav, footer04, footer04 .menu, open, #pop-up, overlay, #pop-up:checked + .overlay, window, close, modal-inner, open1, #pop-up1, overlay1, window1, close1, modal-inner1, custom-table, header-cell, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

ul li {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  color: #333;
  text-decoration: none;
  vertical-align: baseline;
}

a:hover {
  opacity: 0.7;
}

table {
  border-spacing: 0;
}

/* ===================================================================================
  resetここまで
=================================================================================== */
#wrap {
  max-width: 750px;
  margin: 0 auto;
  position: relative;
}
#wrap .btn_area {
  position: relative;
}
#wrap .btn_area .habulous_btn {
  position: absolute;
  top: 225px;
  left: 0;
  right: 0;
}

.float_area {
  display: none;
  width: 100%;
  background: rgba(31, 35, 49, 0.5);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.float_area p {
  width: 750px;
  margin: 0 auto;
}


.footer04 {
 color: #808080;
 background: #e5e5e5;
 text-align: center;
 padding: 30px;
}
.footer04 a {
 color: #808080;
 text-decoration: none;
}
.footer04 a:hover {
 text-decoration: underline;
}
.footer04 .menu {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.footer04 .menu li {
 margin: 0;
 padding: 0 20px;
 border-right: 1px #808080 solid;
}
.footer04 .menu li:last-child {
 border: none;
}
.footer04 .copyright {
 margin: 0;
 padding: 20px 0 0 0;
}


.open {
	cursor:pointer;
}
#pop-up {
	display: none;
}
.overlay {
	display: none;
}
#pop-up:checked + .overlay {
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.6);
}
.window {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90vw;
	max-width: 360px;
    padding: 20px;
	height: 400px;
	background-color: #fff;
	border-radius: 4px;
	align-items: center;
	transform: translate(-50%, -50%);
}
.close {
	position: absolute;
	top: 4px;
	right: 4px;
	cursor:pointer;
}

.modal-inner {
  height: 100%;
  overflow-y: scroll; /* スクロール設定 */
}

.open1 {
	cursor:pointer;
}
#pop-up1 {
	display: none;
}


.overlay1 {
	display: none;
}
#pop-up1:checked + .overlay1 {
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.6);
}
.window1 {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90vw;
	max-width: 360px;
    padding: 20px;
	height: 150px;
	background-color: #fff;
	border-radius: 4px;
	align-items: center;
	transform: translate(-50%, -50%);
}
.close1 {
	position: absolute;
	top: 4px;
	right: 4px;
	cursor:pointer;
}

.modal-inner1 {
  height: 100%;
  overflow-y: scroll; /* スクロール設定 */
}

.custom-table {
    border: 0;
    width: 100%;
    font-size: 14px;
    border-collapse: separate;
    border-spacing: 2px 5px;
}

.header-cell {
    background-color: #e5e5e5;
    width: 35%;
    color: #000000;
    font-size: 14px;
    padding: 5px;
}

/* セルに枠線を追加 */
.custom-table td,
.custom-table th {
    border: 1px solid black; /* 黒い実線枠線を指定 */
    padding: 5px;
}


@media only screen and (max-width: 750px) {
.footer04 .menu {
 justify-content: flex-start;
}
.footer04 .menu li {
 width: 50%;
 box-sizing: border-box;
 border: none;
}
.footer04 .menu li:nth-child(odd) {
 border-right: 1px #808080 solid;
}
}/*# sourceMappingURL=style.css.map */

@media screen and (max-width: 750px) {
  img {
    width: 100%;
  }
  #wrap .btn_area .habulous_btn {
    top: 30vw;
  }
  .float_area p {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */