@charset "UTF-8";
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html, body {
  max-width: 100vw;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

a:hover img {
  opacity: 0.8;
}

a:hover p {
  opacity: 0.8;
}

a:hover li {
  opacity: 0.8;
}

a:hover h2 {
  opacity: 0.8;
}

.small {
  font-size: 70%;
}

.headerArea {
  position: absolute;
  display: flex;
  margin: 0 auto;
  width: 100%;
  height: 80px;
  justify-content: space-between;
  z-index: 30;
}
.headerArea .headLogo {
  position: relative;
  display: block;
  width: 16em;
  margin: 16px 0 0 16px;
}
.headerArea .headLogo img {
  width: 100%;
}
.headerArea .headMenu {
  position: relative;
  display: flex;
  gap: 3em;
  margin: 2.4em 0 0 0;
}
.headerArea .headMenu .headMenuList {
  position: relative;
  display: block;
  right: 3em;
}
.headerArea .headMenu .headMenuList p {
  font-size: 1.1em;
  color: white;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  text-decoration: underline dotted;
  text-underline-offset: 0.3em;
}
.headerArea .headMenuOpenButton {
  position: relative;
  display: block;
  margin: 32px 36px 0 0;
}
.headerArea .headMenuOpenButton .buttonBar {
  background-color: white;
  width: 45px;
  height: 2px;
  margin: 0 0 10px 0;
}

.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: 92px;
  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: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
  border-bottom: 1px solid rgb(255, 255, 255);
  height: 2em;
}

.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*/
/*
.h1ImageArea{position:relative; display:block; margin:0 auto; width:100%;
  .messageBoard{position:absolute; width:38%; left:6em; top:50%;
    p{position:absolute; top:1.1em; left:1.4em; font-size:1.6em; color:white; font-family:"Noto Serif JP", serif; font-weight:500; font-style:normal; letter-spacing:0.15em; line-height:1.9em;}
    img{width:35em;}
  }
  .h1ImageAreaIn{aspect-ratio:16/8; overflow:hidden;
    img{width:100%;}
  }
}
*/
.h1ImageArea {
  position: relative;
  width: 100vw;
  aspect-ratio: 16/8;
  overflow: hidden;
  max-width: 100%;
}
.h1ImageArea .messageBoard {
  position: absolute;
  width: 38%;
  left: 6em;
  top: 50%;
  z-index: 20;
}
.h1ImageArea .messageBoard p {
  position: absolute;
  top: 1.1em;
  left: 1.4em;
  font-size: 1.6em;
  color: white;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.15em;
  line-height: 1.9em;
}
.h1ImageArea .messageBoard img {
  width: 35em;
}
.h1ImageArea div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  animation-name: slide-fade;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  transform: scale(1.3);
}

@keyframes slide-fade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
.h1ImageArea div:first-of-type {
  background-image: url(../../top/001.jpg);
}

.h1ImageArea div:nth-of-type(2) {
  background-image: url(../../top/002.jpg);
  animation-delay: 10s;
}

.h1ImageArea div:nth-of-type(3) {
  background-image: url(../../top/003.jpg);
  animation-delay: 20s;
}

.h1ImageArea div:last-of-type {
  background-image: url(../../top/004.jpg);
  animation-delay: 30s;
}

.backPath1 {
  position: absolute;
  top: 500px;
  right: 0;
  z-index: -3;
}
.backPath1 img {
  width: 100%;
}

.backPath2 {
  position: absolute;
  top: 700px;
  z-index: -2;
}
.backPath2 img {
  width: 100%;
}

.backPath3 {
  position: absolute;
  top: 700px;
  z-index: -1;
}
.backPath3 img {
  width: 100%;
}

.prBannerArea {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 86%;
  padding: 2.5em 0 0 0;
}
.prBannerArea .prBannerTitle {
  padding: 0 0 1.5em 0;
}
.prBannerArea .prBannerTitle p {
  font-size: 1.5em;
  color: #009F93;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.prBannerArea .prBannerAreaIn {
  display: flex;
  gap: 2em;
}
.prBannerArea .prBannerAreaIn .prBannerContent .prBannerContentImg {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  overflow: hidden;
}
.prBannerArea .prBannerAreaIn .prBannerContent .prBannerContentImg img {
  width: 100%;
}
.prBannerArea .prBannerAreaIn .prBannerContent .prBannerContentCap {
  padding: 0.3em 0 0 0;
}
.prBannerArea .prBannerAreaIn .prBannerContent .prBannerContentCap p {
  font-size: 0.8em;
  color: #666666;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
}

.chairmanBannerArea {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 87%;
}
.chairmanBannerArea .chairmanBannerAreaIn {
  position: relative;
  display: block;
  width: 25%;
  float: right;
  margin: 2em 0 0 0;
}
.chairmanBannerArea .chairmanBannerAreaIn img {
  width: 100%;
}

.bottomArea {
  position: static;
  display: flex;
  gap: 4em;
  margin: 0 auto;
  width: 86%;
  padding: 1em 0 4em 0;
}
.bottomArea .newsArea {
  position: relative;
  display: block;
  flex: 3;
}
.bottomArea .newsArea .newsTitle {
  margin: 0 0 1.8em 0;
}
.bottomArea .newsArea .newsTitle p {
  font-size: 1.5em;
  color: #009F93;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.bottomArea .newsArea .newsTitle p span {
  font-size: 0.8em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
}
.bottomArea .newsArea .newsBox {
  position: relative;
  display: block;
  border: solid 1px #009F93;
  height: 17em;
  overflow-y: scroll;
}
.bottomArea .newsArea .newsBox .newsBoxIn {
  padding: 2em 0 0 3.2em;
}
.bottomArea .newsArea .newsBox .newsBoxIn .newsRow {
  display: flex;
  gap: 2em;
}
.bottomArea .newsArea .newsBox .newsBoxIn .newsRow .newsDate {
  display: block;
  margin: 0 0 1em 0;
}
.bottomArea .newsArea .newsBox .newsBoxIn .newsRow .newsDate p {
  font-size: 1.3em;
  color: #666666;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.bottomArea .newsArea .newsBox .newsBoxIn .newsRow .newsHeadline {
  display: block;
}
.bottomArea .newsArea .newsBox .newsBoxIn .newsRow .newsHeadline p {
  font-size: 1em;
  color: #666666;
  line-height: 2em;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
}
.bottomArea .addressArea {
  position: relative;
  display: block;
  flex: 1;
}
.bottomArea .addressArea .addressAreaLogo {
  width: 100%;
  padding: 2.8em 0 1.3em 0;
}
.bottomArea .addressArea .addressAreaLogo img {
  width: 105%;
}
.bottomArea .addressArea .addressAreaData p {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  line-height: 1.7em;
}
.bottomArea .addressArea .addressAreaMap {
  width: max-content;
  border: solid 1px #009F93;
  padding: 0.2em 0.5em 0.2em 0.5em;
  margin: 0.8em 0 0.8em 0;
}
.bottomArea .addressArea .addressAreaMap p {
  font-size: 1em;
  color: #009F93;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
}
.bottomArea .addressArea .addressAreaCopy p {
  font-size: 1em;
  color: #009F93;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
}

.newsBox::-webkit-scrollbar {
  width: 2em;
}

.newsBox::-webkit-scrollbar-thumb {
  background: #63B8B0;
  border-radius: 3px;
}

.newsBox::-webkit-scrollbar-track {
  background: rgba(140, 140, 140, 0.5);
}

