@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
変数
----------------------------------------*/
/*----------------------------------------
カラー
----------------------------------------*/
/*----------------------------------------
ブレイクポイント
----------------------------------------*/
body {
  color: #302D2C;
  box-sizing: border-box;
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

img {
  width: 100%;
}

.c-innerS {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.c-innerM {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

.c-innerL {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
}

.c-title01__img {
  width: 82px;
}
@media screen and (max-width: 767px) {
  .c-title01__img {
    width: 68px;
  }
}
.c-title01__subtit {
  font-size: 20px;
  font-family: din-2014, sans-serif;
  color: #F99926;
  letter-spacing: 0.04em;
  padding-top: 17.1px;
}
@media screen and (max-width: 767px) {
  .c-title01__subtit {
    font-size: 16px;
  }
}
.c-title01__tit {
  font-size: 42px;
  letter-spacing: 0.05em;
  font-family: "A1 Gothic M";
  font-weight: normal;
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .c-title01__tit {
    font-size: 28px;
    padding-top: 12px;
  }
}

.c-scrollButton {
  display: inline-block;
  position: relative;
  width: 85px;
  height: 85px;
  transition: all 0.3s;
}
.c-scrollButton:hover .c-scrollButton__inner {
  transform: scale(1.1);
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .c-scrollButton {
    width: 79px;
    height: 79px;
  }
}
.c-scrollButton__bg {
  animation: 15s linear infinite rotation;
}
.c-scrollButton__tit {
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-family: din-2014, sans-serif;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.05em;
}
.c-scrollButton__img {
  position: absolute;
  bottom: 21px;
  left: 42%;
  transform: rotate(-90deg);
  transform-origin: center;
  width: 12px;
  stroke: #fff;
}

.c-button {
  display: inline-block;
  background: #A9C326;
  border-radius: 23px;
  position: relative;
  transition: all 0.3s;
}
.c-button:hover {
  opacity: 0.7;
}
.c-button__img {
  width: 23px;
  position: absolute;
  top: 5.5px;
  left: 19px;
  stroke: #fff;
}
.c-button__txt {
  font-family: "A1 Gothic M";
  font-size: 16px;
  color: #fff;
  padding: 12.5px 22px 14.5px 52px;
}

.wrapSp {
  display: none;
}
@media screen and (max-width: 767px) {
  .wrapSp {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .wrapPc {
    display: none;
  }
}

.fade_off {
  opacity: 0;
  transform: translateY(15px);
  transition: all 1s;
}

.fade_on {
  opacity: 1;
  transform: translateY(0);
  transition-duration: 2.3s;
}

.slideDown {
  animation: 0.5s ease-in slideDown forwards;
  animation-delay: 2.6s;
  opacity: 0;
  transform: translateY(-100%);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.globalHeader {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  padding: 0 32px;
}
@media screen and (max-width: 960px) {
  .globalHeader {
    padding: 0 20px;
  }
}
.globalHeader .globalHeaderLogo {
  width: 15vw;
  max-width: 203px;
  min-width: 145px;
  padding-top: 15.4px;
  padding-bottom: 19.4px;
}
@media screen and (max-width: 960px) {
  .globalHeader .globalHeaderLogo {
    padding-top: 10.8px;
    padding-bottom: 12.6px;
  }
}
.globalHeader .globalHeaderContainer {
  display: flex;
  align-items: center;
}
.globalHeader .globalHeaderNav {
  margin-left: auto;
}
.globalHeader .globalHeaderNav__lists {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .globalHeader .globalHeaderNav__lists {
    display: none;
  }
}
.globalHeader .globalHeaderNav__lists .globalHeaderNav__item {
  text-align: center;
  transition: all 0.3s;
}
.globalHeader .globalHeaderNav__lists .globalHeaderNav__item:hover {
  opacity: 0.7;
}
.globalHeader .globalHeaderNav__lists .globalHeaderNav__item:nth-child(n+2) {
  margin-left: 40px;
}
.globalHeader .globalHeaderNav__lists .globalHeaderNav__item .globalHeaderNav__link {
  font-family: "A1 Gothic M";
  color: #302D2C;
  letter-spacing: 0.05em;
  font-size: 1.1713030747vw;
}
@media screen and (min-width: 1366px) {
  .globalHeader .globalHeaderNav__lists .globalHeaderNav__item .globalHeaderNav__link {
    font-size: 16px;
  }
}
.globalHeader .globalHeaderNav__lists .globalHeaderNav__item .globalHeaderNav__link span {
  display: block;
  padding-top: 4.5px;
  font-size: 12px;
  color: #F99926;
  letter-spacing: 0.04em;
  font-family: din-2014, sans-serif;
}
.globalHeader .globalHeaderNav__lists .globalHeaderButton {
  margin-left: 25px;
}
.globalHeader .globalHeaderNav .globalHeaderButtonSp {
  font-family: din-2014, sans-serif;
  display: none;
}
.globalHeader .globalHeaderNav .globalHeaderButtonSp.--open {
  background-color: #F99926;
}
@media screen and (max-width: 1200px) {
  .globalHeader .globalHeaderNav .globalHeaderButtonSp {
    display: block;
  }
}
.globalHeader .globalHeaderNav .globalHeaderButtonSp__img {
  position: relative;
  top: 15px;
}
.globalHeader .globalHeaderNav .globalHeaderButtonSp__img span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 1px;
  border-radius: 20px;
  background-color: #fff;
}
.globalHeader .globalHeaderNav .globalHeaderButtonSp__img span:nth-child(2) {
  margin-top: 5.9px;
}
.globalHeader .globalHeaderNav .globalHeaderButtonSp__img span:nth-child(3) {
  margin-top: 11.8px;
}
.globalHeader .globalHeaderNav .globalHeaderButtonSp__txtOpen.--open {
  display: none;
}
.globalHeader .globalHeaderNav .globalHeaderButtonSp__txtClose {
  display: none;
}
.globalHeader .globalHeaderNav .globalHeaderButtonSp__txtClose.--open {
  display: block;
}

.globalHeaderMenuSp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #FFF5E9;
  z-index: 1;
  display: none;
  margin-top: 40px;
}
.globalHeaderMenuSp.--open {
  display: block;
}
.globalHeaderMenuSp .globalHeaderNav {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.globalHeaderMenuSp .globalHeaderNav__lists {
  text-align: center;
}
.globalHeaderMenuSp .globalHeaderNav__lists .globalHeaderNav__item {
  transition: all 0.3s;
}
.globalHeaderMenuSp .globalHeaderNav__lists .globalHeaderNav__item:hover {
  opacity: 0.7;
}
.globalHeaderMenuSp .globalHeaderNav__lists .globalHeaderNav__item:nth-child(n+2) {
  margin-top: 40.7px;
}
.globalHeaderMenuSp .globalHeaderNav__lists .globalHeaderNav__item .globalHeaderNav__link {
  color: #302D2C;
  font-size: 20px;
  font-family: "A1 Gothic M";
  letter-spacing: 0.05em;
}
.globalHeaderMenuSp .globalHeaderNav__lists .globalHeaderNav__item .globalHeaderNav__link span {
  display: block;
  color: #F99926;
  font-size: 14px;
  font-family: din-2014, sans-serif;
  padding-top: 7.3px;
  letter-spacing: 0.04em;
}
.globalHeaderMenuSp .globalHeaderNav .globalHeaderButton {
  margin-top: 40.7px;
  border-radius: 29px;
}
.globalHeaderMenuSp .globalHeaderNav .globalHeaderButton__img {
  top: 12.5px;
}
.globalHeaderMenuSp .globalHeaderNav .globalHeaderButton__txt {
  padding: 19px 29px 19px 65px;
}

#mainVisual {
  margin: 100px 32px 32px 32px;
  animation: 2s ease-in fadeIn;
}
@media screen and (max-width: 960px) {
  #mainVisual {
    margin: 70px 20px 20px 20px;
  }
}
#mainVisual .mainVisualContainer .mainVisualImage {
  position: relative;
}
#mainVisual .mainVisualContainer .mainVisualImage__img {
  height: calc(var(--vh, 1vh) * 100 - 132px);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 960px) {
  #mainVisual .mainVisualContainer .mainVisualImage__img {
    height: calc(var(--vh, 1vh) * 100 - 90px);
  }
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualDeco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 273px;
  max-width: 763px;
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualDeco__img {
  transition-delay: 1.2s;
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualButtonWrap {
  opacity: 0;
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualButtonWrap.--show {
  opacity: 1;
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualButton {
  position: absolute;
  left: 50%;
  bottom: 27px;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  #mainVisual .mainVisualContainer .mainVisualImage .mainVisualButton .c-scrollButton__img {
    bottom: 15px;
  }
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualLinkWrap {
  opacity: 0;
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualLinkWrap.--show {
  opacity: 1;
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualLink {
  position: absolute;
  right: -59px;
  bottom: 123.7px;
  display: flex;
  align-items: center;
  transform: rotate(90deg);
  transition: all 0.3s;
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualLink:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  #mainVisual .mainVisualContainer .mainVisualImage .mainVisualLink {
    right: -49.3px;
    bottom: 91.9px;
  }
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualLink__tit {
  font-size: 16px;
  font-family: din-2014, sans-serif;
  color: #fff;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  #mainVisual .mainVisualContainer .mainVisualImage .mainVisualLink__tit {
    font-size: 12px;
  }
}
#mainVisual .mainVisualContainer .mainVisualImage .mainVisualLink__img {
  color: #fff;
  margin-left: 17px;
  font-size: 29px;
}

#massage {
  padding-top: 234px;
}
@media screen and (max-width: 767px) {
  #massage {
    padding-top: 70px;
  }
}
#massage .massageContainer .massageWrapper {
  position: relative;
}
#massage .massageContainer .massageWrapper .massageContent01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #massage .massageContainer .massageWrapper .massageContent01 {
    display: block;
  }
}
#massage .massageContainer .massageWrapper .massageContent01 .massageContent01__tit {
  position: relative;
  left: 50px;
}
@media screen and (max-width: 767px) {
  #massage .massageContainer .massageWrapper .massageContent01 .massageContent01__tit {
    position: static;
  }
}
#massage .massageContainer .massageWrapper .massageContent01 .massageContent01__tit .massageContent01__txt {
  font-size: 46px;
  font-size: 3.3674963397vw;
  font-family: "A1 Gothic M";
  color: #F99926;
  padding-top: 31px;
  line-height: 1.8;
}
@media screen and (min-width: 1366px) {
  #massage .massageContainer .massageWrapper .massageContent01 .massageContent01__tit .massageContent01__txt {
    font-size: 46px;
  }
}
@media screen and (max-width: 960px) {
  #massage .massageContainer .massageWrapper .massageContent01 .massageContent01__tit .massageContent01__txt {
    font-size: 32px;
  }
}
#massage .massageContainer .massageWrapper .massageContent01 .massageContent01__tit .massageContent01__txt span {
  border-bottom: solid 4px #F99926;
}
#massage .massageContainer .massageWrapper .massageContent02__img {
  width: 29vw;
  max-width: 398px;
  min-width: 168px;
  position: absolute;
  top: 440px;
  left: 0;
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  #massage .massageContainer .massageWrapper .massageContent02__img {
    bottom: -249px;
    left: 0;
    top: auto;
  }
}
#massage .massageContainer .massageWrapper .massageContent02__txt {
  line-height: 2.2;
  letter-spacing: 0.05em;
  font-size: 20px;
  font-family: "A1 Gothic R";
  padding-top: 137px;
  padding-left: 43%;
}
@media screen and (max-width: 960px) {
  #massage .massageContainer .massageWrapper .massageContent02__txt {
    font-size: 1.9765739385vw;
  }
}
@media screen and (max-width: 767px) {
  #massage .massageContainer .massageWrapper .massageContent02__txt {
    padding-left: 0;
    padding-top: 60px;
    font-size: 16px;
  }
}
#massage .massageContainer .massageWrapper .massageContent01__img {
  width: 38vw;
  min-width: 258px;
  max-width: 523px;
}
@media screen and (max-width: 767px) {
  #massage .massageContainer .massageWrapper .massageContent01__img {
    position: absolute;
    bottom: -501px;
    left: 57px;
  }
}

