body {
  width: 100%;
  overflow-x: hidden;
}

#global_header {
  position: fixed;
  z-index: 9000;
  background: #fff;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 520px) {
  #global_header {
    position: static;
    background: transparent;
  }
}
#global_header .global_header_inner {
  padding: 30px 40px;
  display: grid;
  grid-template-columns: 6.5% 92%;
  place-items: center start;
}
@media screen and (max-width: 1440px) {
  #global_header .global_header_inner {
    padding: 30px 10px;
    grid-template-columns: 4.5% 90%;
  }
}
@media screen and (max-width: 1100px) {
  #global_header .global_header_inner {
    padding: 60px 15px 60px 20px;
  }
}
@media screen and (max-width: 834px) {
  #global_header .global_header_inner {
    display: block;
    padding: 50px 0 30px;
  }
}
@media screen and (max-width: 520px) {
  #global_header .global_header_inner {
    padding: 30px 0;
  }
}
@media screen and (max-width: 1100px) {
  #global_header .global_header_inner h1 {
    margin-right: 0;
  }
}
@media screen and (max-width: 834px) {
  #global_header .global_header_inner h1 {
    text-align: center;
  }
}
@media screen and (max-width: 520px) {
  #global_header .global_header_inner h1 {
    text-align: left;
    padding-left: 15px;
  }
}
#global_header .global_header_inner h1 a {
  display: inline-block;
}
@media screen and (max-width: 1100px) {
  #global_header .global_header_inner h1 a {
    width: 100%;
  }
}
#global_header .global_header_inner h1 a img {
  vertical-align: bottom;
}
@media screen and (max-width: 1440px) {
  #global_header .global_header_inner h1 a img {
    width: 75px;
    height: auto;
  }
}
@media screen and (max-width: 1100px) {
  #global_header .global_header_inner h1 a img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 834px) {
  #global_header .global_header_inner h1 a img {
    width: auto;
  }
}
@media screen and (max-width: 834px) {
  #global_header .global_header_inner #global_navi {
    display: none;
  }
}
#global_header .global_header_inner #global_navi ul {
  display: flex;
  justify-content: space-between;
}
#global_header .global_header_inner #global_navi ul li {
  flex: 1;
  width: 100%;
}
#global_header .global_header_inner #global_navi ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 5px;
  box-sizing: border-box;
}
#global_header .global_header_inner #global_navi ul li a:hover {
  transition: all 0.6s ease;
  background: #0C8F6F;
}
#global_header .global_header_inner #global_navi ul li a:hover span {
  transition: all 0.6s ease 0.05s;
  color: #fff;
}
#global_header .global_header_inner #global_navi ul li a span {
  display: inline-block;
  width: 100%;
  line-height: 1;
}
#global_header .global_header_inner #global_navi ul li a .en {
  color: #243804;
  font-size: 1rem;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0 0 12px;
}
#global_header .global_header_inner #global_navi ul li a .ja {
  color: #607839;
  font-size: 1.35rem;
  font-family: "vdl-logog", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 10px 0 3px;
}
@media screen and (max-width: 1440px) {
  #global_header .global_header_inner #global_navi ul li a .ja {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1360px) {
  #global_header .global_header_inner #global_navi ul li a .ja {
    font-size: 1.2rem;
  }
}
#global_header .sns_wrap {
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: 1000;
}
@media screen and (max-width: 1440px) {
  #global_header .sns_wrap {
    top: 43px;
    right: 33px;
  }
}
@media screen and (max-width: 520px) {
  #global_header .sns_wrap {
    display: none;
  }
}
#global_header .sns_wrap a {
  display: inline-block;
  width: fit-content;
  height: fit-content;
}
#global_header .sns_wrap a img {
  width: 25px;
  height: auto;
  vertical-align: bottom;
}

