@charset "UTF-8";
.headerArea {
  position: absolute;
  display: flex;
  margin: 0 auto;
  width: 100%;
  height: 85px;
  justify-content: space-between;
  z-index: 30;
  background-color: #6B5F50;
  background-image: url("/static/top/common/img/sign.png");
  background-repeat: no-repeat;
  background-size: 13%;
  background-position: right 7% top 52%;
}
.headerArea .headLogo {
  position: relative;
  display: block;
  width: 14.5em;
  height: fit-content;
  margin: 0 0 0 3.8em;
  padding: 1em 1.4em 0.8em 1em;
  background-color: #E8E2DA;
  border: solid 1px #707070;
  z-index: 31;
  border-radius: 0 0 0.6em 0.6em;
  filter: drop-shadow(3px 5px 4px rgba(0, 0, 0, 0.16));
}
.headerArea .headLogo img {
  width: 100%;
}
.headerArea .headMenu {
  position: relative;
  display: flex;
  gap: 2.8em;
  margin: 2em 0 0 0;
  z-index: 40;
}
.headerArea .headMenu .headMenuList {
  position: relative;
  display: block;
  right: 5em;
}
.headerArea .headMenu .headMenuList p {
  font-size: 1em;
  color: #CEC977;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.1em;
}
.headerArea .headright {
  position: relative;
  display: flex;
}
.headerArea .headright .headname {
  position: relative;
  display: block;
  margin: 28px 22px 0 0;
}
.headerArea .headright .headname p {
  font-size: 2em;
  color: #CEC977;
  font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.07em;
}
.headerArea .headright #headbar #drawer-drawer label .headMenuOpenButton {
  position: relative;
  display: block;
  margin: 28px 36px 0 0;
}
.headerArea .headright #headbar #drawer-drawer label .headMenuOpenButton .buttonBar {
  background-color: #CEC977;
  width: 45px;
  height: 4px;
  margin: 0 0 10px 0;
}

#headbar {
  position: static;
}

.headnavilist {
  position: relative;
}

.headnavilist p {
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  font-size: 1.2em;
  color: #FFF;
  line-height: 1em;
  padding: 0.8em 1.5em 0 0;
}

.headnaviframe2 {
  position: fixed;
  top: 20px;
  right: 22px;
  padding: 0 10px 0 0;
  width: 3em;
  cursor: pointer;
}

.headnaviframe2 img {
  width: 100%;
}

/*for drawer menu*/
#drawer-drawer {
  position: relative;
}

.drawer-unshown {
  display: none;
} /*チェックボックス等は非表示に*/
#drawer-close {
  display: none; /*はじめは隠しておく*/
  position: fixed;
  z-index: 161;
  top: 0; /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: 0.3s ease-in-out;
}

#drawer-content {
  overflow: auto;
  position: fixed;
  top: 85px;
  right: 0; /*最大幅調整してください*/
  z-index: 161; /*最前面に*/
  width: 100%; /*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 100%; /*最大幅（調整してください）*/
  height: calc(100% - 110px); /*height:100%;*/
  background-color: rgba(25, 25, 25, 0.7);
  transition: 0.3s ease-in-out;
  -webkit-transform: translateX(105%);
  transform: translateX(105%); /*左に隠しておく(-105%)*/
}

#drawer-input:checked ~ #drawer-close {
  display: block; /*カバーを表示→現在、非表示*/
  opacity: 0;
}

#drawer-input:checked ~ #drawer-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); /*中身を表示（右へスライド）(0%)*/
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
}

#menu {
  overflow-y: scroll;
}

#menu p {
  color: rgb(255, 255, 255);
  padding: 0 0 0 0;
}

.menu {
  padding: 0.2em 0 0 0.2em;
}

.menuwide1 {
  position: relative;
  display: inline-block;
  width: 47%;
  vertical-align: top;
}

.menuwide2 {
  position: relative;
  display: inline-block;
  width: 47%;
  padding: 0 0 0 2em;
  vertical-align: top;
}

.menu li {
  display: block;
  position: relative;
  color: #fff;
  font-size: 1.8em;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  line-height: 2em;
  border-bottom: 1px solid rgb(255, 255, 255);
  height: 2em;
}