@media screen and (max-width: 767px) {
  #about {
    margin-top: 500px;
  }
}
#about .aboutTitle {
  padding-top: 96.3px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #about .aboutTitle {
    padding-top: 86px;
  }
}
#about .aboutSlide {
  margin-top: 67px;
}
#about .aboutSlide .swiper {
  z-index: auto;
}
#about .aboutSlide .swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 440px;
}
#about .aboutSlide .swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 30px;
}
@media screen and (max-width: 767px) {
  #about .aboutSlide .swiper-slide {
    width: 84% !important;
  }
}
#about .aboutSlide .swiper-button-prev {
  left: 24%;
  background-image: url(../img/sliderArrow.svg);
  background-size: cover;
  width: 58px;
  height: 58px;
  top: 45%;
  transform: rotate(180deg);
}
#about .aboutSlide .swiper-button-prev::after {
  content: none;
}
@media screen and (max-width: 767px) {
  #about .aboutSlide .swiper-button-prev {
    width: 40px;
    height: 40px;
    left: 5%;
  }
}
#about .aboutSlide .swiper-button-next {
  right: 24%;
  background-image: url(../img/sliderArrow.svg);
  background-size: cover;
  width: 58px;
  height: 58px;
  top: 45%;
}
#about .aboutSlide .swiper-button-next::after {
  content: none;
}
@media screen and (max-width: 767px) {
  #about .aboutSlide .swiper-button-next {
    width: 40px;
    height: 40px;
    right: 5%;
  }
}
#about .aboutSlide .swiper-pagination {
  position: static;
  margin-top: 39px;
}
@media screen and (max-width: 767px) {
  #about .aboutSlide .swiper-pagination {
    margin-top: 30px;
  }
}
#about .aboutSlide .swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 767px) {
  #about .aboutSlide .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}