#top_key {
  width: 100%;
  background: rgb(5, 255, 233);
  background: linear-gradient(49deg, rgb(5, 255, 233) 0%, rgb(0, 218, 111) 20%, rgb(32, 162, 90) 100%);
  padding-top: 130px;
}
@media screen and (max-width: 520px) {
  #top_key {
    padding-top: 0;
  }
}
#top_key .swiper-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
#top_key .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  width: 15px;
  height: 15px;
}
#top_key .swiper-button-prev,
#top_key .swiper-button-next {
  height: 52px;
  width: 52px;
}
#top_key .swiper-button-prev::after,
#top_key .swiper-button-next::after {
  background-size: contain;
  content: "";
  height: 52px;
  margin: auto;
  width: 52px;
}
#top_key .swiper-button-prev::after {
  background: url(../images/top/prev_cursor.svg) no-repeat left center;
}
#top_key .swiper-button-next::after {
  background: url(../images/top/next_cursor.svg) no-repeat right center;
}
#top_key .topkey_inner .inner_left {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1%;
  row-gap: 20px;
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner .inner_left {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner .inner_left {
    display: none;
  }
}
#top_key .topkey_inner .inner_left .left_box {
  text-align: center;
  height: 100%;
  width: 100%;
}
#top_key .topkey_inner .inner_left .left_box:nth-child(4) {
  padding-top: 10px;
}
#top_key .topkey_inner .inner_left .left_box img {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: bottom;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner .inner_left .left_box img {
    height: 80px;
  }
}
#top_key .topkey_inner .inner_left .left_box .box_txt {
  color: #fff;
  font-size: 1.8rem;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 800;
  font-style: normal;
}
@media screen and (max-width: 1366px) {
  #top_key .topkey_inner .inner_left .left_box .box_txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner .inner_left .left_box .box_txt {
    font-size: 1.3rem;
  }
}
#top_key .topkey_inner .inner_left .left_box.left_txt {
  padding-top: 20px;
  grid-column: 1/3;
}
#top_key .topkey_inner .inner_left .left_box.left_txt .large_txt {
  color: #fff;
  font-size: 2rem;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 800;
  font-style: normal;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner .inner_left .left_box.left_txt .large_txt br {
    display: none;
  }
}
#top_key .topkey_inner .inner_right {
  text-align: center;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner .inner_right img {
    width: 75%;
  }
}
#top_key .topkey_inner .inner_right .main_txt {
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3rem;
  color: #FAFF00;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner .inner_right .main_txt {
    font-size: 2.4rem;
  }
}
#top_key .topkey_inner .inner_right .sub_txt {
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3rem;
  color: #fff;
  margin-bottom: 25px;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner .inner_right .sub_txt {
    font-size: 2.1rem;
  }
}
#top_key .topkey_inner .inner_right .right_btn {
  background-color: #FAFF00;
  display: inline-block;
  padding: 14px 30px;
  border-radius: 8px;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #383838;
  font-size: 2rem;
}
#top_key .topkey_inner .inner_right .right_btn:hover {
  transition: all 0.7s ease-in-out;
  background: #fff;
  color: #0C8F51;
}
#top_key .topkey_inner.slide1 {
  display: grid;
  grid-template-columns: 49% 49%;
  column-gap: 2%;
  position: relative;
  overflow: hidden;
  background: rgb(5, 255, 233);
  background: linear-gradient(49deg, rgb(5, 255, 233) 0%, rgb(0, 218, 111) 20%, rgb(32, 162, 90) 100%);
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner.slide1 {
    display: block;
  }
}
#top_key .topkey_inner.slide1 .inner_left {
  padding: 10vh 20px 10vh 40px;
}
#top_key .topkey_inner.slide1 .inner_right {
  padding: 10vh 40px 10vh 20px;
  height: 100%;
  transition: all 0.55s ease;
  cursor: pointer;
  background: linear-gradient(49deg, rgba(5, 255, 233, 0) 0%, rgba(0, 218, 111, 0) 80%, rgba(13, 168, 135, 0) 100%);
}
#top_key .topkey_inner.slide1 .inner_right:hover {
  background: linear-gradient(49deg, rgb(5, 255, 233) 0%, rgb(0, 218, 111) 80%, rgb(13, 168, 135) 100%);
  box-sizing: border-box;
}
#top_key .topkey_inner.slide2 {
  display: flex;
  justify-content: space-between;
  background: url(../images/top/slide_bg2.png) no-repeat;
  background-size: cover;
  width: 100% !important;
  max-height: 600px;
  position: relative;
  overflow: hidden;
  padding: 0;
  column-gap: 0;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2 {
    display: flex;
    flex-direction: row;
    place-items: center;
  }
}
#top_key .topkey_inner.slide2::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.15);
  display: none;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2::before {
    display: block;
  }
}
@media screen and (max-width: 1366px) {
  #top_key .topkey_inner.slide2 {
    height: auto;
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2 {
    display: block;
  }
}
#top_key .topkey_inner.slide2 .pic {
  width: 66.7%;
  height: 100%;
}
@media screen and (max-width: 1100px) {
  #top_key .topkey_inner.slide2 .pic {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner.slide2 .pic {
    width: 100%;
    height: 60%;
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2 .pic {
    height: auto;
    display: grid;
    place-items: center;
    padding-top: 30px;
    position: relative;
    z-index: 10;
  }
}
#top_key .topkey_inner.slide2 .pic img.pc {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  object-fit: cover;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2 .pic img.pc {
    display: none;
  }
}
#top_key .topkey_inner.slide2 .pic img.sp {
  margin-bottom: 14px;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2 .pic img.sp {
    display: inline-block;
    position: relative;
    right: 6px;
  }
}
#top_key .topkey_inner.slide2 .slide2_content {
  position: relative;
  width: 33.3%;
  text-align: right;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0);
  cursor: pointer;
}
@media screen and (max-width: 1100px) {
  #top_key .topkey_inner.slide2 .slide2_content {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner.slide2 .slide2_content {
    width: 100%;
    padding: 30px 0;
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2 .slide2_content {
    padding: 10px 0 0;
    position: relative;
    z-index: 20;
  }
}
#top_key .topkey_inner.slide2 .slide2_content:hover::after {
  transition: all 0.55s ease;
  background: rgba(255, 255, 255, 0.25);
}
#top_key .topkey_inner.slide2 .slide2_content::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0);
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2 .slide2_content::after {
    display: none;
  }
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner {
    text-align: center;
  }
}
#top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner h2 {
  font-size: 3.5rem;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-align: right;
  margin-bottom: 20px;
  color: #fff;
}
@media screen and (max-width: 1366px) {
  #top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner h2 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner h2 {
    text-align: center;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner h2 {
    font-size: 2.4rem;
  }
}
#top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner p {
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-align: right;
  font-size: 1.6rem;
  color: #fff;
  margin-bottom: 28px;
}
@media screen and (max-width: 1366px) {
  #top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner p {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner p {
    text-align: center;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner p {
    font-size: 1.8rem;
  }
}
#top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner a.btn {
  padding: 12px 30px;
  background: #008EC2;
  color: #fff;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1;
  display: inline-block;
  border-radius: 0;
}
#top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner a.btn:hover {
  transition: background 0.6s ease, border-radius 0.8s ease 0.2s;
  background: #2968F1;
  border-radius: 2em;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide2 .slide2_content .slide2_content_inner a.btn {
    font-size: 1.6rem;
  }
}
#top_key .topkey_inner.slide3 {
  display: flex;
  justify-content: space-between;
  background: url(../images/top/slide_bg3.png) no-repeat;
  background-size: cover;
  width: 100% !important;
  max-height: 600px;
  position: relative;
  overflow: hidden;
  padding: 0;
  column-gap: 0;
}
@media screen and (max-width: 1366px) {
  #top_key .topkey_inner.slide3 {
    height: auto;
  }
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner.slide3 {
    display: block;
  }
}
#top_key .topkey_inner.slide3 .pic {
  width: 66.7%;
  height: 100%;
}
@media screen and (max-width: 1100px) {
  #top_key .topkey_inner.slide3 .pic {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner.slide3 .pic {
    width: 100%;
    height: 60%;
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide3 .pic {
    height: auto;
    display: grid;
    place-items: center;
    padding-top: 30px;
  }
}
#top_key .topkey_inner.slide3 .pic img.pc {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  object-fit: cover;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide3 .pic img.pc {
    display: none;
  }
}
#top_key .topkey_inner.slide3 .pic img.sp {
  margin-bottom: 14px;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide3 .pic img.sp {
    display: inline-block;
    position: relative;
    width: 100px;
    height: auto;
    vertical-align: bottom;
  }
}
#top_key .topkey_inner.slide3 .slide3_content {
  position: relative;
  width: 33.3%;
  text-align: center;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 1100px) {
  #top_key .topkey_inner.slide3 .slide3_content {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner.slide3 .slide3_content {
    width: 100%;
    padding: 70px 0;
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide3 .slide3_content {
    padding-top: 10px;
    padding-bottom: 0;
  }
}
#top_key .topkey_inner.slide3 .slide3_content:hover::after {
  transition: all 0.55s ease;
  background: rgba(255, 255, 255, 0.25);
}
#top_key .topkey_inner.slide3 .slide3_content::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0);
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide3 .slide3_content::after {
    display: none;
  }
}
#top_key .topkey_inner.slide3 .slide3_content .slide3_content_inner h2 {
  color: #fff;
  font-size: 5rem;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 800;
  font-style: normal;
  line-height: 1;
  margin-bottom: 20px;
}
@media screen and (max-width: 1366px) {
  #top_key .topkey_inner.slide3 .slide3_content .slide3_content_inner h2 {
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 834px) {
  #top_key .topkey_inner.slide3 .slide3_content .slide3_content_inner h2 {
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide3 .slide3_content .slide3_content_inner h2 {
    font-size: 2.4rem;
  }
}
#top_key .topkey_inner.slide3 .slide3_content .slide3_content_inner p {
  color: #fff;
  font-size: 1.6rem;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 20px;
}
@media screen and (max-width: 1366px) {
  #top_key .topkey_inner.slide3 .slide3_content .slide3_content_inner p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide3 .slide3_content .slide3_content_inner p {
    font-size: 1.6rem;
  }
}
#top_key .topkey_inner.slide3 .slide3_content .slide3_content_inner a {
  font-size: 1.6rem;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  padding: 12px 40px;
  background: #4BBEDB;
  color: #fff;
  line-height: 1;
  border-radius: 5px;
}
#top_key .topkey_inner.slide3 .slide3_content .slide3_content_inner a:hover {
  transition: background 0.6s ease, border-radius 0.6s ease 0.3s;
  background: #008EC2;
  border-radius: 2em;
}
@media screen and (max-width: 520px) {
  #top_key .topkey_inner.slide3 .slide3_content .slide3_content_inner a {
    font-size: 1.4rem;
  }
}