.menu li p {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.menu li .ja {
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
}

.menu li a {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
  width: 3em;
  height: 2em;
  padding: 2em 0 0 0;
}

/*for drawer menu END*/
.footerarea {
  position: relative;
  display: block;
  margin: 0 auto;
  background-color: #4F463B;
  background-image: url("/static/top/common/img/footback.png");
  background-repeat: no-repeat;
  background-size: 15%;
  background-position: right 5% top 45%;
  padding: 3em 3em 3.5em 6em;
}
.footerarea .footerarea_in {
  position: relative;
  display: flex;
  justify-content: flex-start;
  gap: 7em;
  width: 90%;
}
.footerarea .footerarea_in .footerarea_in_left {
  width: 26.5%;
}
.footerarea .footerarea_in .footerarea_in_left .left_1 {
  width: 100%;
  padding: 0 0 0.4em 0;
}
.footerarea .footerarea_in .footerarea_in_left .left_1 img {
  width: 100%;
}
.footerarea .footerarea_in .footerarea_in_left .left_2 {
  padding: 0 0 1em 0;
}
.footerarea .footerarea_in .footerarea_in_left .left_2 p {
  font-size: 1em;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: none;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.05em;
  line-height: 1.8em;
}
.footerarea .footerarea_in .footerarea_in_left .left_3 {
  padding: 0 0 2em 0;
}
.footerarea .footerarea_in .footerarea_in_left .left_3 .gmapframe {
  width: fit-content;
  border: solid 1px #F5F0A6;
  padding: 0.2em 0.5em 0.3em 0.5em;
}
.footerarea .footerarea_in .footerarea_in_left .left_3 .gmapframe p {
  font-size: 1em;
  color: #F5F0A6;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: none;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  line-height: 1.6em;
}
.footerarea .footerarea_in .footerarea_in_center {
  position: relative;
  display: block;
}
.footerarea .footerarea_in .footerarea_in_center .center_title {
  padding: 0 0 0.4em 0;
}
.footerarea .footerarea_in .footerarea_in_center .center_title p {
  font-size: 1.1em;
  color: #F5F0A6;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: none;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  line-height: 1.6em;
}
.footerarea .footerarea_in .footerarea_in_center .center_list {
  position: relative;
  display: flex;
  gap: 3em;
}
.footerarea .footerarea_in .footerarea_in_center .center_list .center_list_left ul {
  list-style: none;
}
.footerarea .footerarea_in .footerarea_in_center .center_list .center_list_left ul li {
  font-size: 1.1em;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: none;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.05em;
  line-height: 2.4em;
}
.footerarea .footerarea_in .footerarea_in_center .center_list .center_list_right ul {
  list-style: none;
}
.footerarea .footerarea_in .footerarea_in_center .center_list .center_list_right ul li {
  font-size: 1.1em;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: none;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.05em;
  line-height: 2.4em;
}
.footerarea .footerarea_in .footerarea_in_right {
  width: 10%;
}
.footerarea .footerarea_in .footerarea_in_right .right_title {
  padding: 0 0 1em 0;
}
.footerarea .footerarea_in .footerarea_in_right .right_title p {
  font-size: 1.1em;
  color: #F5F0A6;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: none;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  line-height: 1.6em;
}
.footerarea .footerarea_in .footerarea_in_right .right_icon {
  width: 38%;
  padding: 0 0 0 0.7em;
}
.footerarea .footerarea_in .footerarea_in_right .right_icon img {
  width: 100%;
}
.footerarea .footerarea_in_bottom {
  position: static;
  display: block;
}
.footerarea .footerarea_in_bottom p {
  font-size: 0.9em;
  color: white;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  letter-spacing: 0.05em;
}

.badgebanner {
  position: fixed;
  display: block;
  right: 0;
  top: 10em;
  opacity: 0;
  z-index: 33;
}
.badgebanner .badge1 {
  background-color: #62BED1;
  writing-mode: vertical-rl;
  padding: 1em 0.8em 0.8em 0.8em;
  border-radius: 10px 0 0 10px;
  cursor: pointer;
}
.badgebanner .badge1 p {
  font-size: 1.2em;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: none;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.2em;
  line-height: 1em;
}
.badgebanner .badge2 {
  background-color: #DB89C2;
  writing-mode: vertical-rl;
  padding: 1em 0.8em 0.8em 0.8em;
  border-radius: 10px 0 0 10px;
  margin: 0.7em 0 0 0;
  cursor: pointer;
}
.badgebanner .badge2 p {
  font-size: 1.2em;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: none;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.2em;
  line-height: 1em;
}

/*smart form here*/
@media (max-width: 980px) {
  .headerArea {
    position: absolute;
    display: flex;
    margin: 0 auto;
    width: 100%;
    height: 60px;
    justify-content: space-between;
    z-index: 30;
    background-color: #6B5F50;
    background-image: url("/static/top/common/img/sign0.png");
  }
  .headerArea .headLogo {
    position: relative;
    display: block;
    width: 12em;
    height: fit-content;
    margin: 0 0 0 1em;
    padding: 0.8em 1em 0.5em 0.8em;
    background-color: #E8E2DA;
    border: solid 1px #707070;
    z-index: 31;
    border-radius: 0 0 0.6em 0.6em;
    filter: drop-shadow(3px 5px 4px rgba(0, 0, 0, 0.16));
  }
  .headerArea .headLogo img {
    width: 100%;
  }
  .headerArea .headMenu {
    position: relative;
    display: none;
    gap: 2.8em;
    margin: 2em 0 0 0;
    z-index: 40;
  }
  .headerArea .headMenu .headMenuList {
    position: relative;
    display: block;
    right: 5em;
  }
  .headerArea .headMenu .headMenuList p {
    font-size: 1em;
    color: #CEC977;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .headerArea .headright {
    position: relative;
    display: flex;
  }
  .headerArea .headright .headname {
    position: relative;
    display: block;
    margin: 28px 22px 0 0;
  }
  .headerArea .headright .headname p {
    font-size: 2em;
    color: #CEC977;
    font-family: "Imperial Script", cursive;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.07em;
  }
  .headerArea .headright #headbar #drawer-drawer label .headMenuOpenButton {
    position: relative;
    display: block;
    margin: 16px 18px 0 0;
  }
  .headerArea .headright #headbar #drawer-drawer label .headMenuOpenButton .buttonBar {
    background-color: #CEC977;
    width: 40px;
    height: 2px;
    margin: 0 0 10px 0;
  }
  #headbar {
    position: static;
  }
  .headnavilist {
    position: relative;
  }
  .headnavilist p {
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    font-size: 1.2em;
    color: #FFF;
    line-height: 1em;
    padding: 0.8em 1.5em 0 0;
  }
  .headnaviframe2 {
    position: fixed;
    top: 20px;
    right: 22px;
    padding: 0 10px 0 0;
    width: 3em;
    cursor: pointer;
  }
  .headnaviframe2 img {
    width: 100%;
  }
  /*for drawer menu*/
  #drawer-drawer {
    position: relative;
  }
  .drawer-unshown {
    display: none;
  } /*チェックボックス等は非表示に*/
  #drawer-close {
    display: none; /*はじめは隠しておく*/
    position: fixed;
    z-index: 161;
    top: 0; /*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: 0.3s ease-in-out;
  }
  #drawer-content {
    overflow: auto;
    position: fixed;
    top: 60px;
    right: 0; /*最大幅調整してください*/
    z-index: 161; /*最前面に*/
    width: 100%; /*右側に隙間を作る（閉じるカバーを表示）*/
    max-width: 100%; /*最大幅（調整してください）*/
    height: calc(100% - 0px); /*height:100%;*/
    background-color: rgba(25, 25, 25, 0.7);
    transition: 0.3s ease-in-out;
    -webkit-transform: translateX(105%);
    transform: translateX(105%); /*左に隠しておく(-105%)*/
  }
  #drawer-input:checked ~ #drawer-close {
    display: block; /*カバーを表示→現在、非表示*/
    opacity: 0;
  }
  #drawer-input:checked ~ #drawer-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); /*中身を表示（右へスライド）(0%)*/
    box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  }
  #menu {
    overflow-y: scroll;
  }
  #menu p {
    color: rgb(255, 255, 255);
    padding: 0 0 0 0;
  }
  .menu {
    padding: 0.5em 0 2em 0;
  }
  .menuwide1 {
    position: relative;
    display: block;
    width: 87%;
    padding: 1em 0 0 2em;
    vertical-align: top;
  }
  .menuwide2 {
    position: relative;
    display: block;
    width: 87%;
    padding: 0 0 0 2em;
    vertical-align: top;
  }
  .menu li {
    display: block;
    position: relative;
    color: #fff;
    font-size: 1.2em;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    line-height: 2em;
    border-bottom: 1px solid rgb(255, 255, 255);
    height: 2em;
  }
  .menu li p {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
  }
  .menu li .ja {
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
  }
  .menu li a {
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    width: 3em;
    height: 2em;
    padding: 2em 0 0 0;
  }
  /*for drawer menu END*/
  .footerarea {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 1.5em 1.5em 1.5em 1.5em;
    background-color: #4F463B;
    background-image: url("/static/top/common/img/footback0.png");
  }
  .footerarea .footerarea_in {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0em;
    width: 100%;
  }
  .footerarea .footerarea_in .footerarea_in_left {
    width: 100%;
  }
  .footerarea .footerarea_in .footerarea_in_left .left_1 {
    width: 86%;
    padding: 0.5em 0 1.2em 0;
  }
  .footerarea .footerarea_in .footerarea_in_left .left_1 img {
    width: 100%;
  }
  .footerarea .footerarea_in .footerarea_in_left .left_2 {
    padding: 0 0 1.6em 0;
  }
  .footerarea .footerarea_in .footerarea_in_left .left_2 p {
    font-size: 0.9em;
    color: white;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: none;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.8em;
  }
  .footerarea .footerarea_in .footerarea_in_left .left_3 {
    padding: 0 0 2em 0;
  }
  .footerarea .footerarea_in .footerarea_in_left .left_3 .gmapframe {
    width: fit-content;
    border: solid 1px #F5F0A6;
    padding: 0.2em 0.5em 0.3em 0.5em;
  }
  .footerarea .footerarea_in .footerarea_in_left .left_3 .gmapframe p {
    font-size: 0.9em;
    color: #F5F0A6;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: none;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.6em;
  }
  .footerarea .footerarea_in .footerarea_in_center {
    position: relative;
    display: none;
  }
  .footerarea .footerarea_in .footerarea_in_center .center_title {
    padding: 0 0 0.4em 0;
  }
  .footerarea .footerarea_in .footerarea_in_center .center_title p {
    font-size: 1.1em;
    color: #F5F0A6;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: none;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.6em;
  }
  .footerarea .footerarea_in .footerarea_in_center .center_list {
    position: relative;
    display: flex;
    gap: 3em;
  }
  .footerarea .footerarea_in .footerarea_in_center .center_list .center_list_left ul {
    list-style: none;
  }
  .footerarea .footerarea_in .footerarea_in_center .center_list .center_list_left ul li {
    font-size: 1.1em;
    color: white;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: none;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 2.4em;
  }
  .footerarea .footerarea_in .footerarea_in_center .center_list .center_list_right ul {
    list-style: none;
  }
  .footerarea .footerarea_in .footerarea_in_center .center_list .center_list_right ul li {
    font-size: 1.1em;
    color: white;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: none;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 2.4em;
  }
  .footerarea .footerarea_in .footerarea_in_right {
    width: 100%;
  }
  .footerarea .footerarea_in .footerarea_in_right .right_title {
    margin: 0 auto;
    padding: 0 0 1em 0;
    text-align: center;
  }
  .footerarea .footerarea_in .footerarea_in_right .right_title p {
    font-size: 1.1em;
    color: #F5F0A6;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: none;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.6em;
  }
  .footerarea .footerarea_in .footerarea_in_right .right_icon {
    margin: 0 auto;
    width: 10%;
    padding: 0 0 0.5em 0;
  }
  .footerarea .footerarea_in .footerarea_in_right .right_icon img {
    width: 100%;
  }
  .footerarea .footerarea_in_bottom {
    position: static;
    display: block;
    text-align: center;
    padding: 0 0 3.5em 0;
  }
  .footerarea .footerarea_in_bottom p {
    font-size: 0.9em;
    color: white;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    letter-spacing: 0.05em;
    line-height: 1.4em;
  }
  .badgebanner {
    position: fixed;
    display: flex;
    top: 90%;
    right: 10%;
    opacity: 0;
    z-index: 33;
  }
  .badgebanner .badge1 {
    position: relative;
    display: block;
    background-color: #62BED1;
    padding: 0.6em 0.8em;
    border-radius: 10px;
    cursor: pointer;
    writing-mode: horizontal-tb;
  }
  .badgebanner .badge1 p {
    font-size: 1em;
    color: white;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: none;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.2em;
    line-height: 1em;
  }
  .badgebanner .badge2 {
    background-color: #DB89C2;
    padding: 0.6em 0.8em;
    border-radius: 10px;
    margin: 0 0 0 0.5em;
    cursor: pointer;
    writing-mode: horizontal-tb;
  }
  .badgebanner .badge2 p {
    font-size: 1em;
    color: white;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: none;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.2em;
    line-height: 1em;
  }
}

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