#about .aboutSlide .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #F99926;
}
#about .aboutSlide .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
  margin-left: 14px;
}
@media screen and (max-width: 767px) {
  #about .aboutSlide .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
    margin-left: 10px;
  }
}
#about .aboutSlide__txt {
  font-size: 20px;
  line-height: 2.4;
  font-family: "A1 Gothic R";
  padding-top: 106px;
}
@media screen and (max-width: 960px) {
  #about .aboutSlide__txt {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  #about .aboutSlide__txt {
    padding-top: 50px;
  }
}
#about .aboutAccess {
  margin-top: 98px;
}
@media screen and (max-width: 767px) {
  #about .aboutAccess {
    margin-top: 33px;
  }
}
#about .aboutAccess .aboutAccessContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  #about .aboutAccess .aboutAccessContainer {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  #about .aboutAccess .aboutAccessContainer .aboutAccess__table {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  #about .aboutAccess .aboutAccessContainer .aboutAccess__table {
    margin-top: 33px;
  }
}
#about .aboutAccess .aboutAccessContainer .aboutAccess__table tr {
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  border-bottom: 1px solid rgba(249, 153, 38, 0.3);
}
#about .aboutAccess .aboutAccessContainer .aboutAccess__table tr.borderDeco {
  border-top: 1px solid rgba(249, 153, 38, 0.3);
}
#about .aboutAccess .aboutAccessContainer .aboutAccess__table tr th {
  position: relative;
  width: 172px;
  padding-top: 28.5px;
  padding-bottom: 30.5px;
  font-weight: 500;
}
#about .aboutAccess .aboutAccessContainer .aboutAccess__table tr th::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 12.5vw;
  min-width: 85px;
  max-width: 172px;
  height: 1px;
  background: #F99926;
}
#about .aboutAccess .aboutAccessContainer .aboutAccess__table tr th.borderDeco {
  position: relative;
  border-top: 1px solid rgba(249, 153, 38, 0.3);
}
#about .aboutAccess .aboutAccessContainer .aboutAccess__table tr th.borderDeco::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 12.5vw;
  min-width: 85px;
  max-width: 172px;
  height: 1px;
  background: #F99926;
}
#about .aboutAccess .aboutAccessContainer .aboutAccess__table tr td {
  font-weight: 400;
  line-height: 1.5;
  vertical-align: middle;
  width: 373px;
}
#about .aboutAccess .aboutAccessContainer .aboutAccess__map {
  border-radius: 20px;
  margin-left: 20px;
  height: 400px;
}
@media screen and (max-width: 960px) {
  #about .aboutAccess .aboutAccessContainer .aboutAccess__map {
    margin-left: 0;
    width: 100%;
    margin-top: 39px;
  }
}
#about .aboutPickup {
  padding-top: 82px;
  padding-bottom: 89px;
  margin-top: 138px;
  background-color: rgba(169, 195, 38, 0.1);
}
@media screen and (max-width: 767px) {
  #about .aboutPickup {
    padding-top: 73px;
    padding-bottom: 136px;
  }
}
#about .aboutPickup .aboutPickupTitle {
  text-align: center;
}
#about .aboutPickup .aboutPickupTitle .c-title01__subtit {
  color: #A9C326;
}
#about .aboutPickup .aboutPickupContainer {
  margin-top: 95px;
}
@media screen and (max-width: 767px) {
  #about .aboutPickup .aboutPickupContainer {
    margin-top: 53px;
  }
}
#about .aboutPickup .aboutPickupTop {
  position: relative;
}
@media screen and (max-width: 960px) {
  #about .aboutPickup .aboutPickupTop {
    display: flex;
    flex-direction: column;
  }
}
#about .aboutPickup .aboutPickupTop__logo {
  width: 26.588%;
  max-width: 319px;
}
@media screen and (max-width: 960px) {
  #about .aboutPickup .aboutPickupTop__logo {
    margin: 0 auto;
    width: 191px;
    order: 1;
  }
}
#about .aboutPickup .aboutPickupTop__desc {
  width: 47%;
  max-width: 504px;
  padding-top: 55px;
}
@media screen and (max-width: 960px) {
  #about .aboutPickup .aboutPickupTop__desc {
    width: auto;
    max-width: 100%;
    order: 3;
    padding-top: 54px;
  }
}
#about .aboutPickup .aboutPickupTop__tit {
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-size: 30px;
  font-family: "A1 Gothic M";
}
@media screen and (max-width: 767px) {
  #about .aboutPickup .aboutPickupTop__tit {
    font-size: 24px;
  }
}
#about .aboutPickup .aboutPickupTop__txt {
  line-height: 1.875;
  letter-spacing: 0em;
  font-size: 16px;
  font-family: "A1 Gothic R";
  padding-top: 35px;
}
@media screen and (max-width: 767px) {
  #about .aboutPickup .aboutPickupTop__txt {
    padding-top: 25px;
  }
}
#about .aboutPickup .aboutPickupTop__img {
  position: absolute;
  top: 0%;
  right: 0;
  width: 50%;
  max-width: 600px;
}
@media screen and (max-width: 960px) {
  #about .aboutPickup .aboutPickupTop__img {
    position: static;
    transform: translateY(0);
    width: auto;
    max-width: 100%;
    position: static;
    order: 2;
    padding-top: 40px;
  }
}
#about .aboutPickup .aboutPickupBottom {
  margin-top: 92px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #about .aboutPickup .aboutPickupBottom {
    margin-top: 57px;
  }
}
#about .aboutPickup .aboutPickupBottom__imgs {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  #about .aboutPickup .aboutPickupBottom__imgs {
    flex-wrap: wrap;
    justify-content: center;
  }
}
#about .aboutPickup .aboutPickupBottom__imgs__img {
  width: 31.46%;
  max-width: 365px;
}
@media screen and (max-width: 960px) {
  #about .aboutPickup .aboutPickupBottom__imgs__img {
    width: 46.567%;
  }
  #about .aboutPickup .aboutPickupBottom__imgs__img:nth-of-type(1) {
    margin-right: 6.865%;
  }
}
#about .aboutPickup .aboutPickupBottom .aboutPickupButton {
  position: relative;
  margin-top: 68px;
  border-radius: 36px;
}
@media screen and (max-width: 767px) {
  #about .aboutPickup .aboutPickupBottom .aboutPickupButton {
    margin-top: 64px;
  }
}
#about .aboutPickup .aboutPickupBottom .aboutPickupButton__txt {
  font-size: 18px;
  padding: 27px 60px 27px 27px;
}
#about .aboutPickup .aboutPickupBottom .aboutPickupButton__img {
  color: #fff;
  position: absolute;
  font-size: 22.58px;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
}
#about .aboutStaff {
  padding-top: 110px;
  padding-bottom: 126px;
  background-color: rgba(249, 153, 38, 0.1);
  position: relative;
}
@media screen and (max-width: 767px) {
  #about .aboutStaff {
    padding-top: 45px;
    padding-bottom: 61px;
  }
}
#about .aboutStaff .aboutStaffContainer {
  position: relative;
}
#about .aboutStaff .aboutStaffContainer .aboutStaffTop {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffTop {
    display: block;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffTop__img {
  width: 50%;
  min-width: 315px;
  margin-right: 30px;
}
@media screen and (max-width: 960px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffTop__img {
    width: 100%;
    margin-right: 0;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffTop .aboutStaffTopItem {
  width: 504px;
  margin-left: auto;
}
@media screen and (max-width: 960px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffTop .aboutStaffTopItem {
    width: 100%;
    margin-left: 0;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffTop .aboutStaffTopItem__tit {
  font-family: din-2014, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 60px;
  color: transparent;
  -webkit-text-stroke: 1px #F99926;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffTop .aboutStaffTopItem__tit {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffTop .aboutStaffTopItem__tit {
    font-size: 52px;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffTop .aboutStaffTopItem__subtit {
  position: relative;
  font-family: "A1 Gothic M";
  font-size: 22px;
  color: #F99926;
  padding-top: 32px;
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffTop .aboutStaffTopItem__subtit {
    padding-top: 40px;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffTop .aboutStaffTopItem__subtit::after {
  content: "";
  position: absolute;
  bottom: -15.5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #F99926;
}
#about .aboutStaff .aboutStaffContainer .aboutStaffTop .aboutStaffTopItem__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  padding-top: 40px;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffTop .aboutStaffTopItem__txt {
    letter-spacing: 0.01em;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffBgImage {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100svw;
  max-width: 1390px;
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBgImage {
    max-width: 391px;
    top: -126px;
  }
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBgImage img:nth-of-type(1) {
    display: none;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffBgImage img:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBgImage img:nth-of-type(2) {
    display: inherit;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffBottom {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5vw;
  margin-top: 14px;
}
@media screen and (max-width: 960px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBottom {
    display: block;
    margin-top: 126px;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem {
  position: relative;
  text-align: center;
}
@media screen and (max-width: 960px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem {
    margin-top: 41px;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem.colorChangeBg::after {
  background: #FDD9AE;
}
#about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem::after {
  content: "";
  position: absolute;
  top: 244px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 282px;
  height: 282px;
  border-radius: 50%;
  background: #E5E6AE;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem::after {
    width: 251px;
    height: 251px;
    top: 216px;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem__img {
  width: 283.26px;
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem__img {
    width: 251px;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem__tit {
  position: relative;
  text-align: left;
  letter-spacing: 0.04em;
  margin-top: 40px;
  font-family: din-2014, sans-serif;
  font-size: 20px;
  color: #F99926;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem__tit {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem__tit {
    margin-top: 54px;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem__tit::after {
  content: "";
  width: 100%;
  height: 1px;
  margin-left: 1em;
  background: #F99926;
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem__tit::after {
    margin-left: 12px;
  }
}
#about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem__txt {
  text-align: left;
  margin-top: 26px;
  line-height: 1.875;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 960px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem__txt {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  #about .aboutStaff .aboutStaffContainer .aboutStaffBottom .aboutStaffBottomItem__txt {
    letter-spacing: 0.01em;
    margin-top: 22px;
  }
}

#flow .flowContainer .flowTitle {
  text-align: center;
  padding-top: 114.6px;
}
@media screen and (max-width: 767px) {
  #flow .flowContainer .flowTitle {
    padding-top: 76px;
  }
}
#flow .flowStep {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 75px;
}
@media screen and (max-width: 960px) {
  #flow .flowStep {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #flow .flowStep {
    margin-top: 39px;
  }
}
#flow .flowStep .flowStepItem {
  background-color: #F99926;
  border-radius: 20px;
  padding: 38px 0 30px 38px;
}
@media screen and (max-width: 960px) {
  #flow .flowStep .flowStepItem:nth-child(n+2) {
    margin-top: 14px;
  }
}
@media screen and (max-width: 767px) {
  #flow .flowStep .flowStepItem {
    padding: 21px 19px 25px 19px;
  }
}
#flow .flowStep .flowStepItem .flowStepItemHeadding {
  display: flex;
  align-items: center;
}
#flow .flowStep .flowStepItem .flowStepItemHeadding__img {
  width: 70px;
  height: 70px;
  padding: 10px;
  padding-top: 15px;
  background-color: #fff;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  #flow .flowStep .flowStepItem .flowStepItemHeadding__img {
    width: 53px;
    height: 53px;
  }
}
#flow .flowStep .flowStepItem .flowStepItemHeadding .flowStepItemHeaddingInner {
  margin-left: 19px;
  color: #fff;
}
#flow .flowStep .flowStepItem .flowStepItemHeadding .flowStepItemHeaddingInner__subtit {
  font-size: 18px;
  font-family: din-2014, sans-serif;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  #flow .flowStep .flowStepItem .flowStepItemHeadding .flowStepItemHeaddingInner__subtit {
    font-size: 14px;
  }
}
#flow .flowStep .flowStepItem .flowStepItemHeadding .flowStepItemHeaddingInner__tit {
  font-size: 30px;
  font-family: "A1 Gothic M";
  letter-spacing: 0.05em;
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  #flow .flowStep .flowStepItem .flowStepItemHeadding .flowStepItemHeaddingInner__tit {
    font-size: 24px;
  }
}
#flow .flowStep .flowStepItem__txt {
  margin-top: 22px;
  line-height: 1.625;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  width: 88%;
}
@media screen and (max-width: 960px) {
  #flow .flowStep .flowStepItem__txt {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #flow .flowStep .flowStepItem__txt {
    font-size: 14px;
  }
}
#flow .flowCondition {
  background-color: rgba(169, 195, 38, 0.1);
  border-radius: 20px;
  padding-top: 53px;
  padding-bottom: 51px;
  margin-top: 24px;
}
#flow .flowCondition__tit {
  text-align: center;
  font-size: 30px;
  font-family: "A1 Gothic M";
  letter-spacing: 0.05em;
}
#flow .flowCondition .flowConditionInner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 32px;
  gap: 39px;
}
@media screen and (max-width: 1200px) {
  #flow .flowCondition .flowConditionInner {
    display: block;
  }
}
#flow .flowCondition .flowConditionInner .flowConditionInnerItem {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 2px solid #A9C326;
  border-radius: 50px;
  padding: 20px 0;
  color: #A9C326;
}
@media screen and (max-width: 1200px) {
  #flow .flowCondition .flowConditionInner .flowConditionInnerItem {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #flow .flowCondition .flowConditionInner .flowConditionInnerItem {
    padding: 17px 0;
    width: 280px;
    margin: 0 auto;
  }
  #flow .flowCondition .flowConditionInner .flowConditionInnerItem:nth-child(n+2) {
    margin-top: 11px;
  }
}
#flow .flowCondition .flowConditionInner .flowConditionInnerItem__num {
  position: relative;
  font-size: 24px;
  font-family: din-2014, sans-serif;
  letter-spacing: 0.04em;
  padding-left: 22px;
}
@media screen and (max-width: 767px) {
  #flow .flowCondition .flowConditionInner .flowConditionInnerItem__num {
    font-size: 18px;
  }
}
#flow .flowCondition .flowConditionInner .flowConditionInnerItem__num::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -14.5px;
  transform: translateY(-50%);
  width: 1px;
  height: 31px;
  background: #A9C326;
}
#flow .flowCondition .flowConditionInner .flowConditionInnerItem__txt {
  font-size: 20px;
  font-family: "A1 Gothic M";
  position: absolute;
  top: 32%;
  left: 21%;
  width: 240px;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  #flow .flowCondition .flowConditionInner .flowConditionInnerItem__txt {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  #flow .flowCondition .flowConditionInner .flowConditionInnerItem__txt {
    font-size: 16px;
    width: 192px;
    top: 34%;
    left: 23%;
    transform: none;
  }
}
#flow .flowCondition .flowCondition__txt {
  text-align: center;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 36px;
}