#key_visual {
  display: grid;
  place-items: center;
  text-align: center;
  position: relative;
  margin-top: 130px;
}
@media screen and (max-width: 520px) {
  #key_visual {
    margin-top: 0;
  }
}
#key_visual .key_text {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 520px) {
  #key_visual .key_text {
    padding-top: 15px;
  }
}
#key_visual.single {
  height: 200px;
  background: #0C8F6F;
  place-items: center start;
  text-align: left;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 520px) {
  #key_visual.single {
    min-height: 200px;
    height: auto;
  }
}
#key_visual.single .key_post h2 {
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  margin-bottom: 12px;
  line-height: 1;
}
@media screen and (max-width: 520px) {
  #key_visual.single .key_post h2 {
    font-size: 2.1rem;
    line-height: 1.5;
  }
}
#key_visual.single .key_post p time, #key_visual.single .key_post p .category {
  display: inline-block;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}
#key_visual.single .key_post p time {
  color: #A3E8D7;
  margin-right: 20px;
}
#key_visual.single .key_post p .category {
  color: #A3E8D7;
}
#key_visual.havepic {
  height: 280px;
}
@media screen and (max-width: 520px) {
  #key_visual.havepic {
    height: 200px;
  }
}
#key_visual.havepic::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(12, 143, 110, 0.75);
}
#key_visual.column {
  background: url(https://jyoseikin-jyohoukyoku.jp/wp-content/themes/theme_jyoseikin/images/column/key_column_news.png) no-repeat;
  background-size: cover;
}
#key_visual.office {
  background: url(https://jyoseikin-jyohoukyoku.jp/wp-content/themes/theme_jyoseikin/images/office/key_office.png) no-repeat;
  background-size: cover;
}
#key_visual.flow {
  background: url(https://jyoseikin-jyohoukyoku.jp/wp-content/themes/theme_jyoseikin/images/flow/key_flow.png) no-repeat;
  background-size: cover;
}
#key_visual.feature {
  background: url(https://jyoseikin-jyohoukyoku.jp/wp-content/themes/theme_jyoseikin/images/feature/key_feature.png) no-repeat;
  background-size: cover;
}
#key_visual.subsidy {
  background: url(https://jyoseikin-jyohoukyoku.jp/wp-content/themes/theme_jyoseikin/images/subsidy/key_subsidy.png) no-repeat;
  background-size: cover;
}
#key_visual.contact {
  height: 100px;
}
#key_visual.contact h2 {
  color: #357263;
}
#key_visual.contact p {
  color: #43AF95;
}
#key_visual.privacy {
  height: 180px;
  background: #0C8F6F;
}
#key_visual.privacy p {
  color: #A3E8D7;
}
#key_visual h2, #key_visual p {
  line-height: 1;
  color: #fff;
}
#key_visual h2 {
  margin-bottom: 6px;
  font-size: 3.2rem;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 520px) {
  #key_visual h2 {
    font-size: 2.4rem;
  }
}
#key_visual p {
  font-size: 1.6rem;
  font-family: "vdl-logog", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 520px) {
  #key_visual p {
    font-size: 1.3rem;
  }
}

