@import url(/common/css/reset.css);
@import url(/common/css/style.v3.css?20220510);
@import url(/common/css/header.v2.css?20230718);
@import url(/common/css/footer.css?20221031);
@import url(/common/css/layout.v2.css?20221219);
@import url(/common/css/smph/layout.v2.css?20220106);
body {
  min-width: auto;
  font-family: "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

html {
  /*scroll-behavior: smooth;*/
}

#wrapper {
  background-image: none;
  transform: none !important;
  padding-top: 0;
}

#header {
  margin: 0;
  width: 100%;
  height: 92px !important;
  position: fixed !important;
  z-index: 1000;
  background: linear-gradient(to right, #976445 0%, #BE8D6D 15%, #FFF1C0 55%, #EACC75 68%, #976445 100%) #FFF no-repeat 0 bottom/100% 8px !important;
  border-bottom: none;
}
#header div#header_nav {
  max-width: 1520px;
  height: 84px;
  margin: 0 auto;
  padding: 4px 10px 0;
  display: flex;
  justify-content: space-between;
}
#header div#header_nav p.history-logo {
  height: 100%;
  display: flex;
  align-items: center;
}
#header div#header_nav p.history-logo a {
  display: flex;
  width: 100%;
}
#header div#header_nav p.history-logo a img {
  width: 100%;
  height: auto;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #header div#header_nav p.history-logo a {
    width: 83px;
    height: 83px;
  }
}
#header div#header_nav ul {
  display: flex;
  align-items: center;
  gap: 0 clamp(10px, 3.5714285714vw, 60px);
}
#header div#header_nav ul li {
  line-height: 1.2;
}
#header div#header_nav ul li:nth-child(2) br {
  display: none;
}
@media screen and (max-width: 767px) {
  #header div#header_nav ul li:nth-child(2) br {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  #header div#header_nav ul li:nth-child(3) span {
    display: none;
  }
}
#header div#header_nav ul li a {
  color: #212121;
  font-weight: bold;
  font-size: clamp(10px, 2vw, 20px);
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
#header div#header_nav ul li a:hover {
  text-decoration: none;
}
#header div#header_nav ul li a::before, #header div#header_nav ul li a::after {
  border-bottom: solid 4px #eacc75;
  bottom: -0.6em;
  content: "";
  display: block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  width: 0;
  position: absolute;
}
#header div#header_nav ul li a:hover::after {
  width: 2em;
}
#header div#header_nav ul li a::before {
  left: 50%;
}
#header div#header_nav ul li a::after {
  right: 50%;
}
#header div#header_nav ul li a:hover::before, #header div#header_nav ul li a:hover::after {
  width: 1em;
}

body#top div#header_nav ul li:nth-child(1) a::before, body#top div#header_nav ul li:nth-child(1) a::after {
  width: 1em;
}

body#greeting div#header_nav ul li:nth-child(2) a::before, body#greeting div#header_nav ul li:nth-child(2) a::after {
  width: 1em;
}

body#internet div#header_nav ul li:nth-child(3) a::before, body#internet div#header_nav ul li:nth-child(3) a::after {
  width: 1em;
}

#contents {
  width: 100%;
  padding-top: 92px;
  padding-bottom: 7.5vw;
}
@media print {
  #contents {
    padding-top: 0;
  }
}
#contents h1 {
  position: relative;
  margin: 0 auto clamp(40px, 8.7890625vw, 90px);
  padding: clamp(40px, 0vw, 60px) 0 0;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: clamp(24px, 3.7109375vw, 38px);
  line-height: 1.4;
  color: #212121;
}
#contents h1:before {
  background-color: #212121;
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: -34px;
  display: inline-block;
  width: 160px;
  height: 4px;
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  #contents h1:before {
    bottom: -24px;
  }
}
@media screen and (max-width: 767px) {
  #contents h1:before {
    bottom: -12px;
  }
}
#contents section {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  #contents section {
    width: 100%;
  }
}

#addnote {
  width: 100%;
}
#addnote section {
  width: 960px;
  margin: 0 auto;
  padding-top: 0px;
}
#addnote section p {
  font-size: 0.6875rem;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 2em;
  line-height: 160%;
  color: #333;
}
@media screen and (max-width: 767px) {
  #addnote section {
    width: 100%;
    height: 92px;
  }
}

.greeting-last-section {
  margin-bottom: -6.5vw !important;
}

body#top #footer p#contactbtn,
body#greeting #footer p#contactbtn {
  display: none !important;
}

body#internet #footer p#contactbtn {
  bottom: 2vw;
  right: 2vw;
  z-index: 300;
}
body#internet #footer p#contactbtn a {
  display: inline-block;
  background-color: #FFF;
  font-family: "Fjalla One";
  font-size: 28px;
  padding: 0.5em 1em 0.4em 0.8em;
  color: #666;
  border: 1px solid #666;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.5);
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  z-index: 100;
}
body#internet #footer p#contactbtn a:before {
  content: ">>>";
  display: inline;
  font-family: "Poppins";
  font-size: 160%;
  margin-right: 0.2em;
  vertical-align: middle;
  letter-spacing: -5px;
}
body#internet #footer p#contactbtn a:hover {
  text-decoration: none;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
@media screen and (max-width: 1920px) {
  body#internet #footer p#contactbtn a {
    font-size: 17px;
  }
}
@media screen and (max-width: 768px) {
  body#internet #footer p#contactbtn {
    display: none !important;
  }
}
@media print {
  body#internet #footer p#contactbtn {
    display: none !important;
  }
}
body#internet #footer p#backTotop {
  display: none !important;
  filter: alpha(opacity=1) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}

#footer .footerContent .footerMenuList, #footer .footerContent .footerSnsList, #footer .footerContent .footerLinkList {
  display: none;
}

#footer .footerContent .footerCopyright {
  margin-top: -10px;
  padding-top: 10px;
  padding-right: 1em;
  background-color: #FFF;
  color: #999999;
}