@charset "UTF-8";
/* ==============================
* 共通クラス css
*============================== */
html {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  color: #202020;
  font-size: 62.5%;
  width: 100%;
  overflow-x: hidden;
  position: relative;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  position: relative;
  font-size: 1.5rem;
  line-height: 1.6;
  min-height: 100vh;
  overflow: hidden;
}

a {
  transition: .5s all;
}
a:hover {
  opacity: .7;
}

.btn_left {
  max-width: 300px;
  width: 100%;
  height: 55px;
  background-color: #76C2CE;
  color: #ffffff;
  position: relative;
  font-size: 24px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 4px #00A8B8;
}
.btn_left::before {
  content: '';
  position: absolute;
  left: 28px;
  border-bottom: solid 2px #fff;
  border-left: solid 2px #fff;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
}

.btn_right {
  max-width: 300px;
  width: 100%;
  height: 55px;
  background-color: #76C2CE;
  color: #ffffff;
  position: relative;
  font-size: 24px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 4px #00A8B8;
}
.btn_right::after {
  content: '';
  position: absolute;
  right: 28px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
}

.btn_blue_hover:hover {
  max-width: 300px;
  width: 100%;
  height: 55px;
  background-color: #fff;
  color: #ffffff;
  position: relative;
  font-size: 24px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #76C2CE;
  box-shadow: 2px 4px 4px #00A8B8;
  color: #76C2CE;
}
.btn_blue_hover:hover::after {
  content: '';
  position: absolute;
  right: 28px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
}

.btn_login {
  max-width: 300px;
  width: 100%;
  height: 55px;
  background-color: #ffffff;
  color: #ffffff;
  position: relative;
  font-size: 24px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #00A8B8;
  color: #00A8B8;
  height: 50px;
  font-size: 16px;
  max-width: 236px;
  width: 100%;
}
.btn_login a {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  border-radius: 25px;
  box-shadow: 2px 4px #00a8b8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_login a:before {
  content: '';
  background-image: url(../img/login_icon_sp.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.btn_reservation {
  max-width: 300px;
  width: 100%;
  height: 55px;
  background-color: #FACA10;
  color: #ffffff;
  position: relative;
  font-size: 24px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #00A8B8;
  color: #2F5A6E;
  height: 35px;
  font-size: 16px;
  max-width: 236px;
  width: 100%;
}

.title_v_line {
  font-size: 25px;
  color: #000;
  margin-bottom: 4.16em;
  text-align: center;
  position: relative;
}
.title_v_line::before {
  content: "";
  width: 60px;
  height: 62px;
  background-image: url("../img/event/title_bg01.png");
  background-size: cover;
  position: absolute;
  z-index: -1;
  top: -18px;
  left: calc(50% - 30px);
}
.title_v_line span {
  font-family: Roboto Condensed;
  font-size: 1.8rem;
  color: #63B6C4;
  margin-top: 50px;
}
.title_v_line span::before {
  content: '';
  display: block;
  width: 1px;
  height: 1.64em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .32em;
  margin-top: .32em;
}

.se_breadcrumb {
  max-width: 1370px;
  width: 100%;
  margin: 7px auto 68px;
}
.se_breadcrumb ul {
  display: flex;
}
.se_breadcrumb ul li {
  font-size: 14px;
  margin-right: 3.5em;
  position: relative;
}
.se_breadcrumb ul li:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  width: 8px;
  height: 8px;
  top: .5em;
  right: -2em;
  transform: rotate(45deg);
}
.se_breadcrumb ul li a {
  border-bottom: 1px solid transparent;
}
.se_breadcrumb ul li a:hover {
  border-bottom: 1px solid #63B6C4;
  color: #63B6C4;
}

.pc_1500 {
  display: none;
}

.pc_none {
  display: none;
}

.description_right_sp {
  display: none;
}

.nav_menu_pc {
  display: block;
}

.nav_menu_sp {
  display: none !important;
}

.se_ipad {
  display: none;
}

.se_sp {
  display: none;
}

.single-item {
  max-width: 100%;
}

.slick-dots li button {
  background: #fff !important;
  width: 20px !important;
  height: 20px !important;
}
.slick-dots li button:before {
  content: none !important;
}
.slick-dots li.slick-active button {
  background: #63B6C4 !important;
}
.slick-dots li.slick-active button:before {
  color: #63B6C4 !important;
}

.sub_main_visual {
  margin-top: 130px;
}

.sub_main_contents {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto 142px;
}

.top_slide_image .slide-arrow {
  top: -160px;
}
.top_slide_image .prev-arrow {
  border: none;
}
.top_slide_image .prev-arrow:before {
  content: '';
  position: absolute;
  border-bottom: solid 4px #fff;
  border-left: solid 4px #fff;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
}
.top_slide_image .next-arrow {
  border: none;
}
.top_slide_image .next-arrow:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
}

.text_link {
  color: #00a8b8;
  border-bottom: 1px solid #00a8b8;
  transition: .5s all;
}

figure.wp-block-image {
  margin-bottom: 0;
}

.wp-block-image img {
  height: auto;
}

.screen-reader-text {
  display: none;
}

/* ==============================
* 共通ヘッダー css
* ============================== */
.header_section {
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  background-color: #fff;
  background-image: repeating-linear-gradient(90deg, #F2FBFC 0px 20px, #ffffff 20px 40px);
  z-index: 20;
  box-shadow: 0 -0.4pt 20pt #ccc;
}
.header_section .nav_menu {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.header_section .nav_menu .site_logo {
  z-index: 9999;
}
.header_section .nav_menu .site_logo:hover {
  opacity: 1;
}
.header_section .nav_menu .site_logo img {
  width: 272px;
  height: auto;
  margin-left: 32px;
  position: absolute;
  top: 0;
}
.header_section .nav_menu nav {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.header_section .nav_menu nav .nav_menu_area {
  width: 100%;
}
.header_section .nav_menu nav .nav_menu_area .menu_item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header_section .nav_menu nav .nav_menu_area .menu_item li a {
  font-size: 1.8rem;
  color: #202020;
  display: block;
  height: 130px;
  padding: 45px 30px;
}
.header_section .nav_menu nav .nav_menu_area .menu_item li a small {
  font-size: 1.4rem;
  color: #76C2CE;
  display: flex;
  position: relative;
  align-items: center;
  white-space: nowrap;
  transition: .5s all;
  font-family: Roboto Condensed;
}
.header_section .nav_menu nav .nav_menu_area .menu_item li a small::after {
  transition: .5s all;
  content: "";
  display: inline-block;
  height: 1px;
  background-color: #8DD2D9;
  width: 100%;
  margin-left: 10px;
}
.header_section .nav_menu nav .nav_menu_area .menu_item li a:hover {
  opacity: 1;
  background: #76C2CE;
}
.header_section .nav_menu nav .nav_menu_area .menu_item li a:hover small {
  color: #fff;
}
.header_section .nav_menu nav .nav_menu_area .menu_item li a:hover small::after {
  background-color: #fff;
}
.header_section .nav_menu nav .nav_menu_area .menu_item li.current a {
  background: #76C2CE;
}
.header_section .nav_menu nav .nav_menu_area .menu_item li.current a small {
  color: #fff;
}
.header_section .nav_menu nav .nav_menu_area .menu_item li.current a small::after {
  background-color: #fff;
}
.header_section .nav_menu nav .btn_menu_item {
  width: 10%;
  padding-top: 20px;
}
.header_section .nav_menu nav .btn_menu_item a .btn_login {
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 60px;
  width: 100%;
  height: 60px;
  margin: 0 auto 7px;
  transition: .5s all;
}
.header_section .nav_menu nav .btn_menu_item a:hover .btn_login {
  opacity: 0.7;
}
.header_section .nav_menu nav .btn_menu_item a span {
  color: #00A7B7;
  display: block;
  font-size: 16px;
  text-align: center;
}

/* --------------------
* レスポンシブ
* -------------------- */
@media (max-width: 1500px) {
  .header_section {
    height: 100px;
  }
  .header_section .nav_menu .site_logo img {
    width: 200px;
    height: auto;
    margin-left: 16px;
  }
  .header_section .nav_menu nav .nav_menu_area {
    margin-right: 14px;
  }
  .header_section .nav_menu nav .nav_menu_area .menu_item li a {
    padding: 30px 12px;
    height: 100px;
    font-size: clamp(14px, 1.2vw, 18px);
  }
  .header_section .nav_menu nav .nav_menu_area .menu_item li a span {
    font-size: clamp(12px, 0.9vw, 14px);
  }
  .header_section .nav_menu nav .btn_menu_item {
    padding: 0;
  }
  .header_section .nav_menu nav .btn_menu_item a .btn_login {
    margin: 12px auto 0px;
  }
  .header_section .nav_menu nav .btn_menu_item a span {
    font-size: 1.4rem;
  }
}
@media (max-width: 1024px) {
  .header_section {
    height: 60px;
  }
  .header_section .nav_menu_pc {
    display: none !important;
  }
  .header_section .nav_menu_sp {
    display: block !important;
    width: 50%;
    z-index: 100;
  }
  .header_section .nav_menu {
    flex-direction: row;
    align-items: start;
  }
  .header_section .nav_menu .site_logo img {
    width: 150px;
  }
  .header_section .nav_menu .nav_menu_sp {
    padding-top: 10px;
  }

  .drawer-content {
    padding-top: 60px;
    padding-left: clamp(32px, 8.12vw, 64px);
    padding-right: clamp(32px, 8.12vw, 64px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 50px);
    padding-bottom: 80px;
    /*←footerの高さ*/
  }
  .drawer-content .sp_menu_footer {
    position: fixed;
    width: 84%;
    bottom: 0;
    background-color: #63B6C4;
    height: 50px;
    left: 50%;
    transform: translateX(-50%);
  }
  .drawer-content .sp_menu_footer ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .drawer-content .sp_menu_footer ul li {
    width: 50%;
  }
  .drawer-content .drawer-list {
    font-size: clamp(16px, 3.12vw, 24px);
  }
  .drawer-content .drawer-list .nav_menu_header {
    margin: 0;
  }
  .drawer-content .drawer-list .nav_menu_header a {
    display: block;
    padding: 24px 0;
  }
  .drawer-content .drawer-list .nav_menu_footer {
    margin-bottom: .8em;
  }
  .drawer-content .drawer-list .btn_login {
    max-width: clamp(310px, 65.5vw, 500px);
    width: 100%;
    font-size: clamp(16px, 3.12vw, 24px);
    margin: 23px auto 24px;
  }
  .drawer-content .drawer-list .btn_reservation {
    max-width: clamp(310px, 65.5vw, 500px);
    width: 100%;
    font-size: clamp(16px, 3.12vw, 24px);
    height: 51px;
    margin: 0 auto 20px;
  }
  .drawer-content .drawer-list img {
    margin-right: 16px;
    margin-bottom: 1.5em;
    width: 45px;
    height: 45px;
  }
  .drawer-content .drawer-list .drawer_icon {
    margin-top: 24px;
  }
  .drawer-content .drawer-list hr {
    margin: 0;
  }
}
/* ==============================
* 共通フッター css
* ============================== */
.top_footer {
  height: 482px;
  border-bottom: 30px solid #76C2CE;
  background-image: url(../img/footer_bg.png);
  background-repeat: repeat-x;
  margin: 0 auto;
}
.top_footer .footer_item {
  width: min(1296px, 100vw);
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 16px;
}
.top_footer .footer_item .footer_item_1 {
  max-width: 359px;
}
.top_footer .footer_item .footer_item_1 img {
  width: 280px;
  padding-top: 96px;
}
.top_footer .footer_item .footer_item_1 address {
  padding-top: 22px;
  line-height: 2em;
}
.top_footer .footer_item .footer_item_1 address .site_name {
  margin-bottom: 12px;
}
.top_footer .footer_item .footer_item_1 address .time_area {
  display: inline-block;
  color: #00a8b8;
  font-family: Roboto;
  background: #fff;
  padding: 8px 26px 8px 16px;
  margin: 12px 0;
  box-shadow: 2pt 2pt 4pt #00000029;
}
.top_footer .footer_item .footer_item_2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: calc(100% - 369px);
}
.top_footer .footer_item .footer_item_2 img {
  width: 45px;
  text-align: right;
}
.top_footer .footer_item .footer_item_2 .sns_logo > span {
  margin-top: 253px;
  display: inline-block;
  margin-right: 14px;
}
.top_footer .footer_item .footer_item_2 .sns_logo > span:last-child {
  margin-right: 0;
}
.top_footer .footer_item .footer_item_2 .sns_logo > span:hover {
  opacity: .7;
}
.top_footer .footer_item .footer_item_2 .footer_menu {
  margin-top: 32px;
  margin-right: 30px;
  display: flex;
  justify-content: flex-end;
  max-width: 436px;
  width: 100%;
}
.top_footer .footer_item .footer_item_2 .footer_menu a {
  font-size: 16px;
  position: relative;
  margin-left: 60px;
}
.top_footer .footer_item .footer_item_2 .footer_menu a::before {
  content: '';
  position: absolute;
  right: -30px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #76C2CE;
}
.top_footer .footer_item .footer_item_2 .footer_menu a::after {
  content: '';
  position: absolute;
  top: 7px;
  right: -22px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}
.top_footer .footer_item .footer_item_2 small {
  margin: 32px 0 0 0;
  font-size: 1.4rem;
}

/* --------------------
* レスポンシブ
* -------------------- */
@media (max-width: 1024px) {
  .top_footer {
    border-bottom: none;
    height: auto;
  }

  .copywriter_text {
    font-size: 1.2rem;
    background: #76C2CE;
    padding: 8px 0 76px;
    text-align: center;
    margin-top: 86px;
  }
}
@media (max-width: 768px) {
  .footer_pc {
    display: none !important;
  }

  .top_footer .footer_item .footer_item_1 img {
    padding-top: 40px;
    margin: auto;
    display: block;
  }

  footer {
    position: relative;
    margin: 0 auto;
  }
  footer .footer_item {
    flex-direction: column;
  }
  footer .footer_item .footer_item_1 {
    margin: 0 auto;
  }
  footer .footer_item .footer_item_1 address {
    text-align: center;
  }
  footer .footer_item .footer_item_1 p > span {
    display: block;
  }
  footer .footer_item .footer_item_1 p > span.sp_none {
    display: none;
  }
  footer .footer_item .footer_item_2 small {
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: -1.5em;
    font-size: clamp(12px, 2vw, 14px);
    text-align: center;
  }

  .sp_menu_footer {
    position: fixed;
    width: 84%;
    bottom: 0;
    background-color: #63B6C4;
    height: 50px;
    left: 50%;
    transform: translateX(-50%);
  }
  .sp_menu_footer ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .sp_menu_footer ul li {
    width: 50%;
  }

  .drawer-list {
    font-size: clamp(16px, 3.12vw, 24px);
  }
  .drawer-list .nav_menu_header {
    margin-bottom: 1.5em;
  }
  .drawer-list .nav_menu_footer {
    margin-bottom: .8em;
  }
  .drawer-list .btn_login {
    max-width: clamp(310px, 65.5vw, 500px);
    width: 100%;
    font-size: clamp(16px, 3.12vw, 24px);
    margin: 23px auto 0;
  }
  .drawer-list .btn_reservation {
    max-width: clamp(310px, 65.5vw, 500px);
    width: 100%;
    font-size: clamp(16px, 3.12vw, 24px);
    height: 51px;
    margin: 0 auto 20px;
  }
  .drawer-list img {
    margin-right: 16px;
    margin-bottom: 1.5em;
    width: 45px;
    height: 45px;
  }
  .drawer-list hr {
    margin-bottom: 1.5em;
  }
}
@media (max-width: 600px) {
  footer .footer_item .footer_item_1 {
    margin: 0 auto;
  }
  footer .footer_item .footer_item_1 img {
    max-width: 200px;
    width: 100%;
  }
  footer .footer_item .footer_item_1 address {
    text-align: center;
  }
  footer .footer_item .footer_item_1 address .remove_media_600 {
    display: none;
  }
}
/* ==============================
* トップページ
* ============================== */
.guide_reservation_link {
  position: fixed;
  z-index: 9;
  right: -10px;
  bottom: 30px;
}
.guide_reservation_link a {
  display: block;
  position: relative;
}
.guide_reservation_link a img {
  width: 180px;
  position: relative;
  transition: .5s all;
}
.guide_reservation_link a:hover {
  opacity: 1;
}
.guide_reservation_link a:hover img {
  opacity: .7;
}
.guide_reservation_link .guide_link_logo,
.guide_reservation_link .reservation_link_logo {
  margin-bottom: -20px;
  z-index: 1;
  position: relative;
}
.guide_reservation_link .guide_link_logo {
  z-index: 2;
}

.guide_link_logo a:before,
.guide_reservation_link a:before {
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}

.top_slide_image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 130px 0 47px;
  position: relative;
}
.top_slide_image .single-item {
  max-width: 100%;
}
.top_slide_image .single-item img {
  height: auto;
  object-fit: cover;
  width: 100%;
}
.top_slide_image:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/white_main_bk.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  pointer-events: none;
  bottom: -6px;
}