#price .priceContainer .priceTitle {
  text-align: center;
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  #price .priceContainer .priceTitle {
    padding-top: 73px;
  }
}
#price .priceContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 57.7px;
}
@media screen and (max-width: 960px) {
  #price .priceContent {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #price .priceContent {
    margin-top: 37px;
  }
}
#price .priceContent .priceContentItem {
  border: 2px solid #A9C326;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  width: 325px;
  height: 277px;
}
@media screen and (max-width: 960px) {
  #price .priceContent .priceContentItem {
    margin: 0 auto;
  }
  #price .priceContent .priceContentItem:nth-child(n+2) {
    margin-top: 21px;
  }
}
@media screen and (max-width: 767px) {
  #price .priceContent .priceContentItem {
    width: 256px;
    height: 218px;
  }
}
#price .priceContent .priceContentItem:nth-child(n+2) {
  border: 2px solid #F99926;
}
#price .priceContent .priceContentItem__tit {
  position: relative;
  color: #fff;
  background-color: #A9C326;
  padding-top: 26px;
  padding-bottom: 23px;
  font-size: 24px;
  letter-spacing: 0.05em;
  font-family: "A1 Gothic M";
}
@media screen and (max-width: 767px) {
  #price .priceContent .priceContentItem__tit {
    font-size: 18px;
  }
}
#price .priceContent .priceContentItem__tit.colorChangeBg {
  background: #F99926;
}
#price .priceContent .priceContentItem__tit.colorChangeBg::after {
  border-top: 17px solid #F99926;
}
#price .priceContent .priceContentItem__tit::after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-top: 17px solid #A9C326;
  border-bottom: 0;
}
#price .priceContent .priceContentItem__price {
  font-size: 60px;
  font-family: din-2014, sans-serif;
  color: #A9C326;
  margin-top: 39px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #price .priceContent .priceContentItem__price {
    margin-top: 30px;
  }
}
#price .priceContent .priceContentItem__price.colorChangeTxt {
  color: #F99926;
}
#price .priceContent .priceContentItem__price span {
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  #price .priceContent .priceContentItem__price {
    font-size: 50px;
  }
  #price .priceContent .priceContentItem__price span {
    font-size: 23px;
  }
}
#price .priceContent .priceContentItem__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #price .priceContent .priceContentItem__txt {
    margin-top: 4px;
  }
}
#price .priceContent .priceContentItem__txt--fszMedium {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  #price .priceContent .priceContentItem__txt--fszMedium {
    font-size: 14px;
  }
}
#price .priceContent .priceContentItem__txt--fszLarge {
  font-family: "A1 Gothic M";
  font-size: 22px;
  color: #F99926;
  margin-top: 58px;
  line-height: 1.37;
}
@media screen and (max-width: 767px) {
  #price .priceContent .priceContentItem__txt--fszLarge {
    margin-top: 40px;
  }
}
#price .priceContent .priceContentImage {
  width: 41px;
  margin: 33px 20px 0 20px;
}
@media screen and (max-width: 960px) {
  #price .priceContent .priceContentImage {
    margin: 0 auto;
    margin-top: 21px;
  }
}
#price .priceImage {
  margin-top: 121px;
}
@media screen and (max-width: 767px) {
  #price .priceImage {
    margin-top: 57px;
  }
}