#pankuzu.normal_style {
  background: #D5EAE5;
  padding: 6px 0 4px;
}
#pankuzu.normal_style .inner {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
#pankuzu.contact {
  background: #fff;
  text-align: center;
}
#pankuzu .inner span {
  display: inline-block;
  font-size: 1.2rem;
}
#pankuzu .inner span a {
  display: inline-block;
  line-height: 1;
  font-size: 1.2rem;
}

#footer_info_wrap {
  background: url(../images/common/footer_info_bg.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 50px 0;
  position: relative;
}
@media screen and (max-width: 520px) {
  #footer_info_wrap {
    background: none;
  }
}
#footer_info_wrap::before {
  content: "";
  background: rgb(243, 248, 243);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 520px) {
  #footer_info_wrap::before {
    background: rgb(243, 248, 243);
  }
}
#footer_info_wrap .footer_info_inner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1100px) {
  #footer_info_wrap .footer_info_inner {
    width: 80%;
  }
}
@media screen and (max-width: 520px) {
  #footer_info_wrap .footer_info_inner {
    width: 95%;
  }
}
#footer_info_wrap .footer_info_inner .footer_info_title {
  text-align: center;
  margin-bottom: 40px;
}
#footer_info_wrap .footer_info_inner .footer_info_title img {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 8px;
}
#footer_info_wrap .footer_info_inner .footer_info_title .footer_info_title_txt {
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.2rem;
  color: #0C8F6F;
}
@media screen and (max-width: 520px) {
  #footer_info_wrap .footer_info_inner .footer_info_title .footer_info_title_txt {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 834px) {
  #footer_info_wrap .footer_info_inner .footer_info_main {
    display: block;
  }
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left {
  text-align: center;
}
@media screen and (max-width: 834px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left {
    margin-bottom: 30px;
  }
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left .title {
  font-size: 3.2rem;
  color: #363636;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left .title {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 520px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left .title {
    font-size: 1.8rem;
    text-align: center;
  }
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left .desc {
  font-size: 1.6rem;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 300;
  font-style: normal;
  width: 80%;
  margin: 0 auto 40px;
  font-weight: bold;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1440px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left .desc {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 834px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left .desc {
    text-align: left;
  }
}
@media screen and (max-width: 520px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left .desc {
    font-size: 1.3rem;
  }
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left .footer_info_left_list {
  display: grid;
  grid-template-columns: 48% 48%;
  column-gap: 4%;
  row-gap: 15px;
  margin-bottom: 40px;
}
@media screen and (max-width: 520px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left .footer_info_left_list {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto 40px;
  }
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_left .footer_info_left_list li {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px 8px;
  background: #ceede4;
  border-radius: 6px;
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right {
  display: grid;
  place-items: center;
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right .point_txt {
  font-size: 2.2rem;
  color: #161616;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 10px;
}
@media screen and (max-width: 520px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right .point_txt {
    font-size: 1.8rem;
  }
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right ul {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 30% 30% 30%;
  column-gap: 5%;
  width: 100%;
}
@media screen and (max-width: 520px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right ul {
    grid-template-columns: 33% 33% 33%;
    column-gap: 0.5%;
  }
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right ul li {
  text-align: center;
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right ul li span {
  display: block;
  color: #0C8F6F;
  font-size: 2.4rem;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
  margin-bottom: 8px;
}
@media screen and (max-width: 1440px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right ul li span {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1100px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right ul li span {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 520px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right ul li span {
    font-size: 1.2rem;
    letter-spacing: -0.04em;
  }
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right ul li:last-child {
  margin-bottom: 0;
}
#footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right .desc {
  font-size: 1.6rem;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 300;
  font-style: normal;
  width: 80%;
  margin: 0 auto;
  font-weight: bold;
  color: #363636;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1440px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right .desc {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 520px) {
  #footer_info_wrap .footer_info_inner .footer_info_main .footer_info_right .desc {
    font-size: 1.3rem;
  }
}

.nihonzenkoku_wrap {
  width: 100%;
  min-height: 250px;
  background: url(../images/common/nihonzenkoku_bg.png) no-repeat 100% 100%;
  background-size: cover;
  background-position: center left;
  padding: 40px 0;
}
.nihonzenkoku_wrap .nihonzenkoku_inner {
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .nihonzenkoku_wrap .nihonzenkoku_inner {
    width: 90%;
  }
}
.nihonzenkoku_wrap .nihonzenkoku_inner .nihonzenkoku_title {
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1.8;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content {
  display: grid;
  grid-template-columns: 50% 45%;
  column-gap: 5%;
}
@media screen and (max-width: 834px) {
  .nihonzenkoku_wrap .nihonzenkoku_inner .inner_content {
    display: block;
  }
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .pic {
  display: grid;
  place-items: center;
}
@media screen and (max-width: 834px) {
  .nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .pic {
    margin-bottom: 30px;
  }
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .pic img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 834px) {
  .nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .pic img {
    width: 50%;
    height: auto;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 520px) {
  .nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .pic img {
    width: 75%;
  }
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info {
  padding: 40px 20px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.85);
  cursor: pointer;
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info:hover {
  transition: background 0.45s ease;
  background: rgba(27, 180, 180, 0.85);
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info:hover .info_text {
  transition: color 0.45s ease;
  color: #fff;
}
@media screen and (max-width: 834px) {
  .nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info {
    width: 70%;
    margin: 0 auto;
    padding: 20px 10px;
  }
}
@media screen and (max-width: 520px) {
  .nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info {
    width: 90%;
  }
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info .info_title {
  text-align: center;
  margin-bottom: 20px;
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info .info_title span {
  color: #fff;
  display: inline-block;
  padding: 7px 24px;
  background: #CE748F;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info .info_text {
  color: #2C4A2A;
  text-align: center;
  line-height: 1.8;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info .info_text {
    font-size: 1.6rem;
  }
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info a {
  display: block;
  width: 80%;
  background: #E8EB61;
  color: #339D84;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  padding: 8px 0;
  border-radius: 6px;
}
.nihonzenkoku_wrap .nihonzenkoku_inner .inner_content .info a img {
  display: inline-block;
  margin-right: 8px;
}

#footer_banner_wrap {
  display: grid;
  grid-template-columns: 50% 50%;
}
@media screen and (max-width: 1100px) {
  #footer_banner_wrap {
    display: block;
  }
}
#footer_banner_wrap .banner_left, #footer_banner_wrap .banner_right {
  padding: 25px;
}
#footer_banner_wrap .banner_left {
  background: #6E956B;
  display: grid;
  grid-template-columns: 45% 55%;
  place-items: center;
}
@media screen and (max-width: 1300px) {
  #footer_banner_wrap .banner_left {
    grid-template-columns: 35% 65%;
  }
}
@media screen and (max-width: 1100px) {
  #footer_banner_wrap .banner_left {
    padding-left: 25vw;
    padding-right: 25vw;
  }
}
@media screen and (max-width: 834px) {
  #footer_banner_wrap .banner_left {
    padding-left: 15vw;
    padding-right: 15vw;
  }
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left {
    display: block;
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left .left_desc {
    margin-bottom: 15px;
    text-align: center;
  }
}
#footer_banner_wrap .banner_left .left_desc img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 7px;
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left .left_desc img {
    width: 80%;
  }
}
#footer_banner_wrap .banner_left .left_desc .desc_main {
  color: #fff;
  font-size: 2.1rem;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
}
@media screen and (max-width: 1300px) {
  #footer_banner_wrap .banner_left .left_desc .desc_main {
    font-size: 1.6rem;
    text-align: right;
  }
}
@media screen and (max-width: 1200px) {
  #footer_banner_wrap .banner_left .left_desc .desc_main {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1100px) {
  #footer_banner_wrap .banner_left .left_desc .desc_main {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left .left_desc .desc_main {
    text-align: center;
    font-size: 1.8rem;
  }
}
#footer_banner_wrap .banner_left .left_desc .desc_date {
  color: #fff;
  font-size: 1.2rem;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
  text-align: left;
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left .left_desc .desc_date {
    text-align: center;
    font-size: 1.4rem;
  }
}
#footer_banner_wrap .banner_left .left_desc .desc_date a {
  text-align: left;
  font-size: 1.2rem;
  color: #fff;
  display: inline-block;
}
#footer_banner_wrap .banner_left .left_desc .desc_date a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1200px) {
  #footer_banner_wrap .banner_left .left_budge {
    text-align: right;
  }
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left .left_budge {
    text-align: center;
  }
}
#footer_banner_wrap .banner_left .left_budge .budge1, #footer_banner_wrap .banner_left .left_budge .budge2, #footer_banner_wrap .banner_left .left_budge .budge3 {
  display: inline-block;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.25));
}
#footer_banner_wrap .banner_left .left_budge .budge1 {
  position: relative;
  bottom: 6px;
}
@media screen and (max-width: 1200px) {
  #footer_banner_wrap .banner_left .left_budge .budge1 {
    width: 25%;
  }
}
@media screen and (max-width: 1200px) {
  #footer_banner_wrap .banner_left .left_budge .budge2 {
    width: 40%;
  }
}
#footer_banner_wrap .banner_left .left_budge .budge3 {
  position: relative;
  bottom: 6px;
}
@media screen and (max-width: 1200px) {
  #footer_banner_wrap .banner_left .left_budge .budge3 {
    width: 25%;
  }
}
#footer_banner_wrap .banner_right {
  background: #7BA677;
  cursor: pointer;
}
#footer_banner_wrap .banner_right:hover {
  transition: background 0.45s ease;
  background: rgba(27, 180, 180, 0.85);
}
#footer_banner_wrap .banner_right .banner_right_inner {
  padding-left: 110px;
  background: url(../images/common/footer_banner_checkmark.svg) no-repeat left center;
}
@media screen and (max-width: 1100px) {
  #footer_banner_wrap .banner_right .banner_right_inner {
    text-align: center;
    padding-left: 0;
    background-image: none;
  }
}
#footer_banner_wrap .banner_right .banner_right_inner .point_txt {
  font-size: 1.8rem;
  color: #E8EB61;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_right .banner_right_inner .point_txt {
    font-size: 1.4rem;
  }
}
#footer_banner_wrap .banner_right .banner_right_inner .right_title {
  font-size: 3.6rem;
  color: #fff;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_right .banner_right_inner .right_title {
    font-size: 3rem;
    margin-bottom: 15px;
  }
}
#footer_banner_wrap .banner_right .banner_right_inner .right_btn a {
  display: inline-block;
  line-height: 1;
  padding: 12px 20px 10px;
  background: #E8EB61;
  color: #245449;
  font-size: 1.4rem;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
  border-radius: 5px;
}
#footer_banner_wrap .banner_right .banner_right_inner .right_btn a:hover {
  transition: all 0.6s ease;
  background: #fff;
  color: #0C8F7F;
}
#footer_banner_wrap .banner_left2 {
  background: #9ACE47;
  padding: 20px 0;
  cursor: pointer;
}
#footer_banner_wrap .banner_left2:hover {
  transition: all 0.4s ease;
  background: rgba(27, 180, 180, 0.85);
}
#footer_banner_wrap .banner_left2 .desc {
  font-size: 1.4rem;
  color: #fff;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left2 .desc {
    width: 80%;
    margin: 0 auto 10px;
  }
}
#footer_banner_wrap .banner_left2 .bn_logo {
  position: relative;
  text-align: center;
  padding: 7px 0;
  background: #fff;
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left2 .bn_logo {
    text-align: left;
    padding-left: 6px;
  }
}
#footer_banner_wrap .banner_left2 .bn_logo .bn_logo_pic {
  width: auto;
  height: auto;
  vertical-align: bottom;
  display: inline-block;
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left2 .bn_logo .bn_logo_pic {
    width: 70%;
  }
}
#footer_banner_wrap .banner_left2 .bn_logo .bn_cursor {
  position: absolute;
  right: 20%;
  top: 22%;
  display: inline-block;
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left2 .bn_logo .bn_cursor {
    right: 5%;
    top: 20%;
  }
}
#footer_banner_wrap .banner_left2 .work {
  padding: 10px 0;
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 2.5%;
  place-items: center;
}
@media screen and (max-width: 768px) {
  #footer_banner_wrap .banner_left2 .work {
    padding: 10px 0 0;
  }
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_left2 .work {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2.5%;
    row-gap: 20px;
  }
}
#footer_banner_wrap .banner_left2 .work img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 1280px) {
  #footer_banner_wrap .banner_left2 .work img {
    width: 80%;
    display: inline-block;
  }
}
#footer_banner_wrap .banner_right2 {
  background: #66BB83;
  display: grid;
  grid-template-columns: 35% 65%;
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_right2 {
    display: block;
  }
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_right2 .pic {
    display: none;
  }
}
#footer_banner_wrap .banner_right2 .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#footer_banner_wrap .banner_right2 .info {
  padding: 14px;
}
#footer_banner_wrap .banner_right2 .info .desc {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 10px;
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_right2 .info .desc {
    font-size: 1.4rem;
  }
}
#footer_banner_wrap .banner_right2 .info .dial_title {
  width: 80%;
  line-height: 1;
  padding: 4px;
  background: #9ACE47;
  font-size: 1.3rem;
  color: #fff;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
  margin-bottom: 8px;
}
@media screen and (max-width: 1280px) {
  #footer_banner_wrap .banner_right2 .info .dial_title {
    width: 100%;
  }
}
@media screen and (max-width: 520px) {
  #footer_banner_wrap .banner_right2 .info .dial_title {
    width: 100%;
  }
}
#footer_banner_wrap .banner_right2 .info .number {
  margin-bottom: 10px;
}
#footer_banner_wrap .banner_right2 .info .number a {
  font-size: 2.4rem;
  color: #fff;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
  line-height: 1;
  display: inline-block;
}
#footer_banner_wrap .banner_right2 .info .jikan {
  color: #fff;
  font-size: 1.4rem;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}