.main_contents {
  width: 100%;
  color: #202020;
  margin: 0 auto;
  position: relative;
}
.main_contents .description_back {
  position: relative;
  z-index: 1;
}
.main_contents .wavebg_bttom {
  background-color: #F5F9F9;
  width: 100%;
}
.main_contents .description_warp {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto 60px;
}
.main_contents .description {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin: 0 auto -40px auto;
  padding-right: 60px;
  padding-left: 20px;
  text-align: center;
  background-size: cover;
  position: relative;
  z-index: 2;
}
.main_contents .description .description_left {
  width: 640px;
  margin-top: 32px;
  margin-right: 70px;
}
.main_contents .description .description_left img {
  width: 313px;
  margin-bottom: 34px;
}
.main_contents .description .description_left .description_title {
  font-size: 2.5rem;
  line-height: 1.6em;
}
.main_contents .description .description_left .description_title span {
  background-image: linear-gradient(transparent 60%, #FEFBB7 60%);
}
.main_contents .description .description_left .description_title::after {
  content: '';
  display: block;
  width: 1px;
  height: 1.64em;
  margin: 16px auto;
}
.main_contents .description .description_left .description_text {
  text-align: left;
  line-height: 3.2rem;
  margin-bottom: 64px;
}
.main_contents .description .description_left .description_text table, .main_contents .description .description_left .description_text th, .main_contents .description .description_left .description_text td {
  border-width: revert-layer;
}
@media (max-width: 1545px) {
  .main_contents .description .description_left .description_text .remove_when_responsive {
    display: none;
  }
}
.main_contents .description .description_left .description_border {
  border: 1px solid #888;
  padding: 12px;
}
.main_contents .description .description_left a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_contents .description .description_left a span {
  font-size: 1.6rem;
}
.main_contents .description .description_right {
  width: 870px;
}
.main_contents .description .description_right img {
  width: 100%;
}
.main_contents .main_wave {
  position: absolute;
  max-width: 1920px;
  width: 100%;
  width: min(1920px, 100vw);
  bottom: -150px;
  right: 0;
  z-index: -1;
}

.main_hr {
  border-style: solid;
  border-width: 0 0 9px 0;
  border-image: url(../img/line_dotto.png) 0 0 18 0 repeat repeat;
}

.main_infomation {
  background-color: #F5F9F9;
  position: relative;
  border-style: solid;
  border-width: 0 0 20px 0;
  border-image: url(../img/line_stripe.jpg) 0 0 40 0 repeat repeat;
}
.main_infomation .seminar_events {
  max-width: calc(1920px - (320px + 320px));
  width: 100%;
  margin: 0 auto;
  padding-top: 120px;
}
.main_infomation .seminar_events h2 {
  font-size: 2.4rem;
  color: #202020;
  margin-bottom: 16px;
}
.main_infomation .seminar_events h2 span {
  color: #63B6C4;
  font-size: 1.4rem;
  margin-left: 24px;
  font-family: Roboto Condensed;
}
.main_infomation .seminar_events h2 span::before {
  content: '';
  display: inline-block;
  width: 40px;
  /* margin-left: 4.2em; */
  margin-right: 24px;
  margin-bottom: .3em;
  font-family: Roboto;
}
.main_infomation .seminar_events .seminar_wrap {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 26px;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item {
  width: calc(100% / 4);
  max-width: 300px;
  margin: 10px 10px 50px;
  background-color: #fff;
  padding-bottom: 10px;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item img {
  width: 290px;
  height: 220px;
  position: relative;
  margin-top: -10px;
  z-index: 2;
  object-fit: cover;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item .semnar_data_area {
  display: flex;
  align-items: flex-start;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item .semnar_data_area .seminar_date_plate {
  background-color: #63B6C4;
  color: #EAF2F3;
  padding: 8px;
  margin-top: -28px;
  margin-left: -8px;
  z-index: 3;
  text-align: center;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item .semnar_data_area .seminar_date_plate .seminar_item_year {
  display: block;
  font-size: 14px;
  margin-bottom: 0;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item .semnar_data_area .seminar_date_plate .seminar_item_year::after {
  content: '年';
  font-size: 10px;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item .semnar_data_area .seminar_date_plate .seminar_item_month {
  font-size: 3.4rem;
  display: block;
  line-height: 1;
  width: 66px;
  letter-spacing: -1.45px;
  font-weight: bold;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item .semnar_data_area .seminar_date_plate .seminar_item_month::after {
  content: '月';
  font-size: 16px;
  margin-left: 6px;
  font-weight: normal;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item .semnar_data_area .seminar_item_text {
  padding-top: 16px;
  padding-left: 16px;
  width: 100%;
  position: relative;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item .semnar_data_area .seminar_item_text:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  right: 18px;
  background-image: url(../img/link_btn.png);
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item .seminar_link_btn {
  padding-top: 1.5em;
  text-align: right;
  margin-left: auto;
  margin-right: 1.5em;
}
.main_infomation .seminar_events .seminar_wrap .seminar_item .seminar_link_btn img {
  width: 20px;
  height: 20px;
}
.main_infomation .picup {
  padding-top: 168px;
  padding-bottom: 300px;
  width: min(1280px, 100vw);
  margin: 0 auto;
}
.main_infomation .picup > h2 {
  font-size: 2.4rem;
  color: #202020;
  margin-bottom: 16px;
}
.main_infomation .picup > h2 span {
  color: #63B6C4;
  font-size: 1.4rem;
  margin-left: 24px;
  font-family: Roboto Condensed;
}
.main_infomation .picup > h2 span::before {
  content: '';
  display: inline-block;
  width: 40px;
  /* margin-left: 4.2em; */
  margin-right: 24px;
  margin-bottom: .3em;
  font-family: Roboto;
}
.main_infomation .picup > hr {
  margin-bottom: 43px;
}
.main_infomation .picup .picup_btn a {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_infomation .picup .picup_btn a span {
  font-size: 1.6rem;
}
.main_infomation .picup_btn {
  text-align: center;
}
.main_infomation .picup_btn a {
  display: inline-block;
  max-width: 300px;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_infomation .picup_btn a span {
  font-size: 1.6rem;
}

.slider {
  /*横幅94%で左右に余白を持たせて中央寄せ*/
  max-width: 1280px;
  width: 100%;
  height: 610px;
  margin: 50px auto;
}

.picup_slider_area {
  margin-bottom: 100px;
}

.picup_slider_item {
  width: 396px;
  /*1画像、プレートも含む*/
  height: 217px;
  /*画像の高さ*/
  margin: 150px 70px;
  background-color: #fff;
  box-shadow: 3pt 3pt 6pt #00000029;
}
.picup_slider_item .semnar_data_area {
  padding: 8px 16px 16px;
}
.picup_slider_item .semnar_data_area .seminar_date_plate {
  color: #EAF2F3;
  font-size: 2.0rem;
  position: absolute;
  margin-top: -26px;
  display: none;
}
.picup_slider_item .semnar_data_area .seminar_date_plate .seminar_date {
  padding: 8px;
  display: inline-block;
  background-color: #63B6C4;
}
.picup_slider_item .semnar_data_area .seminar_date_plate .seminar_item_week {
  font-size: 1.8rem;
  color: #63B6C4;
  background-color: #fff;
  margin: 0;
  padding: 9px 6px;
  /* background-color: #63B6C4; */
  border: 1px solid #63B6C4;
  vertical-align: bottom;
}
.picup_slider_item .semnar_data_area .se_category {
  display: none;
}

.slider img {
  margin: -10px 0 0 -10px;
  width: 320px;
  height: auto;
}

.slider .slick-slide {
  transform: scale(1);
  transition: all 0.5s;
  /*拡大や透過のアニメーションを0.5秒で行う*/
  width: 320px;
}

.slider .slick-slide.slick-center {
  transform: scale(1.5);
  /*中央の画像のサイズだけ等倍に*/
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.picup_slider_area .slick-prev {
  /*戻る矢印の位置と形状*/
  left: 360px;
  background-image: url(../img/picup_slider_arrow_l.png);
  width: 62px;
  height: 62px;
}
.picup_slider_area .slick-prev:before {
  content: none;
}
.picup_slider_area .slick-prev:hover {
  background-image: url(../img/picup_slider_arrow_l.png);
}
.picup_slider_area .slick-next {
  /*次へ矢印の位置と形状*/
  right: 360px;
  background-image: url(../img/picup_slider_arrow_r.png);
  width: 62px;
  height: 62px;
}
.picup_slider_area .slick-next:before {
  content: none;
}
.picup_slider_area .slick-next:hover {
  background-image: url(../img/picup_slider_arrow_r.png);
}

/*ドットナビゲーションの設定*/
.slick-dots {
  position: absolute;
  bottom: -50px !important;
  margin: 0px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 20px;
  /*ドットボタンのサイズ*/
  height: 20px;
  /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #63B6C4;
  /*ドットボタンの色*/
}

.slick-dots .slick-active button {
  background: #63B6C4;
  /*ドットボタンの現在地表示の色*/
}

.reservation_image {
  margin-top: -200px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.reservation_image img {
  max-width: 1043px;
  width: 100%;
  transition: .5s all;
  position: relative;
  z-index: 2;
  box-shadow: 3pt 3pt 6pt #00000029;
}
.reservation_image a {
  position: relative;
  display: inline-block;
}
.reservation_image a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  z-index: 0;
}
.reservation_image a:hover {
  opacity: 1;
}
.reservation_image a:hover img {
  opacity: .7;
}

.news_sns_area {
  padding: 136px 20px 0;
  max-width: 1336px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 0 auto 160px;
}
.news_sns_area .news_area {
  width: 49%;
}
.news_sns_area .news_area h2 {
  font-size: 2.4rem;
  color: #202020;
  margin-bottom: 16px;
}
.news_sns_area .news_area h2 span {
  color: #63B6C4;
  font-size: 1.4rem;
  margin-left: 24px;
  font-family: Roboto Condensed;
}
.news_sns_area .news_area h2 span::before {
  content: '';
  display: inline-block;
  width: 40px;
  /* margin-left: 4.2em; */
  margin-right: 24px;
  margin-bottom: .3em;
  font-family: Roboto;
}
.news_sns_area .news_area hr {
  margin-bottom: 24px;
}
.news_sns_area .news_area .news_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news_sns_area .news_area .news_wrap .news_item {
  margin-bottom: 14px;
  width: 47%;
  background: #F2F2F2;
}
.news_sns_area .news_area .news_wrap .news_item .news_date {
  display: block;
  padding-top: 16px;
  padding-left: 16px;
  font-size: 1.6rem;
  color: #A2A2A2;
}
.news_sns_area .news_area .news_wrap .news_item .news_contents {
  padding: 16px 16px 27px 16px;
}
.news_sns_area .news_area .news_wrap .news_item:hover {
  outline: #76C2CE 1px solid;
  background: #fff;
}
.news_sns_area .news_area .details_btn {
  padding-top: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news_sns_area .news_area .details_btn span {
  font-size: 1.6rem;
}
.news_sns_area .news_area .news_area_btn {
  text-align: center;
}
.news_sns_area .news_area .news_area_btn a {
  display: inline-block;
  max-width: 300px;
  width: 100%;
}
.news_sns_area .sns_area {
  width: 48%;
  height: 434px;
  font-size: 1.8rem;
  display: flex;
  justify-content: space-between;
}
.news_sns_area .sns_area .facebook {
  width: 47.9%;
  outline: 1px solid #A2A2A2;
  overflow-y: scroll;
}
.news_sns_area .sns_area .facebook > span {
  display: block;
  color: #ffffff;
  background-color: #3b5998;
  padding: 0 14px;
}
.news_sns_area .sns_area .twitter {
  width: 47.9%;
  outline: 1px solid #A2A2A2;
  overflow-y: scroll;
}
.news_sns_area .sns_area .twitter > span {
  display: block;
  color: #fff;
  background-color: #00acee;
  padding: 0 14px;
}

.news_contents .nav-links {
  margin: 50px 0;
}
.news_contents .nav-links ul {
  display: flex;
  justify-content: center;
  width: 340px;
  margin: 0 auto;
  position: relative;
}
.news_contents .nav-links li {
  margin: 0 10px 0 0;
  font-size: 2.0rem;
}
.news_contents .nav-links li:last-of-type, .news_contents .nav-links li.last {
  margin: 0;
}
.news_contents .nav-links li .current {
  font-size: 2.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #63B6C4;
  color: #fff;
}
.news_contents .nav-links li.prev img, .news_contents .nav-links li.next img {
  max-width: 9px;
}
.news_contents .nav-links a {
  font-size: 2.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

/* ==============================
* 講座・イベント案内
* ============================== */
.single-event .sub_main_visual.uguide_top_image {
  margin-top: 160px;
}
.single-event .sub_main_visual.uguide_top_image img {
  display: none;
}

.picup .se_category span {
  background-color: #EAF2F3;
}

.se_category {
  color: #63B6C4;
  padding-top: 16px;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.se_category span {
  display: inline-block;
  padding: 2px 8px;
  margin-right: 8px;
  background-color: #fff;
}

.se_seminar_item2 {
  max-width: 984px;
  width: 30%;
  background-color: #EAF2F3;
  margin-left: 3.2%;
  margin-bottom: 51px;
  position: relative;
  transition: .5s all;
}
.se_seminar_item2:hover {
  opacity: .75;
  transition: .5s all;
}
.se_seminar_item2 img {
  max-width: 288px;
  width: 100%;
  height: 200px;
  margin-top: -3.8%;
  margin-left: -2.8%;
  z-index: 1;
  object-fit: cover;
}
.se_seminar_item2 a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.se_seminar_item2 .semnar_data_area {
  padding: 0 16px 16px;
}
.se_seminar_item2 .semnar_data_area .seminar_date_plate {
  color: #EAF2F3;
  font-size: 2.0rem;
  position: absolute;
  margin-top: -26px;
  display: none;
}
.se_seminar_item2 .semnar_data_area .seminar_date_plate .seminar_date {
  padding: 8px;
  display: inline-block;
  background-color: #63B6C4;
}
.se_seminar_item2 .semnar_data_area .seminar_date_plate .seminar_item_week {
  font-size: 1.8rem;
  color: #63B6C4;
  background-color: #fff;
  margin: 0;
  padding: 9px 6px;
  /* background-color: #63B6C4; */
  border: 1px solid #63B6C4;
  vertical-align: bottom;
}
.se_seminar_item2 .se_category {
  display: none;
}
.se_seminar_item2 .seminar_item_text {
  font-size: 1.8rem;
  padding-top: 16px;
}

.se_contents .se_main_img {
  margin-bottom: 7px;
  text-align: center;
}
.se_contents .se_main_img img {
  width: min(1920px, 100vw);
}
.se_contents .se_main_contents {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.se_contents .se_main_contents h2 {
  font-size: 25px;
  color: #000;
  margin-bottom: 4.16em;
  text-align: center;
  position: relative;
}
.se_contents .se_main_contents h2 span {
  color: #63B6C4;
  margin-top: 50px;
}
.se_contents .se_main_contents h2 span::before {
  content: '';
  display: block;
  width: 1px;
  height: 1.64em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .32em;
  margin-top: .32em;
}
.se_contents .se_main_contents h2::before {
  content: "";
  width: 60px;
  height: 62px;
  background-image: url("../img/event/title_bg01.png");
  background-size: cover;
  position: absolute;
  z-index: -1;
  top: -18px;
  left: calc(50% - 30px);
}
.se_contents .se_main_contents h2 span {
  font-family: Roboto Condensed;
  font-size: 1.8rem;
}
.se_contents .se_main_contents .event_select_area {
  display: flex;
  margin-bottom: 10px;
}
.se_contents .se_main_contents .event_select_area.eventdetail {
  margin-bottom: 180px;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select {
  display: flex;
  flex-direction: column;
  width: 28%;
  color: #202020;
  position: relative;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .month {
  display: flex;
  flex-direction: column;
  font-size: 1.8rem;
  margin-bottom: 2.22em;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .month div {
  width: 70%;
  padding: 10px 0 8px 24px;
  border-bottom: 2px solid #FFF1BB;
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .month div:hover {
  background-color: #FEFAE7;
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .month div a {
  display: block;
  line-height: 1;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .month .active {
  background: #FFF1BB;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category {
  width: 100%;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category div {
  width: 70%;
  border: 1px solid #63B6C4;
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category div:last-of-type {
  margin: 16px 0 0;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category div:hover {
  background-color: #63B6C4;
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category div:hover span {
  color: #fff;
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category div.active {
  background-color: #63B6C4;
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category div.active span {
  color: #fff;
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category div span {
  display: block;
  padding: 10px 16px;
  position: relative;
  font-size: 1.6rem;
  cursor: pointer;
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu {
  width: 70%;
  display: none;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu li {
  padding: 0 0 0 25px;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu > li:hover > a {
  opacity: 1;
  transition: .5s all;
  background-color: #EAF2F3;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu > li:hover > a::after {
  border-top: 1px solid #63B6C4;
  border-right: 1px solid #63B6C4;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu > li.js_open_btn {
  cursor: pointer;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu > li.js_open_btn a::after {
  border-top: 1px solid #63B6C4;
  border-right: 1px solid #63B6C4;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu > li.js_open_btn.active a {
  background-color: #EAF2F3;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu > li.js_open_btn.active a::after {
  top: calc(50% - 4px);
  transform: rotate(135deg);
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu > li.grandchild_menu {
  display: none;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu > li.grandchild_menu a {
  border-bottom: none;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu > li.grandchild_menu a::after {
  content: none;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu a {
  display: block;
  padding: 8px 5px 5px 2px;
  border-bottom: 1px solid #63B6C4;
  position: relative;
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu a::before {
  content: '';
  background-color: #fff;
  width: 100%;
  height: 1em;
  position: absolute;
  z-index: -1;
  left: 0;
  top: calc(50% - .5em);
  transition: .5s;
}
.se_contents .se_main_contents .event_select_area .event_schedule_select .category .child_menu a::after {
  content: '';
  display: block;
  position: absolute;
  border-top: 1px solid #63B6C4;
  border-right: 1px solid #63B6C4;
  width: 6px;
  height: 6px;
  top: calc(50% - 2px);
  right: 24px;
  transform: rotate(45deg);
  transition: .5s all;
}
.se_contents .se_main_contents .event_select_area .seminar_wrap {
  width: 77%;
}
.se_contents .se_main_contents .event_select_area .seminar_wrap .inner {
  display: flex;
  justify-content: start;
  align-items: inherit;
  flex-wrap: wrap;
  margin: 40px 0 0;
}
.se_contents .se_main_contents .event_select_area .seminar_wrap h3 {
  font-size: 2.4rem;
  line-height: 1.5;
  position: relative;
  padding: 0 0 5px 20px;
}
.se_contents .se_main_contents .event_select_area .seminar_wrap h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 5px;
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, #63b6c4 4px, #63b6c4 6px);
}
.se_contents .se_main_contents .event_list_navi {
  margin-bottom: 120px;
}
.se_contents .se_main_contents .event_list_navi ul {
  display: flex;
  justify-content: center;
  width: 340px;
  margin: 0 auto;
  position: relative;
}
.se_contents .se_main_contents .event_list_navi li {
  margin: 0 10px 0 0;
  font-size: 2.0rem;
}
.se_contents .se_main_contents .event_list_navi li:last-of-type, .se_contents .se_main_contents .event_list_navi li.last {
  margin: 0;
}
.se_contents .se_main_contents .event_list_navi li .current {
  font-size: 2.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #63B6C4;
  color: #fff;
}
.se_contents .se_main_contents .event_list_navi li.prev img, .se_contents .se_main_contents .event_list_navi li.next img {
  max-width: 9px;
}
.se_contents .se_main_contents .event_list_navi a {
  font-size: 2.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.se_contents .se_main_contents .se_picup_area {
  padding-top: 78px;
  padding-bottom: 156px;
  background-color: #F2F2F2;
}

.event_pickup {
  position: relative;
  margin: 0 0 200px;
}
.event_pickup::before {
  content: "";
  width: 100vw;
  height: calc(100% + 150px);
  position: absolute;
  z-index: -10;
  left: 0;
  top: -60px;
  bottom: 0;
  right: 0;
  background-image: url("../img/event/event_pickup_bg.png");
  background-repeat: repeat;
  background-size: 20px;
}
.event_pickup h2 {
  font-size: 25px;
  color: #000;
  margin-bottom: 4.16em;
  text-align: center;
  margin-bottom: 0 !important;
  position: relative;
}
.event_pickup h2 span {
  color: #63B6C4;
  margin-top: 50px;
}
.event_pickup h2 span::before {
  content: '';
  display: block;
  width: 1px;
  height: 1.64em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .32em;
  margin-top: .32em;
}
.event_pickup h2::before {
  content: "";
  width: 60px;
  height: 62px;
  background-image: url("../img/event/title_bg02.png");
  background-size: cover;
  position: absolute;
  z-index: -1;
  top: -18px;
  left: calc(50% - 30px);
}
.event_pickup h2 span {
  font-family: Roboto Condensed;
  font-size: 1.8rem;
}
.event_pickup .slider {
  margin: 0 auto 50px !important;
}
.event_pickup .slick-dots {
  bottom: -30px !important;
}
.event_pickup .se_category span {
  background-color: #EAF2F3;
}

.seminar_details_on {
  display: block !important;
}

.seminar_list_on {
  display: none !important;
}

.link_prev a {
  display: inline-block;
  padding-left: 30px;
  position: relative;
  font-size: 1.6rem;
}
.link_prev a::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #63B6C4;
}
.link_prev a::after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 7px;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}

.link_next a {
  display: inline-block;
  padding-right: 30px;
  position: relative;
  font-size: 1.6rem;
}
.link_next a::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #63B6C4;
}
.link_next a::after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-135deg);
}

.seminar_details {
  background-color: #EFF8F9;
  padding: 48px 0 68px 48px;
  position: relative;
  width: 77%;
}
.seminar_details::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -2;
  top: 0;
  background-color: #EFF8F9;
  width: 100vw;
  height: 100%;
}
.seminar_details .seminar_date_plate {
  color: #EAF2F3;
  font-size: 2.0rem;
  position: absolute;
  margin-top: -26px;
  top: 10px;
  left: 72px;
  display: none;
}
.seminar_details .seminar_date_plate .seminar_date {
  padding: 8px;
  display: inline-block;
  background-color: #63B6C4;
}
.seminar_details .seminar_date_plate .seminar_item_week {
  font-size: 1.8rem;
  color: #63B6C4;
  background-color: #fff;
  margin: 0;
  padding: 9px 6px;
  /* background-color: #63B6C4; */
  border: 1px solid #63B6C4;
  vertical-align: bottom;
}
.seminar_details .seminar_date_plate .seminar_item_date {
  padding-top: 30px;
  font-size: 2.4rem;
  padding: 34px 16px 16px;
}
.seminar_details .seminar_date_plate .seminar_date {
  background-color: #63B6C4;
}
.seminar_details .seminar_date_plate .seminar_item_week {
  font-size: 2rem;
  margin-left: 10px;
  padding: 4px;
  color: #63B6C4;
  background-color: #fff;
  font-weight: normal;
}
.seminar_details .details_text_area {
  background-color: #fff;
  padding: 50px 40px 50px;
  margin-bottom: 41px;
}
.seminar_details .details_text_area .details_h2_title {
  font-size: 2.4rem;
  text-align: left;
  margin-bottom: 20px;
}
.seminar_details .details_text_area hr {
  margin-bottom: 25px;
}
.seminar_details .details_text_area .se_category {
  padding-top: 0;
  margin-bottom: 40px;
  display: none;
}
.seminar_details .details_text_area .se_category span {
  background-color: #EAF2F3;
}
.seminar_details .details_text_area p {
  margin-bottom: 40px;
  line-height: 1.625;
}
.seminar_details .details_text_area img {
  width: 100%;
  margin-bottom: 70px;
}
.seminar_details .details_text_area .details_h3_title {
  font-size: 2.2rem;
  margin-bottom: 35px;
  border-bottom: 2px solid #63B6C4;
  padding-bottom: 7px;
  position: relative;
}
.seminar_details .details_text_area .details_h3_title::after {
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  border-bottom: 2px solid #63B6C4;
  border-right: 2px solid #63B6C4;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transform: rotate(45deg);
  top: 33px;
}
.seminar_details .details_text_area .details_h4_title {
  font-size: 2.0rem;
  margin-bottom: 20px;
  padding-left: 15px;
  position: relative;
}
.seminar_details .details_text_area .details_h4_title::before {
  content: '';
  width: 10px;
  height: 36px;
  display: inline-block;
  top: -2px;
  left: 0px;
  position: absolute;
  background-color: #63B6C4;
}
.seminar_details .details_text_area .details_h5_title {
  font-size: 1.8rem;
  margin-bottom: 20px;
  padding-left: 20px;
  position: relative;
}
.seminar_details .details_text_area .details_h5_title::before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  top: calc(50% - 8px);
  left: 0px;
  position: absolute;
  background-color: #63B6C4;
}
.seminar_details .seminar_details_prev_next {
  display: flex;
  justify-content: space-between;
}
.seminar_details .seminar_details_prev_next > div {
  max-width: 47%;
}

/* ==============================
* 施設のご案内
* ============================== */
.fguide {
  overflow-x: hidden;
}

.fguide_btn_reservation_yellow {
  margin-top: .4em;
  font-size: 1.6rem;
  background-color: #FACA10;
  color: #fff;
  border: solid 1px #FACA10;
  height: 27px;
  line-height: 27px;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 3.12em;
}

.fguide_btn_reservation_white {
  margin-top: .4em;
  font-size: 1.6rem;
  background-color: #fff;
  color: #FACA10;
  border: solid 1px #FACA10;
  height: 27px;
  line-height: 27px;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 3.12em;
}

.fguide_item_order1 {
  order: 1;
}

.fguide_sp {
  display: none;
}

.fguide_map_area img {
  height: auto;
}
.fguide_map_area .fguide_sp {
  display: none;
}

.fguide_pc {
  display: block;
}

.fguide_top_image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fguide_top_image div {
  max-width: 1920px;
  width: 100%;
}
.fguide_top_image img {
  max-width: 1920px;
  width: 100%;
}

.fguide_heading {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}
.fguide_heading .fguide_heading_catch {
  width: 75%;
  margin: 0 auto 48px;
  text-align: center;
  position: relative;
  font-size: 2.0rem;
}
.fguide_heading .fguide_heading_catch::after {
  content: "";
  width: 100%;
  height: 10px;
  background-color: #FEFBB7;
  bottom: 0;
  left: 0;
  z-index: -1;
  position: absolute;
}
.fguide_heading .fguide_heading_text {
  width: 75%;
  margin: 0 auto 79px;
  line-height: 2;
  text-align: center;
}
.fguide_heading .f_title {
  position: relative;
  font-size: 2.5rem;
  font-family: 'Hiragino Kaku Gothic ProN';
  margin-bottom: 80px;
}
.fguide_heading .f_title::before {
  content: '';
  position: absolute;
  background-image: url(../img/fguide_title_bg.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 60px;
  height: 62px;
  background-size: contain;
  top: -0.5em;
  z-index: -1;
}
.fguide_heading .f_title span {
  font-family: 'Roboto Condensed';
  font-size: 1.8rem;
}

.fguide_item_area {
  max-width: 1024px;
  width: 100vw;
  margin: 0% auto 31px;
}
.fguide_item_area .fguide_item {
  max-width: 1024px;
  width: 100%;
  display: flex;
  padding-top: 56px;
  padding-bottom: 56px;
  justify-content: space-between;
  position: relative;
}
.fguide_item_area .fguide_item > div {
  max-width: 1024px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.fguide_item_area .fguide_item .fguide_infomation {
  width: 57%;
  position: relative;
  font-family: 'Hiragino Kaku Gothic ProN';
}
.fguide_item_area .fguide_item .fguide_infomation .guide_title {
  display: flex;
  font-size: clamp(20px, 2.3vw, 24px);
  justify-content: flex-start;
  margin-bottom: 35px;
  position: relative;
}
.fguide_item_area .fguide_item .fguide_infomation .guide_title::after {
  content: '';
  background: url(../img/diagonal_hr.png) repeat-x;
  background-size: 9px 5px;
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: -15px;
  left: 0;
  position: absolute;
  bottom: -15px;
  left: 0;
}
.fguide_item_area .fguide_item .fguide_infomation .guide_title .title_reservation {
  display: flex;
  margin-top: 10px;
}
.fguide_item_area .fguide_item .fguide_infomation .guide_title .title_reservation > div {
  width: 100%;
  display: flex;
}
.fguide_item_area .fguide_item .fguide_infomation .guide_title h3 {
  font-weight: bold;
  margin-right: 16px;
}
.fguide_item_area .fguide_item .fguide_infomation .guide_title a {
  margin-left: auto;
  margin-right: 0;
  font-size: 1.6rem;
}
.fguide_item_area .fguide_item .fguide_infomation .guide_text {
  line-height: 1.625;
  padding-bottom: 2em;
}
.fguide_item_area .fguide_item .fguide_infomation .fguide_capacity {
  font-size: 1.4rem;
  padding-left: 8px;
  margin-bottom: 16px;
  border-left: 10px solid #FACA10;
}
.fguide_item_area .fguide_item hr {
  height: 4px;
  border: none;
  background: repeating-linear-gradient(-60deg, #63B6C4, #63B6C4 1px, transparent 3px, transparent 6px);
  margin-bottom: 24px;
}
.fguide_item_area .fguide_item figure {
  max-width: 39.0625%;
}
.fguide_item_area .fguide_item figure img {
  width: 100%;
  height: auto;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.16);
}
.fguide_item_area .fguide_item:nth-of-type(odd) .fguide_infomation {
  order: 1;
}
.fguide_item_area .fguide_item:nth-of-type(4n + 1) {
  background-color: #EFF8F9;
  width: 100%;
}
.fguide_item_area .fguide_item:nth-of-type(4n + 1)::before {
  content: '';
  background-color: #EFF8F9;
  position: absolute;
  width: calc(100% * calc(56 / 1024));
  height: 100%;
  left: calc(calc(100% * calc(56 / 1024)) * -1);
  top: 0;
}
.fguide_item_area .fguide_item:nth-of-type(4n + 1)::after {
  content: '';
  background-color: #EFF8F9;
  position: absolute;
  right: calc((calc(calc(100vw - (100%)) /2)) * -1);
  top: 0;
  height: 100%;
  display: flex;
  width: calc(calc(100vw - (100%)) /2);
}
.fguide_item_area .fguide_item:nth-of-type(4n + 3) {
  width: 100%;
  background-color: #EFF8F9;
}
.fguide_item_area .fguide_item:nth-of-type(4n + 3)::before {
  content: '';
  background-color: #EFF8F9;
  position: absolute;
  left: 0;
  left: calc((calc(calc(100vw - (100%)) /2)) * -1);
  top: 0;
  height: 100%;
  display: flex;
  width: calc(calc(100vw - (100%)) /2);
}
.fguide_item_area .fguide_item:nth-of-type(4n + 3)::after {
  content: '';
  background-color: #EFF8F9;
  position: absolute;
  width: calc(100% * calc(56 / 1024));
  width: clamp(0px, calc(100vw - 1080px), 56px);
  height: 100%;
  right: calc(calc(100% * calc(56 / 1024)) * -1);
  top: 0px;
}
.fguide_item_area .fguide_link_arrow {
  position: absolute;
  bottom: 0;
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 0;
}
.fguide_item_area .fguide_link_arrow a {
  font-size: clamp(14px, 1.6vw, 16px);
  display: inline-block;
  padding-right: 26px;
  position: relative;
  transition: all .5s;
  border-bottom: 1px solid transparent;
}
.fguide_item_area .fguide_link_arrow a::after {
  content: '';
  background-image: url(../img/link_btn_18.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  position: absolute;
  top: .15em;
  right: 0;
  padding-left: 8px;
}
.fguide_item_area .fguide_link_arrow a:hover {
  border-bottom: 1px solid #63B6C4;
}

.fguide_map_area {
  max-width: 1379px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 105px;
}
.fguide_map_area h2 {
  font-weight: bold;
  font-size: 2.0rem;
  color: #63B6C4;
  margin-bottom: 40px;
}
.fguide_map_area .fguide_map {
  width: 100%;
  margin-bottom: 7px;
}

/* ==================================================
利用ガイドページ
================================================== */
/*アイコンイメージの読み込み*/
.uguide_top_image {
  margin-top: 130px;
}
.uguide_top_image img {
  width: 100%;
}

.uguide_heading {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
}
.uguide_heading .uguide_heading_catch {
  width: 75%;
  background-image: linear-gradient(transparent 60%, #FEFBB7 60%);
  margin: 0 auto 48px;
}
.uguide_heading .uguide_heading_text {
  margin: 0 auto 80px;
  padding: 0 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}

.uguide_reservation_area {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto 120px;
  padding: 0 16px;
}
.uguide_reservation_area .uguide_reservation_msg {
  font-size: 1.4rem;
  margin-bottom: 6px;
}

.sub_main_contents .uguide_background {
  margin: 0 -16px 60px;
}

.uguide_background {
  padding: 62px 0 20px;
  margin-bottom: 60px;
  background: #EFF8F9;
}

.uguide_flow_area {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto 20px;
  padding: 0 16px;
}
.uguide_flow_area .flow {
  background: #fff;
  padding: 20px;
  margin-bottom: 40px;
}
.uguide_flow_area .flow .flow_list {
  position: relative;
}
.uguide_flow_area .flow .flow_list:after {
  content: "";
  position: absolute;
  top: 0;
  left: 90px;
  margin: auto;
  background: #76C2CE;
  width: 1px;
  height: 100%;
  z-index: 1;
}
.uguide_flow_area .flow .flow_list .list_group > div {
  display: flex;
  align-items: flex-start;
}
.uguide_flow_area .flow .flow_list .list_group ul {
  margin-bottom: 40px;
}
.uguide_flow_area .flow .flow_list .list_group ul li {
  font-size: 1.4rem;
  padding-left: 60px;
  position: relative;
  margin: 0 0 40px 20px;
}
.uguide_flow_area .flow .flow_list .list_group ul li:last-child {
  margin-bottom: 0;
}
.uguide_flow_area .flow .flow_list .list_group ul li:before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 40px;
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.uguide_flow_area .flow .flow_list .list_group ul li.icon_1:before {
  background-image: url(./../img/use_guide/flow_icon_1.png);
}
.uguide_flow_area .flow .flow_list .list_group ul li.icon_2:before {
  background-image: url(./../img/use_guide/flow_icon_2.png);
}
.uguide_flow_area .flow .flow_list .list_group ul li.icon_3:before {
  background-image: url(./../img/use_guide/flow_icon_3.png);
}
.uguide_flow_area .flow .flow_list .list_group ul li.icon_4:before {
  background-image: url(./../img/use_guide/flow_icon_4.png);
}
.uguide_flow_area .flow .flow_list .list_group ul li.icon_5:before {
  background-image: url(./../img/use_guide/flow_icon_5.png);
}
.uguide_flow_area .flow .flow_list .list_group ul li.icon_6:before {
  background-image: url(./../img/use_guide/flow_icon_6.png);
}
.uguide_flow_area .flow .flow_list .list_group ul li.icon_7:before {
  background-image: url(./../img/use_guide/flow_icon_7.png);
}
.uguide_flow_area .flow .flow_list .list_group:last-child {
  margin-bottom: 0;
}
.uguide_flow_area .flow .flow_list .list_group:last-child ul {
  margin-bottom: 0;
  background: #fff;
  z-index: 2;
}
.uguide_flow_area .flow .flow_list .flow_label {
  display: inline-block;
  color: #fff;
  background: #76C2CE;
  padding: 4px 10px;
}
.uguide_flow_area .flow .img_area {
  margin-top: 40px;
}
.uguide_flow_area .flow .img_area img {
  height: auto;
}

.uguide_usage_area {
  max-width: 1058px;
  width: 100%;
  margin: 0 auto 120px;
  padding: 0 16px;
}
.uguide_usage_area .fee_table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
  border: 1px #ccc solid;
}
.uguide_usage_area .fee_table .table_title {
  width: 125px;
}
.uguide_usage_area .fee_table .table_title_2 {
  width: 150px;
}
.uguide_usage_area .fee_table .table_title_3 {
  width: 180px;
}
.uguide_usage_area .fee_table th,
.uguide_usage_area .fee_table td {
  text-align: center;
  vertical-align: middle;
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  padding: 10px;
}
.uguide_usage_area .fee_table th {
  background: #EFF8F9;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 10px;
  border: 1px #ccc solid;
}
.uguide_usage_area .fee_table tr:nth-child(odd) td {
  border-bottom: 1px #ccc dashed;
}
.uguide_usage_area .fee_table tr:nth-child(even) td {
  background: #F1F1F1;
  border-bottom: 1px #ccc solid;
}
.uguide_usage_area .fee_table .back_blue {
  color: #fff;
  background: #8DD2D9 !important;
  padding: 0;
  border: 1px #ccc solid !important;
}
.uguide_usage_area .fee_table .back_white {
  color: #8DD2D9;
  background: #fff !important;
  padding: 0;
}
.uguide_usage_area .incidental tr:nth-child(even) td {
  background: #fff;
}
.uguide_usage_area .incidental tr:nth-child(odd) {
  border-bottom: 1px #ccc solid;
}
.uguide_usage_area .incidental tr.back_red {
  background: #ffe6e6;
}
.uguide_usage_area .incidental tr.back_red th {
  background: #ffe6e6;
}
.uguide_usage_area .incidental_title {
  font-size: 2.0rem;
  margin-bottom: 6px;
}
.uguide_usage_area .incidental_icon_area {
  margin: 24px 0 12px;
}
.uguide_usage_area .incidental_icon_area p {
  display: inline-block;
  margin: 0;
}

.uguide_note {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto 120px;
  padding: 0 16px;
}
.uguide_note .msg {
  margin-bottom: 16px;
}
.uguide_note h4 {
  display: inline-block;
  font-size: 1.6rem;
  color: #fff;
  background: #63B6C4;
  padding: 8px;
  margin-bottom: 16px;
}
.uguide_note .uguide_note_block {
  margin-bottom: 32px;
}

/*---------リンク---------*/
.uguide_tel .uguide_tel_link {
  width: 480px;
  padding: 4px;
  background: #76C2CE;
  margin-bottom: 16px;
  box-shadow: 0.5rem 0.5rem #007991;
}
.uguide_tel .link_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #76C2CE;
  border: 1px solid #fff;
  height: 106px;
  transition: .5s all;
}
.uguide_tel .link_btn i.icon_tel {
  background-image: url(./../img/use_guide/icon_tel.png);
  width: 63px;
  height: 63px;
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.uguide_tel .link_btn span {
  color: #fff;
  display: block;
}
.uguide_tel .link_btn span.link_title {
  font-size: 1.6rem;
  margin-bottom: 4px;
}
.uguide_tel .link_btn span.tel_nam {
  font-size: 3.4rem;
  line-height: 1;
}
.uguide_tel .link_btn:hover {
  background: #007991;
}

.uguide_reservation .uguide_reservation_link {
  width: 480px;
  padding: 4px;
  background: #FDECAB;
  margin-bottom: 16px;
  box-shadow: 0.5rem 0.5rem #faca10;
}
.uguide_reservation .link_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FDECAB;
  border: 1px solid #2F5A6E;
  height: 106px;
  transition: .5s all;
}
.uguide_reservation .link_btn > div {
  margin: 0 20px;
}
.uguide_reservation .link_btn i.icon_calendar {
  background-image: url(./../img/use_guide/icon_calendar.png);
  background-size: 50px;
  width: 50px;
  height: 50px;
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.uguide_reservation .link_btn i.icon_qr {
  background-image: url(./../img/use_guide/icon_qr.png);
  width: 82px;
  height: 82px;
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.uguide_reservation .link_btn span {
  display: block;
  color: #2F5A6E;
  margin-bottom: 10px;
  font-size: 1.8rem;
}
.uguide_reservation .link_btn span.border {
  font-size: 1.6rem;
  border-bottom: 1px solid #2F5A6E;
  margin-bottom: 0;
  position: relative;
}
.uguide_reservation .link_btn span.border:after {
  content: '';
  display: inline-block;
  right: 6px;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid #2F5A6E;
  border-right: 1px solid #2F5A6E;
  transform: rotate(45deg);
  position: absolute;
}
.uguide_reservation .link_btn:hover {
  background: #faca10;
}

/*----------------
 共通パーツ
 ---------------- */
.msg_text {
  margin: 0 auto 40px;
  font-size: 1.6rem;
  line-height: 1.8;
}

.title_dashed {
  font-size: 2.4rem;
  margin-bottom: 32px;
  padding-bottom: 16px;
  position: relative;
}
.title_dashed:after {
  content: "";
  width: 100%;
  height: 4px;
  background: repeating-linear-gradient(-60deg, #63B6C4, #63B6C4 1px, transparent 3px, transparent 6px);
  position: absolute;
  bottom: 0;
  left: 0;
}

.title_bottom_border {
  font-size: 2.2rem;
  margin-bottom: 47px;
  border-bottom: 2px solid #63B6C4;
  padding-bottom: 8px;
  position: relative;
}
.title_bottom_border::after {
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  border-bottom: 2px solid #63B6C4;
  border-right: 2px solid #63B6C4;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transform: rotate(45deg);
  top: 34px;
}

.column_two {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.dl_link {
  display: inline-block;
  font-size: 1.4rem;
}
.dl_link a {
  padding-right: 40px;
  position: relative;
}
.dl_link a:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #00A8B8;
  display: block;
  width: 100%;
  transition: .5s all;
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}
.dl_link a:hover {
  color: #00A8B8;
}
.dl_link a:hover:after {
  opacity: 0;
  visibility: hidden;
}
.dl_link:after {
  content: '';
  position: absolute;
  right: -30px;
  bottom: 0;
  background-image: url(./../img/comonn/icon_dl.png);
  width: 22px;
  height: 20px;
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.text_center {
  text-align: center;
}

.title_yellow {
  display: inline-block;
  line-height: 1;
  background-image: linear-gradient(transparent 60%, #FEFBB7 60%);
}

.box_border {
  border: 1px solid #FACA10;
  display: inline-block;
  padding: 6px;
  margin-bottom: 10px;
}

.normal_list {
  margin-left: 20px;
}
.normal_list li {
  list-style: disc;
}

.mt_30 {
  margin-top: 30px;
}

.mt_20 {
  margin-top: 20px;
}

.mb_0 {
  margin-bottom: 0;
}

/* ==================================================
アクセス
================================================== */
.access_area img {
  width: 280px;
  padding-bottom: 32px;
}
.access_area h3 {
  font-size: 1.8rem;
  margin-bottom: 24px;
}
.access_area h4 {
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  padding: 4px 8px;
  background: #8DD2D9;
  margin-bottom: 10px;
}
.access_area p {
  font-size: 1.6rem;
  margin-bottom: 24px;
}
.access_area .line_yellow {
  border-top: 1px solid #FACA10;
  border-bottom: 1px solid #FACA10;
  padding: 16px 0;
  margin: 24px 0;
}

/* ==================================================
お知らせ
================================================== */
.news_list li {
  margin-bottom: 12px;
  border-bottom: 1px solid #76C2CE;
}
.news_list li a {
  display: block;
  padding: 12px 0;
}
.news_list li a span {
  display: block;
}
.news_list li a .news_date {
  font-size: 1.4rem;
  margin-bottom: 6px;
}
.news_list li a .news_title {
  font-size: 1.6rem;
}

/* ==================================================
お知らせ-詳細
================================================== */
.news_detail_date {
  font-size: 1.6rem;
}

.news_content {
  margin-top: 30px;
}

.news_back_btn {
  padding-top: 42px;
}
.news_back_btn .details_btn {
  max-width: 300px;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news_back_btn .details_btn span {
  font-size: 1.6rem;
}

/* ==================================================
リンク
================================================== */
.link_list li {
  margin-bottom: 20px;
}
.link_list li a {
  font-size: 1.6rem;
  border-bottom: 1px solid #202020;
  position: relative;
  padding-right: 22px;
}
.link_list li a:before, .link_list li a:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: black;
}
.link_list li a:before {
  top: 1px;
  right: 6px;
  border-width: 2px;
}
.link_list li a:after {
  top: 4px;
  right: 3px;
  border-width: 0 2px 2px 0;
}
.link_list li a:hover {
  color: #76C2CE;
  border-bottom: 1px solid #76C2CE;
}

/* ==================================================
個人情報保護方針
================================================== */
.privacy {
  line-height: 1.7;
}
.privacy h3 {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 24px;
}
.privacy h4 {
  font-weight: bold;
  font-size: 1.8rem;
  margin: 0 0 12px;
}
.privacy h5 {
  font-weight: bold;
}
.privacy section {
  margin-bottom: 40px;
}
.privacy p,
.privacy dl {
  margin-bottom: 24px;
}
.privacy .margin_b_0 {
  margin-bottom: 0;
}
.privacy .info_block {
  display: flex;
  flex-wrap: wrap;
}
.privacy .info_block dt {
  width: 10%;
}
.privacy .info_block dd {
  width: 90%;
}
.privacy .table_block {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #202020;
  border-bottom: none;
}
.privacy .table_block dt {
  width: 30%;
  padding: 6px;
  border-bottom: 1px solid #202020;
}
.privacy .table_block dd {
  width: 70%;
  border-left: 1px solid #202020;
  border-bottom: 1px solid #202020;
  padding: 6px;
}
.privacy ol {
  margin-bottom: 24px;
  padding-left: 16px;
  list-style: auto;
}
.privacy ol li {
  display: list-item;
  list-style-type: decimal;
}
.privacy .t_right {
  text-align: right;
}
.privacy .copyright {
  text-align: center;
  margin: 0;
  word-break: break-word;
}

/* ==================================================
カナマチぷらっとについて
================================================== */
.about_wrap {
  display: flex;
  align-items: center;
  margin: 0 0 80px;
  margin-bottom: 80px !important;
}
.about_img {
  width: 55%;
  margin-right: 5%;
}
.about_img img {
  width: 100%;
  height: auto;
}
.about_text {
  width: 40%;
  line-height: 1.8;
}
.about_btn_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 80px;
}
.about_btn_facility {
  width: 480px;
  padding: 4px;
  background-color: #76C2CE;
  margin-bottom: 16px;
  box-shadow: 0.5rem 0.5rem #007991;
}
.about_btn_facility a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #76C2CE;
  border: 1px solid #fff;
  transition: .5s all;
  height: 80px;
  font-size: 2.2rem;
  border-radius: 0;
}
.about_btn_facility a:hover {
  background-color: #007991;
}
.about_btn_event {
  width: 480px;
  padding: 4px;
  background-color: #FDECAB;
  margin-bottom: 16px;
  box-shadow: 0.5rem 0.5rem #faca10;
}
.about_btn_event a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2F5A6E !important;
  background-color: #FDECAB;
  border: 1px solid #2F5A6E;
  transition: .5s all;
  height: 80px;
  font-size: 2.2rem;
  border-radius: 0;
}
.about_btn_event a:hover {
  background: #faca10;
}

/* ==============================
* レスポンシブ
* ============================== */
@media (max-width: 1500px) {
  .sub_main_visual {
    margin-top: 100px;
  }

  .top_slide_image {
    margin-top: 100px;
  }

  .main_contents .description .description_left .description_title {
    font-size: 24px;
  }

  .main_infomation .picup .slider {
    height: 490px;
  }
  .main_infomation .picup .slider .picup_slider_item {
    margin: 80px 40px 70px;
  }
  .main_infomation .picup .slider .slick-slide.slick-center {
    transform: scale(1.3);
  }
  .main_infomation .picup .slider .slick-prev {
    left: 160px;
  }
  .main_infomation .picup .slider .slick-next {
    right: 160px;
  }

  .guide_reservation_link a img {
    width: 130px;
  }
}
@media (max-width: 1250px) {
  .main_infomation {
    width: 100vw;
  }
  .main_infomation .seminar_events .seminar_wrap {
    margin-left: 16px;
  }
  .main_infomation .seminar_events .seminar_wrap .seminar_item {
    margin: 0 10px 100px;
    width: 100%;
    max-width: 300px;
  }

  .main_wave {
    bottom: -100px !important;
  }

  .main_infomation {
    padding-top: 50px;
  }

  .description_right_sp {
    display: none;
  }
}
@media (max-width: 1024px) {
  .sp_none {
    display: none;
  }

  .pc_none {
    display: block;
  }

  .top_slide_image {
    margin-top: 0;
  }
  .top_slide_image .slide-arrow {
    top: -40px;
  }

  .dots {
    border-width: 0 0 5px;
    border-style: solid;
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsl(189, 45%, 58%)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
    width: 100%;
  }

  /* ハンバーガーアイコンの設置スペース */
  .drawer-open {
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 0 0 auto;
    z-index: 100;
    /* 重なり順を一番上に */
    cursor: pointer;
  }

  /* ハンバーガーメニューのアイコン */
  .drawer-open span {
    top: 18px;
  }

  .drawer-open span,
  .drawer-open span:before,
  .drawer-open span:after {
    content: '';
    display: block;
    height: 3px;
    width: 29px;
    border-radius: 3px;
    background: #FACA10;
    transition: 0.5s;
    margin-right: 2.6%;
    position: absolute;
  }

  /* 三本線のうち一番上の棒の位置調整 */
  .drawer-open span:before {
    bottom: 10px;
  }

  /* 三本線のうち一番下の棒の位置調整 */
  .drawer-open span:after {
    top: 10px;
  }

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

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

  #menu_switch:checked ~ .drawer-open span::after {
    top: 0;
    transform: rotate(-45deg);
  }

  /* メニューのデザイン*/
  .drawer-content {
    width: 100%;
    height: 91%;
    position: fixed;
    top: 60px;
    left: 0;
    left: 100%;
    /* メニューを画面の外に飛ばす */
    background: rgba(255, 255, 255, 0.9);
    transition: .5s;
  }

  /* アイコンがクリックされたらメニューを表示 */
  #menu_switch:checked ~ .drawer-content {
    left: 0;
    /* メニューを画面に入れる */
  }

  .drawer-content {
    padding-top: 60px;
    padding-left: clamp(32px, 8.12vw, 64px);
    padding-right: clamp(32px, 8.12vw, 64px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 50px);
    padding-bottom: 80px;
    /*←footerの高さ*/
  }

  .drawer-hidden {
    display: none;
  }

  .main_wave {
    bottom: -20px !important;
  }

  .main_infomation {
    width: 100vw;
    padding-top: 30px;
  }
  .main_infomation .seminar_events {
    padding: 0 32px;
  }
  .main_infomation .seminar_events h2 {
    padding: 0 0 0 16px;
  }
  .main_infomation .seminar_events h2 span {
    margin: 0;
  }
  .main_infomation .seminar_events .seminar_wrap {
    margin-left: auto;
    margin-right: auto;
    margin-top: 44px;
  }
  .main_infomation .seminar_events .seminar_wrap .seminar_item {
    width: 50%;
    margin: 0 26px 40px;
  }

  .main_infomation .picup {
    padding: 40px 32px 270px;
  }
  .main_infomation .picup > h2 {
    padding: 0 0 0 16px;
  }
  .main_infomation .picup > h2 span {
    margin: 0;
  }
  .main_infomation .picup .slider {
    height: 430px;
  }
  .main_infomation .picup .slider .picup_slider_item {
    margin: 20px 40px 0;
  }
  .main_infomation .picup .slider .slick-slide.slick-center {
    transform: scale(1.3);
  }
  .main_infomation .picup .slider .slick-prev {
    left: 160px;
    background-image: url(../img/picup_slider_arrow_l.png);
    background-size: contain;
  }
  .main_infomation .picup .slider .slick-next {
    right: 160px;
    background-image: url(../img/picup_slider_arrow_r.png);
    background-size: contain;
  }

  .news_sns_area {
    padding-top: 80px;
    width: 100vw;
    flex-direction: column;
  }
  .news_sns_area .news_area {
    margin: 0 auto;
  }
  .news_sns_area .news_area > h2 {
    padding: 0 0 0 16px;
  }
  .news_sns_area .news_area > h2 span {
    margin: 0;
  }
  .news_sns_area .news_area .news_wrap .news_item {
    margin-bottom: 14px;
    width: 29%;
  }
  .news_sns_area .news_area a {
    padding-top: 42px;
    margin-bottom: 64px;
  }
  .news_sns_area .sns_area {
    width: 100%;
    font-size: 18px;
    display: flex;
    justify-content: center;
  }
  .news_sns_area .sns_area .sns_width {
    max-width: 300px;
    width: 100%;
    margin: 0 10px;
  }
  .news_sns_area .sns_area .sns_width:last-child {
    margin: 0;
  }

  .main_contents .description_right {
    display: none;
  }
  .main_contents .description {
    padding: 0 16px;
    margin: 0 auto -100px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main_contents .description .description_left {
    margin: 0 auto;
    width: 100%;
    margin-top: 0;
  }
  .main_contents .description .description_left .description_right_sp {
    display: inline;
  }
  .main_contents .description .description_left .description_right_sp img {
    max-width: 870px;
    width: 100%;
  }
  .main_contents .description .description_left .description_title {
    font-size: 24px;
  }
  .main_contents .description .description_left .description_title::after {
    display: none;
  }
  .main_contents .description .description_left a {
    margin-bottom: 64px;
  }

  .reservation_image img {
    max-width: 343px;
    width: 100%;
  }

  .uguide_reservation_area {
    justify-content: center;
  }
  .uguide_reservation_area .uguide_tel {
    margin: 0 auto 40px;
    max-width: 480px;
    width: 100%;
  }
  .uguide_reservation_area .uguide_tel .uguide_tel_link {
    width: 100%;
    max-width: 480px;
  }
  .uguide_reservation_area .uguide_tel .uguide_tel_link span.link_title {
    font-size: 1.4rem;
  }
  .uguide_reservation_area .uguide_tel .uguide_tel_link span.tel_nam {
    font-size: 2.5rem;
  }
  .uguide_reservation_area .uguide_reservation {
    margin: auto;
    max-width: 480px;
    width: 100%;
  }
  .uguide_reservation_area .uguide_reservation .uguide_reservation_link {
    width: 100%;
    max-width: 480px;
  }
  .uguide_reservation_area .uguide_reservation .uguide_reservation_link .link_btn span {
    font-size: 1.4rem;
  }
  .uguide_reservation_area .uguide_reservation .uguide_reservation_link .link_btn span.border {
    font-size: 1.7rem;
    padding-right: 16px;
  }
  .uguide_reservation_area .uguide_reservation .uguide_reservation_link .link_btn span.border:after {
    right: 0;
  }
  .uguide_reservation_area .uguide_reservation .uguide_reservation_link .link_btn i.icon_qr {
    display: none;
  }

  .uguide_flow_area .flow {
    max-width: 100%;
    width: 100%;
  }
  .uguide_flow_area .flow .flow_list .flow_label {
    position: absolute;
    left: -38px;
    z-index: 3;
    padding: 6px 10px;
  }
  .uguide_flow_area .flow .flow_list > div {
    justify-content: flex-start;
  }
  .uguide_flow_area .flow .flow_list > div ul {
    width: 100%;
    margin-bottom: 40px;
  }
  .uguide_flow_area .flow .flow_list:after {
    left: 40px;
  }
  .uguide_flow_area .flow .img_area {
    display: none;
  }

  .title_dashed {
    font-size: 2.0rem;
  }

  .title_yellow {
    font-size: 1.9rem;
  }

  .single-event .sub_main_visual.uguide_top_image {
    margin-top: 60px;
  }

  .sub_main_visual {
    margin-top: 60px;
  }

  .sub_main_contents {
    padding: 0 16px;
  }

  .gogle_map {
    height: 400px;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .gogle_map iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }

  .column_two {
    display: block;
  }

  .guide_reservation_link {
    display: flex;
    flex-wrap: wrap;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .guide_reservation_link a {
    color: #4FB1C1;
    font-size: 1.4rem;
    font-weight: bold;
    display: inline-block;
    width: 50%;
    padding: 16px 10px 16px 0;
    text-align: center;
    border: 2px solid #4FB1C1;
    position: relative;
  }
  .guide_reservation_link a span {
    display: inline-block;
    vertical-align: super;
  }
  .guide_reservation_link a:before {
    content: '';
    display: inline-block;
    background-size: 25px;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    margin-right: 8px;
    border-radius: 0;
    position: relative;
    background-color: inherit;
  }
  .guide_reservation_link a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    border-top: solid 2px #4FB1C1;
    border-right: solid 2px #4FB1C1;
    width: 6px;
    height: 6px;
    margin: auto;
    transform: rotate(45deg);
  }
  .guide_reservation_link .guide_link_logo {
    background: #fff;
    margin-bottom: 0;
    border-right: none;
  }
  .guide_reservation_link .guide_link_logo:before {
    background-image: url("../img/bell_icon.svg");
  }
  .guide_reservation_link .reservation_link_logo {
    background: #FCEDB2;
    margin-bottom: 0;
  }
  .guide_reservation_link .reservation_link_logo:before {
    background-image: url("../img/calendar_icon.svg");
  }
  .guide_reservation_link .openings_link_logo {
    width: 100%;
    background: #E1F6F9;
    margin-bottom: 0;
    border-top: 0;
  }
  .guide_reservation_link .openings_link_logo:before {
    background-image: url("../img/openings_icon.svg");
  }

  .se_contents {
    padding-top: 60px;
    overflow-x: visible;
  }
  .se_contents .event_pickup {
    padding: 40px 32px 20px;
  }
  .se_contents .event_pickup > h2 {
    padding: 0 0 0 16px;
  }
  .se_contents .event_pickup .slider {
    height: 430px;
  }
  .se_contents .event_pickup .slider .picup_slider_item {
    margin: 20px 40px 0;
  }
  .se_contents .event_pickup .slider .slick-slide.slick-center {
    transform: scale(1.3);
  }
  .se_contents .event_pickup .slider .slick-prev {
    left: 160px;
    background-image: url(../img/picup_slider_arrow_l.png);
    background-size: contain;
  }
  .se_contents .event_pickup .slider .slick-next {
    right: 160px;
    background-image: url(../img/picup_slider_arrow_r.png);
    background-size: contain;
  }
}
@media (max-width: 900px) {
  .main_infomation .picup .slider {
    height: 420px;
  }
  .main_infomation .picup .slider .slick-slide.slick-center {
    transform: scale(1.1);
  }
  .main_infomation .picup .slider .picup_slider_item {
    margin: 50px 40px 70px;
  }

  .news_sns_area .news_area {
    width: 98%;
    width: 100%;
  }
  .news_sns_area .news_area .news_wrap {
    justify-content: center;
    margin: 0 auto;
  }
  .news_sns_area .news_area .news_wrap .news_item {
    margin: 8px 0;
    width: 100%;
  }

  .se_contents .event_pickup .slider {
    height: 420px;
  }
  .se_contents .event_pickup .slider .slick-slide.slick-center {
    transform: scale(1.1);
  }
  .se_contents .event_pickup .slider .picup_slider_item {
    margin: 50px 40px 70px;
  }
}
@media (max-width: 825px) {
  .main_wave {
    bottom: -50px !important;
  }

  .main_infomation {
    padding-top: 20px;
  }
}
.nav_menu_pc {
  display: block;
}

.nav_menu_sp {
  display: none !important;
}

.se_ipad {
  display: none;
}

@media (max-width: 768px) {
  .single-event .sub_main_visual.uguide_top_image {
    margin-top: 0px;
  }

  .sub_main_visual {
    margin-top: 0px;
  }

  .main_infomation {
    width: 100vw;
  }

  .use_main_hader {
    padding-top: 60px;
  }

  .se_main_contents .event_select_area .event_schedule_select .month {
    font-size: clamp(14px, calc(100vw * calc(16 / 768)), 16px) !important;
  }
  .se_main_contents .event_select_area .event_schedule_select .category div {
    font-size: clamp(14px, calc(100vw * calc(16 / 768)), 16px) !important;
  }
  .se_main_contents .event_select_area .seminar_wrap .se_seminar_item2 {
    width: 43% !important;
  }

  .se_contents .event_pickup {
    margin: 0 0 60px;
  }
  .se_contents .event_pickup::before {
    height: 100%;
    top: 0;
  }
  .se_contents .event_pickup .slider {
    height: 370px;
  }
  .se_contents .event_pickup .slider .slick-slide.slick-center {
    transform: scale(1);
  }
  .se_contents .event_pickup .slider .slick-prev {
    left: -20px;
    width: 30px;
    height: 30px;
  }
  .se_contents .event_pickup .slider .slick-next {
    right: -20px;
    width: 30px;
    height: 30px;
  }
  .se_contents .event_pickup .slider .slick-dots {
    bottom: -68px !important;
  }

  .fguide_item_area {
    max-width: 768px;
    width: 100%;
    padding: 0 30px;
  }
  .fguide_item_area .fguide_item > div {
    flex-direction: column;
    align-items: center;
  }
  .fguide_item_area .fguide_item .fguide_infomation {
    width: 100%;
  }
  .fguide_item_area .fguide_item .fguide_infomation .guide_title a {
    font-size: 16px;
  }
  .fguide_item_area .fguide_item figure {
    max-width: 100%;
  }
  .fguide_item_area .fguide_item figure img {
    max-width: 100%;
    width: clamp(311px, 53vw, 400px);
    margin-bottom: 36px;
  }
  .fguide_item_area .fguide_item:nth-of-type(even) .fguide_infomation {
    order: 1;
  }

  .se_sp {
    display: none;
  }

  .main_infomation .picup .slider {
    height: 370px;
  }
  .main_infomation .picup .slider .slick-slide.slick-center {
    transform: scale(1);
  }
  .main_infomation .picup .slider .slick-prev {
    left: -20px;
    width: 30px;
    height: 30px;
  }
  .main_infomation .picup .slider .slick-next {
    right: -20px;
    width: 30px;
    height: 30px;
  }

  .uguide_usage_area .fee_table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .uguide_usage_area .fee_table .back_white {
    padding: 0 8px;
  }
}
@media (max-width: 600px) {
  .main_contents .description .description_left {
    margin-top: 0px;
  }
  .main_contents .description .description_left .description_title {
    font-size: clamp(17px, 4vw, 24px);
  }
  .main_contents .description .description_left .description_text {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 42px;
    padding: 0 16px;
    width: 100%;
    letter-spacing: -.09em;
    font-size: clamp(14px, 4vw, 16px);
  }

  .main_wave {
    bottom: -20px !important;
  }

  .main_infomation {
    padding-top: -170px !important;
    width: 100vw;
  }
  .main_infomation .seminar_events h2 {
    font-size: clamp(20px, 4vw, 24px);
  }
  .main_infomation .seminar_events h2 span {
    display: block;
    font-size: clamp(14px, 4vw, 24px);
    color: #76C2CE;
  }
  .main_infomation .seminar_events h2 span::before {
    display: none;
  }
  .main_infomation .seminar_events h2 span {
    font-size: 14px;
  }
  .main_infomation .seminar_events h2 span::before {
    display: none !important;
  }
  .main_infomation .seminar_events .seminar_wrap {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
  .main_infomation .seminar_events .seminar_wrap .seminar_item {
    width: 100%;
    max-width: 100%;
    margin: 0 0 40px;
  }

  .picup h2 {
    font-size: clamp(20px, 4vw, 24px);
  }
  .picup h2 span {
    display: block;
    font-size: clamp(14px, 4vw, 24px);
    color: #76C2CE;
  }
  .picup h2 span::before {
    display: none;
  }
  .picup h2 span::before {
    display: none !important;
  }

  .news_sns_area {
    width: 100vw;
    flex-direction: column;
    margin-bottom: 56px;
  }
  .news_sns_area .news_area h2 {
    font-size: clamp(20px, 4vw, 24px);
  }
  .news_sns_area .news_area h2 span {
    display: block;
    font-size: clamp(14px, 4vw, 24px);
    color: #76C2CE;
  }
  .news_sns_area .news_area h2 span::before {
    display: none;
  }
  .news_sns_area .news_area h2 span {
    font-size: 14px;
  }
  .news_sns_area .news_area h2 span::before {
    display: none !important;
  }
  .news_sns_area .news_area .news_wrap .news_item .news_date {
    font-size: clamp(14px, 2.7vw, 16px);
  }
  .news_sns_area .news_area .news_wrap .news_item .news_contents {
    font-size: clamp(14px, 2.7vw, 16px);
  }
  .news_sns_area .sns_area {
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    height: auto;
  }
  .news_sns_area .sns_area .facebook .fb_iframe_widget {
    width: 100%;
  }
  .news_sns_area .sns_area .facebook .fb_iframe_widget span {
    width: 100% !important;
  }
  .news_sns_area .sns_area .facebook .fb_iframe_widget span iframe {
    width: 100% !important;
  }
  .news_sns_area .sns_area .sns_width {
    max-width: 100%;
    width: 100%;
    height: 500px;
    margin: 0 0 16px;
  }

  .se_breadcrumb {
    display: none;
  }

  .se_sp {
    display: block;
  }

  .se_pc {
    display: none !important;
  }

  .news_contents .nav-links {
    margin-bottom: 70px;
  }
  .news_contents .nav-links li {
    margin: 0 5px 0 0;
  }
  .news_contents .nav-links li .dots {
    border: none;
  }

  .se_contents .se_main_contents {
    padding: 0;
    margin: 60px auto 0;
  }
  .se_contents .se_main_contents h2 {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .se_contents .se_main_contents h2::before {
    background-image: url("../img/event/title_bg01sp.png");
    width: 40px;
    height: 41px;
    top: -10px;
    left: calc(50% - 20px);
  }
  .se_contents .se_main_contents h2 span {
    font-size: 15px;
  }
  .se_contents .se_main_contents .event_select_area {
    flex-wrap: wrap;
  }
  .se_contents .se_main_contents .event_select_area .seminar_wrap {
    flex-direction: column;
    align-items: center !important;
    margin: 0% auto;
    width: 100%;
    padding: 0 32px;
  }
  .se_contents .se_main_contents .event_select_area .seminar_wrap h3 {
    font-size: 20px;
    padding: 0 0 5px 0;
  }
  .se_contents .se_main_contents .event_select_area .seminar_wrap .se_seminar_item2 {
    max-width: 100%;
    width: 100% !important;
  }
  .se_contents .se_main_contents .event_select_area .seminar_wrap .se_seminar_item2 img {
    max-width: 100%;
    height: auto;
  }
  .se_contents .se_main_contents .event_select_area.eventdetail {
    margin-bottom: 80px;
  }
  .se_contents .se_main_contents .event_list_navi {
    margin-bottom: 70px;
  }
  .se_contents .se_main_contents .event_list_navi li {
    margin: 0 5px 0 0;
  }
  .se_contents .se_main_contents .event_list_navi li .dots {
    border: none;
  }
  .se_contents .event_pickup > h2 {
    padding: 0;
  }
  .se_contents .event_pickup h2::before {
    width: 40px;
    height: 41px;
    background-image: url("../img/event/title_bg02sp.png");
    top: -10px;
    left: calc(50% - 20px);
  }
  .se_contents .event_pickup h2 span {
    margin-top: 0;
  }
  .se_contents .event_pickup h2 span::before {
    display: block !important;
  }

  .event_schedule_select_sp {
    width: 100%;
    margin: 30px auto;
    padding: 0 32px;
    order: 1;
  }
  .event_schedule_select_sp .event_date_title {
    padding-left: 8px;
    padding-bottom: 8px;
    position: relative;
    border-bottom: 1px solid #FACA10;
  }
  .event_schedule_select_sp .event_date_title::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #facb10;
    position: absolute;
    right: 20px;
    top: 6px;
    transition: .5s all;
  }
  .event_schedule_select_sp .event_date_title.active::after {
    transform: rotate(90deg);
    transition: .5s all;
  }
  .event_schedule_select_sp input {
    display: none;
  }
  .event_schedule_select_sp #menu_bar01:checked ~ .month_sp {
    height: 172px;
    margin: 0 auto 32px;
    transition: height 0.5s ease-in;
    border: 1px solid #FACA10;
    border-top: none;
  }
  .event_schedule_select_sp .month_sp {
    height: 0px;
    font-size: 14px;
    padding: 0 8px;
    overflow: hidden;
    margin-bottom: 32px;
    overflow-y: scroll;
    transition: 0.5s ease-out;
  }
  .event_schedule_select_sp .month_sp div {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .event_schedule_select_sp .month_sp div:not(:last-child) {
    border-bottom: 1px solid #CCCCCC;
  }
  .event_schedule_select_sp .category_sp {
    margin-bottom: 46px;
  }
  .event_schedule_select_sp .category_sp div {
    margin-top: 16px;
    border: 1px solid #63B6C4;
    transition: .5s all;
  }
  .event_schedule_select_sp .category_sp div:first-of-type {
    margin-top: 0;
  }
  .event_schedule_select_sp .category_sp div.active {
    background-color: #63B6C4;
    transition: .5s all;
  }
  .event_schedule_select_sp .category_sp div.active span {
    color: #fff;
    transition: .5s all;
  }
  .event_schedule_select_sp .category_sp div span {
    display: block;
    padding: 10px 16px;
    position: relative;
    font-size: 1.6rem;
    cursor: pointer;
    transition: .5s all;
  }
  .event_schedule_select_sp .category_sp .child_menu {
    width: 100%;
    display: none;
  }
  .event_schedule_select_sp .category_sp .child_menu li {
    padding: 0 0 0 25px;
  }
  .event_schedule_select_sp .category_sp .child_menu > li.js_open_btn {
    cursor: pointer;
  }
  .event_schedule_select_sp .category_sp .child_menu > li.js_open_btn a::after {
    border-top: 1px solid #63B6C4;
    border-right: 1px solid #63B6C4;
  }
  .event_schedule_select_sp .category_sp .child_menu > li.js_open_btn.active a::before {
    background-color: #EAF2F3;
  }
  .event_schedule_select_sp .category_sp .child_menu > li.js_open_btn.active a::after {
    top: calc(50% - 4px);
    transform: rotate(135deg);
    transition: .5s all;
  }
  .event_schedule_select_sp .category_sp .child_menu > li.grandchild_menu {
    display: none;
  }
  .event_schedule_select_sp .category_sp .child_menu > li.grandchild_menu a {
    border-bottom: none;
  }
  .event_schedule_select_sp .category_sp .child_menu > li.grandchild_menu a::after {
    content: none;
  }
  .event_schedule_select_sp .category_sp .child_menu a {
    display: block;
    padding: 8px 5px 5px 2px;
    border-bottom: 1px solid #63B6C4;
    position: relative;
    transition: .5s all;
  }
  .event_schedule_select_sp .category_sp .child_menu a::before {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 1em;
    position: absolute;
    z-index: -1;
    left: 0;
    top: calc(50% - .5em);
    transition: .5s;
  }
  .event_schedule_select_sp .category_sp .child_menu a::after {
    content: '';
    display: block;
    position: absolute;
    border-top: 1px solid #63B6C4;
    border-right: 1px solid #63B6C4;
    width: 6px;
    height: 6px;
    top: calc(50% - 2px);
    right: 24px;
    transform: rotate(45deg);
    transition: .5s all;
  }

  .seminar_details {
    width: 100%;
    padding: 16px 16px 48px;
  }
  .seminar_details::after {
    content: none;
  }
  .seminar_details .details_text_area {
    padding: 50px 16px 40px;
    margin-bottom: 24px;
  }
  .seminar_details .details_text_area p {
    font-size: 14px;
    margin-bottom: 32px;
  }
  .seminar_details .details_text_area .details_h2_title {
    font-size: 20px;
    padding-bottom: 8px;
  }
  .seminar_details .details_text_area .details_h3_title {
    font-size: 19px;
    margin-bottom: 28px;
  }
  .seminar_details .details_text_area .details_h3_title::after {
    top: 28px;
  }
  .seminar_details .details_text_area .details_h4_title {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .seminar_details .details_text_area .details_h4_title::before {
    height: 30px;
  }
  .seminar_details .details_text_area .details_h5_title {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .seminar_details .details_text_area .details_h5_title::before {
    width: 14px;
    height: 14px;
  }
  .seminar_details .seminar_date_plate {
    left: 32px;
  }
  .seminar_details .seminar_date_plate .seminar_item_date {
    padding: 8px;
    font-size: 18px;
  }
  .seminar_details .seminar_date_plate .seminar_item_week {
    font-size: 18px;
  }
  .seminar_details .seminar_details_prev_next {
    flex-wrap: wrap;
  }
  .seminar_details .seminar_details_prev_next > div {
    max-width: 100%;
  }
  .seminar_details .link_prev {
    margin: 0 0 32px;
  }
  .seminar_details .link_prev a {
    font-size: 14px;
  }
  .seminar_details .link_prev a::after {
    width: 6px;
    height: 6px;
    left: 10px;
  }
  .seminar_details .link_next {
    margin-left: auto;
  }
  .seminar_details .link_next a {
    font-size: 14px;
  }
  .seminar_details .link_next a::after {
    width: 6px;
    height: 6px;
    right: 10px;
  }

  .seminar_item_text {
    font-size: 14px;
  }

  .fguide_sp {
    display: block;
  }

  .fguide_pc {
    display: none !important;
  }

  .fguide_top_image {
    margin-bottom: 46px;
  }

  .fguide_map_area {
    margin: 0 auto 56px;
  }
  .fguide_map_area .fguide_sp {
    display: block;
  }
  .fguide_map_area h2 {
    font-size: 18px;
    margin: 0 0 8px 30px;
  }
  .fguide_map_area a {
    font-size: 14px;
    display: flex !important;
    justify-content: flex-end;
    margin-right: 30px;
    position: relative;
  }
  .fguide_map_area a::before {
    content: '';
    background-image: url(../img/magnifying_glass.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: contain;
    position: absolute;
    right: 90px;
    top: 3px;
  }

  .fguide_heading {
    margin: 50px auto 0;
  }
  .fguide_heading .title_v_line {
    margin-bottom: 48px;
    font-size: 20px;
  }
  .fguide_heading .title_v_line::before {
    background-image: url("../img/event/title_bg01sp.png");
    width: 40px;
    height: 41px;
    left: calc(50% - 20px);
  }
  .fguide_heading .title_v_line span {
    font-size: 15px;
  }

  .fguide_item_area {
    max-width: 470px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .fguide_item_area .fguide_item > div {
    padding-top: 40px;
    padding-bottom: 0px;
    align-items: center;
    justify-content: center;
  }
  .fguide_item_area .fguide_item .fguide_infomation {
    max-width: 311px;
    width: 100%;
  }
  .fguide_item_area .fguide_item .fguide_infomation .guide_text {
    font-size: 14px;
    padding-bottom: 40px;
  }
  .fguide_item_area .fguide_item .fguide_infomation .guide_title {
    margin-bottom: 16px;
    flex-direction: column;
  }
  .fguide_item_area .fguide_item .fguide_infomation .guide_title .title_reservation {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
  }
  .fguide_item_area .fguide_item .fguide_infomation .guide_title .title_reservation .fguide_btn_reservation_yellow,
  .fguide_item_area .fguide_item .fguide_infomation .guide_title .title_reservation .fguide_btn_reservation_white {
    position: absolute;
    margin-top: -56px;
    right: 2.6%;
  }
  .fguide_item_area .fguide_item .fguide_infomation .guide_title .title_reservation h3 {
    margin-left: auto;
    margin-right: auto;
  }
  .fguide_item_area .fguide_item .fguide_infomation .guide_title::after {
    bottom: 0;
  }
  .fguide_item_area .fguide_item figure {
    margin: 0;
  }
  .fguide_item_area .fguide_item figure img {
    margin-bottom: 14px;
  }
  .fguide_item_area .fguide_item:nth-of-type(even) .fguide_infomation {
    order: 1;
  }
  .fguide_item_area .fguide_link_arrow a::before {
    display: none;
  }
  .fguide_item_area .fguide_link_arrow a::after {
    display: none;
  }
  .fguide_item_area .fguide_link_arrow, .fguide_item_area .fguide_sp {
    box-shadow: 0px 4px #63B6C4;
    border: 1px solid #00A8B8;
    color: #00A8B8;
    background-color: #fff;
    height: 50px;
    max-width: 311px;
    width: 100%;
    margin: 0 auto 24px;
    transition: all 0.5s;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .fguide_item_area .fguide_link_arrow a, .fguide_item_area .fguide_sp a {
    font-size: 15px !important;
    color: #202020;
    display: block;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 18.327%;
    padding-top: .25em;
  }
  .fguide_item_area .fguide_link_arrow::after, .fguide_item_area .fguide_sp::after {
    content: url(../img/sp_link_arrow.png);
    position: absolute;
    right: 23px;
    top: 6px;
  }
  .fguide_item_area .fguide_btn_reservation_yellow {
    margin-top: .15em;
    font-size: 14px;
    background-color: #FACA10;
    color: #fff;
    border: solid 1px #FACA10;
    height: 22px;
    line-height: 22px;
    padding-left: .7em;
    padding-right: .7em;
    border-radius: 3.12em;
  }
  .fguide_item_area .fguide_btn_reservation_white {
    margin-top: .15em;
    font-size: 14px;
    background-color: #fff;
    color: #FACA10;
    border: solid 1px #FACA10;
    height: 22px;
    line-height: 22px;
    padding-left: .7em;
    padding-right: .7em;
    border-radius: 3.12em;
  }

  .about_wrap {
    display: block;
  }
  .about_img {
    width: 100%;
    margin: 0 0 40px 0;
  }
  .about_text {
    width: 100%;
  }

  .title_v_line {
    font-size: 20px;
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .title_v_line::before {
    background-image: url(../img/event/title_bg01sp.png);
    width: 40px;
    height: 41px;
    top: -10px;
    left: calc(50% - 20px);
  }
  .title_v_line span {
    font-size: 15px;
  }
}