#company .companyTitle {
  text-align: center;
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  #company .companyTitle {
    padding-top: 82.5px;
  }
}
#company .companyInfo {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  #company .companyInfo {
    margin-top: 33px;
  }
}
#company .companyInfo .companyInfoContainer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  #company .companyInfo .companyInfoContainer {
    display: block;
  }
}
#company .companyInfo .companyInfoContainer .companyInfo__table {
  width: 44.83%;
}
@media screen and (max-width: 960px) {
  #company .companyInfo .companyInfoContainer .companyInfo__table {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  #company .companyInfo .companyInfoContainer .companyInfo__table {
    margin-top: 33px;
  }
}
#company .companyInfo .companyInfoContainer .companyInfo__table tr {
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  border-bottom: 1px solid rgba(249, 153, 38, 0.3);
}
#company .companyInfo .companyInfoContainer .companyInfo__table tr.borderDeco {
  border-top: 1px solid rgba(249, 153, 38, 0.3);
}
#company .companyInfo .companyInfoContainer .companyInfo__table tr th {
  position: relative;
  width: 172px;
  padding-top: 52px;
  padding-bottom: 57px;
  font-weight: 500;
}
@media screen and (max-width: 960px) {
  #company .companyInfo .companyInfoContainer .companyInfo__table tr th {
    padding-top: 28.5px;
    padding-bottom: 30.5px;
    vertical-align: middle;
  }
}
#company .companyInfo .companyInfoContainer .companyInfo__table tr th::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 12.5vw;
  min-width: 85px;
  max-width: 172px;
  height: 1px;
  background: #F99926;
}
#company .companyInfo .companyInfoContainer .companyInfo__table tr th.borderDeco {
  position: relative;
  border-top: 1px solid rgba(249, 153, 38, 0.3);
}
#company .companyInfo .companyInfoContainer .companyInfo__table tr th.borderDeco::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 12.5vw;
  min-width: 85px;
  max-width: 172px;
  height: 1px;
  background: #F99926;
}
#company .companyInfo .companyInfoContainer .companyInfo__table tr td {
  font-weight: 400;
  line-height: 1.5;
  vertical-align: middle;
  width: 373px;
}
@media screen and (max-width: 960px) {
  #company .companyInfo .companyInfoContainer .companyInfo__table tr td {
    padding-top: 28.5px;
    padding-bottom: 30.5px;
  }
}
#company .companyInfo .companyInfoContainer .companyInfo__greeting {
  border-radius: 20px;
  margin-left: 20px;
  width: 50%;
  max-width: 600px;
}
@media screen and (max-width: 960px) {
  #company .companyInfo .companyInfoContainer .companyInfo__greeting {
    margin-left: 0;
    width: 100%;
    max-width: inherit;
    margin-top: 34px;
  }
}
#company .companyInfo .companyInfoContainer .companyInfo__greeting .greeting__img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #company .companyInfo .companyInfoContainer .companyInfo__greeting .greeting__img img:nth-of-type(1) {
    display: none;
  }
}
#company .companyInfo .companyInfoContainer .companyInfo__greeting .greeting__img img:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 767px) {
  #company .companyInfo .companyInfoContainer .companyInfo__greeting .greeting__img img:nth-of-type(2) {
    display: inherit;
  }
}
#company .companyInfo .companyInfoContainer .companyInfo__greeting .greeting__tit {
  font-family: "A1 Gothic M";
  font-weight: normal;
  color: #F99926;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 35px;
}
#company .companyInfo .companyInfoContainer .companyInfo__greeting .greeting__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.875;
  margin-top: 23px;
}
#company .companyMessage {
  margin-top: 179px;
  padding-top: 98px;
  padding-bottom: 81px;
  background: linear-gradient(135deg, rgba(169, 195, 38, 0.8), rgba(249, 153, 38, 0.8));
}
@media screen and (max-width: 960px) {
  #company .companyMessage {
    margin-top: 82px;
    padding-top: 49px;
    padding-bottom: 65px;
  }
}
#company .companyMessage .companyMessageInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
#company .companyMessage .companyMessageInner__subtit {
  font-family: "A1 Gothic R";
  font-weight: normal;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 1;
  width: 114px;
  height: 40px;
  border-radius: 6px;
  color: #fff;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #company .companyMessage .companyMessageInner__subtit {
    width: 104px;
    height: 36px;
    font-size: 20px;
  }
}
#company .companyMessage .companyMessageInner__tit {
  width: 100%;
  max-width: 311px;
  padding-top: 43px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  #company .companyMessage .companyMessageInner__tit {
    width: 256px;
    padding-top: 34px;
  }
}
#company .companyMessage .companyMessageInner__txt {
  text-align: center;
  font-family: "A1 Gothic R";
  padding-top: 48.7px;
  color: #fff;
  line-height: 2;
  font-size: 20px;
}
#company .companyMessage .companyMessageInner__txt .fixBr, #company .companyMessage .companyMessageInner__txt .fixBr2 {
  display: none;
}
@media screen and (max-width: 767px) {
  #company .companyMessage .companyMessageInner__txt {
    font-size: 18px;
    line-height: 2.11;
    padding-top: 36px;
  }
  #company .companyMessage .companyMessageInner__txt .fixBr {
    display: inherit;
  }
}
@media screen and (max-width: 363px) {
  #company .companyMessage .companyMessageInner__txt {
    font-size: 18px;
  }
  #company .companyMessage .companyMessageInner__txt .fixBr2 {
    display: inherit;
  }
}
#company .companyMessage .companyMessageInner__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px 0;
  margin-top: 63px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #company .companyMessage .companyMessageInner__list {
    margin-top: 50px;
  }
}
#company .companyMessage .companyMessageInner__list .listItem {
  display: flex;
  align-items: stretch;
  width: 100%;
  border-radius: 20px;
  background: #fff;
  padding: 18px 32px 18px 0;
}
@media screen and (max-width: 960px) {
  #company .companyMessage .companyMessageInner__list .listItem {
    max-width: 600px;
    flex-direction: column;
    align-items: center;
    padding: 0 18px 28px 18px;
  }
}
#company .companyMessage .companyMessageInner__list .listItem__head {
  font-family: "A1 Gothic M";
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 181px;
  min-width: 181px;
  border-right: 1px solid #f99926;
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #f99926;
}
@media screen and (max-width: 960px) {
  #company .companyMessage .companyMessageInner__list .listItem__head {
    border-right: 0;
    border-bottom: 1px solid #f99926;
    padding-top: 31px;
    padding-bottom: 24px;
    width: 100%;
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  #company .companyMessage .companyMessageInner__list .listItem__head {
    max-width: 300px;
    font-size: 20px;
  }
}
#company .companyMessage .companyMessageInner__list .listItem__body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15px 20px;
  padding-left: 47px;
  padding-top: 24px;
  padding-bottom: 20px;
  font-family: "A1 Gothic M";
  font-size: 28px;
  letter-spacing: 0.02em;
  line-height: 1.57;
}
#company .companyMessage .companyMessageInner__list .listItem__body .fixBr, #company .companyMessage .companyMessageInner__list .listItem__body .fixBr2 {
  display: none;
}
@media screen and (max-width: 1200px) {
  #company .companyMessage .companyMessageInner__list .listItem__body .fixBr2 {
    display: inherit;
  }
}
@media screen and (max-width: 960px) {
  #company .companyMessage .companyMessageInner__list .listItem__body {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-left: 47px;
    padding-right: 47px;
    padding-bottom: 0;
    font-size: 25px;
    width: 100%;
    white-space: nowrap;
  }
  #company .companyMessage .companyMessageInner__list .listItem__body .fixBr {
    display: inherit;
  }
}
@media screen and (max-width: 767px) {
  #company .companyMessage .companyMessageInner__list .listItem__body {
    padding-left: 0;
    padding-right: 0;
    font-size: 22px;
    line-height: 1.9;
  }
}
@media screen and (max-width: 350px) {
  #company .companyMessage .companyMessageInner__list .listItem__body {
    font-size: 20px;
  }
}
#company .companyMessage .companyMessageInner__list .listItem__body span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 50px;
  border-radius: 25px;
  background: #fff5e9;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #302d2c;
}
@media screen and (max-width: 767px) {
  #company .companyMessage .companyMessageInner__list .listItem__body span {
    width: 100%;
    max-width: 300px;
  }
}