#global_footer_inner {
  padding: 40px 0;
}
#global_footer_inner .footer_logo {
  text-align: center;
  margin-bottom: 40px;
}
#global_footer_inner .footer_navi {
  width: 90%;
  margin: 0 auto 40px;
}
@media screen and (max-width: 1280px) {
  #global_footer_inner .footer_navi {
    width: 90%;
  }
}
@media screen and (max-width: 834px) {
  #global_footer_inner .footer_navi {
    display: none;
  }
}
#global_footer_inner .footer_navi ul {
  display: flex;
  justify-content: space-between;
}
#global_footer_inner .footer_navi ul li {
  flex: 1;
  width: 100%;
}
#global_footer_inner .footer_navi ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}
#global_footer_inner .footer_navi ul li a:hover {
  transition: all 0.6s ease;
  background: #0C8F6F;
}
#global_footer_inner .footer_navi ul li a:hover span {
  transition: all 0.6s ease 0.05s;
  color: #fff;
}
#global_footer_inner .footer_navi ul li a span {
  display: inline-block;
  width: 100%;
  line-height: 1;
}
#global_footer_inner .footer_navi ul li a .ja {
  color: #607839;
  font-size: 1.35rem;
  font-family: "vdl-logog", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 10px 0 3px;
}
#global_footer_inner .footer_navi ul li a .en {
  color: #243804;
  font-size: 1.1rem;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0 0 12px;
}
#global_footer_inner .footer_utility {
  display: flex;
  justify-content: center;
  margin-left: auto;
}
@media screen and (max-width: 520px) {
  #global_footer_inner .footer_utility {
    display: none;
  }
}
#global_footer_inner .footer_utility a {
  display: inline-block;
  width: 180px;
  padding: 12px 0;
  background: #F2F2F2;
  margin-right: 14px;
  text-align: center;
  outline: 1px solid #fff;
  outline-offset: 0;
}
#global_footer_inner .footer_utility a:hover {
  transition: all 0.3s ease-out;
  outline: 2px solid #fff;
  outline-offset: -4px;
}
#global_footer_inner .footer_utility a:nth-child(4) {
  background: #1d1d1d;
}
#global_footer_inner .footer_utility a:nth-child(1) {
  background: #82b4b4;
}
#global_footer_inner .footer_utility a:nth-child(2) {
  background: #8dd3be;
}
#global_footer_inner .footer_utility a:nth-child(2) img {
  position: relative;
  top: 10px;
  width: 30px;
}
#global_footer_inner .footer_utility a:nth-child(2) span {
  padding-top: 17px;
}
#global_footer_inner .footer_utility a:nth-child(3) {
  background: #9fc7a4;
}
#global_footer_inner .footer_utility a:last-child {
  margin-right: 0;
}
#global_footer_inner .footer_utility a img {
  display: inline-block;
  margin-bottom: 8px;
  width: 50px;
  height: auto;
  vertical-align: bottom;
}
#global_footer_inner .footer_utility a span {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  font-size: 1.4rem;
  color: #fff;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.copy {
  padding-bottom: 100px;
  text-align: center;
}
.copy small, .copy a {
  display: inline-block;
  font-size: 1.2rem;
}
.copy a {
  font-weight: bold;
  color: #0C8F6F;
}
.copy a:hover {
  text-decoration: underline;
}