.footerArea {
  position: relative;
  display: flex;
  margin: 0 auto;
  width: 100%;
  height: 52px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(#fbffc9, #0085c3 60%);
}
.footerArea .foot {
  display: block;
}
.footerArea .foot p {
  font-size: 1.1em;
  color: white;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}

/*
.slider{width:100vw; height:60vh; overflow:hidden; position:relative; max-width:100%;}
.slider div{position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; z-index:10; opacity:0; animation-name:slide-fade; animation-duration:15s; animation-iteration-count:infinite;}

@keyframes slide-fade {
0%{opacity:0;}
20%{opacity:1;}
80%{opacity:0;}
100%{opacity:0; z-index:0;}
}
.slider div:first-of-type{background-image:url(../../top/001.jpg);}
.slider div:nth-of-type(2){background-image:url(../../top/002.jpg); animation-delay:5s;}
.slider div:last-of-type{background-image:url(../../top/003.jpg); animation-delay:10s;}
*/
/*
.slider{width:100vw; height:60vh; overflow:hidden; position:relative; max-width:100%;}
.slider div{position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; z-index:10; opacity:0; animation-name:slide-fade; animation-duration:30s; animation-iteration-count:infinite; transform:scale(1.5);}

@keyframes slide-fade{
0%{opacity:0;}
20%{opacity:1;}
80%{opacity:0; transform:scale(1);}
100%{opacity:0; z-index:0;}
}
.slider div:first-of-type{background-image:url(../../top/001.jpg);}
.slider div:nth-of-type(2){background-image:url(../../top/002.jpg); animation-delay:10s;}
.slider div:last-of-type{background-image:url(../../top/003.jpg); animation-delay:20s;}
*/
.headerArea2 {
  position: relative;
  display: flex;
  margin: 0 auto;
  width: 100%;
  height: 93px;
  justify-content: space-between;
  z-index: 30;
}
.headerArea2 .headLogo {
  position: relative;
  display: block;
  width: 16em;
  margin: 16px 0 0 16px;
}
.headerArea2 .headLogo img {
  width: 100%;
}
.headerArea2 .headMenu2 {
  position: relative;
  display: flex;
  gap: 3em;
  margin: 2em 0 0 0;
}
.headerArea2 .headMenu2 .headMenuList {
  position: relative;
  display: block;
  right: 3em;
}
.headerArea2 .headMenu2 .headMenuList p {
  font-size: 1.1em;
  color: #666666;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  text-decoration: underline dotted;
  text-underline-offset: 0.3em;
}
.headerArea2 .headMenuOpenButton2 {
  position: relative;
  display: block;
  margin: 32px 36px 0 0;
}
.headerArea2 .headMenuOpenButton2 .buttonBar {
  background-color: #666666;
  width: 45px;
  height: 2px;
  margin: 0 0 10px 0;
}

.h1ImageArea2 {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
}
.h1ImageArea2 .h1ImageAreaIn2 {
  position: absolute;
  z-index: -1;
}
.h1ImageArea2 .h1ImageAreaIn2 img {
  width: 100%;
}
.h1ImageArea2 .h1ImageAreaIn3 {
  position: static;
  z-index: 10;
}
.h1ImageArea2 .h1ImageAreaIn3 img {
  width: 100%;
}

.backPath5 {
  position: absolute;
  width: 100%;
  top: 400px;
  z-index: -2;
}
.backPath5 img {
  width: 100%;
}

.backPath4 {
  position: absolute;
  width: 100%;
  top: 700px;
  z-index: -3;
}
.backPath4 img {
  width: 100%;
}

.backPath6 {
  position: absolute;
  width: 100%;
  top: 700px;
  z-index: -4;
}
.backPath6 img {
  width: 100%;
}

.conceptArea {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.conceptArea .conceptAreaIn {
  width: 92%;
  display: flex;
}
.conceptArea .conceptAreaIn .conceptRead {
  display: block;
  padding: 8em 0 7em 14em;
  flex: 3;
}
.conceptArea .conceptAreaIn .conceptRead p {
  font-size: 1.4em;
  color: #467DAA;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 3em;
  letter-spacing: 0.1em;
}
.conceptArea .conceptAreaIn .conceptImage {
  display: block;
  padding: 10em 0 0 0;
  flex: 2.5;
}
.conceptArea .conceptAreaIn .conceptImage img {
  width: 100%;
}

.fireAreaA {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 8em 0;
}
.fireAreaA .fireAreaInA {
  position: relative;
  margin: 0 auto;
  display: flex;
  width: 86%;
}
.fireAreaA .fireAreaInA .fireLeftA {
  display: block;
  flex: 1;
  text-align: right;
  padding: 1em 0 0 0;
}
.fireAreaA .fireAreaInA .fireLeftA img {
  width: 60%;
}
.fireAreaA .fireAreaInA .fireCenterA {
  display: block;
  flex: 3;
  padding: 0 0 0 1.5em;
}
.fireAreaA .fireAreaInA .fireCenterA .fireCenterAup {
  border-bottom: solid 1px #5D81B1;
  padding: 1.5em 0 0.5em 0;
}
.fireAreaA .fireAreaInA .fireCenterA .fireCenterAup .oneAup {
  font-size: 1.6em;
  color: #666666;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.fireAreaA .fireAreaInA .fireCenterA .fireCenterAup .twoAup {
  font-size: 2em;
  color: #C63438;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaA .fireAreaInA .fireCenterA .fireCenterAup .threeAup {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.fireAreaA .fireAreaInA .fireCenterA .fireCenterAdown {
  display: block;
  padding: 0.6em 0 0 0;
}
.fireAreaA .fireAreaInA .fireCenterA .fireCenterAdown .oneAdown {
  font-size: 1em;
  color: #C63438;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaA .fireAreaInA .fireCenterA .fireCenterAdown .twoAdown {
  font-size: 2em;
  color: #C63438;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  padding: 0.1em 0 0 0;
  text-indent: -0.5em;
}
.fireAreaA .fireAreaInA .fireCenterA .fireCenterAdown .threeAdown {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  padding: 0.3em 0 0 0;
}
.fireAreaA .fireAreaInA .fireRightA {
  display: block;
  flex: 3;
}
.fireAreaA .fireAreaInA .fireRightA img {
  width: 100%;
}

.fireAreaB {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 8em 0;
}
.fireAreaB .fireAreaInB {
  position: relative;
  margin: 0 auto;
  display: flex;
  width: 86%;
}
.fireAreaB .fireAreaInB .fireLeftB {
  display: block;
  flex: 0.7;
  text-align: right;
  padding: 1em 0 0 0;
}
.fireAreaB .fireAreaInB .fireLeftB img {
  width: 86%;
}
.fireAreaB .fireAreaInB .fireCenterB {
  display: block;
  flex: 3;
  padding: 0 0 0 1.5em;
}
.fireAreaB .fireAreaInB .fireCenterB .fireCenterBup {
  border-bottom: solid 1px #5D81B1;
  padding: 1.5em 0 0.5em 0;
}
.fireAreaB .fireAreaInB .fireCenterB .fireCenterBup .oneBup {
  font-size: 1.6em;
  color: #666666;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.fireAreaB .fireAreaInB .fireCenterB .fireCenterBup .twoBup {
  font-size: 2em;
  color: #1C9FC6;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaB .fireAreaInB .fireCenterB .fireCenterBup .threeBup {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.fireAreaB .fireAreaInB .fireCenterB .fireCenterBdown {
  display: block;
  padding: 0.6em 0 0 0;
}
.fireAreaB .fireAreaInB .fireCenterB .fireCenterBdown .oneBdown {
  font-size: 1em;
  color: #1C9FC6;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaB .fireAreaInB .fireCenterB .fireCenterBdown .twoBdown {
  font-size: 2em;
  color: #1C9FC6;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  padding: 0.1em 0 0 0;
  text-indent: -0.5em;
}
.fireAreaB .fireAreaInB .fireCenterB .fireCenterBdown .threeBdown {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  padding: 0.3em 0 0 0;
}
.fireAreaB .fireAreaInB .fireRightB {
  display: block;
  flex: 3;
}
.fireAreaB .fireAreaInB .fireRightB img {
  width: 100%;
}

.fireAreaC {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 8em 0;
}
.fireAreaC .fireAreaInC {
  position: relative;
  margin: 0 auto;
  display: flex;
  width: 86%;
}
.fireAreaC .fireAreaInC .fireLeftC {
  display: block;
  flex: 1;
  text-align: right;
  padding: 1em 0 0 0;
}
.fireAreaC .fireAreaInC .fireLeftC img {
  width: 60%;
}
.fireAreaC .fireAreaInC .fireCenterC {
  display: block;
  flex: 3;
  padding: 0 0 0 1.5em;
}
.fireAreaC .fireAreaInC .fireCenterC .fireCenterCup {
  border-bottom: solid 1px #5D81B1;
  padding: 1.5em 0 0.5em 0;
}
.fireAreaC .fireAreaInC .fireCenterC .fireCenterCup .oneCup {
  font-size: 1.6em;
  color: #666666;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.fireAreaC .fireAreaInC .fireCenterC .fireCenterCup .twoCup {
  font-size: 2em;
  color: #DB9338;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaC .fireAreaInC .fireCenterC .fireCenterCup .threeCup {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.fireAreaC .fireAreaInC .fireCenterC .fireCenterCdown {
  display: block;
  padding: 0.6em 0 0 0;
}
.fireAreaC .fireAreaInC .fireCenterC .fireCenterCdown .oneCdown {
  font-size: 1em;
  color: #DB9338;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaC .fireAreaInC .fireCenterC .fireCenterCdown .twoCdown {
  font-size: 2em;
  color: #DB9338;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  padding: 0.1em 0 0 0;
  text-indent: -0.5em;
}
.fireAreaC .fireAreaInC .fireCenterC .fireCenterCdown .threeCdown {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  padding: 0.3em 0 0 0;
}
.fireAreaC .fireAreaInC .fireRightC {
  display: block;
  flex: 3;
}
.fireAreaC .fireAreaInC .fireRightC img {
  width: 100%;
}

.fireAreaD {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 8em 0;
}
.fireAreaD .fireAreaInD {
  position: relative;
  margin: 0 auto;
  display: flex;
  width: 86%;
}
.fireAreaD .fireAreaInD .fireLeftD {
  display: block;
  flex: 0.7;
  text-align: right;
  padding: 1em 0 0 0;
}
.fireAreaD .fireAreaInD .fireLeftD img {
  width: 86%;
}
.fireAreaD .fireAreaInD .fireCenterD {
  display: block;
  flex: 3;
  padding: 0 0 0 1.5em;
}
.fireAreaD .fireAreaInD .fireCenterD .fireCenterDup {
  border-bottom: solid 1px #5D81B1;
  padding: 1.5em 0 0.5em 0;
}
.fireAreaD .fireAreaInD .fireCenterD .fireCenterDup .oneDup {
  font-size: 1.6em;
  color: #666666;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.fireAreaD .fireAreaInD .fireCenterD .fireCenterDup .twoDup {
  font-size: 2em;
  color: #5EA74A;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaD .fireAreaInD .fireCenterD .fireCenterDup .threeDup {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.fireAreaD .fireAreaInD .fireCenterD .fireCenterDdown {
  display: block;
  padding: 0.6em 0 0 0;
}
.fireAreaD .fireAreaInD .fireCenterD .fireCenterDdown .oneDdown {
  font-size: 1em;
  color: #5EA74A;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaD .fireAreaInD .fireCenterD .fireCenterDdown .twoDdown {
  font-size: 2em;
  color: #5EA74A;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  padding: 0.1em 0 0 0;
  text-indent: -0.5em;
}
.fireAreaD .fireAreaInD .fireCenterD .fireCenterDdown .threeDdown {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  padding: 0.3em 0 0 0;
}
.fireAreaD .fireAreaInD .fireRightD {
  display: block;
  flex: 3;
}
.fireAreaD .fireAreaInD .fireRightD img {
  width: 100%;
}

.fireAreaE {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 8em 0;
}
.fireAreaE .fireAreaInE {
  position: relative;
  margin: 0 auto;
  display: flex;
  width: 86%;
}
.fireAreaE .fireAreaInE .fireLeftE {
  display: block;
  flex: 1;
  text-align: right;
  padding: 1em 0 0 0;
}
.fireAreaE .fireAreaInE .fireLeftE img {
  width: 60%;
}
.fireAreaE .fireAreaInE .fireCenterE {
  display: block;
  flex: 3;
  padding: 0 0 0 1.5em;
}
.fireAreaE .fireAreaInE .fireCenterE .fireCenterEup {
  border-bottom: solid 1px #5D81B1;
  padding: 1.5em 0 0.5em 0;
}
.fireAreaE .fireAreaInE .fireCenterE .fireCenterEup .oneEup {
  font-size: 1.6em;
  color: #666666;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.fireAreaE .fireAreaInE .fireCenterE .fireCenterEup .twoEup {
  font-size: 2em;
  color: #C52E7C;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaE .fireAreaInE .fireCenterE .fireCenterEup .threeEup {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.fireAreaE .fireAreaInE .fireCenterE .fireCenterEdown {
  display: block;
  padding: 0.6em 0 0 0;
}
.fireAreaE .fireAreaInE .fireCenterE .fireCenterEdown .oneEdown {
  font-size: 1em;
  color: #C52E7C;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaE .fireAreaInE .fireCenterE .fireCenterEdown .twoEdown {
  font-size: 2em;
  color: #C52E7C;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  padding: 0.1em 0 0 0;
  text-indent: -0.5em;
}
.fireAreaE .fireAreaInE .fireCenterE .fireCenterEdown .threeEdown {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  padding: 0.3em 0 0 0;
}
.fireAreaE .fireAreaInE .fireRightE {
  display: block;
  flex: 3;
}
.fireAreaE .fireAreaInE .fireRightE img {
  width: 100%;
}

.fireAreaF {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 8em 0;
}
.fireAreaF .fireAreaInF {
  position: relative;
  margin: 0 auto;
  display: flex;
  width: 86%;
}
.fireAreaF .fireAreaInF .fireLeftF {
  display: block;
  flex: 0.7;
  text-align: right;
  padding: 1em 0 0 0;
}
.fireAreaF .fireAreaInF .fireLeftF img {
  width: 86%;
}
.fireAreaF .fireAreaInF .fireCenterF {
  display: block;
  flex: 3;
  padding: 0 0 0 1.5em;
}
.fireAreaF .fireAreaInF .fireCenterF .fireCenterFup {
  border-bottom: solid 1px #5D81B1;
  padding: 1.5em 0 0.5em 0;
}
.fireAreaF .fireAreaInF .fireCenterF .fireCenterFup .oneFup {
  font-size: 1.6em;
  color: #666666;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.fireAreaF .fireAreaInF .fireCenterF .fireCenterFup .twoFup {
  font-size: 2em;
  color: #8F2476;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaF .fireAreaInF .fireCenterF .fireCenterFup .threeFup {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.fireAreaF .fireAreaInF .fireCenterF .fireCenterFdown {
  display: block;
  padding: 0.6em 0 0 0;
}
.fireAreaF .fireAreaInF .fireCenterF .fireCenterFdown .oneFdown {
  font-size: 1em;
  color: #8F2476;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaF .fireAreaInF .fireCenterF .fireCenterFdown .twoFdown {
  font-size: 2em;
  color: #8F2476;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  padding: 0.1em 0 0 0;
  text-indent: -0.5em;
}
.fireAreaF .fireAreaInF .fireCenterF .fireCenterFdown .threeFdown {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  padding: 0.3em 0 0 0;
}
.fireAreaF .fireAreaInF .fireRightF {
  display: block;
  flex: 3;
}
.fireAreaF .fireAreaInF .fireRightF img {
  width: 100%;
}

.fireAreaG {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 8em 0;
}
.fireAreaG .fireAreaInG {
  position: relative;
  margin: 0 auto;
  display: flex;
  width: 86%;
}
.fireAreaG .fireAreaInG .fireLeftG {
  display: block;
  flex: 1;
  text-align: right;
  padding: 1em 0 0 0;
}
.fireAreaG .fireAreaInG .fireLeftG img {
  width: 60%;
}
.fireAreaG .fireAreaInG .fireCenterG {
  display: block;
  flex: 3;
  padding: 0 0 0 1.5em;
}
.fireAreaG .fireAreaInG .fireCenterG .fireCenterGup {
  border-bottom: solid 1px #5D81B1;
  padding: 1.5em 0 0.5em 0;
}
.fireAreaG .fireAreaInG .fireCenterG .fireCenterGup .oneGup {
  font-size: 1.6em;
  color: #666666;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.fireAreaG .fireAreaInG .fireCenterG .fireCenterGup .twoGup {
  font-size: 2em;
  color: #C94A39;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaG .fireAreaInG .fireCenterG .fireCenterGup .threeGup {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.fireAreaG .fireAreaInG .fireCenterG .fireCenterGdown {
  display: block;
  padding: 0.6em 0 0 0;
}
.fireAreaG .fireAreaInG .fireCenterG .fireCenterGdown .oneGdown {
  font-size: 1em;
  color: #C94A39;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaG .fireAreaInG .fireCenterG .fireCenterGdown .twoGdown {
  font-size: 2em;
  color: #C94A39;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  padding: 0.1em 0 0 0;
  text-indent: -0.5em;
}
.fireAreaG .fireAreaInG .fireCenterG .fireCenterGdown .threeGdown {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  padding: 0.3em 0 0 0;
}
.fireAreaG .fireAreaInG .fireRightG {
  display: block;
  flex: 3;
}
.fireAreaG .fireAreaInG .fireRightG img {
  width: 100%;
}

.fireAreaH {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 8em 0;
}
.fireAreaH .fireAreaInH {
  position: relative;
  margin: 0 auto;
  display: flex;
  width: 86%;
}
.fireAreaH .fireAreaInH .fireLeftH {
  display: block;
  flex: 0.7;
  text-align: right;
  padding: 1em 0 0 0;
}
.fireAreaH .fireAreaInH .fireLeftH img {
  width: 86%;
}
.fireAreaH .fireAreaInH .fireCenterH {
  display: block;
  flex: 3;
  padding: 0 0 0 1.5em;
}
.fireAreaH .fireAreaInH .fireCenterH .fireCenterHup {
  border-bottom: solid 1px #5D81B1;
  padding: 1.5em 0 0.5em 0;
}
.fireAreaH .fireAreaInH .fireCenterH .fireCenterHup .oneHup {
  font-size: 1.6em;
  color: #666666;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.fireAreaH .fireAreaInH .fireCenterH .fireCenterHup .twoHup {
  font-size: 2em;
  color: #9AC159;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaH .fireAreaInH .fireCenterH .fireCenterHup .threeHup {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.fireAreaH .fireAreaInH .fireCenterH .fireCenterHdown {
  display: block;
  padding: 0.6em 0 0 0;
}
.fireAreaH .fireAreaInH .fireCenterH .fireCenterHdown .oneHdown {
  font-size: 1em;
  color: #9AC159;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.fireAreaH .fireAreaInH .fireCenterH .fireCenterHdown .twoHdown {
  font-size: 2em;
  color: #9AC159;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  padding: 0.1em 0 0 0;
  text-indent: -0.5em;
}
.fireAreaH .fireAreaInH .fireCenterH .fireCenterHdown .threeHdown {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  padding: 0.3em 0 0 0;
}
.fireAreaH .fireAreaInH .fireRightH {
  display: block;
  flex: 3;
}
.fireAreaH .fireAreaInH .fireRightH img {
  width: 100%;
}

.companyProfileTitleArea {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 5em 0 4em 0;
}
.companyProfileTitleArea .companyProfileTitleAreaIn {
  margin: 0 auto;
  width: 60%;
  display: flex;
}
.companyProfileTitleArea .companyProfileTitleAreaIn .companyTitleLeft {
  display: block;
  flex: 1.5;
  text-align: right;
  padding: 0 4em 0 0;
}
.companyProfileTitleArea .companyProfileTitleAreaIn .companyTitleLeft p {
  font-size: 1.6em;
  color: #5D81B1;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  text-decoration: underline yellow solid 3px;
}
.companyProfileTitleArea .companyProfileTitleAreaIn .companyTitleRight {
  display: block;
  flex: 3;
}
.companyProfile {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 2em 0;
}
.companyProfile .companyProfileIn {
  margin: 0 auto;
  width: 60%;
  display: flex;
}
.companyProfile .companyProfileIn .companyProfileLeft {
  display: block;
  flex: 1.5;
  text-align: right;
  border-right: solid 4px #5FB4EA;
  padding: 0.5em 2em 2.5em 0;
  margin: 0 0 0.5em 0;
}
.companyProfile .companyProfileIn .companyProfileLeft p {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.companyProfile .companyProfileIn .companyProfileRight {
  display: block;
  flex: 3;
  border-left: solid 4px yellow;
  padding: 0 0 2.5em 2em;
  margin: 0.5em 0 0 0;
}
.companyProfile .companyProfileIn .companyProfileRight p {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.companyProfile .companyProfileIn .companyProfileRight .gmapBorder {
  width: max-content;
  border: solid 1px #009F93;
  padding: 0.2em 0.5em 0.2em 0.5em;
  margin: 0.8em 0 0.8em 0;
  font-size: 1em;
  color: #009F93;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
}

.officeArea {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 12em 0;
}
.officeArea .officeAreaIn {
  margin: 0 auto;
  width: 45%;
  text-align: center;
}
.officeArea .officeAreaIn img {
  width: 100%;
}
.officeArea .officeAreaIn p {
  font-size: 1em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}

.galleryListArea {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 5em 0 12em 0;
}
.galleryListArea .galleryListAreaIn {
  display: flex;
  margin: 0 auto;
  width: 86%;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 3em;
}
.galleryListArea .galleryListAreaIn .galleryListItem {
  width: 30%;
  padding: 4em 2em;
  border: solid 1px #0085c3;
}
.galleryListArea .galleryListAreaIn .galleryListItem .galleryListItemIn {
  aspect-ratio: 16/10;
  overflow: hidden;
}
.galleryListArea .galleryListAreaIn .galleryListItem .galleryListItemIn img {
  width: 100%;
}
.galleryListArea .galleryListAreaIn .galleryListItem .galleryListItemCap {
  display: block;
  background-color: #b7d1f2;
  text-align: right;
  padding: 0 0.2em 0.2em 0;
}
.galleryListArea .galleryListAreaIn .galleryListItem .galleryListItemCap p {
  font-size: 0.7em;
  color: white;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  padding: 0.1em 0 0 0;
}

.chairmanTitleArea {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 4em 0 2em 0;
  text-align: center;
}
.chairmanTitleArea .chairmanTitleAreaIn {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 86%;
}
.chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle1st {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0 0 2em 0;
}
.chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle1st p {
  font-size: 1.4em;
  color: #467DAA;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}
.chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle2nd {
  margin: 0 auto;
  width: 86%;
  padding: 0 0 2em 0;
}
.chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle2nd .chairmanTitle2ndIn {
  margin: 0 auto;
  width: max-content;
  background: linear-gradient(45deg, #1F0ACC, #FB14CB);
  padding: 1.3em 1.8em;
  border-radius: 5px;
}
.chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle2nd .chairmanTitle2ndIn .headOne {
  font-size: 2.8em;
  color: white;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.1em;
  letter-spacing: 0.05em;
}
.chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle2nd .chairmanTitle2ndIn .captionEng {
  font-size: 1.2em;
  color: white;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
  padding: 0.4em 0 0 0;
}
.chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle3rd {
  margin: 0 auto;
  width: 86%;
}
.chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle3rd p {
  font-size: 0.8em;
  color: #467DAA;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
}

.questionArea {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 1em 0 3em 0;
}
.questionArea .questionNumber {
  margin: 0 auto;
  width: max-content;
  background-color: #DFFF75;
  border-radius: 10px;
  padding: 0.4em 0.5em 0.5em 0.5em;
}
.questionArea .questionNumber .questionNumberIn {
  margin: 0 auto;
  width: max-content;
  border: solid 1px #009F93;
  border-radius: 8px;
  padding: 0 1em 0.1em 1em;
}
.questionArea .questionNumber .questionNumberIn p {
  font-size: 1.4em;
  color: #009F93;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}
.questionArea .questionNumber .questionNumberIn p span {
  font-size: 1.4em;
  color: #009F93;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  vertical-align: -3px;
}
.questionArea .questionSentence {
  margin: 0 auto;
  width: max-content;
  padding: 2em 0 0 0;
}
.questionArea .questionSentence p {
  font-size: 1.8em;
  color: #009F93;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
}

.answerArea {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 1em 0 3em 0;
}
.answerArea .answerHead {
  margin: 0 auto;
  width: max-content;
  background-color: #B9EAFF;
  border-radius: 10px;
  padding: 0.4em 0.5em 0.5em 0.5em;
}
.answerArea .answerHead .answerHeadIn {
  margin: 0 auto;
  width: max-content;
  border: solid 1px #467DAA;
  border-radius: 8px;
  padding: 0 1em 0.1em 1em;
}
.answerArea .answerHead .answerHeadIn p {
  font-size: 1.4em;
  color: #467DAA;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}
.answerArea .answerHead .answerHeadIn p span {
  font-size: 1em;
  color: #467DAA;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
}
.answerArea .answerBody {
  margin: 0 auto;
  width: 100%;
  padding: 4em 12em 3em 12em;
}
.answerArea .answerBody p {
  font-size: 1.2em;
  color: #467DAA;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0.05em;
}

.inquiryFormAreaOne {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 2em 0 3em 0;
}
.inquiryFormAreaOne .inquiryFormAreaOneIn {
  margin: 0 auto;
  width: 60%;
}
.inquiryFormAreaOne .inquiryFormAreaOneIn p {
  font-size: 1.2em;
  color: #666666;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0.05em;
}

.inquiry03 {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.inquiry03 .contact_chap {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 6em;
  position: static;
  z-index: -2;
}
.inquiry03 .contact_chap .contact_agree_box {
  margin: 0 auto;
  width: 100%;
  background-color: #d2edff;
  padding: 2em 0 2em 0;
}
.inquiry03 .contact_chap .contact_agree_box .contact_agree_in {
  position: relative;
  margin: 0 auto;
  width: 72%;
  border: solid 1px #467DAA;
  padding: 2em 1em 2em 5em;
}
.inquiry03 .contact_chap .contact_agree_box .contact_agree_in ul li {
  line-height: 2.2em;
  font-size: 1.1em;
  color: #467DAA;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}
.inquiry03 .contact_chap .contact_form_field_d {
  position: relative;
}
.inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d {
  position: static;
  margin: 0 auto;
  width: 72%;
}
.inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d .contact_form_field_label_d {
  padding: 2em 0 0 0;
}
.inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d .contact_form_field_label_d p {
  line-height: 2.2em;
  font-size: 1.2em;
  color: black;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
}
.inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d .contact_form_field_d p {
  line-height: 2.2em;
  font-size: 1.2em;
  color: black;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
}
.inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d .contact_form_field_d p input {
  line-height: 2.2em;
  font-size: 1.2em;
  color: #888;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
  width: 25em;
}
.inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d .contact_form_field_d p textarea {
  line-height: 2.2em;
  font-size: 1.2em;
  color: #888;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
}
.inquiry03 .contact_chap .contact_message_box {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.inquiry03 .contact_chap .contact_message_box .contact_message_in {
  margin: 0 auto;
  width: 92%;
  padding: 3em 0 4em 0;
  background-color: #4f4f4f;
}
.inquiry03 .contact_chap .contact_message_box .contact_message_in p {
  line-height: 2.2em;
  font-size: 1.2em;
  color: white;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
}
.inquiry03 .contact_chap .contact_form_box {
  margin: 3em auto 0;
  width: 72%;
}
.inquiry03 .contact_chap .contact_form_box .contact_from_in {
  position: relative;
  z-index: 10;
}
.inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_form_field .contact_form_field_in .contact_form_field_label p {
  line-height: 2.2em;
  font-size: 1.2em;
  color: black;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
}
.inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_form_field .contact_form_field_in .contact_form_field p {
  line-height: 2.2em;
  font-size: 1.2em;
  color: black;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
}
.inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_form_field .contact_form_field_in .contact_form_field p input {
  line-height: 2.2em;
  font-size: 1.2em;
  color: #888;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
}
.inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_form_field .contact_form_field_in .contact_form_field p textarea {
  line-height: 2.2em;
  font-size: 1.2em;
  color: #888;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
}
.inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_sendbutton_box {
  margin: 2em 0 0 0;
}
.inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_sendbutton_box .contact_sendbutton_box_in button {
  line-height: 2.2em;
  font-size: 1.2em;
  color: black;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
  padding: 0.5em 1em 0.5em 1em;
}

.wonder99 {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 65%;
  height: 110vh;
  padding: 0 0 5em 0;
}

.galleryDateAndNameArea {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 3em 0 3em 0;
}
.galleryDateAndNameArea .galleryDateAndNameAreaIn {
  margin: 0 auto;
  width: max-content;
}
.galleryDateAndNameArea .galleryDateAndNameAreaIn .galleryPostedDateUp {
  font-size: 1.2em;
  color: #009F93;
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
  padding: 0 0 1em 0;
}
.galleryDateAndNameArea .galleryDateAndNameAreaIn .galleryLocalAreaDown {
  font-size: 1.8em;
  color: #467DAA;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0.05em;
  text-align: center;
}

.pageblock {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding: 0 0 10em 0;
}
.pageblock .paginationstyle {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メ>イリオ", Meiryo, sans-serif;
  font-weight: normal;
  font-style: normal;
  list-style-type: none;
  letter-spacing: 0;
  line-height: 0.6em;
}
.pageblock .paginationstyle li {
  position: relative;
  display: inline-block;
  border: solid 1px rgb(112, 112, 112);
  padding: 1em;
  font-size: 1em;
  color: rgb(160, 160, 160);
  background-color: rgba(120, 255, 210, 0.35);
}

/*smart form here*/
@media (max-width: 980px) {
  * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
  html, body {
    max-width: 100vw;
    overflow-x: hidden;
  }
  a {
    text-decoration: none;
  }
  a:hover img {
    opacity: 0.8;
  }
  a:hover p {
    opacity: 0.8;
  }
  a:hover li {
    opacity: 0.8;
  }
  a:hover h2 {
    opacity: 0.8;
  }
  .small {
    font-size: 70%;
  }
  .pagetopbutton {
    position: fixed;
    display: block;
    width: 4.8em;
    right: 25px;
    bottom: 20px;
    opacity: 0;
  }
  .pagetopbutton img {
    width: 100%;
  }
  .headerArea {
    position: absolute;
    display: flex;
    margin: 0 auto;
    width: 100%;
    height: 80px;
    justify-content: space-between;
    z-index: 30;
  }
  .headerArea .headLogo {
    position: relative;
    display: block;
    width: 10em;
    margin: 26px 0 0 26px;
  }
  .headerArea .headLogo img {
    width: 100%;
  }
  .headerArea .headMenu {
    position: relative;
    display: none;
    gap: 3em;
    margin: 2.4em 0 0 0;
  }
  .headerArea .headMenu .headMenuList {
    position: relative;
    display: block;
    right: 3em;
  }
  .headerArea .headMenu .headMenuList p {
    font-size: 1.1em;
    color: white;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    text-decoration: underline dotted;
    text-underline-offset: 0.3em;
  }
  .headerArea .headMenuOpenButton {
    position: relative;
    display: block;
    margin: 26px 26px 0 0;
  }
  .headerArea .headMenuOpenButton .buttonBar {
    background-color: white;
    width: 45px;
    height: 2px;
    margin: 0 0 10px 0;
  }
  .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: 92px;
    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.5em 0 0 0.4em;
  }
  .menuwide1 {
    position: relative;
    display: inline-block;
    width: 47%;
    padding: 0 0 0 0.6em;
    vertical-align: top;
  }
  .menuwide2 {
    position: relative;
    display: inline-block;
    width: 47%;
    padding: 0 0 0 0.6em;
    vertical-align: top;
  }
  .menu li {
    display: block;
    position: relative;
    color: #fff;
    font-size: 1em;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
    border-bottom: 1px solid rgb(255, 255, 255);
    height: 6em;
  }
  .menu li .ja {
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-size: 1em;
    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*/
  /*
  .h1ImageArea{position:relative; display:block; margin:0 auto; width:100%;
  .messageBoard{position:absolute; width:38%; left:6em; top:50%;
    p{position:absolute; top:1.1em; left:1.4em; font-size:1.6em; color:white; font-family:"Noto Serif JP", serif; font-weight:500; font-style:normal; letter-spacing:0.15em; line-height:1.9em;}
    img{width:35em;}
  }
  .h1ImageAreaIn{aspect-ratio:16/8; overflow:hidden;
    img{width:100%;}
  }
  }
  */
  .h1ImageArea {
    position: relative;
    width: 100vw;
    aspect-ratio: 5/7;
    overflow: hidden;
    max-width: 100%;
  }
  .h1ImageArea .messageBoard {
    position: absolute;
    width: 100vw;
    right: 0;
    top: 42%;
    z-index: 20;
  }
  .h1ImageArea .messageBoard p {
    position: absolute;
    top: 1.1em;
    left: 1.4em;
    font-size: 0.83em;
    color: white;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.15em;
    line-height: 1.9em;
  }
  .h1ImageArea .messageBoard img {
    width: 75vw;
  }
  .h1ImageArea div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
    opacity: 0;
    animation-name: slide-fade;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    transform: scale(1.3);
  }
  @keyframes slide-fade {
    0% {
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    80% {
      opacity: 0;
      transform: scale(1);
    }
    100% {
      opacity: 0;
      z-index: 0;
    }
  }
  .h1ImageArea div:first-of-type {
    background-image: url(../../top/003.jpg);
  }
  .h1ImageArea div:nth-of-type(2) {
    background-image: url(../../top/004.jpg);
    animation-delay: 5s;
  }
  .h1ImageArea div:nth-of-type(3) {
    background-image: url(../../top/001.jpg);
    animation-delay: 10s;
  }
  .h1ImageArea div:last-of-type {
    background-image: url(../../top/002.jpg);
    animation-delay: 15s;
  }
  .backPath1 {
    position: absolute;
    top: 500px;
    right: 0;
    z-index: -3;
  }
  .backPath1 img {
    width: 100%;
  }
  .backPath2 {
    position: absolute;
    top: 700px;
    z-index: -2;
  }
  .backPath2 img {
    width: 100%;
  }
  .backPath3 {
    position: absolute;
    top: 700px;
    z-index: -1;
  }
  .backPath3 img {
    width: 100%;
  }
  @keyframes loop_animation_01 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  .prgBannerArea {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 92%;
    padding: 1em 0 0 0;
    overflow: hidden;
  }
  .prgBannerArea .prgBannerTitle {
    padding: 0 0 0.5em 0;
  }
  .prgBannerArea .prgBannerTitle p {
    font-size: 1em;
    color: #009F93;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .prgBannerArea .prgBannerTitle p span {
    font-size: 0.8em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
  }
  .prgBannerArea .prgBannerAreaOut {
    width: 408%;
    display: flex;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInA {
    display: flex;
    animation: loop_animation_01 22s linear infinite;
    display: flex;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInA .prgBannerContent {
    padding: 0 0.5em 0 0;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInA .prgBannerContent .prgBannerContentImg {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInA .prgBannerContent .prgBannerContentImg img {
    width: 100%;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInA .prgBannerContent .prgBannerContentCap {
    padding: 0.1em 0 0 0;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInA .prgBannerContent .prgBannerContentCap p {
    font-size: 0.7em;
    color: #666666;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInB {
    display: flex;
    animation: loop_animation_01 22s linear infinite;
    display: flex;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInB .prgBannerContent {
    padding: 0 0.5em 0 0;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInB .prgBannerContent .prgBannerContentImg {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInB .prgBannerContent .prgBannerContentImg img {
    width: 100%;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInB .prgBannerContent .prgBannerContentCap {
    padding: 0.1em 0 0 0;
  }
  .prgBannerArea .prgBannerAreaOut .prgBannerAreaInB .prgBannerContent .prgBannerContentCap p {
    font-size: 0.7em;
    color: #666666;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
  }
  .prBannerArea {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 92%;
    padding: 1.2em 0 0 0;
  }
  .prBannerArea .prBannerTitle {
    padding: 0 0 0.5em 0;
  }
  .prBannerArea .prBannerTitle p {
    font-size: 1em;
    color: #009F93;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .prBannerArea .prBannerTitle p span {
    font-size: 0.8em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
  }
  .prBannerArea .prBannerAreaIn {
    display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .prBannerArea .prBannerAreaIn .prBannerContent {
    width: 48%;
  }
  .prBannerArea .prBannerAreaIn .prBannerContent .prBannerContentImg {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
  }
  .prBannerArea .prBannerAreaIn .prBannerContent .prBannerContentImg img {
    width: 100%;
  }
  .prBannerArea .prBannerAreaIn .prBannerContent .prBannerContentCap {
    padding: 0.3em 0 0 0;
  }
  .prBannerArea .prBannerAreaIn .prBannerContent .prBannerContentCap p {
    font-size: 0.8em;
    color: #666666;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
  }
  .chairmanBannerArea {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .chairmanBannerArea .chairmanBannerAreaIn {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    float: none;
    margin: 2em 0 0 0;
  }
  .chairmanBannerArea .chairmanBannerAreaIn img {
    width: 65%;
  }
  .bottomArea {
    position: static;
    display: flex;
    gap: 1em;
    flex-direction: column;
    margin: 0 auto;
    width: 92%;
    padding: 2em 0 4em 0;
    clear: both;
  }
  .bottomArea .newsArea {
    position: relative;
    display: block;
    flex: 3;
  }
  .bottomArea .newsArea .newsTitle {
    margin: 0 0 1em 0;
  }
  .bottomArea .newsArea .newsTitle p {
    font-size: 0.9em;
    color: #009F93;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .bottomArea .newsArea .newsTitle p span {
    font-size: 0.8em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
  }
  .bottomArea .newsArea .newsBox {
    position: relative;
    display: block;
    border: solid 1px #009F93;
    height: 17em;
    overflow-y: scroll;
  }
  .bottomArea .newsArea .newsBox .newsBoxIn {
    padding: 1em 1em 0 1em;
  }
  .bottomArea .newsArea .newsBox .newsBoxIn .newsRow {
    display: flex;
    gap: 0.5em;
  }
  .bottomArea .newsArea .newsBox .newsBoxIn .newsRow .newsDate {
    display: block;
    margin: 0 0 1em 0;
  }
  .bottomArea .newsArea .newsBox .newsBoxIn .newsRow .newsDate p {
    font-size: 1em;
    color: #666666;
    line-height: 1.5em;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .bottomArea .newsArea .newsBox .newsBoxIn .newsRow .newsHeadline {
    display: block;
  }
  .bottomArea .newsArea .newsBox .newsBoxIn .newsRow .newsHeadline p {
    font-size: 1em;
    color: #666666;
    line-height: 1.5em;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
  }
  .bottomArea .addressArea {
    position: relative;
    display: block;
    flex: 1;
  }
  .bottomArea .addressArea .addressAreaLogo {
    width: 98%;
    padding: 1em 0 1em 0;
  }
  .bottomArea .addressArea .addressAreaLogo img {
    width: 100%;
  }
  .bottomArea .addressArea .addressAreaData p {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    padding: 0 0 0 0.5em;
  }
  .bottomArea .addressArea .addressAreaMap {
    width: max-content;
    border: solid 1px #009F93;
    padding: 0.2em 0.5em 0.2em 0.5em;
    margin: 0.8em 0 0.8em 0.5em;
  }
  .bottomArea .addressArea .addressAreaMap p {
    font-size: 1em;
    color: #009F93;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
  }
  .bottomArea .addressArea .addressAreaCopy p {
    font-size: 1em;
    color: #009F93;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    padding: 0 0 0 0.5em;
  }
  .newsBox::-webkit-scrollbar {
    width: 1em;
  }
  .newsBox::-webkit-scrollbar-thumb {
    background: #63B8B0;
    border-radius: 3px;
  }
  .newsBox::-webkit-scrollbar-track {
    background: rgba(140, 140, 140, 0.5);
  }
  .footerArea {
    position: relative;
    display: flex;
    margin: 0 auto;
    width: 100%;
    height: 52px;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#fbffc9, #0085c3 60%);
  }
  .footerArea .foot {
    display: block;
  }
  .footerArea .foot p {
    font-size: 0.8em;
    color: white;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  /*
  .slider{width:100vw; height:60vh; overflow:hidden; position:relative; max-width:100%;}
  .slider div{position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; z-index:10; opacity:0; animation-name:slide-fade; animation-duration:15s; animation-iteration-count:infinite;}

  @keyframes slide-fade {
  0%{opacity:0;}
  20%{opacity:1;}
  80%{opacity:0;}
  100%{opacity:0; z-index:0;}
  }
  .slider div:first-of-type{background-image:url(../../top/001.jpg);}
  .slider div:nth-of-type(2){background-image:url(../../top/002.jpg); animation-delay:5s;}
  .slider div:last-of-type{background-image:url(../../top/003.jpg); animation-delay:10s;}
  */
  /*
  .slider{width:100vw; height:60vh; overflow:hidden; position:relative; max-width:100%;}
  .slider div{position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; z-index:10; opacity:0; animation-name:slide-fade; animation-duration:30s; animation-iteration-count:infinite; transform:scale(1.5);}

  @keyframes slide-fade{
  0%{opacity:0;}
  20%{opacity:1;}
  80%{opacity:0; transform:scale(1);}
  100%{opacity:0; z-index:0;}
  }
  .slider div:first-of-type{background-image:url(../../top/001.jpg);}
  .slider div:nth-of-type(2){background-image:url(../../top/002.jpg); animation-delay:10s;}
  .slider div:last-of-type{background-image:url(../../top/003.jpg); animation-delay:20s;}
  */
  .headerArea2 {
    position: relative;
    display: flex;
    margin: 0 auto;
    width: 100%;
    height: 80px;
    justify-content: space-between;
    z-index: 30;
  }
  .headerArea2 .headLogo {
    position: relative;
    display: block;
    width: 10em;
    margin: 16px 0 0 16px;
  }
  .headerArea2 .headLogo img {
    width: 100%;
  }
  .headerArea2 .headMenu2 {
    position: relative;
    display: none;
    gap: 3em;
    margin: 2em 0 0 0;
  }
  .headerArea2 .headMenu2 .headMenuList {
    position: relative;
    display: block;
    right: 3em;
  }
  .headerArea2 .headMenu2 .headMenuList p {
    font-size: 1.1em;
    color: #666666;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    text-decoration: underline dotted;
    text-underline-offset: 0.3em;
  }
  .headerArea2 .headMenuOpenButton2 {
    position: relative;
    display: block;
    margin: 26px 26px 0 0;
  }
  .headerArea2 .headMenuOpenButton2 .buttonBar {
    background-color: #666666;
    width: 45px;
    height: 2px;
    margin: 0 0 10px 0;
  }
  .h1ImageArea2 {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .h1ImageArea2 .h1ImageAreaIn2 {
    position: absolute;
    z-index: -1;
  }
  .h1ImageArea2 .h1ImageAreaIn2 img {
    width: 100%;
  }
  .h1ImageArea2 .h1ImageAreaIn3 {
    position: static;
    z-index: 10;
  }
  .h1ImageArea2 .h1ImageAreaIn3 img {
    width: 100%;
  }
  .backPath5 {
    position: absolute;
    width: 100%;
    top: 400px;
    z-index: -2;
  }
  .backPath5 img {
    width: 100%;
  }
  .backPath4 {
    position: absolute;
    width: 100%;
    top: 700px;
    z-index: -3;
  }
  .backPath4 img {
    width: 100%;
  }
  .backPath6 {
    position: absolute;
    width: 100%;
    top: 700px;
    z-index: -4;
  }
  .backPath6 img {
    width: 100%;
  }
  .conceptArea {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .conceptArea .conceptAreaIn {
    width: 92%;
    display: flex;
    flex-direction: column-reverse;
  }
  .conceptArea .conceptAreaIn .conceptRead {
    display: block;
    padding: 2em 0 0 1em;
    flex: 3;
  }
  .conceptArea .conceptAreaIn .conceptRead p {
    font-size: 1em;
    color: #467DAA;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 2.4em;
    letter-spacing: 0.05em;
  }
  .conceptArea .conceptAreaIn .conceptImage {
    display: block;
    padding: 2em 0 0 1em;
    flex: 2.5;
  }
  .conceptArea .conceptAreaIn .conceptImage img {
    width: 100%;
  }
  .fireAreaA {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 2em 0 2em 0;
  }
  .fireAreaA .fireAreaInA {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 92%;
  }
  .fireAreaA .fireAreaInA .fireLeftA {
    display: block;
    flex: 1;
    text-align: left;
    padding: 1em 0 0 0;
  }
  .fireAreaA .fireAreaInA .fireLeftA img {
    width: 10%;
  }
  .fireAreaA .fireAreaInA .fireCenterA {
    display: block;
    flex: 3;
    padding: 0 0 0 0;
  }
  .fireAreaA .fireAreaInA .fireCenterA .fireCenterAup {
    border-bottom: solid 1px #5D81B1;
    padding: 0 0 0.5em 0;
  }
  .fireAreaA .fireAreaInA .fireCenterA .fireCenterAup .oneAup {
    font-size: 1.6em;
    color: #666666;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .fireAreaA .fireAreaInA .fireCenterA .fireCenterAup .twoAup {
    font-size: 2em;
    color: #C63438;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaA .fireAreaInA .fireCenterA .fireCenterAup .threeAup {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .fireAreaA .fireAreaInA .fireCenterA .fireCenterAdown {
    display: block;
    padding: 0.6em 0 0 0;
  }
  .fireAreaA .fireAreaInA .fireCenterA .fireCenterAdown .oneAdown {
    font-size: 1em;
    color: #C63438;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaA .fireAreaInA .fireCenterA .fireCenterAdown .twoAdown {
    font-size: 2em;
    color: #C63438;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0.1em 0 0 0;
    text-indent: -0.5em;
  }
  .fireAreaA .fireAreaInA .fireCenterA .fireCenterAdown .threeAdown {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    padding: 0.3em 0 0 0;
  }
  .fireAreaA .fireAreaInA .fireRightA {
    display: block;
    flex: 3;
    padding: 1em 0 0 0;
  }
  .fireAreaA .fireAreaInA .fireRightA img {
    width: 100%;
  }
  .fireAreaB {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 2em 0 2em 0;
  }
  .fireAreaB .fireAreaInB {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 92%;
  }
  .fireAreaB .fireAreaInB .fireLeftB {
    display: block;
    flex: 0.7;
    text-align: left;
    padding: 1em 0 0 0;
    order: 1;
  }
  .fireAreaB .fireAreaInB .fireLeftB img {
    width: 10%;
  }
  .fireAreaB .fireAreaInB .fireCenterB {
    display: block;
    flex: 3;
    padding: 0;
    order: 2;
  }
  .fireAreaB .fireAreaInB .fireCenterB .fireCenterBup {
    border-bottom: solid 1px #5D81B1;
    padding: 0 0 0.5em 0;
  }
  .fireAreaB .fireAreaInB .fireCenterB .fireCenterBup .oneBup {
    font-size: 1.6em;
    color: #666666;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .fireAreaB .fireAreaInB .fireCenterB .fireCenterBup .twoBup {
    font-size: 2em;
    color: #1C9FC6;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaB .fireAreaInB .fireCenterB .fireCenterBup .threeBup {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .fireAreaB .fireAreaInB .fireCenterB .fireCenterBdown {
    display: block;
    padding: 0.6em 0 0 0;
  }
  .fireAreaB .fireAreaInB .fireCenterB .fireCenterBdown .oneBdown {
    font-size: 1em;
    color: #1C9FC6;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaB .fireAreaInB .fireCenterB .fireCenterBdown .twoBdown {
    font-size: 2em;
    color: #1C9FC6;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0.1em 0 0 0;
    text-indent: -0.5em;
  }
  .fireAreaB .fireAreaInB .fireCenterB .fireCenterBdown .threeBdown {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    padding: 0.3em 0 0 0;
  }
  .fireAreaB .fireAreaInB .fireRightB {
    display: block;
    flex: 3;
    padding: 1em 0 0 0;
    order: 3;
  }
  .fireAreaB .fireAreaInB .fireRightB img {
    width: 100%;
  }
  .fireAreaC {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 2em 0 2em 0;
  }
  .fireAreaC .fireAreaInC {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 92%;
  }
  .fireAreaC .fireAreaInC .fireLeftC {
    display: block;
    flex: 1;
    text-align: left;
    padding: 1em 0 0 0;
  }
  .fireAreaC .fireAreaInC .fireLeftC img {
    width: 10%;
  }
  .fireAreaC .fireAreaInC .fireCenterC {
    display: block;
    flex: 3;
    padding: 0 0 0 0;
  }
  .fireAreaC .fireAreaInC .fireCenterC .fireCenterCup {
    border-bottom: solid 1px #5D81B1;
    padding: 0 0 0.5em 0;
  }
  .fireAreaC .fireAreaInC .fireCenterC .fireCenterCup .oneCup {
    font-size: 1.6em;
    color: #666666;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .fireAreaC .fireAreaInC .fireCenterC .fireCenterCup .twoCup {
    font-size: 2em;
    color: #DB9338;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaC .fireAreaInC .fireCenterC .fireCenterCup .threeCup {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .fireAreaC .fireAreaInC .fireCenterC .fireCenterCdown {
    display: block;
    padding: 0.6em 0 0 0;
  }
  .fireAreaC .fireAreaInC .fireCenterC .fireCenterCdown .oneCdown {
    font-size: 1em;
    color: #DB9338;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaC .fireAreaInC .fireCenterC .fireCenterCdown .twoCdown {
    font-size: 1.7em;
    color: #DB9338;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0.1em 0 0 0;
    text-indent: -0.5em;
  }
  .fireAreaC .fireAreaInC .fireCenterC .fireCenterCdown .threeCdown {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    padding: 0.3em 0 0 0;
  }
  .fireAreaC .fireAreaInC .fireRightC {
    display: block;
    flex: 3;
    padding: 1em 0 0 0;
  }
  .fireAreaC .fireAreaInC .fireRightC img {
    width: 100%;
  }
  .fireAreaD {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 2em 0 2em 0;
  }
  .fireAreaD .fireAreaInD {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 92%;
  }
  .fireAreaD .fireAreaInD .fireLeftD {
    display: block;
    flex: 0.7;
    text-align: left;
    padding: 1em 0 0 0;
    order: 1;
  }
  .fireAreaD .fireAreaInD .fireLeftD img {
    width: 10%;
  }
  .fireAreaD .fireAreaInD .fireCenterD {
    display: block;
    flex: 3;
    padding: 0;
    order: 2;
  }
  .fireAreaD .fireAreaInD .fireCenterD .fireCenterDup {
    border-bottom: solid 1px #5D81B1;
    padding: 0 0 0.5em 0;
  }
  .fireAreaD .fireAreaInD .fireCenterD .fireCenterDup .oneDup {
    font-size: 1.6em;
    color: #666666;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .fireAreaD .fireAreaInD .fireCenterD .fireCenterDup .twoDup {
    font-size: 2em;
    color: #5EA74A;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaD .fireAreaInD .fireCenterD .fireCenterDup .threeDup {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .fireAreaD .fireAreaInD .fireCenterD .fireCenterDdown {
    display: block;
    padding: 0.6em 0 0 0;
  }
  .fireAreaD .fireAreaInD .fireCenterD .fireCenterDdown .oneDdown {
    font-size: 1em;
    color: #5EA74A;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaD .fireAreaInD .fireCenterD .fireCenterDdown .twoDdown {
    font-size: 2em;
    color: #5EA74A;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0.1em 0 0 0;
    text-indent: -0.5em;
  }
  .fireAreaD .fireAreaInD .fireCenterD .fireCenterDdown .threeDdown {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    padding: 0.3em 0 0 0;
  }
  .fireAreaD .fireAreaInD .fireRightD {
    display: block;
    flex: 3;
    padding: 1em 0 0 0;
    order: 3;
  }
  .fireAreaD .fireAreaInD .fireRightD img {
    width: 100%;
  }
  .fireAreaE {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 2em 0 2em 0;
  }
  .fireAreaE .fireAreaInE {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 92%;
  }
  .fireAreaE .fireAreaInE .fireLeftE {
    display: block;
    flex: 1;
    text-align: left;
    padding: 1em 0 0 0;
  }
  .fireAreaE .fireAreaInE .fireLeftE img {
    width: 10%;
  }
  .fireAreaE .fireAreaInE .fireCenterE {
    display: block;
    flex: 3;
    padding: 0 0 0 0;
  }
  .fireAreaE .fireAreaInE .fireCenterE .fireCenterEup {
    border-bottom: solid 1px #5D81B1;
    padding: 0 0 0.5em 0;
  }
  .fireAreaE .fireAreaInE .fireCenterE .fireCenterEup .oneEup {
    font-size: 1.6em;
    color: #666666;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .fireAreaE .fireAreaInE .fireCenterE .fireCenterEup .twoEup {
    font-size: 2em;
    color: #C52E7C;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaE .fireAreaInE .fireCenterE .fireCenterEup .threeEup {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .fireAreaE .fireAreaInE .fireCenterE .fireCenterEdown {
    display: block;
    padding: 0.6em 0 0 0;
  }
  .fireAreaE .fireAreaInE .fireCenterE .fireCenterEdown .oneEdown {
    font-size: 1em;
    color: #C52E7C;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaE .fireAreaInE .fireCenterE .fireCenterEdown .twoEdown {
    font-size: 2em;
    color: #C52E7C;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0.1em 0 0 0;
    text-indent: -0.5em;
  }
  .fireAreaE .fireAreaInE .fireCenterE .fireCenterEdown .threeEdown {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    padding: 0.3em 0 0 0;
  }
  .fireAreaE .fireAreaInE .fireRightE {
    display: block;
    flex: 3;
    padding: 1em 0 0 0;
  }
  .fireAreaE .fireAreaInE .fireRightE img {
    width: 100%;
  }
  .fireAreaF {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 2em 0 2em 0;
  }
  .fireAreaF .fireAreaInF {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 92%;
  }
  .fireAreaF .fireAreaInF .fireLeftF {
    display: block;
    flex: 0.7;
    text-align: left;
    padding: 1em 0 0 0;
    order: 1;
  }
  .fireAreaF .fireAreaInF .fireLeftF img {
    width: 10%;
  }
  .fireAreaF .fireAreaInF .fireCenterF {
    display: block;
    flex: 3;
    padding: 0;
    order: 2;
  }
  .fireAreaF .fireAreaInF .fireCenterF .fireCenterFup {
    border-bottom: solid 1px #5D81B1;
    padding: 0 0 0.5em 0;
  }
  .fireAreaF .fireAreaInF .fireCenterF .fireCenterFup .oneFup {
    font-size: 1.6em;
    color: #666666;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .fireAreaF .fireAreaInF .fireCenterF .fireCenterFup .twoFup {
    font-size: 2em;
    color: #8F2476;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaF .fireAreaInF .fireCenterF .fireCenterFup .threeFup {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .fireAreaF .fireAreaInF .fireCenterF .fireCenterFdown {
    display: block;
    padding: 0.6em 0 0 0;
  }
  .fireAreaF .fireAreaInF .fireCenterF .fireCenterFdown .oneFdown {
    font-size: 1em;
    color: #8F2476;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaF .fireAreaInF .fireCenterF .fireCenterFdown .twoFdown {
    font-size: 2em;
    color: #8F2476;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0.1em 0 0 0;
    text-indent: -0.5em;
  }
  .fireAreaF .fireAreaInF .fireCenterF .fireCenterFdown .threeFdown {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    padding: 0.3em 0 0 0;
  }
  .fireAreaF .fireAreaInF .fireRightF {
    display: block;
    flex: 3;
    padding: 1em 0 0 0;
    order: 3;
  }
  .fireAreaF .fireAreaInF .fireRightF img {
    width: 100%;
  }
  .fireAreaG {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 2em 0 2em 0;
  }
  .fireAreaG .fireAreaInG {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 92%;
  }
  .fireAreaG .fireAreaInG .fireLeftG {
    display: block;
    flex: 1;
    text-align: left;
    padding: 1em 0 0 0;
  }
  .fireAreaG .fireAreaInG .fireLeftG img {
    width: 10%;
  }
  .fireAreaG .fireAreaInG .fireCenterG {
    display: block;
    flex: 3;
    padding: 0 0 0 0;
  }
  .fireAreaG .fireAreaInG .fireCenterG .fireCenterGup {
    border-bottom: solid 1px #5D81B1;
    padding: 0 0 0.5em 0;
  }
  .fireAreaG .fireAreaInG .fireCenterG .fireCenterGup .oneGup {
    font-size: 1.6em;
    color: #666666;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .fireAreaG .fireAreaInG .fireCenterG .fireCenterGup .twoGup {
    font-size: 2em;
    color: #C94A39;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaG .fireAreaInG .fireCenterG .fireCenterGup .threeGup {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .fireAreaG .fireAreaInG .fireCenterG .fireCenterGdown {
    display: block;
    padding: 0.6em 0 0 0;
  }
  .fireAreaG .fireAreaInG .fireCenterG .fireCenterGdown .oneGdown {
    font-size: 1em;
    color: #C94A39;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaG .fireAreaInG .fireCenterG .fireCenterGdown .twoGdown {
    font-size: 2em;
    color: #C94A39;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0.1em 0 0 0;
    text-indent: -0.5em;
  }
  .fireAreaG .fireAreaInG .fireCenterG .fireCenterGdown .threeGdown {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    padding: 0.3em 0 0 0;
  }
  .fireAreaG .fireAreaInG .fireRightG {
    display: block;
    flex: 3;
    padding: 1em 0 0 0;
  }
  .fireAreaG .fireAreaInG .fireRightG img {
    width: 100%;
  }
  .fireAreaH {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 2em 0 2em 0;
  }
  .fireAreaH .fireAreaInH {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    width: 92%;
  }
  .fireAreaH .fireAreaInH .fireLeftH {
    display: block;
    flex: 0.7;
    text-align: left;
    padding: 1em 0 0 0;
    order: 1;
  }
  .fireAreaH .fireAreaInH .fireLeftH img {
    width: 10%;
  }
  .fireAreaH .fireAreaInH .fireCenterH {
    display: block;
    flex: 3;
    padding: 0;
    order: 2;
  }
  .fireAreaH .fireAreaInH .fireCenterH .fireCenterHup {
    border-bottom: solid 1px #5D81B1;
    padding: 0 0 0.5em 0;
  }
  .fireAreaH .fireAreaInH .fireCenterH .fireCenterHup .oneHup {
    font-size: 1.6em;
    color: #666666;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .fireAreaH .fireAreaInH .fireCenterH .fireCenterHup .twoHup {
    font-size: 2em;
    color: #9AC159;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaH .fireAreaInH .fireCenterH .fireCenterHup .threeHup {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .fireAreaH .fireAreaInH .fireCenterH .fireCenterHdown {
    display: block;
    padding: 0.6em 0 0 0;
  }
  .fireAreaH .fireAreaInH .fireCenterH .fireCenterHdown .oneHdown {
    font-size: 1em;
    color: #9AC159;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .fireAreaH .fireAreaInH .fireCenterH .fireCenterHdown .twoHdown {
    font-size: 2em;
    color: #9AC159;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0.1em 0 0 0;
    text-indent: -0.5em;
  }
  .fireAreaH .fireAreaInH .fireCenterH .fireCenterHdown .threeHdown {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    padding: 0.3em 0 0 0;
  }
  .fireAreaH .fireAreaInH .fireRightH {
    display: block;
    flex: 3;
    padding: 1em 0 0 0;
    order: 3;
  }
  .fireAreaH .fireAreaInH .fireRightH img {
    width: 100%;
  }
  .companyProfileTitleArea {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 92%;
    padding: 1em 0 1.8em 0;
  }
  .companyProfileTitleArea .companyProfileTitleAreaIn {
    margin: 0 auto;
    width: 100%;
    display: flex;
  }
  .companyProfileTitleArea .companyProfileTitleAreaIn .companyTitleLeft {
    display: block;
    flex: 2;
    text-align: left;
    padding: 0 0 0 0;
  }
  .companyProfileTitleArea .companyProfileTitleAreaIn .companyTitleLeft p {
    font-size: 1.7em;
    color: #5D81B1;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    text-decoration: underline yellow solid 3px;
  }
  .companyProfileTitleArea .companyProfileTitleAreaIn .companyTitleRight {
    display: block;
    flex: 0.1;
  }
  .companyProfileTitleArea .companyProfileTitleAreaIn .companyTitleRight p {
    font-size: 1.6em;
  }
  .companyProfile {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 92%;
    padding: 0 0 1em 0;
  }
  .companyProfile .companyProfileIn {
    margin: 0 auto;
    width: 100%;
    display: flex;
  }
  .companyProfile .companyProfileIn .companyProfileLeft {
    display: block;
    flex: 1;
    text-align: right;
    border-right: solid 4px #5FB4EA;
    padding: 0.5em 1em 2.5em 0;
    margin: 0 0 0.5em 0;
  }
  .companyProfile .companyProfileIn .companyProfileLeft p {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .companyProfile .companyProfileIn .companyProfileRight {
    display: block;
    flex: 5;
    border-left: solid 4px yellow;
    padding: 0 0 2.5em 1em;
    margin: 0.5em 0 0 0;
  }
  .companyProfile .companyProfileIn .companyProfileRight p {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .companyProfile .companyProfileIn .companyProfileRight .gmapBorder {
    width: max-content;
    border: solid 1px #009F93;
    padding: 0.2em 0.5em 0.2em 0.5em;
    margin: 0.8em 0 0.8em 0;
    font-size: 1em;
    color: #009F93;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
  }
  .officeArea {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 0 0 6em 0;
  }
  .officeArea .officeAreaIn {
    margin: 0 auto;
    width: 45%;
    text-align: center;
  }
  .officeArea .officeAreaIn img {
    width: 100%;
  }
  .officeArea .officeAreaIn p {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .galleryListArea {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 1em 0 2em 0;
  }
  .galleryListArea .galleryListAreaIn {
    display: flex;
    margin: 0 auto;
    width: 92%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1em;
  }
  .galleryListArea .galleryListAreaIn .galleryListItem {
    width: 47%;
    padding: 2em 1em;
    border: solid 1px #0085c3;
  }
  .galleryListArea .galleryListAreaIn .galleryListItem .galleryListItemIn {
    aspect-ratio: 16/10;
    overflow: hidden;
  }
  .galleryListArea .galleryListAreaIn .galleryListItem .galleryListItemIn img {
    width: 100%;
  }
  .galleryListArea .galleryListAreaIn .galleryListItem .galleryListItemCap {
    display: block;
    background-color: #b7d1f2;
    text-align: right;
    padding: 0 0.2em 0.2em 0;
  }
  .galleryListArea .galleryListAreaIn .galleryListItem .galleryListItemCap p {
    font-size: 0.6em;
    color: white;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0.1em 0 0 0;
  }
  .chairmanTitleArea {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 1em 0 0 0;
    text-align: center;
  }
  .chairmanTitleArea .chairmanTitleAreaIn {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 92%;
  }
  .chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle1st {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 92%;
    padding: 0 0 2em 0;
  }
  .chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle1st p {
    font-size: 1.1em;
    color: #467DAA;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
  }
  .chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle2nd {
    margin: 0 auto;
    width: 100%;
    padding: 0 0 1em 0;
  }
  .chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle2nd .chairmanTitle2ndIn {
    margin: 0 auto;
    width: max-content;
    background: linear-gradient(45deg, #1F0ACC, #FB14CB);
    padding: 1.3em 0.5em;
    border-radius: 5px;
  }
  .chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle2nd .chairmanTitle2ndIn .headOne {
    font-size: 2em;
    color: white;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.1em;
    letter-spacing: 0.05em;
  }
  .chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle2nd .chairmanTitle2ndIn .captionEng {
    font-size: 1.2em;
    color: white;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
    padding: 0.4em 0 0 0;
  }
  .chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle3rd {
    margin: 0 auto;
    width: 69%;
  }
  .chairmanTitleArea .chairmanTitleAreaIn .chairmanTitle3rd p {
    font-size: 0.8em;
    color: #467DAA;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0em;
  }
  .questionArea {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 2.5em 0 3em 0;
  }
  .questionArea .questionNumber {
    margin: 0 auto;
    width: max-content;
    background-color: #DFFF75;
    border-radius: 10px;
    padding: 0.4em 0.5em 0.5em 0.5em;
  }
  .questionArea .questionNumber .questionNumberIn {
    margin: 0 auto;
    width: max-content;
    border: solid 1px #009F93;
    border-radius: 8px;
    padding: 0 1em 0.1em 1em;
  }
  .questionArea .questionNumber .questionNumberIn p {
    font-size: 1em;
    color: #009F93;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .questionArea .questionNumber .questionNumberIn p span {
    font-size: 1.4em;
    color: #009F93;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    vertical-align: -3px;
  }
  .questionArea .questionSentence {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 2em 1em 0 1.5em;
  }
  .questionArea .questionSentence p {
    margin: 0 auto;
    font-size: 1.4em;
    color: #009F93;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
  }
  .answerArea {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 0 0 0 0;
  }
  .answerArea .answerHead {
    margin: 0 auto;
    width: max-content;
    background-color: #B9EAFF;
    border-radius: 10px;
    padding: 0.4em 0.5em 0.5em 0.5em;
  }
  .answerArea .answerHead .answerHeadIn {
    margin: 0 auto;
    width: max-content;
    border: solid 1px #467DAA;
    border-radius: 8px;
    padding: 0 1em 0.1em 1em;
  }
  .answerArea .answerHead .answerHeadIn p {
    font-size: 1em;
    color: #467DAA;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
  }
  .answerArea .answerHead .answerHeadIn p span {
    font-size: 0.8em;
    color: #467DAA;
    font-family: "Noto Sans JP", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
  }
  .answerArea .answerBody {
    margin: 0 auto;
    width: 92%;
    padding: 1em 0 3em 0;
  }
  .answerArea .answerBody p {
    font-size: 1em;
    color: #467DAA;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 2em;
    letter-spacing: 0.05em;
  }
  .inquiryFormAreaOne {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 1em 0 1em 0;
  }
  .inquiryFormAreaOne .inquiryFormAreaOneIn {
    margin: 0 auto;
    width: 92%;
  }
  .inquiryFormAreaOne .inquiryFormAreaOneIn p {
    font-size: 1em;
    color: #666666;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 2em;
    letter-spacing: 0.05em;
  }
  .inquiry03 {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  .inquiry03 .contact_chap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 6em;
    position: static;
    z-index: -2;
  }
  .inquiry03 .contact_chap .contact_agree_box {
    margin: 0 auto;
    width: 100%;
    background-color: #d2edff;
    padding: 1em 0 1em 0;
  }
  .inquiry03 .contact_chap .contact_agree_box .contact_agree_in {
    position: relative;
    margin: 0 auto;
    width: 92%;
    border: solid 1px #467DAA;
    padding: 1em 1em 1em 2em;
  }
  .inquiry03 .contact_chap .contact_agree_box .contact_agree_in ul li {
    line-height: 1.8em;
    font-size: 1em;
    color: #467DAA;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
  }
  .inquiry03 .contact_chap .contact_form_field_d {
    position: relative;
  }
  .inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d {
    position: static;
    margin: 0 auto;
    width: 72%;
  }
  .inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d .contact_form_field_label_d {
    padding: 2em 0 0 0;
  }
  .inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d .contact_form_field_label_d p {
    line-height: 2.2em;
    font-size: 1.2em;
    color: black;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
  }
  .inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d .contact_form_field_d p {
    line-height: 2.2em;
    font-size: 1.2em;
    color: black;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
  }
  .inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d .contact_form_field_d p input {
    line-height: 2.2em;
    font-size: 1.2em;
    color: #888;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
    width: 10em;
  }
  .inquiry03 .contact_chap .contact_form_field_d .contact_form_field_in_d .contact_form_field_d p textarea {
    line-height: 2.2em;
    font-size: 1.2em;
    color: #888;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
  }
  .inquiry03 .contact_chap .contact_message_box {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
  .inquiry03 .contact_chap .contact_message_box .contact_message_in {
    margin: 0 auto;
    width: 92%;
    padding: 3em 0 4em 0;
    background-color: #4f4f4f;
  }
  .inquiry03 .contact_chap .contact_message_box .contact_message_in p {
    line-height: 2.2em;
    font-size: 1em;
    color: white;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
  }
  .inquiry03 .contact_chap .contact_form_box {
    margin: 3em auto 0;
    width: 92%;
  }
  .inquiry03 .contact_chap .contact_form_box .contact_from_in {
    position: relative;
    z-index: 10;
  }
  .inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_form_field .contact_form_field_in .contact_form_field_label p {
    line-height: 2.2em;
    font-size: 1em;
    color: black;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
  }
  .inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_form_field .contact_form_field_in .contact_form_field p {
    line-height: 2.2em;
    font-size: 1em;
    color: black;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
  }
  .inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_form_field .contact_form_field_in .contact_form_field p input {
    line-height: 2.2em;
    font-size: 1em;
    color: #888;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
    width: 18em;
  }
  .inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_form_field .contact_form_field_in .contact_form_field p textarea {
    line-height: 2.2em;
    font-size: 1em;
    color: #888;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
  }
  .inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_sendbutton_box {
    margin: 2em 0 0 0;
  }
  .inquiry03 .contact_chap .contact_form_box .contact_from_in form .contact_sendbutton_box .contact_sendbutton_box_in button {
    line-height: 2.2em;
    font-size: 1.2em;
    color: black;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
    padding: 0.5em 1em 0.5em 1em;
  }
  .wonder99 {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 92%;
    height: 70vh;
    padding: 0 0 5em 0;
  }
  .galleryDateAndNameArea {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 1em 0 1em 0;
  }
  .galleryDateAndNameArea .galleryDateAndNameAreaIn {
    margin: 0 auto;
    width: max-content;
  }
  .galleryDateAndNameArea .galleryDateAndNameAreaIn .galleryPostedDateUp {
    font-size: 1em;
    color: #009F93;
    font-family: "Kanit", serif;
    font-weight: 500;
    font-style: italic;
    padding: 0 0 0.5em 0;
  }
  .galleryDateAndNameArea .galleryDateAndNameAreaIn .galleryLocalAreaDown {
    font-size: 1.2em;
    color: #467DAA;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    text-align: center;
  }
}
/* smart end here*/

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