#recruit .recruitContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
}
#recruit .recruitContainer .recruitTitle {
  text-align: center;
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  #recruit .recruitContainer .recruitTitle {
    padding-top: 82.5px;
  }
}
#recruit .recruitItem {
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
  background-color: rgba(249, 153, 38, 0.1);
  border-radius: 20px;
  margin-top: 72px;
}
@media screen and (max-width: 767px) {
  #recruit .recruitItem {
    margin-top: 33.7px;
  }
}
#recruit .recruitItem.tableColorBg {
  background-color: rgba(169, 195, 38, 0.1);
  margin-top: 42px;
}
@media screen and (max-width: 767px) {
  #recruit .recruitItem.tableColorBg {
    margin-top: 10px;
  }
}
#recruit .recruitItem .recruitItemTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F99926;
  border-radius: 20px;
  padding: 27px 35px;
  cursor: pointer;
  transition: all 0.3s;
}
#recruit .recruitItem .recruitItemTitle:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  #recruit .recruitItem .recruitItemTitle {
    padding: 23px 21px;
  }
}
#recruit .recruitItem .recruitItemTitle.colorChangeBg {
  background-color: #A9C326;
}
#recruit .recruitItem .recruitItemTitle__tit {
  color: #fff;
  font-size: 30px;
  font-family: "A1 Gothic M";
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  #recruit .recruitItem .recruitItemTitle__tit {
    font-size: 20px;
  }
}
#recruit .recruitItem .recruitItemTitle__img {
  background-color: #fff;
  border-radius: 50%;
  padding: 20px;
  cursor: pointer;
  width: 56px;
  height: 56px;
}
@media screen and (max-width: 767px) {
  #recruit .recruitItem .recruitItemTitle__img {
    padding: 8px;
    width: 33px;
    height: 33px;
  }
}
#recruit .recruitItem .recruitItemTitle__img .recruitItemTitleImage {
  transform: rotate(-90deg);
  stroke: #F99926;
  text-align: center;
  width: 100%;
  transition: all 0.5s;
}
#recruit .recruitItem .recruitItemTitle__img .recruitItemTitleImage.--active {
  transform: rotate(90deg);
  transition: all 0.5s;
}
#recruit .recruitItemTableWrapper {
  transition: all 0.5s;
}
#recruit .recruitItemTable {
  border-spacing: 50px 60px;
  border-collapse: separate;
}
@media screen and (max-width: 767px) {
  #recruit .recruitItemTable {
    border-spacing: 25px 30px;
  }
}
#recruit .recruitItemTable th,
#recruit .recruitItemTable td {
  display: block;
  width: 100%;
}
#recruit .recruitItemTable tr th {
  font-family: "A1 Gothic M";
  font-size: 20px;
  position: relative;
  color: #F99926;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #recruit .recruitItemTable tr th {
    font-size: 16px;
  }
}
#recruit .recruitItemTable tr th.tableColorLine {
  color: #A9C326;
}
#recruit .recruitItemTable tr th.tableColorLine::before {
  background: #A9C326;
}
#recruit .recruitItemTable tr th::before {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #F99926;
}
@media screen and (max-width: 767px) {
  #recruit .recruitItemTable tr th::before {
    bottom: -8px;
  }
}
#recruit .recruitItemTable tr td {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  padding-top: 35px;
  line-height: 1.625;
}
@media screen and (max-width: 767px) {
  #recruit .recruitItemTable tr td {
    padding-top: 18px;
  }
}
#recruit .recruitLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 360px;
  height: 72px;
  border-radius: 36px;
  border: 2px solid #f99926;
  font-family: "A1 Gothic M";
  font-weight: 300;
  line-height: 1;
  font-size: 20px;
  text-align: left;
  color: #f99926;
  margin-top: 60px;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  #recruit .recruitLink {
    margin-top: 27px;
    font-size: 18px;
    max-width: 315px;
    width: 100%;
    height: 60px;
    border-radius: 30px;
  }
}
#recruit .recruitLink:hover {
  background-color: #f99926;
  color: #fff;
}