#utility {
  position: fixed;
  z-index: 8000;
  bottom: 35%;
  right: -160px;
}
@media screen and (max-width: 1280px) {
  #utility {
    bottom: 32%;
  }
}
@media screen and (max-width: 520px) {
  #utility {
    display: none;
  }
}
#utility a {
  display: grid;
  grid-template-columns: 40px 160px;
  place-items: center;
  width: 200px;
  height: 38px;
  box-sizing: border-box;
  position: relative;
  right: 0;
}
#utility a:hover {
  transition: all 0.8s cubic-bezier(0.79, 0.42, 0.11, 0.88);
  background: #aae8da;
  color: #fff;
  right: 160px;
}
#utility a.tiktok_link {
  background: none;
  vertical-align: bottom;
}
#utility a.tiktok_link:hover {
  transition: all 0.6s ease;
  background: #aae8da;
  color: #fff;
}
#utility a:nth-child(1) {
  background: #E8AC8A;
}
#utility a:nth-child(1) img {
  width: 25px;
}
#utility a:nth-child(2) {
  background: #8dbebe;
}
#utility a:nth-child(3) {
  background: #add5b2;
}
#utility a:last-child {
  margin-right: 0;
}
#utility a img {
  vertical-align: bottom;
  display: inline-block;
  height: auto;
  width: 35px;
}
#utility a span {
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  display: inline-block;
  text-align: left;
  padding-left: 5px;
  width: 100%;
}

