@charset "UTF-8";
@media screen and (max-width: 600px) {
  h1 {
    font-size: 36px;
    font-weight: 100;
  }
  h2 {
    font-size: 24px;
    font-weight: 100;
  }
  h3 {
    font-size: 20px;
    font-weight: 100;
  }
  h4 {
    font-size: 18px;
    font-weight: 100;
  }
  h5 {
    font-size: 16px;
    font-weight: 100;
  }
  h6 {
    font-size: 14px;
    font-weight: 100;
  }
  p {
    font-size: 12px;
  }
  .common_btn p {
    font-size: 12px;
  }
  .arrow-right {
    width: 12px;
  }
  .arrow-right::before {
    width: 6px;
    height: 6px;
  }
  #opening .box_bg .sp {
    /* display: block; */
  }
  #opening .box_bg {
    padding: 0 20px;
    width: 100%;
  }
  #opening .wrap {
    margin-bottom: 40px;
    /* padding: 0 20px; */
    /* padding: 80px 20px; */
    padding-top: 40px;
  }
  #opening .logo {
    width: 100px;
  }

  #opening .box_bg .pc {
    /* display: none; */
  }
  body {
    /* letter-spacing: 0.05em; */
  }
  .sec_head {
    padding: 40px 20px;
  }
  .common_wrap {
    padding: 60px 20px 60px;
  }
  header {
    /* background-color: #fff; */
    height: 80px;
  }
  header .inner {
    border-top: solid 1px #999;
  }
  header .logo {
    width: 70px;
  }
  header .nav {
    display: none;
  }
  header .menu {
    display: flex;
    padding-left: 20px;
    position: relative;
  }

  header.fv_area .menu .humb span {
    background-color: #151515;
  }
  header.fv_area .menu:before {
    /* background-color: #fff; */
  }
  header.menu-open .menu .humb span {
    background-color: #151515;
  }
  header.menu-open .logo svg {
    fill: #151515;
  }
  header .menu .humb:hover {
    opacity: 1;
  }
  .home #fv .wrap {
    margin-bottom: 40px;
    /* padding: 0 20px; */
    /* padding: 80px 20px; */
    padding-top: 40px;
  }
  .bbs {
    height: 46px;
  }
  .bbs ul li {
    font-size: 36px;
  }
  body.space #fv .inner {
    /* justify-content: flex-end; */
    padding: 0 20px;
  }
  #fv .box_bg {
    padding: 0 20px;
    width: 90%;
  }
  .home #fv .box_bg {
    padding: 0 20px;
    width: 100%;
  }
  .home #fv .left {
    left: 20px;
    bottom: -60px;
  }
  .home #fv .left p {
    font-size: 12px;
  }
  #fv .right {
    /* display: none; */
    bottom: -60px;
  }
  .scrolldown .arrow {
  }
  .scrolldown .arrow::before {
  }
  #fv .box_bg .sp {
    /* display: block; */
  }
  #fv .box_bg .pc {
    /* display: none; */
  }
  #fv .right{

  }
  .home #space .sec_tit.pc {
    display: none;
  }
  .home #space .sec_tit.sp {
    display: block;
  }
  .home #space .img_area .pc {
    display: none;
  }
  .home #space .img_area .sp {
    display: block;
  }
  .home #space .text_area {
    display: block;
  }
  .home #space .text_area .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .home #space .text_area .right {
    width: 100%;
    justify-content: flex-start;
  }
  .home #space .text_area .detail p span {
    display: block;
  }
  .home #informtion .swiper .swiper-wrapper {
    display: block;
  }
  .home #informtion .swiper .swiper-slide {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }
  .home #informtion .day_cat{
    right: auto;
    left: 55%;
  }
  .home #access .map_area {
    padding-bottom: 100%;
    margin-bottom: 20px;
  }
  .home #access .text_area {
    margin-bottom: 0;
  }
  .home #access .text_map {
    display: flex;
    flex-direction: column-reverse;
  }
  .home #contact .text_area {
    display: block;
  }
  .home #contact .text_area .left {
    width: 100%;
    margin-bottom: 60px;
  }
  .home #contact .text_area .right {
    width: 100%;
  }
  body.space #fv .wrap {
    padding-top: 0px;
    padding-bottom: 190px;
  }
  body.space #fv .text_area {
    left: 0;
    top: auto;
    padding: 20px;
    bottom: -160px;
  }
  body.space #fv .text_area .jp {
    line-height: 1.8;
    font-size: 18px;
    margin-bottom: 20px;
  }
  body.space #fv .text_area .en {
    font-size: 12px;
  }
  body.space #fv .text_area .jp br {
    display: none;
  }
  body.space #fv .right {
    display: none;
  }
    body.space #fv .text_area .en br {
    display: none;
  }
  body.space #summary .wrap {
    /* padding-top: 60px; */
  }
  body.space #summary ul li {
    display: block;
  }
  body.space #summary ul li .head {
    width: 100%;
    font-size: 16px;
  }
  body.space #summary ul li .desc {
    width: 100%;
    font-size: 14px;
  }
  body.space #download .btn_area {
    display: block;
  }
  body.space #download .btn_area a {
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
    padding: 20px 20px;
  }
  body.space #photo ul {
    justify-content: space-between;
  }
  body.space #photo ul li {
    width: calc(100% / 2 - 5px / 2);
    margin-right: 0;
  }
  .modal_contents {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .modal_inner {
    padding: 0 20px;
  }

  .home #fv .left p .sp {
    display: block;
  }
  .home #space .text_area .right a p{
    font-size: 30px;
  }
  .home #space .text_area .right a .arrow{
    width: 30px;
}
  .home #space .text_area .right a .arrow::before{
    width: 23px;
    height: 23px;
}
}