#sdgs .sdgsContainer .sdgsTitle {
  text-align: center;
  padding-top: 130px;
}
@media screen and (max-width: 767px) {
  #sdgs .sdgsContainer .sdgsTitle {
    padding-top: 80px;
  }
}
#sdgs .sdgsContainer .sdgsWrapper {
  padding-top: 91px;
}
@media screen and (max-width: 767px) {
  #sdgs .sdgsContainer .sdgsWrapper {
    padding-top: 56px;
  }
}
#sdgs .sdgsContainer .sdgsWrapper .sdgsContent {
  display: flex;
  justify-content: space-between;
}
#sdgs .sdgsContainer .sdgsWrapper .sdgsContent:nth-child(n+2) {
  margin-top: 81px;
}
@media screen and (max-width: 767px) {
  #sdgs .sdgsContainer .sdgsWrapper .sdgsContent:nth-child(n+2) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 960px) {
  #sdgs .sdgsContainer .sdgsWrapper .sdgsContent {
    display: block;
  }
}
#sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentItem {
  position: relative;
  width: 54%;
  margin-right: 38px;
}
@media screen and (max-width: 960px) {
  #sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentItem {
    width: 100%;
  }
}
#sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentItem__subtit {
  color: #F99926;
  font-size: 16px;
  font-family: "A1 Gothic M";
  display: flex;
  align-items: center;
  white-space: nowrap;
}
#sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentItem__subtit::after {
  content: "";
  margin-left: 14px;
  width: 100%;
  height: 1px;
  background: #F99926;
}
#sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentItem__tit {
  font-size: 23px;
  font-family: "A1 Gothic M";
  line-height: 1.6;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  #sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentItem__tit {
    font-size: 20px;
    margin-top: 33px;
  }
  #sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentItem__tit br {
    display: none;
  }
}
#sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentItem__txt {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.6;
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  #sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentItem__txt {
    margin-top: 25px;
  }
}
#sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentImage {
  width: 50%;
  margin-top: 8px;
}
@media screen and (max-width: 960px) {
  #sdgs .sdgsContainer .sdgsWrapper .sdgsContent .sdgsContentImage {
    width: 70%;
    min-width: 315px;
    margin-top: 28px;
  }
}