.floating_bn {
  position: fixed;
  z-index: 8000;
  right: 30px;
  bottom: 50px;
  padding: 0 20px;
  width: 215px;
  height: 130px;
  cursor: pointer;
}
.floating_bn:hover .bn_btn {
  transition: all 0.6s ease;
  background: #EE38B2;
}
@media screen and (max-width: 520px) {
  .floating_bn {
    display: none;
  }
}
.floating_bn .inner {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  border-radius: 20px;
  background: #fff;
  border: 6px solid #FF8A00;
  text-align: center;
  padding-top: 10px;
  outline: 1px solid #FF8A00;
  outline-offset: 0;
}
.floating_bn .inner.js_on {
  transition: all 0.6s ease-out;
  border-color: #EE38B2;
  outline: 2px solid #EE38B2;
  outline-offset: 7px;
}
.floating_bn .inner.js_on img {
  transition: all 0.6s ease-out;
  filter: drop-shadow(0 0 8px #EE38B2);
}
.floating_bn .inner img {
  width: 80%;
  height: auto;
  vertical-align: bottom;
  filter: drop-shadow(0 0 8px #ffffff);
}
.floating_bn .bn_btn {
  padding: 5px 0;
  width: 195px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  position: absolute;
  left: 10px;
  bottom: 15px;
  color: #ffffff;
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.2rem;
  background: #DC923A;
}
.floating_bn .bn_btn:hover {
  transition: all 0.6s ease;
  background: #EE38B2;
}
.floating_bn .bn_btn img {
  position: absolute;
  top: 15px;
  right: 12px;
  width: 12px;
  height: auto;
  vertical-align: bottom;
}

.floating_bn_sp {
  position: fixed;
  z-index: 8000;
  width: 60%;
  left: 20%;
  bottom: 0;
}
@media screen and (min-width: 520px) {
  .floating_bn_sp {
    display: none;
  }
}
.floating_bn_sp a {
  display: inline-block;
}
.floating_bn_sp a img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

#main {
  padding: 60px 0 0;
  margin-bottom: 100px;
}
@media screen and (max-width: 520px) {
  #main {
    margin-bottom: 0;
  }
}

#online_calendar {
  width: 1000px;
  height: 640px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  #online_calendar {
    width: 95%;
  }
}

/*# sourceMappingURL=online.css.map */