#contact {
  position: relative;
  margin-top: 137px;
  background-color: #A9C326;
  padding-top: 66px;
  padding-bottom: 58px;
}
@media screen and (max-width: 960px) {
  #contact {
    padding-top: 0;
    padding-bottom: 93px;
  }
}
@media screen and (max-width: 767px) {
  #contact {
    margin-top: 103px;
  }
}
#contact .contactImageSp {
  display: none;
}
@media screen and (max-width: 960px) {
  #contact .contactImageSp {
    display: block;
  }
}
#contact .contactContainer .contactItem {
  width: 45%;
  color: #fff;
}
@media screen and (max-width: 960px) {
  #contact .contactContainer .contactItem {
    width: 100%;
    padding-top: 43.5px;
  }
}
@media screen and (max-width: 960px) {
  #contact .contactContainer .contactItem .contactItemInner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#contact .contactContainer .contactItem .contactItemInner__subtit {
  position: relative;
  font-family: din-2014, sans-serif;
  font-size: 18px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  letter-spacing: 0.04em;
}
#contact .contactContainer .contactItem .contactItemInner__subtit::after {
  content: "";
  margin-left: 20px;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
#contact .contactContainer .contactItem .contactItemInner__tit {
  font-family: "A1 Gothic M";
  font-size: 32px;
  padding-top: 26px;
}
@media screen and (max-width: 767px) {
  #contact .contactContainer .contactItem .contactItemInner__tit {
    font-size: 30px;
  }
}
#contact .contactContainer .contactItem .contactItemInner__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  padding-top: 34px;
  line-height: 1.75;
  max-width: 498px;
}
@media screen and (max-width: 960px) {
  #contact .contactContainer .contactItem .contactItemInner__txt {
    max-width: inherit;
  }
}
@media screen and (max-width: 767px) {
  #contact .contactContainer .contactItem .contactItemInner__txt {
    padding-top: 18px;
    line-height: 1.5;
  }
}
#contact .contactContainer .contactItem .contactItemInner .contactFormLink {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 500px;
  width: 100%;
  height: 72px;
  border-radius: 36px;
  border: 2px solid #fff;
  font-family: "A1 Gothic M";
  font-weight: 300;
  line-height: 1;
  font-size: 20px;
  text-align: left;
  color: #fff;
  margin-top: 36px;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  #contact .contactContainer .contactItem .contactItemInner .contactFormLink {
    margin-top: 22px;
    font-size: 18px;
    max-width: 315px;
    width: 100%;
    height: 60px;
    border-radius: 30px;
  }
}
#contact .contactContainer .contactItem .contactItemInner .contactFormLink:hover {
  background-color: #fff;
  color: #A9C326;
}
#contact .contactContainer .contactItem .contactItemInner .contactItemInnerLink {
  display: flex;
  align-items: center;
  margin-top: 40px;
  color: #fff;
  font-size: 28px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  #contact .contactContainer .contactItem .contactItemInner .contactItemInnerLink {
    font-size: 22px;
  }
}
@media screen and (max-width: 375px) {
  #contact .contactContainer .contactItem .contactItemInner .contactItemInnerLink {
    justify-content: center;
  }
}
#contact .contactContainer .contactItem .contactItemInner .contactItemInnerLink.paddingChange {
  margin-top: 29px;
}
#contact .contactContainer .contactItem .contactItemInner .contactItemInnerLink__img {
  width: 26px;
}
#contact .contactContainer .contactItem .contactItemInner .contactItemInnerLink__tel {
  margin-left: 15px;
  font-family: din-2014, sans-serif;
}
@media screen and (max-width: 767px) {
  #contact .contactContainer .contactItem .contactItemInner .contactItemInnerLink__tel {
    margin-left: 12.5px;
  }
}
#contact .contactContainer .contactItem .contactItemInner .contactItemInnerLink__mail {
  margin-left: 17px;
  font-family: din-2014, sans-serif;
}
@media screen and (max-width: 767px) {
  #contact .contactContainer .contactItem .contactItemInner .contactItemInnerLink__mail {
    margin-left: 13px;
  }
}
#contact .contactImage {
  width: 50vw;
  max-width: 960px;
  background-image: url(../../assets/img/contactImage.png);
  height: 100%;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 960px) {
  #contact .contactImage {
    display: none;
  }
}

.globalFooter {
  position: relative;
  padding-top: 87px;
  padding-bottom: 59px;
}
@media screen and (max-width: 767px) {
  .globalFooter {
    padding-bottom: 45.7px;
  }
}
.globalFooter .globalFooterContainer {
  text-align: center;
}
.globalFooter .globalFooterContainer .globalFooterLogo {
  width: 184px;
  margin: 0 auto;
}
.globalFooter .globalFooterContainer .globalFooterLink {
  transition: all 0.3s;
}
.globalFooter .globalFooterContainer .globalFooterLink:hover {
  opacity: 0.7;
}
.globalFooter .globalFooterContainer .globalFooterLink__img {
  font-size: 32px;
  color: #A9C326;
  margin-top: 42px;
}
.globalFooter .globalFooterContainer .globalFooterLink__tit {
  font-size: 16px;
  font-family: din-2014, sans-serif;
  margin-top: 9px;
  color: #A9C326;
}
.globalFooter .globalFooterContainer .globalFooterCopyright {
  font-size: 12px;
  font-family: din-2014, sans-serif;
  color: #B7B7B7;
  margin-top: 36px;
}
.globalFooter .globalFooterButton {
  position: absolute;
  bottom: 8%;
  right: 5%;
}
@media screen and (max-width: 767px) {
  .globalFooter .globalFooterButton {
    top: -43px;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%);
  }
}
.globalFooter .globalFooterButton .c-scrollButton__img {
  transform: rotate(90deg);
  top: 20px;
  left: 43%;
}
.globalFooter .globalFooterButton .c-scrollButton__tit {
  padding: 15px 30px 23.8px 30px;
}/*# sourceMappingURL=index.css.map */