@charset "UTF-8";
/*-変数定義 font
------------------------------*/
/*--------------------------
font-size
---------------------------*/
/*行間計算*/
/*--------------------------
content-width
---------------------------*/
/* ----------------------------------------
header pc
---------------------------------------- */
.header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1000px) {
  .header {
    height: inherit;
    position: fixed;
  }
}

.FadeOutHero {
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  opacity: 1;
}

.header__inner {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  .header__inner {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 0;
    padding-right: 4.625rem;
  }
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1000px) {
  .header__nav {
    display: none;
  }
}

.header__nav-search.--pc {
  display: block;
}
@media screen and (max-width: 1000px) {
  .header__nav-search.--pc {
    display: none;
  }
}

.header__nav-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  gap: 1.25rem;
  min-height: 80px;
}
@media screen and (max-width: 1000px) {
  .header__nav-wrap {
    min-height: 50px;
    z-index: 1000;
    position: relative;
  }
}

.header__logo-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1000px) {
  .header__logo-flex {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    padding-top: 5px;
  }
}

.header__logo-flex-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
  margin-right: 1.25rem;
}
@media screen and (max-width: 1000px) {
  .header__logo-flex-left {
    margin-right: 0rem;
  }
}

.header__logo-flex-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  gap: 0.375rem;
}
@media screen and (max-width: 1000px) {
  .header__logo-flex-right {
    display: none;
  }
}

.header__logo-flex-right-youtube-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  width: 1.875rem;
  margin-right: 15px;
  margin-right: 0.9375rem;
}

.header__logo-flex-right-instagram-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  width: 1.5rem;
}

.header__logo-flex-right-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.header__logo-flex-right-link-img {
  width: 60px;
  width: 3.75rem;
  position: absolute;
  left: 0;
  height: 100%;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__logo-flex-right-link-img img {
  width: 24px;
  width: 1.5rem;
}

.--blue.header__logo-flex-right-link-img img {
  width: 19px;
  width: 1.1875rem;
}

.header__logo-flex-right-link {
  color: #fff;
  font-weight: 400;
  padding: 10px;
  padding-left: 74px;
  padding-left: 4.625rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.3125rem;
  min-height: 50px;
  min-height: 3.125rem;
  max-width: 240px;
  max-width: 15rem;
  width: 33%;
  white-space: nowrap;
}

@media screen and (max-width: 1000px) {
  .header__logo {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.header__logo-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  gap: 2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  z-index: 10;
}

.header__logo-item {
  position: relative;
  display: block;
  width: 100%;
  max-width: clamp(140px, 10vw, 200px);
}
@media screen and (max-width: 1000px) {
  .header__logo-item {
    max-width: 10rem;
  }
}
@media screen and (max-width: 480px) {
  .header__logo-item {
    max-width: 10rem;
  }
}

.header__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  gap: 1.25rem;
}

.header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
}

.header__nav-item:last-child {
  margin-right: 0px;
}

.header__nav-item-arrow > a {
  position: relative;
}

.header__nav-item-arrow > a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-30%) rotate(135deg);
          transform: translateY(-30%) rotate(135deg);
  margin-left: 5px;
  margin-left: 0.3125rem;
}

.header__nav-item .header__nav-link {
  font-size: clamp(12px, 1vw, 16px);
  line-height: 1.4444444444;
  white-space: nowrap;
  color: #000000;
  font-family: "Noto Sans CJKjp", serif;
}

.header__nav-list--contact {
  font-family: "Noto Sans CJKjp", serif;
  background: -webkit-gradient(linear, right top, left top, from(#EBA139), to(#DCD900));
  background: linear-gradient(to left, #EBA139, #DCD900);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding-left: 40px;
  padding-left: 2.5rem;
  padding-right: 40px;
  padding-right: 2.5rem;
  margin-left: 30px;
  margin-left: 1.875rem;
}

.header.fixed .header__nav-item > .header__nav-link {
  color: #000000;
}

.header.page-header .header__nav-item > .header__nav-link {
  color: #000000;
}

.header__nav-button-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
  background: linear-gradient(125deg, rgb(238, 117, 18) 0%, rgb(254, 192, 64) 100%, rgb(228, 162, 26) 100%);
  color: #fff;
  padding: 14px 10px;
  padding: 0.875rem 0.625rem;
  border-radius: 0.1875rem;
}

.header__nav-item-top {
  font-size: clamp(10px, 0.8vw, 12px);
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__nav-item-top:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_162_121%29%22%3E%3Cpath%20d%3D%22M15.5556%2016.4319H2.22222C0.996708%2016.4319%200%2015.4464%200%2014.2346V2.51587C0%202.11141%200.331687%201.78345%200.740741%201.78345H17.037C17.4461%201.78345%2017.7778%202.11141%2017.7778%202.51587V14.2346C17.7778%2015.4464%2016.7811%2016.4319%2015.5556%2016.4319ZM1.48148%203.24829V14.2346C1.48148%2014.6383%201.81399%2014.967%202.22222%2014.967H15.5556C15.9638%2014.967%2016.2963%2014.6383%2016.2963%2014.2346V3.24829H1.48148Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17.037%207.64282H0.740741C0.331687%207.64282%200%207.31486%200%206.9104C0%206.50594%200.331687%206.17798%200.740741%206.17798H17.037C17.4461%206.17798%2017.7778%206.50594%2017.7778%206.9104C17.7778%207.31486%2017.4461%207.64282%2017.037%207.64282Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%204.71314C9.96157%204.71314%209.62988%204.38517%209.62988%203.98072V1.05103C9.62988%200.646566%209.96157%200.318604%2010.3706%200.318604C10.7797%200.318604%2011.1114%200.646566%2011.1114%201.05103V3.98072C11.1114%204.38517%2010.7797%204.71314%2010.3706%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%204.71314C6.99868%204.71314%206.66699%204.38517%206.66699%203.98072V1.05103C6.66699%200.646566%206.99868%200.318604%207.40773%200.318604C7.81679%200.318604%208.14847%200.646566%208.14847%201.05103V3.98072C8.14847%204.38517%207.81679%204.71314%207.40773%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%204.71314C12.9245%204.71314%2012.5928%204.38517%2012.5928%203.98072V1.05103C12.5928%200.646566%2012.9245%200.318604%2013.3335%200.318604C13.7426%200.318604%2014.0743%200.646566%2014.0743%201.05103V3.98072C14.0743%204.38517%2013.7426%204.71314%2013.3335%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%204.71314C4.03481%204.71314%203.70312%204.38517%203.70312%203.98072V1.05103C3.70312%200.646566%204.03481%200.318604%204.44387%200.318604C4.85292%200.318604%205.18461%200.646566%205.18461%201.05103V3.98072C5.18461%204.38517%204.85292%204.71314%204.44387%204.71314Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%2010.5725C4.85297%2010.5725%205.18461%2010.2446%205.18461%209.84009C5.18461%209.43558%204.85297%209.10767%204.44387%209.10767C4.03477%209.10767%203.70312%209.43558%203.70312%209.84009C3.70312%2010.2446%204.03477%2010.5725%204.44387%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.44387%2013.5022C4.85297%2013.5022%205.18461%2013.1743%205.18461%2012.7698C5.18461%2012.3653%204.85297%2012.0374%204.44387%2012.0374C4.03477%2012.0374%203.70312%2012.3653%203.70312%2012.7698C3.70312%2013.1743%204.03477%2013.5022%204.44387%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%2010.5725C7.81683%2010.5725%208.14847%2010.2446%208.14847%209.84009C8.14847%209.43558%207.81683%209.10767%207.40773%209.10767C6.99863%209.10767%206.66699%209.43558%206.66699%209.84009C6.66699%2010.2446%206.99863%2010.5725%207.40773%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M7.40773%2013.5022C7.81683%2013.5022%208.14847%2013.1743%208.14847%2012.7698C8.14847%2012.3653%207.81683%2012.0374%207.40773%2012.0374C6.99863%2012.0374%206.66699%2012.3653%206.66699%2012.7698C6.66699%2013.1743%206.99863%2013.5022%207.40773%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%2010.5725C10.7797%2010.5725%2011.1114%2010.2446%2011.1114%209.84009C11.1114%209.43558%2010.7797%209.10767%2010.3706%209.10767C9.96152%209.10767%209.62988%209.43558%209.62988%209.84009C9.62988%2010.2446%209.96152%2010.5725%2010.3706%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.3706%2013.5022C10.7797%2013.5022%2011.1114%2013.1743%2011.1114%2012.7698C11.1114%2012.3653%2010.7797%2012.0374%2010.3706%2012.0374C9.96152%2012.0374%209.62988%2012.3653%209.62988%2012.7698C9.62988%2013.1743%209.96152%2013.5022%2010.3706%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%2010.5725C13.7426%2010.5725%2014.0743%2010.2446%2014.0743%209.84009C14.0743%209.43558%2013.7426%209.10767%2013.3335%209.10767C12.9244%209.10767%2012.5928%209.43558%2012.5928%209.84009C12.5928%2010.2446%2012.9244%2010.5725%2013.3335%2010.5725Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M13.3335%2013.5022C13.7426%2013.5022%2014.0743%2013.1743%2014.0743%2012.7698C14.0743%2012.3653%2013.7426%2012.0374%2013.3335%2012.0374C12.9244%2012.0374%2012.5928%2012.3653%2012.5928%2012.7698C12.5928%2013.1743%2012.9244%2013.5022%2013.3335%2013.5022Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_162_121%22%3E%3Crect%20width%3D%2217.7778%22%20height%3D%2216.1133%22%20fill%3D%22white%22%20transform%3D%22translate%280%200.318604%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  width: 17px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 3px;
  margin-right: 0.1875rem;
}

.header__nav-item-top-mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
}

.header__nav-item-top-mark::before,
.header__nav-item-top-mark::after {
  content: "";
  width: 0.5px;
  width: 0.03125rem;
  height: 9px;
  height: 0.5625rem;
  bottom: 1px;
  bottom: 0.0625rem;
  background-color: #fff;
  position: relative;
}

.header__nav-item-top-mark::before {
  margin-right: 3px;
  margin-right: 0.1875rem;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.header__nav-item-top-mark::after {
  margin-left: 3px;
  margin-left: 0.1875rem;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}

.header__nav-item-bottom {
  font-size: clamp(12px, 1.11vw, 16px);
  font-weight: bold;
  color: #fff;
  line-height: 1.4375;
}

.header__sp-favorite {
  display: none;
}
@media screen and (max-width: 1000px) {
  .header__sp-favorite {
    display: block;
    position: relative;
    top: 5px;
  }
}

#header.UpMove {
  position: fixed;
  width: 100%;
  -webkit-animation: UpAnime 0.5s forwards;
          animation: UpAnime 0.5s forwards;
}

@-webkit-keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}

@keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
/*　下に下がる動き　*/
#header.DownMove {
  position: fixed;
  width: 100%;
  -webkit-animation: DownAnime 0.5s forwards;
          animation: DownAnime 0.5s forwards;
}

@-webkit-keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#header {
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
}

#header.page-header {
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: rgba(24, 22, 128, 0);
}

#header.fixed {
  position: fixed;
  z-index: 999;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 0px 4px #E0E0E0;
          box-shadow: 0px 0px 4px #E0E0E0;
}
@media screen and (max-width: 1000px) {
  #header.fixed {
    background: rgb(255, 255, 255);
  }
}

#header.page-header {
  position: fixed;
  z-index: 999;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 0px 4px #E0E0E0;
          box-shadow: 0px 0px 4px #E0E0E0;
}
@media screen and (max-width: 1000px) {
  #header.page-header {
    background: rgb(255, 255, 255);
  }
}

#header.fixed-out {
  -webkit-animation: fadeInUpOutfixed 0.3s forwards;
          animation: fadeInUpOutfixed 0.3s forwards;
  background: rgba(255, 255, 255, 0);
}

@-webkit-keyframes fadeInUpfixed {
  0% {
    background: rgba(255, 255, 255, 0);
  }
  100% {
    background: rgba(255, 255, 255, .8);
  }
}

@keyframes fadeInUpfixed {
  0% {
    background: rgba(255, 255, 255, 0);
  }
  100% {
    background: rgba(255, 255, 255, .8);
  }
}
@-webkit-keyframes fadeInUpOutfixed {
  0% {
    background: rgba(255, 255, 255, .8);
  }
  100% {
    background: rgba(255, 255, 255, 0);
  }
}
@keyframes fadeInUpOutfixed {
  0% {
    background: rgba(255, 255, 255, .8);
  }
  100% {
    background: rgba(255, 255, 255, 0);
  }
}
.header.fixed .header__logo-flex-left {
  display: none;
}
@media screen and (max-width: 1000px) {
  .header.fixed .header__logo-flex-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.header.fixed .header__logo-flex-right {
  position: fixed;
  bottom: 37px;
  right: 0px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1000px) {
  .header.fixed .header__logo-flex-right {
    display: none;
  }
}

.header.fixed .header__logo-flex-right-link {
  font-size: 0;
  padding: 30px;
}

.header.fixed .header__logo-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.header.fixed .header__logo-group-address {
  display: none;
}

.header.fixed .header__logo-group-title {
  display: none;
}

.header__logo-group-address {
  font-size: 14px;
  font-family: "Zen Old Mincho", serif;
  color: #554C36;
}
@media screen and (max-width: 1000px) {
  .header__logo-group-address {
    display: none;
  }
}

.header__logo-group-title {
  font-size: 14px;
  font-family: "Zen Old Mincho", serif;
  color: #554C36;
  padding-top: 5px;
  padding-top: 0.3125rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}
@media screen and (max-width: 1000px) {
  .header__logo-group-title {
    display: none;
  }
}

.header__nav-item {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.header__nav-opacity {
  display: none;
}

.header.fixed .header__nav-opacity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* ----------------------------------------
Mv
---------------------------------------- */
#g-nav-sp.panelactive {
  /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

/*丸の拡大*/
.circle-bg {
  position: fixed;
  z-index: 3;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  pointer-events: none;
}

.circle-bg.circleactive {
  opacity: 1;
  pointer-events: auto;
}

#g-nav-sp-list {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  overflow: auto;
  padding: 80px 20px 60px;
  padding: 5rem 1.25rem 3.75rem;
}

#g-nav-sp.panelactive #g-nav-sp-list {
  display: block;
}

/*ナビゲーション*/
#g-nav-sp ul.g-nav-sp__wrap {
  opacity: 0;
  position: relative;
  z-index: 999;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-top: 100px;
  padding-top: 6.25rem;
}
@media screen and (max-width: 1000px) {
  #g-nav-sp ul.g-nav-sp__wrap {
    padding-top: 4rem;
    padding-bottom: 4rem;
    height: auto;
    height: initial;
    max-width: 41.25rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    margin-left: auto;
    margin-right: auto;
  }
}

#g-nav-sp.panelactive ul.g-nav-sp__wrap {
  -webkit-animation-name: gnaviAnime;
          animation-name: gnaviAnime;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes gnaviAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes gnaviAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.g-nav-sp__item {
  text-align: left;
  width: 100%;
  border-bottom: 1px solid rgba(225, 143, 119, .5);
  list-style: none;
  padding: 10px 0;
  padding: 0.625rem 0;
}

.g-nav-sp__item:first-child {
  padding-top: 0;
}

.g-nav-sp__item-link {
  color: #554C36;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  .g-nav-sp__item-link {
    font-size: 1.125rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
}

.header__logo-item.active .header__logo-item-img.-before {
  display: block;
}

.header__logo-item.active .header__logo-item-img.-after {
  display: none;
}

.openbtn1 {
  position: fixed;
  top: 5px;
  top: 0.3125rem;
  right: 0;
  z-index: 9999;
  cursor: pointer;
  width: 52px;
  height: 42px;
  display: none;
}
@media screen and (max-width: 1000px) {
  .openbtn1 {
    display: block;
    top: 0;
    right: 0;
  }
}

.openbtn1:after {
  content: "menu";
  top: 40px;
  position: absolute;
  right: 22px;
  font-weight: 500;
  font-family: "Noto Sans CJKjp", serif;
  font-size: 10px;
}

/*×に変化*/
.openbtn1 span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  left: 0px;
  height: 2px;
  background-color: #000000;
  width: 32px;
}

.header.fixed .openbtn1 span,
.header.page-header .openbtn1 span {
  background-color: #000000;
}

.openbtn1 span:nth-of-type(1) {
  top: 26px;
}

.openbtn1 span:nth-of-type(2) {
  top: 32px;
  width: 21px;
  left: 10.5px;
}

.openbtn1.active {
  background: transparent;
}

.openbtn1.active span:nth-of-type(1) {
  background-color: #000000;
  top: 24px;
  left: 5px;
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
  width: 24px;
}

.openbtn1.active span:nth-of-type(2) {
  background-color: #000000;
  top: 36px;
  left: 5px;
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
  width: 24px;
}

.header-sp__list-item {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #CCCCCC;
}

.header-sp__list-item a {
  font-family: "Noto Sans CJKjp", serif;
}

.header-sp__nav .search__content-list {
  padding-bottom: 0;
  padding-top: 24px;
  padding-top: 1.5rem;
}

.header-sp__nav .search__content-list a {
  color: #000000;
}

.header-sp__nav-accordion {
  position: relative;
}
.header-sp__nav-accordion__ttl {
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.header-sp__nav-accordion__cnt {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.2s ease height;
  transition: 0.2s ease height;
}
.header-sp__nav-accordion__inner {
  padding-top: 20px;
}

.breadcrumbs-list__wrap {
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-top: 16px;
  padding-top: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
}

.breadcrumbs-list__wrap::-webkit-scrollbar {
  display: none;
}

.breadcrumbs-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  gap: 1.5rem;
}

.breadcrumbs-list__item {
  position: relative;
  color: #1E1E1E;
  font-size: 14px;
  font-size: 0.875rem;
  white-space: nowrap;
}

.breadcrumbs-list__item::before {
  content: "/";
  position: absolute;
  margin-right: -12px;
  margin-right: -0.75rem;
  right: 0;
  color: #CCCCCC;
}

.breadcrumbs-list__item:last-child {
  padding-right: 20px;
  padding-right: 1.25rem;
}

.breadcrumbs-list__item:last-child::before {
  content: none;
}

.breadcrumbs-list__item a {
  position: relative;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

@media screen and (max-width:767px) {
  .breadcrumbs-list__item a span {
    display: none;
  }
}

.cta-bottom:not(.page .cta-bottom) {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 80px;
  padding-bottom: 65px;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .cta-bottom:not(.page .cta-bottom) {
    margin-top: 40px;
  }
}

.page .cta-bottom {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 65px;
  overflow: hidden;
}
@media screen and (max-width:767px) {
  .page .cta-bottom {
    margin-top: 40px;
  }
}

.cta-bottom__inner {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  background: -webkit-gradient(linear, right top, left top, from(#DCD900), to(#EBA139));
  background: linear-gradient(to left, #DCD900, #EBA139);
  border-radius: 10px;
  position: relative;
  padding-top: 60px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1000px) {
  .cta-bottom__inner {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}

.cta-bottom__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: absolute;
  padding-left: 60px;
  top: -21px;
}

.cta-bottom__group-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4%;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 56px;
  padding-bottom: 56px;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .cta-bottom__group-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.cta-bottom__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
}

.cta-bottom__body-copy {
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  background: -webkit-gradient(linear, right top, left top, from(rgb(221, 215, 2)), to(rgb(235, 161, 56))) text;
  background: linear-gradient(to left, rgb(221, 215, 2), rgb(235, 161, 56)) text;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width: 1000px) {
  .cta-bottom__body-copy {
    font-size: 18px;
    text-align: center;
  }
}

.cta-bottom__body-text {
  font-size: 16px;
  font-size: 1rem;
  font-family: "Noto Serif jp", serif;
  font-weight: 700;
  line-height: 2;
  padding-top: 20px;
  padding-top: 1.25rem;
}
@media screen and (max-width: 1000px) {
  .cta-bottom__body-text {
    font-size: 0.8125rem;
    text-align: center;
  }
}

.cta-bottom__button-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cta-bottom__button.top-common__button {
  max-width: 320px;
  font-size: 19px;
  margin-top: 20px;
}
@media screen and (max-width: 1000px) {
  .cta-bottom__button.top-common__button {
    font-size: 13px;
    max-width: 240px;
    width: 100%;
  }
}

.cta-bottom__container-text {
  font-size: 18px;
  font-weight: 700;
  font-family: "Noto Sans jp", serif;
  color: #fff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .cta-bottom__container-text {
    font-size: 14px;
  }
}

.cta-bottom__container-button-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  .cta-bottom__container-button-grid {
    grid-template-columns: 1fr;
    max-width: 320px;
  }
}

.cta-bottom__container-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  font-size: 20px;
  font-weight: 700;
  font-family: "Noto Sans CJKjp", serif;
  color: #fff;
  border-radius: 999px;
  padding: 20px 30px;
  border: 2px solid #fff;
  max-width: 320px;
  max-width: 20rem;
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .cta-bottom__container-button {
    font-size: 16px;
    padding: 15px 20px;
  }
}
@media screen and (max-width: 1000px) {
  .cta-bottom__container-button {
    font-size: 14px;
  }
}

.cta-bottom__container-button.--file {
  background: #10BAF3;
}

.cta-bottom__container-button.--file:before {
  content: "";
  background-image: url(../img/cta-bottom01.svg);
  width: 22px;
  height: 22px;
  background-size: 100% 100%;
  position: relative;
  margin-right: 4px;
}

.cta-bottom__container-button.--line {
  background: #06C755;
}

.cta-bottom__container-button.--line:before {
  content: "";
  background-image: url(../img/cta-bottom02.svg);
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  position: relative;
  margin-right: 4px;
}

.cta-bottom__container-button.--mail {
  background: #696969;
}

.cta-bottom__container-button.--mail:before {
  content: "";
  background-image: url(../img/cta-bottom03.svg);
  width: 22px;
  height: 22px;
  background-size: 100% 100%;
  position: relative;
  margin-right: 4px;
}

/* ----------------------------------------
Footer
---------------------------------------- */
footer {
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Noto Serif jp", serif;
}

.footer__inner {
  position: relative;
  background: #898989;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding-top: 64px;
  padding-top: 4rem;
  padding-bottom: 64px;
  padding-bottom: 4rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}
@media screen and (max-width:767px) {
  .footer__inner {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.pagetop {
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6.25rem;
  border: 4px solid #D5D5D5;
  top: -24px;
  top: -1.5rem;
  background: #F3F3F3;
  right: 24px;
  right: 1.5rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  width: 3.5rem;
  height: 56px;
  height: 3.5rem;
  opacity: 1;
  z-index: 99;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  z-index: 1;
}
@media screen and (max-width:767px) {
  .pagetop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
  }
}

.pagetop-up {
  display: inline-block;
  vertical-align: middle;
  color: #D5D5D5;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (max-width:767px) {
  .pagetop-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.625rem;
    height: 0.625rem;
    margin-bottom: 5px;
  }
}

.pagetop-up::before,
.pagetop-up::after {
  content: "";
  position: absolute;
  background: currentColor;
}

.pagetop-up::before {
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  height: 0.1875rem;
}

.pagetop-up::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 3px;
  width: 0.1875rem;
}

.footer__list-group {
  padding-bottom: 32px;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1100px) {
  .footer__list-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
@media screen and (max-width:767px) {
  .footer__list-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.footer__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid #fff;
  padding-left: 20px;
}
@media screen and (max-width:767px) {
  .footer__list {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 45%;
            flex: 0 1 45%;
    padding-left: 10px;
  }
}

.footer__list-item {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1875;
  margin-bottom: 14px;
}
@media screen and (max-width: 1000px) {
  .footer__list-item {
    font-size: 12px;
  }
}
@media screen and (max-width:767px) {
  .footer__list-item {
    font-size: 0.875rem;
    line-height: 1.5;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%;
    margin-bottom: 10px;
  }
}

.footer__list-item-first {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.125;
  color: #fff;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .footer__list-item-first {
    font-size: 14px;
  }
}
@media screen and (max-width:767px) {
  .footer__list-item-first {
    margin-bottom: 14px;
  }
}

.footer__list-item:last-child {
  margin-bottom: 0;
}

.footer-bottom {
  text-align: center;
  padding-top: 32px;
  padding-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #E0E0E0;
}
@media screen and (max-width:767px) {
  .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
  }
}

.footer-bottom__logo {
  width: 100%;
  max-width: 190px;
  max-width: 11.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width:767px) {
  .footer-bottom__logo {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 9rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.copyright {
  display: block;
  color: #333333;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  text-align: center;
}

.footer__logo-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
}

.footer__list-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  gap: 3.125rem;
}
@media screen and (max-width: 1000px) {
  .footer__list-wrap {
    gap: 1.5rem;
  }
}
@media screen and (max-width:767px) {
  .footer__list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.875rem 0.9375rem;
  }
}

.footer__logo {
  max-width: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__logo-bottom {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.57;
  margin-top: 24px;
}

.footer__bottom-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  font-size: 0.75rem;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width:767px) {
  .footer__bottom-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
  }
}

.footer__bottom-flex-left small {
  color: #fff;
  font-family: "Noto Sans jp", serif;
}

.footer__bottom-flex-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  gap: 0.75rem;
}

.footer__bottom-flex-right-item {
  position: relative;
}

.footer__bottom-flex-right-item:first-child:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: -6px;
  right: -0.375rem;
  background: #fff;
}

.footer__bottom-flex-right a {
  color: #fff;
  font-family: "Noto Sans jp", serif;
}

@font-face {
  font-family: "Noto Serif CJKjp";
  font-weight: 700;
}
@font-face {
  font-family: "Noto Sans CJKjp";
  src: url("../fonts/NotoSansCJKjp-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans CJKjp";
  font-weight: 500;
  src: url("../fonts/NotoSansCJKjp-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans CJKjp";
  font-weight: 700;
  src: url("../fonts/NotoSansCJKjp-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans jp", serif;
  src: url("../fonts/NotoSansJP-Regular.ttf") format("opentype");
}
@font-face {
  font-family: "Noto Sans jp", serif;
  font-weight: 500;
  src: url("../fonts/NotoSansJP-Medium.ttf") format("opentype");
}
@font-face {
  font-family: "Noto Sans jp", serif;
  font-weight: 600;
  src: url("../fonts/NotoSansJP-SemiBold.ttf") format("opentype");
}
@font-face {
  font-family: "Noto Sans jp", serif;
  font-weight: 700;
  src: url("../fonts/NotoSansJP-Bold.ttf") format("opentype");
}
@font-face {
  font-family: "Noto Serif jp", serif;
  src: url("../fonts/NotoSerifJP-Regular.ttf") format("opentype");
}
@font-face {
  font-family: "Noto Serif jp", serif;
  font-weight: 600;
  src: url("../fonts/NotoSerifJP-SemiBold.ttf") format("opentype");
}
@font-face {
  font-family: "Noto Serif jp", serif;
  font-weight: 700;
  src: url("../fonts/NotoSerifJP-Bold.ttf") format("opentype");
}
@font-face {
  font-family: "Noto Serif CJKjp";
  src: url("../fonts/NotoSerifCJKjp-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Serif CJKjp";
  font-weight: 500;
  src: url("../fonts/NotoSerifCJKjp-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Serif CJKjp";
  font-weight: 700;
  src: url("../fonts/NotoSerifCJKjp-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Rozha One";
  src: url("../fonts/RozhaOne-Regular.ttf") format("truetype");
}
body {
  color: #000000;
  text-align: justify;
  font-weight: 500;
}

:root {
  scroll-padding: 100px;
}

.-no--link {
  pointer-events: none;
}

body {
  font-family: "Noto Sans CJKjp", serif;
}

body.home {
  font-family: "Noto Serif jp", serif;
}

body.page {
  font-family: "Noto Sans jp", serif;
  text-align: justify;
  color: #000000;
}

body.home {
  color: #000000;
  text-align: justify;
}

body.privacy-policy {
  font-family: "Noto Sans CJKjp", serif;
}

main {
  overflow: clip;
}

main.is-page {
  padding-top: 48px;
}
@media screen and (max-width:767px) {
  main.is-page {
    padding-top: 47px;
  }
}

/*--container
------------------------------*/
.container {
  max-width: 1000px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container02 {
  max-width: 1080px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container03 {
  max-width: 1080px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container04 {
  max-width: 1200px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.container05 {
  max-width: 820px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.container06 {
  max-width: 880px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.container07 {
  max-width: 900px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.child-container {
  max-width: 800px;
  width: calc(100% - 120px);
}
@media screen and (max-width:767px) {
  .child-container {
    width: 100%;
  }
}

.child-container02 {
  max-width: 684px;
  width: calc(100% - 120px);
}
@media screen and (max-width:767px) {
  .child-container02 {
    width: 100%;
  }
}

@media screen and (max-width:767px) {
  .sp-container {
    width: 84%;
    margin: 0 auto;
  }
}

/*--container
------------------------------*/
.is-front .container {
  max-width: 1000px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.is-front .container02 {
  max-width: 1080px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.is-front .container03 {
  max-width: 1080px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.is-front .container04 {
  max-width: 1200px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
.is-front .container05 {
  max-width: 820px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
.is-front .container06 {
  max-width: 880px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
.is-front .container07 {
  max-width: 900px;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}
.is-front .child-container {
  max-width: 800px;
  width: calc(100% - 120px);
}
@media screen and (max-width:767px) {
  .is-front .child-container {
    width: 100%;
  }
}
.is-front .child-container02 {
  max-width: 684px;
  width: calc(100% - 120px);
}
@media screen and (max-width:767px) {
  .is-front .child-container02 {
    width: 100%;
  }
}
@media screen and (max-width:767px) {
  .is-front .sp-container {
    width: 84%;
    margin: 0 auto;
  }
}

/*--section__title
------------------------------*/
.section__title {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.5;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  letter-spacing: 0.4em;
  font-weight: 500;
  z-index: 5;
  position: relative;
}
@media screen and (max-width:767px) {
  .section__title {
    font-size: 1.125rem;
  }
}

.section__title span {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  margin-left: 4px;
}
@media screen and (max-width:767px) {
  .section__title span {
    font-size: 0.8125rem;
    margin-left: 2px;
    letter-spacing: 0.3em;
  }
}

a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  opacity: 0.8;
}

img {
  width: 100%;
  height: auto;
}

.inner1320 {
  max-width: 1360px;
  max-width: 85rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}

.inner1300 {
  max-width: 1340px;
  max-width: 83.75rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}

.inner1200 {
  max-width: 1240px;
  max-width: 77.5rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .inner1200 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.inner1040 {
  max-width: 1080px;
  max-width: 67.5rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .inner1040 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.inner1000 {
  max-width: 1200px;
  max-width: 75rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  .inner1000 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.inner960 {
  max-width: 1000px;
  max-width: 62.5rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .inner960 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.inner890 {
  max-width: 930px;
  max-width: 58.125rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .inner890 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.inner800 {
  max-width: 840px;
  max-width: 52.5rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .inner800 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.inner640 {
  max-width: 680px;
  max-width: 42.5rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .inner640 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

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

.-en--font {
  font-family: "Rozha One", serif;
}

body:not(.home) {
  margin-top: 80px;
  margin-top: 5rem;
}

.cta-banner--js {
  position: fixed;
  right: 0;
  top: 180px;
  top: 11.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  gap: 0.5rem;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
@media screen and (max-width: 1000px) {
  .cta-banner--js {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    padding: 0.5rem;
    background: #fff;
    top: auto;
    top: initial;
    bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .cta-banner--js {
    gap: 0.25rem;
  }
}

.cta-banner--js.is-show {
  opacity: 1;
  pointer-events: all;
}

.cta-banner {
  position: fixed;
  right: 0;
  top: 180px;
  top: 11.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  gap: 0.5rem;
  z-index: 2;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (max-width: 1000px) {
  .cta-banner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    padding: 0.5rem;
    background: #fff;
    top: auto;
    top: initial;
    bottom: 0;
  }
}

.cta-banner__button {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  color: #fff;
  font-weight: 700;
  position: relative;
  padding: 40px 24px;
  padding: 2.5rem 1.5rem;
  border-top-left-radius: 16px;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 16px;
  border-bottom-left-radius: 1rem;
  font-family: "Noto Sans CJKjp", serif;
}
@media screen and (max-width: 1000px) {
  .cta-banner__button {
    -ms-writing-mode: initial;
    -webkit-writing-mode: initial;
            writing-mode: initial;
    width: 50%;
    border-radius: 6.1875rem;
    padding: 0.875rem 0.875rem;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .cta-banner__button {
    font-size: 0.875rem;
    padding: 0.9375rem 0.5rem;
  }
}

.cta-banner__button.--yellow {
  background: -webkit-gradient(linear, left top, right top, from(#EBA139), to(#DCD900));
  background: linear-gradient(to right, #EBA139, #DCD900);
}

.cta-banner__button.--yellow p {
  position: absolute;
  left: -25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  font-size: 0.875rem;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1000px) {
  .cta-banner__button.--yellow p {
    font-size: 0.75rem;
    height: 28px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: -29%;
    left: 50%;
  }
}

.cta-banner__button.--yellow span {
  padding: 12px 10px;
  padding: 0.75rem 0.625rem;
  border-radius: 6.1875rem;
  background: #fff;
  color: #EBA139;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="5" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, .25));
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, .25));
  position: relative;
}
@media screen and (max-width: 1000px) {
  .cta-banner__button.--yellow span {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    padding: 0.375rem 0.5rem 0.5rem;
    background: #fff;
    top: auto;
    top: initial;
    bottom: 0;
    white-space: nowrap;
  }
}

.cta-banner__button.--yellow span:after {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  background: #ffffff;
  height: 10px;
  width: 15px;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
  -webkit-transform: rotate(90deg) translateX(-50%);
          transform: rotate(90deg) translateX(-50%);
}
@media screen and (max-width: 1000px) {
  .cta-banner__button.--yellow span:after {
    left: 42%;
    right: inherit;
    top: 82%;
    height: 8px;
    width: 15px;
    -webkit-transform: rotate(180deg) translate(-50%, -50%);
            transform: rotate(180deg) translate(-50%, -50%);
  }
}

.cta-banner__button.--gray {
  background: -webkit-gradient(linear, left top, right top, from(#666666), to(#ACACAC));
  background: linear-gradient(to right, #666666, #ACACAC);
}

.page-counseling .cta-banner__button.--yellow {
  display: none;
}

@media screen and (max-width: 1000px) {
  .page-counseling .cta-banner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.post-type-archive-paper .cta-banner__button.--gray,
.single-paper .cta-banner__button.--gray {
  display: none;
}

@media screen and (max-width: 1000px) {
  .post-type-archive-paper .cta-banner,
  .single-paper .cta-banner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.archive-column-group .archive-column__relative-box-title {
  margin-top: 64px;
  margin-top: 4rem;
}

.page-content__inner {
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
}
@media screen and (max-width:767px) {
  .page-content__inner {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
}

/* ----------------------------------------
page base
---------------------------------------- */
.is-page {
  background: #F5F5F0;
}

.page__section:not(:last-of-type) {
  padding-top: 148px;
}
@media screen and (max-width:767px) {
  .page__section:not(:last-of-type) {
    padding-top: 80px;
  }
}

.page__section:last-of-type {
  padding-top: 148px;
  padding-bottom: 160px;
}
@media screen and (max-width:767px) {
  .page__section:last-of-type {
    padding-top: 80px;
    padding-bottom: 120px;
  }
}

/* ----------------------------------------
page mv
---------------------------------------- */
.mv__wrap .container:not(.breadcrumbs) {
  padding: 100px 0;
}
@media screen and (max-width:767px) {
  .mv__wrap .container:not(.breadcrumbs) {
    padding: 60px 0 80px;
    width: 100%;
  }
}

.mv__wrap .container .page__top-title, .is-404 h1 {
  text-align: center;
  font-weight: 500;
  font-size: 32px;
  font-size: 2rem;
  letter-spacing: 0.35em;
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  .mv__wrap .container .page__top-title, .is-404 h1 {
    font-size: 1.125rem;
  }
}

/* ----------------------------------------
breadcrumbs
---------------------------------------- */
/* ----------------------------------------
page title
---------------------------------------- */
.single-paper__content-detail > * {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

@media screen and (max-width:767px) {
  .single-paper__content-detail p {
    font-size: 0.875rem;
  }
}

.single-column * {
  font-weight: 400;
  line-height: 1.5;
}

.single-column__main {
  line-height: 1.4;
  padding-top: 24px;
  padding-top: 1.5rem;
}
@media screen and (max-width:767px) {
  .single-column__main {
    padding-top: 2.5rem;
    font-size: 0.875rem;
  }
}

.single-column__main marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #FFEB37));
  background: linear-gradient(transparent 50%, #FFEB37 50%);
}

.single-toc {
  background: #F0F0F5;
  padding: 20px;
  padding: 1.25rem;
}

.lwptoc-light .lwptoc_i {
  width: 100% !important;
  border-radius: 1rem;
}

.lwptoc_header {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  width: 100%;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: bold;
}
@media screen and (max-width:767px) {
  .lwptoc_header {
    font-size: 1rem;
  }
}
.lwptoc_header:hover {
  opacity: 0.7;
}

.single-column__main .lwptoc-notInherit .lwptoc_i DIV A:hover {
  border-bottom: none !important;
}

.single-toc__body {
  border-top: 1px solid #CCCCCC;
  padding: 20px 0px 0px;
  padding: 1.25rem 0rem 0rem;
  display: none;
  opacity: 0;
}
@media screen and (max-width:767px) {
  .single-toc__body {
    padding: 1.25rem 0rem;
  }
}

.single-toc__body.is-open {
  display: block;
  opacity: 1;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.lwptoc_items {
  margin-top: 20px;
  margin-top: 1.25rem;
  border-top: 1px solid #CCCCCC;
  padding: 20px 0px 0px;
  padding: 1.25rem 0rem 0rem;
}
@media screen and (max-width:767px) {
  .lwptoc_items {
    padding: 1.25rem 0rem;
  }
}

.single-toc__body-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #1E1E1E;
}

.lwptoc-light .lwptoc_items A:visited {
  color: #1E1E1E !important;
}

.lwptoc_item_label {
  color: #1E1E1E;
  line-height: 2;
}

.lwptoc_items > div > div > a > span.lwptoc_item_number::after {
  content: ".";
}

.single-toc__body-list-item a {
  line-height: 2;
}

.single-toc__body-list-block {
  padding-left: 20px;
  padding-left: 1.25rem;
}

.single-toc__body-list .single-toc__body-list-item:first-child {
  margin-top: 0;
}

.single-toc__body-list-item {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.lwptoc-notInherit .lwptoc_i .lwptoc_toggle_label:hover {
  border-bottom: none !important;
}

.lwptoc_toggle:before,
.lwptoc_toggle:after {
  content: none !important;
}

.lwptoc_toggle a {
  font-size: 0;
}

.lwptoc_toggle a::before,
.lwptoc_toggle a::after {
  /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  /* 棒の幅（太さ） */
  height: 14px;
  /* 棒の高さ */
  background: #181680;
}

.lwptoc_toggle a::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.lwptoc_toggle a::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.single-toc__head.is-open .single-toc__head-button {
  top: 50%;
}

.lwptoc_toggle a[data-label=active]::before {
  content: none;
}

.lwptoc_toggle_label {
  position: absolute;
  right: 20px;
  right: 1.25rem;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1;
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  top: 50%;
}

.single-toc__head-button {
  position: absolute;
  right: 20px;
  right: 1.25rem;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1;
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  top: 50%;
}

.single-toc__head.is-open .single-toc__head-button {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  top: 50%;
}

.single-toc__head-button::before,
.single-toc__head-button::after {
  /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  /* 棒の幅（太さ） */
  height: 14px;
  /* 棒の高さ */
  background: #000000;
}

.single-toc__head-button::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.single-toc__head-button::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.single-column .single-column__main h2 {
  color: #000000;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
@media screen and (max-width:767px) {
  .single-column .single-column__main h2 {
    font-size: 1.25rem;
    margin-bottom: 0.875rem;
  }
}

.single-column .single-column__main h3 {
  color: #000000;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media screen and (max-width:767px) {
  .single-column .single-column__main h3 {
    font-size: 1rem;
  }
}

.single-column .single-column__main h4 {
  color: #000000;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
@media screen and (max-width:767px) {
  .single-column .single-column__main h4 {
    font-size: 1rem;
  }
}

ul.wp-block-list li {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  position: relative;
}

ul.wp-block-list li:last-child {
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

ul.wp-block-list li:before {
  content: "・";
  position: absolute;
  left: 0;
}

ol.wp-block-list {
  list-style-type: decimal;
  padding-left: 16px;
  padding-left: 1rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
  position: relative;
}

ol.wp-block-list li {
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

ol.wp-block-list li:last-child {
  padding-bottom: 0px;
  padding-bottom: 0rem;
}

.single-column__list li {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

.single-column__list li:last-child {
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

.single-column__list-item:before {
  content: "・";
  position: absolute;
  left: 0;
}

.single-column__list-item {
  position: relative;
}

.single-column__list-number {
  list-style-type: decimal;
  padding-left: 16px;
  padding-left: 1rem;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

.single-column__list-number li:last-child {
  padding-bottom: 0px;
  padding-bottom: 0rem;
}

.single-column__list-check {
  list-style: none;
}

.single-column__list-check li {
  position: relative;
  padding-left: 20px !important;
  padding-left: 1.25rem !important;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}

.single-column__list-check li:last-child {
  padding-bottom: 0px;
  padding-bottom: 0rem;
}

.single-column__list-check li:before {
  content: "" !important;
  position: absolute;
  left: 0;
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.6%2014.6L15.65%207.55L14.25%206.15L8.6%2011.8L5.75%208.95L4.35%2010.35L8.6%2014.6ZM10%2020C8.61667%2020%207.31667%2019.7375%206.1%2019.2125C4.88333%2018.6875%203.825%2017.975%202.925%2017.075C2.025%2016.175%201.3125%2015.1167%200.7875%2013.9C0.2625%2012.6833%200%2011.3833%200%2010C0%208.61667%200.2625%207.31667%200.7875%206.1C1.3125%204.88333%202.025%203.825%202.925%202.925C3.825%202.025%204.88333%201.3125%206.1%200.7875C7.31667%200.2625%208.61667%200%2010%200C11.3833%200%2012.6833%200.2625%2013.9%200.7875C15.1167%201.3125%2016.175%202.025%2017.075%202.925C17.975%203.825%2018.6875%204.88333%2019.2125%206.1C19.7375%207.31667%2020%208.61667%2020%2010C20%2011.3833%2019.7375%2012.6833%2019.2125%2013.9C18.6875%2015.1167%2017.975%2016.175%2017.075%2017.075C16.175%2017.975%2015.1167%2018.6875%2013.9%2019.2125C12.6833%2019.7375%2011.3833%2020%2010%2020Z%22%20fill%3D%22%23EBA139%22%2F%3E%3C%2Fsvg%3E");
  background-size: 0.875rem 0.875rem;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.single-column__list-check {
  position: relative;
}

.wp-block-quote {
  padding: 25px;
  padding: 1.5625rem;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  background: #F5F5F5;
  border-radius: 1rem;
}

.wp-block-quote:before {
  content: "";
  position: absolute;
  left: 20px;
  left: 1.25rem;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2229%22%20height%3D%2220%22%20viewBox%3D%220%200%2029%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.4974%2020L7.33073%2013.3333C5.4974%2013.3333%203.92795%2012.6806%202.6224%2011.375C1.31684%2010.0694%200.664062%208.5%200.664062%206.66667C0.664062%204.83333%201.31684%203.26389%202.6224%201.95833C3.92795%200.652778%205.4974%200%207.33073%200C9.16406%200%2010.7335%200.652778%2012.0391%201.95833C13.3446%203.26389%2013.9974%204.83333%2013.9974%206.66667C13.9974%207.30556%2013.921%207.89583%2013.7682%208.4375C13.6155%208.97917%2013.3863%209.5%2013.0807%2010L7.33073%2020H3.4974ZM18.4974%2020L22.3307%2013.3333C20.4974%2013.3333%2018.9279%2012.6806%2017.6224%2011.375C16.3168%2010.0694%2015.6641%208.5%2015.6641%206.66667C15.6641%204.83333%2016.3168%203.26389%2017.6224%201.95833C18.9279%200.652778%2020.4974%200%2022.3307%200C24.1641%200%2025.7335%200.652778%2027.0391%201.95833C28.3446%203.26389%2028.9974%204.83333%2028.9974%206.66667C28.9974%207.30556%2028.921%207.89583%2028.7682%208.4375C28.6154%208.97917%2028.3863%209.5%2028.0807%2010L22.3307%2020H18.4974Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  top: -10px;
  top: -0.625rem;
}

.wp-block-quote::after {
  content: "";
  position: absolute;
  right: 20px;
  right: 1.25rem;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2229%22%20height%3D%2220%22%20viewBox%3D%220%200%2029%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.4974%2020L7.33073%2013.3333C5.4974%2013.3333%203.92795%2012.6806%202.6224%2011.375C1.31684%2010.0694%200.664062%208.5%200.664062%206.66667C0.664062%204.83333%201.31684%203.26389%202.6224%201.95833C3.92795%200.652778%205.4974%200%207.33073%200C9.16406%200%2010.7335%200.652778%2012.0391%201.95833C13.3446%203.26389%2013.9974%204.83333%2013.9974%206.66667C13.9974%207.30556%2013.921%207.89583%2013.7682%208.4375C13.6155%208.97917%2013.3863%209.5%2013.0807%2010L7.33073%2020H3.4974ZM18.4974%2020L22.3307%2013.3333C20.4974%2013.3333%2018.9279%2012.6806%2017.6224%2011.375C16.3168%2010.0694%2015.6641%208.5%2015.6641%206.66667C15.6641%204.83333%2016.3168%203.26389%2017.6224%201.95833C18.9279%200.652778%2020.4974%200%2022.3307%200C24.1641%200%2025.7335%200.652778%2027.0391%201.95833C28.3446%203.26389%2028.9974%204.83333%2028.9974%206.66667C28.9974%207.30556%2028.921%207.89583%2028.7682%208.4375C28.6154%208.97917%2028.3863%209.5%2028.0807%2010L22.3307%2020H18.4974Z%22%20fill%3D%22%23666666%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -20px;
  bottom: -1.25rem;
}

.blockquote__bottom {
  padding-top: 10px;
  padding-top: 0.625rem;
  text-align: right;
}

.blockquote__bottom a:hover {
  opacity: 1;
  color: #35B7E2;
  text-decoration: underline;
}

.blockquote__bottom a {
  color: #000000;
  text-decoration: underline;
}

.single-column-button {
  text-align: center;
}

.single-column-button-link {
  padding: 20px 64px 20px 20px;
  padding: 1.25rem 4rem 1.25rem 1.25rem;
  border-radius: 62.4375rem;
  display: inline-block;
  position: relative;
}

.single-column-button-link p {
  font-weight: 700;
}

.single-column-button-link:after {
  content: "";
  -webkit-mask-image: url(../img/next-arrow.svg);
          mask-image: url(../img/next-arrow.svg);
  background: #000;
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}

.single-column-button-link.--white {
  background: #F5F5F5;
}

.single-column-button-link.--gray {
  background: -webkit-gradient(linear, left top, right top, from(#666666), to(#ACACAC));
  background: linear-gradient(to right, #666666, #ACACAC);
  color: #fff;
}

.single-column-button-link.--gray p {
  color: #fff;
}

.single-column-button-link.--gray:after {
  background: #fff;
}

.single-column-button-link.--yellow {
  background: -webkit-gradient(linear, right top, left top, from(#EBA139), to(#DCD900));
  background: linear-gradient(to left, #EBA139, #DCD900);
  color: #fff;
}

.single-column-button-link.--yellow p {
  color: #fff;
}

.single-column-button-link.--yellow:after {
  background: #fff;
}

.single__faq .single__faq-item {
  background: #F5F5F5;
  padding: 16px 24px;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  cursor: pointer;
}

.single-column .single-column__main h4.faq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-bottom: 0;
}
.single-column .single-column__main h4.faq__question:hover {
  opacity: 0.7;
}

.faq__question,
.faq__answer {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80px;
          flex: 0 1 80px;
  -ms-flex: 0 1 5rem;
      flex: 0 1 5rem;
}

.faq__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.faq__question-icon {
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-right: 20px;
  margin-right: 1.25rem;
}
@media screen and (max-width:767px) {
  .faq__question-icon {
    font-size: 1rem;
    margin-right: 0.8125rem;
  }
}

.faq__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  font-size: 16px;
  font-size: 1rem;
}

.faq__answer-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-size: 1rem;
  margin-right: 20px;
  margin-right: 1.25rem;
}
@media screen and (max-width:767px) {
  .faq__answer-icon {
    margin-right: 0.8125rem;
  }
}

.faq__answer {
  display: none;
}

.single__faq-item.active .faq__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #CCCCCC;
  padding-top: 20px;
  padding-top: 1.25rem;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.faq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}

.faq__question .faq__content {
  font-weight: 700;
}

.faq__content-arrow {
  position: absolute;
  right: 0px;
  right: 0rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.single__faq-item.active .faq__content-arrow {
  top: 50%;
}

.faq__content-arrow::before,
.faq__content-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  /* 棒の幅（太さ） */
  height: 14px;
  /* 棒の高さ */
  background: #000000;
  /* バツ印の色 */
}

.faq__content-arrow::before {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}

.faq__content-arrow::after {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}

.single__faq.active .faq__content-arrow::before {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}

.single__faq-wrap .single__faq {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.single__faq-wrap .single__faq:last-child {
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

.single__box-emphasis {
  background: #FFEBEB;
  border: 1px solid #CC0000;
  line-height: 1.4;
  border-radius: 1rem;
  overflow: hidden;
}

.single__box-emphasis-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #fff !important;
  padding: 20px 40px;
  padding: 1.25rem 2.5rem;
}
@media screen and (max-width:767px) {
  .single__box-emphasis-title {
    padding: 1rem 0.875rem;
    font-size: 0.875rem;
  }
}

.single__box-emphasis-content {
  padding: 24px 24px;
  padding: 1.5rem 1.5rem;
}
@media screen and (max-width:767px) {
  .single__box-emphasis-content {
    padding: 1.5rem 1rem;
  }
}

.single__box-emphasis .single__box-emphasis-title {
  position: relative;
  padding-left: 52px;
  padding-left: 3.25rem;
  background: #CC0000;
}
@media screen and (max-width:767px) {
  .single__box-emphasis .single__box-emphasis-title {
    padding-left: 2.875rem;
  }
}

.single__box-emphasis .single__box-emphasis-title::after {
  content: "";
  position: absolute;
  left: 24px;
  left: 1.5rem;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  background-image: url(../img/emphasis01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width:767px) {
  .single__box-emphasis .single__box-emphasis-title::after {
    left: 0.9375rem;
  }
}

.single__box-emphasis02 {
  border: 1px solid #0088CC;
  background: #EBF8FF;
}

.single__box-emphasis02 .single__box-emphasis-title {
  background: #0088CC;
}

.single__box-emphasis02 .single__box-emphasis-title::after {
  content: "";
  position: absolute;
  left: 24px;
  left: 1.5rem;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  background-image: url(../img/emphasis02.svg);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width:767px) {
  .single__box-emphasis02 .single__box-emphasis-title::after {
    left: 0.9375rem;
  }
}

.single__box-emphasis03 {
  border: 1px solid #666666;
  background: #F5F5F5;
}

.single__box-emphasis03 .single__box-emphasis-title {
  font-size: 20px;
  font-size: 1.25rem;
  background: none;
  color: #000000 !important;
  padding: 24px 24px 0;
  padding: 1.5rem 1.5rem 0;
}
@media screen and (max-width:767px) {
  .single__box-emphasis03 .single__box-emphasis-title {
    font-size: 0.875rem;
    padding: 1rem 1rem 0;
  }
}

.single__box-emphasis03 .single__box-emphasis-title::after {
  content: none;
}

.single-column-post__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .25);
          box-shadow: 0 4px 5px rgba(0, 0, 0, .25);
}
@media screen and (max-width:767px) {
  .single-column-post__flex {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.single-column-post__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 32%;
          flex: 0 1 32%;
}
@media screen and (max-width:767px) {
  .single-column-post__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 42%;
            flex: 0 1 42%;
  }
}

.single-column-post__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width:767px) {
  .single-column-post__img img {
    height: auto;
  }
}

.single-column-post__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 70px 20px 20px;
  padding: 1.25rem 4.375rem 1.25rem 1.25rem;
}
@media screen and (max-width:767px) {
  .single-column-post__body {
    padding: 0rem 0rem 0rem 1rem;
  }
}

.single-column h4.single-column-post__body-title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  color: #000;
  font-weight: 400;
  position: relative;
  margin-bottom: 0;
}
@media screen and (max-width:767px) {
  .single-column h4.single-column-post__body-title {
    font-size: 0.875rem;
  }
}

.single-column h4.single-column-post__body-title:after {
  content: "";
  position: absolute;
  right: -45px;
  right: -2.8125rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: 1.5625rem 1.25rem;
  height: 20px;
  height: 1.25rem;
  width: 25px;
  width: 1.5625rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.4617%2015.5386L11.0563%2014.0926L16.1487%209.00025H0V7.00025H16.1487L11.0563%201.90791L12.4617%200.461914L20%208.00025L12.4617%2015.5386Z%22%20fill%3D%22%23181680%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transition: background-image 0.3s;
  transition: background-image 0.3s;
}
@media screen and (max-width:767px) {
  .single-column h4.single-column-post__body-title:after {
    content: none;
  }
}

.single-profile {
  padding: 24px;
  padding: 1.5rem;
  background: #F5F5F5;
  border-radius: 1rem;
}
@media screen and (max-width:767px) {
  .single-profile {
    padding: 0.875rem;
  }
}

.single-profile__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  gap: 1.5rem;
}

.single-profile__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
}
@media screen and (max-width:767px) {
  .single-profile__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 90px;
            flex: 0 1 90px;
  }
}

.single-profile__right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.single-profile__img-bottom {
  padding-top: 16px;
  padding-top: 1rem;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (max-width:767px) {
  .single-profile__img-bottom {
    font-size: 0.875rem;
  }
}

.single-profile__button {
  text-align: right;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.single-profile__button .top-button__link {
  background: transparent;
}

.single-column .single-column-property {
  grid-template-columns: repeat(1, 1fr);
}

.single-column h4.single-profile__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
@media screen and (max-width:767px) {
  .single-column h4.single-profile__title {
    font-size: 0.875rem;
  }
}

.single-column .single-profile .top-button__link {
  padding: 14px 48px 14px 20px;
  padding: 0.875rem 3rem 0.875rem 1.25rem;
  position: relative;
  background: #fff;
  border-radius: 62.4375rem;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.single-column .single-profile .top-button__link:after {
  content: "";
  background-image: url(../img/next-arrow.svg);
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}

.single-column-property {
  margin-top: 20px !important;
  margin-top: 1.25rem !important;
  margin-bottom: 20px !important;
  margin-bottom: 1.25rem !important;
}

.single-column-property .property__item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  gap: 1.5rem;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .25);
          box-shadow: 0 4px 5px rgba(0, 0, 0, .25);
}
@media screen and (max-width:767px) {
  .single-column-property .property__item-link {
    gap: 1rem;
  }
}

.single-column .property__item-link-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 32%;
          flex: 0 1 32%;
}
@media screen and (max-width:767px) {
  .single-column .property__item-link-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 40%;
            flex: 0 40%;
  }
}

.single-column .property__item-link-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.single-column h4.property__item-link-title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: #000;
  font-weight: 400;
}
@media screen and (max-width:767px) {
  .single-column h4.property__item-link-title {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
}

@media screen and (max-width:767px) {
  .single-column .property__item-link-label {
    font-size: 0.625rem;
  }
}

@media screen and (max-width:767px) {
  .single-column p.property__item-link-text-add {
    font-size: 0.625rem;
  }
}

.single-column .single-column-property .property__item .property__item-link-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-right: 70px;
  padding-right: 4.375rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
@media screen and (max-width:767px) {
  .single-column .single-column-property .property__item .property__item-link-body {
    padding-top: 0.625rem;
    padding-right: 3rem;
    padding-bottom: 0.625rem;
  }
}

.single-column .property__item-link-body:after {
  content: "";
  position: absolute;
  right: 25px;
  right: 1.5625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: 1.5625rem 1.25rem;
  height: 20px;
  height: 1.25rem;
  width: 25px;
  width: 1.5625rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.4617%2015.5386L11.0563%2014.0926L16.1487%209.00025H0V7.00025H16.1487L11.0563%201.90791L12.4617%200.461914L20%208.00025L12.4617%2015.5386Z%22%20fill%3D%22%23181680%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transition: background-image 0.3s;
  transition: background-image 0.3s;
}
@media screen and (max-width:767px) {
  .single-column .property__item-link-body:after {
    background-size: 1.25rem 0.9375rem;
    height: 0.9375rem;
    width: 1.25rem;
    right: 0.9375rem;
  }
}

.single-column-relative__group {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width:767px) {
  .single-column-relative__group {
    margin-top: 2.5rem;
  }
}

@media screen and (max-width: 900px) {
  .single-column-relative__group.--pc {
    display: none;
  }
}

.single-column-relative__group.--sp {
  display: none;
}
@media screen and (max-width:767px) {
  .single-column-relative__group.--sp {
    display: block;
  }
}

.single-column-relative__group .column__item-head-text-list {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

@media screen and (max-width:767px) {
  .single-column-relative__group h3.column__item-expert {
    color: #000;
    font-size: 0.875rem;
    font-weight: 400;
  }
}

/* ----------------------------------------
    column single custom 吹き出し ブロック
    ---------------------------------------- */
.comment-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}

.comment-img-wrap {
  width: 56px;
  width: 3.5rem;
}
@media screen and (max-width:767px) {
  .comment-img-wrap {
    width: 2.5rem;
  }
}

.comment-img-wrap > img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0;
}

.comment-wrap {
  width: calc(100% - 6.25rem);
  padding: 24px;
  padding: 1.5rem;
  border-radius: 12px;
  background-color: #F5F5F5;
  position: relative;
}
@media screen and (max-width:767px) {
  .comment-wrap {
    width: calc(100% - 3.75rem);
    padding: 0.75rem;
  }
}
.comment-wrap::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200H24V24L0%200Z%22%20fill%3D%22%23F5F5F5%22%2F%3E%3C%2Fsvg%3E");
  top: 10px;
  left: -30px;
  width: 35px;
  height: auto;
  aspect-ratio: 24/24;
}
@media screen and (max-width:767px) {
  .comment-wrap::before {
    width: 12px;
    left: -12px;
    top: 8px;
  }
}

.comment-block.is-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.is-reverse .comment-wrap::before {
  position: absolute;
  content: "";
  top: 10px;
  left: unset;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  right: -30px;
  height: auto;
}
@media screen and (max-width:767px) {
  .is-reverse .comment-wrap::before {
    right: -12px;
  }
}

/* ----------------------------------------
message mv
---------------------------------------- */
.page-counseling__inner {
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
  max-width: 1020px;
  max-width: 63.75rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .page-counseling__inner {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
}

.page-counseling__text {
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Noto Serif CJKjp", serif;
}
@media screen and (max-width:767px) {
  .page-counseling__text {
    font-size: 1.25rem;
  }
}

.page-counseling__content {
  padding-top: 80px;
  padding-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-counseling__content {
    padding-top: 2.5rem;
  }
}

.page-contact__content .contact__form {
  border: 1px solid #CCCCCC;
  border-radius: 1rem;
  padding: 40px;
  padding: 2.5rem;
}
@media screen and (max-width:767px) {
  .page-contact__content .contact__form {
    border: none;
    padding: 0rem;
  }
}
.page-contact__content .wpcf7-spinner {
  position: absolute;
}
.page-contact__content .contact__text-link a {
  color: inherit;
}
.page-contact__content .contact__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  margin-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #CCCCCC;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width:767px) {
  .page-contact__content .contact__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    border: none;
    margin-top: 1.125rem;
    padding-bottom: 0rem;
    gap: 8px;
  }
}
.page-contact__content .contact__item:first-child {
  margin-top: 0px;
  margin-top: 0rem;
}
.page-contact__content .contact__item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 24%;
          flex: 0 1 24%;
}
@media screen and (max-width:767px) {
  .page-contact__content .contact__item-label {
    font-size: 0.875rem;
    padding-bottom: 0;
  }
}
.page-contact__content .contact__item-flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-contact__content .contact__checbox .contact__item-body {
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-contact__content .contact__checbox .contact__item-body {
    padding-left: 0rem;
  }
}
.page-contact__content .contact__checbox .wpcf7-form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  max-width: 580px;
}
.page-contact__content .contact__checbox .wpcf7-list-item {
  position: relative;
}
@media screen and (max-width:767px) {
  .page-contact__content .contact__checbox .wpcf7-list-item {
    font-size: 0.75rem;
  }
}
.page-contact__content .contact__checbox .wpcf7-list-item-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.page-contact__content .contact__checbox .wpcf7-list-item-label::before {
  display: block;
  content: "";
  border: 2px solid #666666;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.page-contact__content .contact__checbox span.wpcf7-list-item-label::after {
  display: block;
  position: absolute;
  content: "";
  width: 16px;
  height: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2213%22%20viewBox%3D%220%200%2017%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.5607%200.43934C17.1464%201.02513%2017.1464%201.97487%2016.5607%202.56066L6.5%2012.6213L0.93934%207.06066C0.353553%206.47487%200.353553%205.52513%200.93934%204.93934C1.52513%204.35355%202.47487%204.35355%203.06066%204.93934L6.5%208.37868L14.4393%200.43934C15.0251%20-0.146447%2015.9749%20-0.146447%2016.5607%200.43934Z%22%20fill%3D%22%23704D1D%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2213%22%20viewBox%3D%220%200%2017%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.5607%200.43934C17.1464%201.02513%2017.1464%201.97487%2016.5607%202.56066L6.5%2012.6213L0.93934%207.06066C0.353553%206.47487%200.353553%205.52513%200.93934%204.93934C1.52513%204.35355%202.47487%204.35355%203.06066%204.93934L6.5%208.37868L14.4393%200.43934C15.0251%20-0.146447%2015.9749%20-0.146447%2016.5607%200.43934Z%22%20fill%3D%22%23704D1D%22%2F%3E%3C%2Fsvg%3E");
  background: #fff;
  background-size: 16px 12px;
  background-repeat: no-repeat;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}
.page-contact__content .your-consultation input[type=checkbox]:checked + span.wpcf7-list-item-label::after {
  display: block !important;
}
.page-contact__content .contact__checbox input[type=checkbox]:checked + span.wpcf7-list-item-label::after {
  display: block;
}
.page-contact__content .contact__checbox input[type=checkbox]:checked + span.wpcf7-list-item-label::before {
  background: #666666;
}
.page-contact__content .contact__checbox input[type=checkbox] {
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  visibility: visible;
  opacity: 0;
  position: absolute;
}
.page-contact__content .contact__accept a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.page-contact__content .contact__item-label .required {
  background-color: #EBA139;
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 6.25rem;
  font-weight: 700;
}
.page-contact__content .contact__item-label .any {
  background-color: #F5F5F5;
  padding: 4px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 6.25rem;
}
.page-contact__content .contact__item-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width:767px) {
  .page-contact__content .contact__item-body {
    width: 100%;
  }
}
.page-contact__content .contact__item-text input,
.page-contact__content .contact__item-text textarea {
  width: 100%;
  display: block;
  background-color: #F5F5F5;
  padding: 10px 10px;
  padding: 0.625rem 0.625rem;
  min-height: 48px;
  min-height: 3rem;
  border-radius: 0.5rem;
}
.page-contact__content .contact__accept {
  margin-top: 16px;
  margin-top: 1rem;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width:767px) {
  .page-contact__content .contact__accept {
    font-size: 0.75rem;
    text-align: left;
  }
}
.page-contact__content .primary__contact-button--gradition {
  position: relative;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, right top, from(#EBA139), to(#DCD900));
  background: linear-gradient(to right, #EBA139, #DCD900);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 24px;
  margin-top: 1.5rem;
  max-width: 540px;
  max-width: 33.75rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .page-contact__content .primary__contact-button--gradition {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    font-size: 1rem;
  }
}
.page-contact__content .primary__contact-button--gradition:before {
  content: "";
  background-image: url(../img/button-maru.svg);
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
}
@media screen and (max-width:767px) {
  .page-contact__content .primary__contact-button--gradition:before {
    width: 24px;
    height: 24px;
  }
}
.page-contact__content .primary__contact-button--gradition:after {
  content: "";
  background-image: url(../img/button-arrow.svg);
  width: 36px;
  height: 8px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 25px;
}
@media screen and (max-width:767px) {
  .page-contact__content .primary__contact-button--gradition:after {
    width: 24px;
    height: 6px;
  }
}
.page-contact__content .primary__contact-button--gradition:hover {
  opacity: 0.8;
}
.page-contact__content .primary__contact-button--gradition {
  text-align: center;
}
.page-contact__content .primary__contact-button--gradition input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-family: "Noto Sans CJKjp", serif;
  font-weight: 700;
  color: #fff;
  padding: 20px;
  padding: 1.25rem;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width:767px) {
  .page-contact__content .primary__contact-button--gradition input {
    padding: 0.875rem;
    font-size: 1rem;
  }
}
.page-contact__content .contact__item p {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666666;
}

.page-404__inner {
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
}
@media screen and (max-width:767px) {
  .page-404__inner {
    padding-bottom: 4rem;
  }
}

@media screen and (max-width:767px) {
  .page-404__text.--center {
    text-align: left !important;
  }
}

.page-content-policy h2 {
  font-family: "Noto Serif CJKjp", serif;
  font-weight: 500;
  font-size: 24px;
  font-size: 1.5rem;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width:767px) {
  .page-content-policy h2 {
    font-size: 1.25rem;
  }
}

.page-content-policy h2:first-child {
  margin-top: 0px;
  margin-top: 0rem;
}

.page-content-policy p {
  font-weight: 400;
  margin-top: 24px;
  margin-top: 1.5rem;
  line-height: 1.5;
}

.page-content-policy ul {
  margin-top: 16px;
  margin-top: 1rem;
}

.page-content-policy li {
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  padding-left: 20px;
  padding-left: 1.25rem;
}

.page-content-policy li:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

.page-content-policy a {
  text-decoration: underline;
}

.page-sitemap__text {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-sitemap__text {
    margin-top: 2.5rem;
  }
}

.page-sitemap__text .footer__list {
  border-left: 1px solid #000;
  text-align: left;
}
.page-sitemap__text a {
  color: #000;
}

.archive-column__sidebar-group .archive-works__item-link-category {
  font-size: 12px;
  font-size: 0.75rem;
  background: #fff;
  border-radius: 62.4375rem;
  padding: 4px 10px 5px;
  padding: 0.25rem 0.625rem 0.3125rem;
  white-space: nowrap;
}

.archive-column__sidebar-ranking-content .archive-works__sidebar-pickup-item {
  position: relative;
}

.archive-column__sidebar-ranking-content .archive-works__sidebar-pickup-item:before {
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 8px;
  border-top-left-radius: 0.5rem;
  border-bottom-right-radius: 8px;
  border-bottom-right-radius: 0.5rem;
  background: #EBA139;
  padding: 3px 10px;
  padding: 0.1875rem 0.625rem;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.archive-column__sidebar-ranking-content .archive-works__sidebar-pickup-item:first-child:before {
  content: "No.1";
}

.archive-column__sidebar-ranking-content .archive-works__sidebar-pickup-item:nth-child(2):before {
  content: "No.2";
}

.archive-column__sidebar-ranking-content .archive-works__sidebar-pickup-item:nth-child(3):before {
  content: "No.3";
}

.archive-column__sidebar-ranking-content .archive-works__sidebar-pickup-item:nth-child(4):before {
  content: "No.4";
}

.archive-column__sidebar-ranking-content .archive-works__sidebar-pickup-item:nth-child(5):before {
  content: "No.5";
}

.archive-column__sidebar-category-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.archive-column__sidebar-category-item {
  line-height: 2;
}

.archive-column__sidebar-category-item:first-child {
  margin-top: 0;
}

/* ----------------------------------------
last
---------------------------------------- */
.sp-flex, .sp-block, .sp-inline {
  display: none !important;
}

@media screen and (max-width:767px) {
  .sp-hide {
    display: none !important;
  }
  .sp-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .sp-block {
    display: block !important;
  }
  .sp-inline {
    display: inline !important;
  }
}
.pc-hide {
  display: none;
}
@media screen and (max-width:767px) {
  .pc-hide {
    display: block;
  }
}

.hero {
  height: 100vh;
  min-height: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 60px;
}
@media screen and (max-width:767px) {
  .hero {
    min-height: 600px;
  }
}

.hero__inner {
  max-width: 1500px;
  width: 100%;
  padding: 0 20px 0 100px;
}
@media screen and (max-width: 1000px) {
  .hero__inner {
    padding: 0 20px;
  }
}
@media screen and (max-width: 480px) {
  .hero__inner {
    padding: 0 10px;
  }
}

.hero__body-top-head {
  font-size: clamp(90px, 7vw, 112px);
  font-family: "Noto Serif jp", serif;
  font-weight: 600;
}
@media screen and (max-width:767px) {
  .hero__body-top-head {
    font-size: 2.3125rem;
    text-align: center;
  }
}

.hero__body-top-head span {
  font-size: clamp(120px, 8.375vw, 134px);
  position: relative;
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .hero__body-top-head span {
    font-size: 3.625rem;
    margin-left: 1.25rem;
  }
}

.hero__body-top-head span:before {
  content: "";
  background-image: url(../img/hero__body-top-head-before.svg);
  width: 45px;
  height: 33px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  left: -30px;
}
@media screen and (max-width: 1440px) {
  .hero__body-top-head span:before {
    width: 35px;
    height: 23px;
  }
}
@media screen and (max-width:767px) {
  .hero__body-top-head span:before {
    width: 16px;
    height: 11px;
    top: 14px;
    left: -15px;
  }
}

.hero__body-top-head span:after {
  content: "";
  background-image: url(../img/hero__body-top-head-after.svg);
  width: 45px;
  height: 33px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  right: -40px;
}
@media screen and (max-width: 1440px) {
  .hero__body-top-head span:after {
    width: 35px;
    height: 23px;
  }
}
@media screen and (max-width:767px) {
  .hero__body-top-head span:after {
    width: 16px;
    height: 11px;
    top: 15px;
    right: -21px;
  }
}

.hero__body-top-title {
  font-size: clamp(32px, 2.8vw, 45px);
  font-weight: bold;
  margin-top: 10px;
  margin-top: 0.625rem;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .hero__body-top-title {
    font-size: 1.125rem;
    text-align: center;
  }
}

.hero__body-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  margin-top: 3.125rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  gap: 2.5rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media screen and (max-width:767px) {
  .hero__body-bottom {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2.625rem;
    margin-top: 1.875rem;
  }
}

.hero__body-bottom-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  gap: 1.5rem;
}
@media screen and (max-width:767px) {
  .hero__body-bottom-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: 0.75rem;
  }
}

.hero__body-bottom-right-button {
  position: relative;
  color: #fff;
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans CJKjp", serif;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: clamp(300px, 20vw, 320px);
  padding: clamp(16px, 1.5vw, 24px) clamp(50px, 5vw, 84px) clamp(16px, 1.5vw, 24px) clamp(16px, 1.5vw, 24px);
  font-size: clamp(14px, 1.1875vw, 19px);
  width: 100%;
}
@media screen and (max-width:767px) {
  .hero__body-bottom-right-button {
    max-width: 16.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    font-size: 0.8125rem;
  }
}

.hero__body-bottom-right-button-dl {
  background: -webkit-gradient(linear, left top, right top, from(#666666), to(#ACACAC));
  background: linear-gradient(to right, #666666, #ACACAC);
}

.hero__body-bottom-right-button-contact {
  background: -webkit-gradient(linear, left top, right top, from(#EBA139), to(#DCD900));
  background: linear-gradient(to right, #EBA139, #DCD900);
}

.hero__body-bottom-right-button span:before {
  content: "";
  background-image: url(../img/button-maru.svg);
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
}
@media screen and (max-width:767px) {
  .hero__body-bottom-right-button span:before {
    width: 24px;
    height: 24px;
  }
}

.hero__body-bottom-right-button span:after {
  content: "";
  background-image: url(../img/button-arrow.svg);
  width: 36px;
  height: 8px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 25px;
}
@media screen and (max-width:767px) {
  .hero__body-bottom-right-button span:after {
    width: 24px;
    height: 6px;
  }
}

.hero__body-bottom-right-button span:hover:before,
.hero__body-bottom-right-button span:hover:after {
  right: -1.2em;
}

.hero__body-bottom-left-text {
  font-size: clamp(20px, 1.5vw, 28px);
  letter-spacing: 0.01em;
  line-height: 1.5;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .hero__body-bottom-left-text {
    font-size: 0.8125rem;
    text-align: center;
  }
}

.hero__bg {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 150%;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 0;
  opacity: 0.6;
}

.text-infinity-scroll {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  padding-top: 240px;
}
.text-infinity-scroll .first,
.text-infinity-scroll .second {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto;
  height: auto;
  text-wrap: nowrap;
  word-break: keep-all;
  display: inline;
  font-size: 335px;
}
@media screen and (max-width:767px) {
  .text-infinity-scroll .first,
  .text-infinity-scroll .second {
    font-size: 128px;
  }
}
.text-infinity-scroll .first span,
.text-infinity-scroll .second span {
  background: -webkit-gradient(linear, right top, left top, from(#DFDFDF), to(#DCDCDC));
  background: linear-gradient(to left, #DFDFDF, #DCDCDC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Rozha One", serif;
}
.text-infinity-scroll .first {
  -webkit-animation: animfirst 1000s infinite linear 0.1s both;
          animation: animfirst 1000s infinite linear 0.1s both;
}
.text-infinity-scroll .second {
  -webkit-animation: animsecond 1000s infinite linear 0.1s both;
          animation: animsecond 1000s infinite linear 0.1s both;
}

@-webkit-keyframes animfirst {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes animfirst {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes animsecond {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes animsecond {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.hero-news * {
  font-family: "Noto Sans CJKjp", serif;
}

.hero-news {
  max-width: 830px;
  max-width: 51.875rem;
  margin-right: 0;
  margin-left: auto;
  margin-top: 120px;
  margin-top: 7.5rem;
}
@media screen and (max-width:767px) {
  .hero-news {
    margin-top: 2.75rem;
  }
}

.hero-news__inner {
  border: 2px solid #B8B8B8;
  padding: 24px 32px;
}
@media screen and (max-width:767px) {
  .hero-news__inner {
    padding: 14px 15px 24px;
  }
}

.hero-news__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  gap: 1.875rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.hero-news__button {
  position: relative;
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans CJKjp", serif;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 320px;
  padding: 10px 64px 10px 18px;
  font-size: 13px;
  font-size: 0.8125rem;
  border-radius: 999px;
  border: 1px dashed #000;
  white-space: nowrap;
  background: #fff;
}
@media screen and (max-width:767px) {
  .hero-news__button {
    display: none;
  }
}

.hero-news__item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  max-width: 340px;
  width: 100%;
  gap: 20px;
  gap: 1.25rem;
}
@media screen and (max-width:767px) {
  .hero-news__item-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 0.5rem;
    max-width: 100%;
  }
}

.hero-news__title {
  font-size: 12px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width:767px) {
  .hero-news__title {
    display: none;
  }
}

.hero-news__title span {
  font-size: 14px;
  font-weight: 500;
  margin-left: 20px;
}

.hero-news__item-link-time {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #BABABA;
}
@media screen and (max-width:767px) {
  .hero-news__item-link-time {
    font-size: 0.625rem;
  }
}

.hero-news__item-link-text {
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media screen and (max-width:767px) {
  .hero-news__item-link-text {
    font-size: 0.875rem;
  }
}

.hero-news__button span:before {
  content: "";
  background-image: url(../img/button-maru.svg);
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.hero-news__button span:after {
  content: "";
  background-image: url(../img/button-arrow.svg);
  width: 24px;
  height: 6px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 25px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.loop-scroll {
  position: relative;
  overflow: hidden;
  margin-top: 40px;
}
@media screen and (max-width:767px) {
  .loop-scroll {
    margin-top: 0px;
  }
}

.loop-scroll__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.loop-scroll__content {
  -webkit-animation: scroll 60s linear infinite;
          animation: scroll 60s linear infinite;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width:767px) {
  .loop-scroll__content {
    -webkit-animation: scroll 50s linear infinite;
            animation: scroll 50s linear infinite;
  }
}

.loop-scroll__list {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  gap: 1.875rem;
}

.loop-scroll__item {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width:767px) {
  .loop-scroll__item {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.loop-scroll__item img {
  max-width: 100% !important;
  height: 100px;
}
@media screen and (max-width:767px) {
  .loop-scroll__item img {
    height: 80px;
    width: auto;
  }
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/* ----------------------------------------
page base
---------------------------------------- */
.top-common__head-en {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.85;
  letter-spacing: 0.01em;
  text-align: center;
}
@media screen and (max-width:767px) {
  .top-common__head-en {
    font-size: 1.125rem;
  }
}

.top-common__head-title--yellow span {
  display: inline-block;
  font-size: 32px;
  font-size: 2rem;
  -webkit-text-fill-color: transparent;
  background: -webkit-gradient(linear, right top, left top, from(rgb(221, 215, 2)), to(rgb(235, 161, 56))) text;
  background: linear-gradient(to left, rgb(221, 215, 2), rgb(235, 161, 56)) text;
  font-weight: 700;
  text-align: center;
  padding-top: 20px;
  padding-top: 1.25rem;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .top-common__head-title--yellow span {
    font-size: 1.25rem;
    padding-top: 0.5rem;
  }
}

.top-common__button {
  position: relative;
  color: #fff;
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans CJKjp", serif;
  font-weight: 700;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  max-width: 320px;
  padding: 24px 84px 24px 24px;
  font-size: 16px;
  font-size: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#EBA139), to(#DCD900));
  background: linear-gradient(to right, #EBA139, #DCD900);
}
@media screen and (max-width: 1000px) {
  .top-common__button {
    max-width: 240px;
    padding: 16px 50px 16px 16px;
    font-size: 0.8125rem;
  }
}

.top-common__button span:before {
  content: "";
  background-image: url(../img/button-maru.svg);
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
}

.top-common__button span:after {
  content: "";
  background-image: url(../img/button-arrow.svg);
  width: 36px;
  height: 8px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 25px;
}

.top-common__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 60px;
}
@media screen and (max-width: 1000px) {
  .top-common__grid {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .top-common__grid {
    grid-template-columns: 1fr;
    padding-left: 0px;
    padding-right: 0px;
    gap: 32px;
  }
}

.top-common__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-common__item-img img {
  aspect-ratio: 360/200;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.top-common__item-category-wrap {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  gap: 0.3125rem;
}

.top-common__item-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  padding: 5px 20px;
  border-radius: 20px;
  background: #B2B2B2;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Noto Sans jp", serif;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (max-width:767px) {
  .top-common__item-category {
    font-size: 12px;
    padding: 5px 10px;
  }
}

.top-common__item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.top-common__item-time {
  padding-top: 10px;
}
@media screen and (max-width:767px) {
  .top-common__item-time {
    font-size: 12px;
  }
}

.top-common__item-text {
  padding-top: 10px;
  font-family: "Noto Sans jp", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  .top-common__item-text {
    font-size: 14px;
  }
}

.top-common__button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

@media screen and (max-width:767px) {
  .top-common__grid.--scroll-pc {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    grid-template-columns: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.top-common__grid.--scroll-pc::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width:767px) {
  .top-common__grid.--scroll-pc .top-common__item {
    min-width: 240px;
  }
}

.top-concept {
  overflow: hidden;
}

.top-concept__inner {
  max-width: 1600px;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 200px;
  padding-bottom: 150px;
  padding-right: 100px;
  padding-right: 6.25rem;
}
@media screen and (max-width: 1000px) {
  .top-concept__inner {
    padding-top: 80px;
    padding-bottom: 100px;
    padding-right: 0rem;
  }
}

.top-concept__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1000px) {
  .top-concept__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.top-concept__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  -webkit-transform: rotate(18deg);
          transform: rotate(18deg);
  width: -14%;
  padding-left: 100px;
}
@media screen and (max-width: 1200px) {
  .top-concept__left {
    padding-left: 60px;
  }
}
@media screen and (max-width: 1000px) {
  .top-concept__left {
    padding-left: 100px;
  }
}
@media screen and (max-width: 480px) {
  .top-concept__left {
    padding-left: 64px;
  }
}

.top-concept__left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1200px) {
  .top-concept__left-content {
    width: 85%;
  }
}
@media screen and (max-width: 1000px) {
  .top-concept__left-content {
    width: 75%;
  }
}

.top-concept__left-img01 {
  position: relative;
  width: 28%;
  max-width: 160px;
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@media screen and (max-width: 1000px) {
  .top-concept__left-img01 {
    animation: floating-y-sp 1.8s ease-in-out infinite alternate-reverse;
  }
}

@-webkit-keyframes floating-y {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@keyframes floating-y {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}
@-webkit-keyframes floating-y-sp {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@keyframes floating-y-sp {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
.top-concept__left-img02 {
  width: 28%;
  max-width: 160px;
  position: relative;
  margin-left: 20px;
  top: 100px;
  animation: floating-yt 1.8s ease-in-out infinite alternate-reverse;
}
@media screen and (max-width: 1000px) {
  .top-concept__left-img02 {
    top: 50px;
    animation: floating-yt-sp 1.8s ease-in-out infinite alternate-reverse;
  }
}

@-webkit-keyframes floating-yt {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

@keyframes floating-yt {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
@-webkit-keyframes floating-yt-sp {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes floating-yt-sp {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.top-concept__left-img03 {
  width: 28%;
  max-width: 160px;
  top: -50px;
  position: relative;
  margin-left: 20px;
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@media screen and (max-width: 1000px) {
  .top-concept__left-img03 {
    top: -30px;
    animation: floating-y-sp 1.8s ease-in-out infinite alternate-reverse;
  }
}

.top-concept__right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 200px;
  z-index: 1;
  position: relative;
  padding-bottom: 200px;
  padding-right: 20px;
  padding-right: 1.25rem;
}
@media screen and (max-width: 1000px) {
  .top-concept__right {
    padding-top: 0px;
    padding-bottom: 64px;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .top-concept__right {
    padding-bottom: 2rem;
  }
}

.top-concept__right:before {
  content: "Concept";
  color: #F6F6F6;
  font-size: 260px;
  font-size: clamp(80px, 16.25vw, 260px);
  font-family: "Rozha One", serif;
  top: 36px;
  right: 0;
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .top-concept__right:before {
    right: auto;
    right: initial;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -30px;
  }
}

.top-concept__right-en {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1000px) {
  .top-concept__right-en {
    text-align: center;
    font-size: 1.25rem;
  }
}

.top-concept__right-title span {
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 14px;
  margin-top: 0.875rem;
  display: block;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width: 1000px) {
  .top-concept__right-title span {
    text-align: center;
  }
}
@media screen and (max-width:767px) {
  .top-concept__right-title span {
    font-size: 1.25rem;
    margin-top: 0.5rem;
  }
}

.top-concept__right-text {
  margin-top: 56px;
  margin-top: 3.5rem;
  max-width: 640px;
  max-width: 40rem;
  line-height: 2.75;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1000px) {
  .top-concept__right-text {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width:767px) {
  .top-concept__right-text {
    font-size: 0.8125rem;
    margin-top: 2rem;
    line-height: 2;
  }
}

.top-problem {
  overflow: hidden;
  position: relative;
  background: -webkit-gradient(linear, right top, left top, from(rgba(220, 217, 0, .3)), to(rgba(235, 161, 57, .3)));
  background: linear-gradient(to left, rgba(220, 217, 0, .3), rgba(235, 161, 57, .3));
}

.top-problem:before {
  content: "Problem";
  position: absolute;
  color: #FFFFFF;
  font-size: clamp(200px, 24.25vw, 370px);
  font-family: "Rozha One", serif;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(12deg);
          transform: translate(-50%, -50%) rotate(12deg);
  left: 50%;
  z-index: 0;
  opacity: 0.5;
}

.top-problem__inner {
  max-width: 840px;
  max-width: 52.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 200px;
  padding-top: 12.5rem;
  padding-bottom: 200px;
  padding-bottom: 12.5rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}
@media screen and (max-width:767px) {
  .top-problem__inner {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.top-problem__head {
  padding-bottom: 74px;
  padding-bottom: 4.625rem;
}
@media screen and (max-width:767px) {
  .top-problem__head {
    padding-bottom: 2rem;
  }
}

.top-problem__head-title {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .top-problem__head-title {
    font-size: 1.25rem;
  }
}

.top-problem__item {
  position: relative;
  padding: 15px 40px 15px 76px;
  background: #fff;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (max-width:767px) {
  .top-problem__item {
    font-size: 0.8125rem;
    padding: 15px 20px 15px 46px;
  }
}

.top-problem__item:last-child {
  margin-bottom: 0;
}

.top-problem__item:before {
  content: "";
  background-image: url(../img/top-problem-icon.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 24px;
  left: 1.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}
@media screen and (max-width:767px) {
  .top-problem__item:before {
    width: 20px;
    height: 20px;
    left: 1rem;
  }
}

.top-problem__bottom {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.top-problem__bottom-text {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  text-align: center;
  padding-bottom: 14px;
  padding-bottom: 0.875rem;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .top-problem__bottom-text {
    font-size: 1.125rem;
  }
}

.top-problem__bottom-text-big {
  font-size: 34px;
  font-size: 2.125rem;
  position: relative;
  z-index: 1;
  font-weight: 700;
  text-align: center;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .top-problem__bottom-text-big {
    font-size: 1.375rem;
  }
}

.top-problem__bottom-text-big-bg {
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  font-size: 3rem;
  margin-right: 10px;
  padding: 6px 10px 4px;
  padding: 0.375rem 0.625rem 0.25rem;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .top-problem__bottom-text-big-bg {
    font-size: 1.75rem;
    padding: 0.25rem 0.3125rem 0.1875rem;
    margin-right: 5px;
  }
}

.top-problem__bottom-text-big-bg:before {
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
}

.top-problem__wave-top {
  height: 16vh;
  width: 100vw;
  position: absolute;
  top: -2px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 0;
}

.top-problem__wave-bottom {
  height: 16vh;
  width: 100vw;
  position: absolute;
  bottom: 0;
}

.top-features {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.top-features:before {
  content: "Features";
  position: absolute;
  color: #ECECEC;
  font-size: clamp(300px, 23.75vw, 380px);
  font-family: "Rozha One", serif;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  z-index: -1;
  opacity: 0.5;
}
@media screen and (max-width:767px) {
  .top-features:before {
    font-size: 140px;
    top: 100px;
  }
}

.top-features__inner {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
}
@media screen and (max-width: 1000px) {
  .top-features__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.top-problem__head {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  position: relative;
}
@media screen and (max-width:767px) {
  .top-problem__head {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

.top-features__head:before {
  content: "";
  background-image: url(../img/top-features-head-icon.webp);
  background-repeat: no-repeat;
  width: 112px;
  height: 119px;
  background-size: 100% 100%;
  position: absolute;
  left: calc(50% - 230px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width:767px) {
  .top-features__head:before {
    left: calc(50% - 120px);
    width: 82px;
    height: 89px;
  }
}

.top-features__head-title {
  text-align: center;
  font-family: "Noto Serif jp", serif;
}

.top-features__head-title span {
  font-family: "Noto Serif jp", serif;
}

.top-features__head-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.75;
  letter-spacing: 0.01em;
  text-align: center;
  padding-top: 40px;
  padding-top: 2.5rem;
}
@media screen and (max-width:767px) {
  .top-features__head-text {
    font-size: 0.8125rem;
    line-height: 2;
    padding-top: 1.5rem;
  }
}

.top-features__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 30px;
  gap: 1.875rem;
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (max-width: 1000px) {
  .top-features__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 2rem;
    gap: 20px 4%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 1000px) {
  .top-features__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%;
    gap: 4%;
  }
}

.top-features__item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 auto;
}

.top-features__item:nth-child(2) {
  margin-top: 46px;
  margin-top: 2.875rem;
}
@media screen and (max-width: 1000px) {
  .top-features__item:nth-child(2) {
    margin-top: 0rem;
  }
}

.top-features__item:nth-child(4) {
  margin-top: 46px;
  margin-top: 2.875rem;
}
@media screen and (max-width: 1000px) {
  .top-features__item:nth-child(4) {
    margin-top: 0rem;
  }
}

.top-features__item-text {
  font-family: "Noto Sans jp", serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  padding-top: 16px;
  padding-top: 1rem;
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  .top-features__item-text {
    font-size: 0.8125rem;
  }
}

.top-features__button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.top-service {
  position: relative;
}

.top-service__inner:before {
  content: "Service";
  position: absolute;
  color: #ECECEC;
  font-size: clamp(80px, 13.75vw, 220px);
  font-family: "Rozha One", serif;
  top: 2%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  z-index: -1;
  opacity: 0.68;
}
@media screen and (max-width:767px) {
  .top-service__inner:before {
    top: 80px;
  }
}

.top-service::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #F8F8F8;
  -webkit-transform: skewY(5deg);
          transform: skewY(5deg);
  z-index: -2;
}

.top-service__inner {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
  padding-top: 80px;
  padding-bottom: 150px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .top-service__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.top-service__head-title {
  text-align: center;
}

.top-service__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}
@media screen and (max-width:767px) {
  .top-service__grid {
    grid-template-columns: 1fr;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.top-service__item {
  padding: 20px;
  background: #fff;
}

.top-service__item-en {
  line-height: 1.4;
  padding-top: 10px;
}

.top-service__item-title {
  -webkit-text-fill-color: transparent;
  background: -webkit-gradient(linear, right top, left top, from(rgb(221, 215, 2)), to(rgb(235, 161, 56))) text;
  background: linear-gradient(to left, rgb(221, 215, 2), rgb(235, 161, 56)) text;
  font-size: 24px;
  font-weight: 700;
  padding-top: 10px;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width: 1100px) {
  .top-service__item-title {
    font-size: 18px;
  }
}
@media screen and (max-width:767px) {
  .top-service__item-title {
    font-size: 16px;
  }
}

.top-service__item-text {
  font-family: "Noto Sans jp", serif;
  line-height: 1.75;
  font-size: 16px;
  padding-top: 10px;
}
@media screen and (max-width: 1100px) {
  .top-service__item-text {
    font-size: 14px;
  }
}
@media screen and (max-width:767px) {
  .top-service__item-text {
    font-size: 13px;
  }
}

.top-service .page-about-service__group-top-item,
.top-service .page-about-service__group-bottom-item {
  background: #fff;
}

.top-works {
  overflow: hidden;
  position: relative;
}

.top-works:before {
  content: "Works";
  position: absolute;
  color: #ECECEC;
  font-size: clamp(100px, 13.75vw, 220px);
  font-family: "Rozha One", serif;
  top: 8%;
  left: 0;
  z-index: -1;
  opacity: 0.39;
}
@media screen and (max-width:767px) {
  .top-works:before {
    top: 60px;
  }
}

.top-works__inner {
  padding-top: 40px;
  padding-bottom: 65px;
}

.top-works__head {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
}
@media screen and (max-width: 1000px) {
  .top-works__head {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.top-works__head-en {
  text-align: left;
}

.top-works__head-title {
  text-align: left;
}

.top-works__swiper {
  max-width: 1400px;
  padding-left: 100px !important;
  padding-right: 100px !important;
  margin-left: auto;
  margin-right: auto;
  overflow: visible !important;
}
@media screen and (max-width: 1000px) {
  .top-works__swiper {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.top-works__swiper .swiper-slide {
  position: relative;
}

.top-works__item-img img {
  aspect-ratio: 495/278;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-works__item-category {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 5px 20px;
  border-radius: 999px;
  border: 1px solid #fff;
  background: -webkit-gradient(linear, right top, left top, from(#DCD900), to(#EBA139));
  background: linear-gradient(to left, #DCD900, #EBA139);
  font-family: "Noto Sans jp", serif;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
}
@media screen and (max-width:767px) {
  .top-works__item-category {
    font-size: 10px;
  }
}

.top-works__item-title {
  font-family: "Noto Serif jp", serif;
  font-weight: 500;
  font-size: 14px;
  padding-top: 10px;
}
@media screen and (max-width:767px) {
  .top-works__item-title {
    font-size: 12px;
  }
}

.top-works__item-text {
  font-family: "Noto Sans jp", serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  padding-top: 10px;
}
@media screen and (max-width:767px) {
  .top-works__item-text {
    font-size: 13px;
  }
}

.top-works__head-right .swiper-button-prev.swiper-button-disabled {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  pointer-events: none;
}

.top-works__head-right .swiper-button-next.swiper-button-disabled {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  pointer-events: none;
}

.top-works__head-right .swiper-button-prev,
.top-works__head-right .swiper-button-next {
  position: relative;
}

.top-works__head-right .swiper-button-prev:after,
.top-works__head-right .swiper-button-next:after {
  content: "";
  height: 0;
  margin: auto;
  position: relative;
  display: block;
  top: 0;
  width: 0;
  right: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.top-works__head-right .swiper-button-prev {
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .top-works__head-right .swiper-button-prev {
    margin-right: 0.9375rem;
  }
}
.top-works__head-right .swiper-button-prev:after {
  background-image: url(../img/top-works-prev.svg);
  height: 50px;
  height: 50px;
  height: 3.125rem;
  width: 50px;
  width: 50px;
  width: 3.125rem;
  background-size: 100% 100%;
  cursor: pointer;
}

.top-works__head-right .swiper-button-prev:hover:after {
  background-image: url(../img/top-works-prev-hover.svg);
}

@media screen and (max-width: 767px) {
  .top-works__head-right .swiper-button-prev:after {
    height: 1.875rem;
    width: 1.875rem;
  }
}
.top-works__head-right .swiper-button-next:after {
  background-image: url(../img/top-works-next.svg);
  height: 50px;
  height: 50px;
  height: 3.125rem;
  width: 50px;
  width: 50px;
  width: 3.125rem;
  background-size: 100% 100%;
  cursor: pointer;
}

.top-works__head-right .swiper-button-next:hover:after {
  background-image: url(../img/top-works-next-hover.svg);
}

@media screen and (max-width: 767px) {
  .top-works__head-right .swiper-button-next:after {
    height: 1.875rem;
    width: 1.875rem;
  }
}
.top-works__head-right .swiper-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.top-works__head-right {
  margin-top: 20px;
  margin-bottom: 40px;
}

.top-works .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: -webkit-gradient(linear, right top, left top, from(#DCD900), to(#EBA139));
  background: linear-gradient(to left, #DCD900, #EBA139);
  height: 20px;
  width: 20px;
  border-radius: 99px;
}
@media screen and (max-width:767px) {
  .top-works .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 12px;
    width: 12px;
  }
}

.top-works .swiper-pagination-bullet {
  background: #D9D9D9;
  height: 20px;
  width: 20px;
  border-radius: 99px;
  cursor: pointer;
}
@media screen and (max-width:767px) {
  .top-works .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
  }
}

.top-works .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  max-width: 1440px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 80px;
}

.cta-contact {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 80px;
}
@media screen and (max-width:767px) {
  .cta-contact {
    margin-top: 40px;
  }
}

.cta-contact__inner {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  background: #F6F6F6;
  border-radius: 24px;
  position: relative;
}
@media screen and (max-width:767px) {
  .cta-contact__inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.cta-contact__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: absolute;
  padding-left: 60px;
  top: -21px;
}
@media screen and (max-width: 1200px) {
  .cta-contact__head {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .cta-contact__head {
    padding-left: 0px;
    top: -60px;
  }
}

.cta-contact__head-en {
  font-size: 14px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (max-width: 1000px) {
  .cta-contact__head-en {
    font-size: 12px;
  }
}

.cta-contact__head-title span {
  font-size: 24px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  padding-top: 0;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 1000px) {
  .cta-contact__head-title span {
    font-size: 18px;
  }
}

.cta-contact__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4%;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 95px;
  padding-bottom: 95px;
}
@media screen and (max-width: 1000px) {
  .cta-contact__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width:767px) {
  .cta-contact__flex {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.cta-contact__body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
}

.cta-contact__body-copy {
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width: 1000px) {
  .cta-contact__body-copy {
    font-size: 18px;
    text-align: center;
  }
}

.cta-contact__body-text {
  font-family: "Noto Sans jp", serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  padding-top: 20px;
}
@media screen and (max-width: 1000px) {
  .cta-contact__body-text {
    font-size: 13px;
    text-align: center;
  }
}

.cta-contact__button-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 1000px) {
  .cta-contact__button-wrap {
    width: 100%;
  }
}

.cta-contact__button {
  max-width: 320px;
  font-size: 19px;
  margin-top: 10px;
}
@media screen and (max-width: 1000px) {
  .cta-contact__button {
    font-size: 13px;
    max-width: 240px;
    width: 100%;
  }
}

.top-document {
  overflow: hidden;
  position: relative;
}

.top-document:before {
  content: "Document";
  position: absolute;
  color: #ECECEC;
  font-size: clamp(80px, 16.25vw, 220px);
  font-family: "Rozha One", serif;
  top: 35px;
  left: 50%;
  z-index: -1;
  opacity: 0.5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width:767px) {
  .top-document:before {
    top: 60px;
  }
}

.top-document__inner {
  z-index: 1;
  padding-top: 90px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width:767px) {
  .top-document__inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.top-document__head-title {
  text-align: center;
}

.top-column-margin {
  margin-top: 90px;
  margin-top: 5.625rem;
}
@media screen and (max-width:767px) {
  .top-column-margin {
    margin-top: 3.75rem;
  }
}

.top-column {
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width:767px) {
  .top-column {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.top-column__head:before {
  content: "Column";
  position: absolute;
  color: #D9D9D9;
  font-size: clamp(80px, 16.25vw, 220px);
  font-family: "Rozha One", serif;
  top: 20px;
  left: 50%;
  z-index: -1;
  opacity: 0.5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width:767px) {
  .top-column__head:before {
    top: 60px;
  }
}

.top-column__inner {
  padding-top: 90px;
  padding-bottom: 90px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  background: #F6F6F6;
  border-radius: 24px;
  position: relative;
  z-index: 1;
}

.top-column__head-title {
  text-align: center;
}

@media screen and (max-width:767px) {
  .top-column__grid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.top-news {
  overflow: hidden;
  position: relative;
}

.top-news:before {
  content: "News";
  position: absolute;
  color: #ECECEC;
  font-size: clamp(200px, 16.25vw, 220px);
  font-family: "Rozha One", serif;
  top: 35px;
  left: 50%;
  z-index: -1;
  opacity: 0.5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width:767px) {
  .top-news:before {
    font-size: 140px;
    top: 60px;
  }
}

.top-news__inner {
  z-index: 1;
  padding-top: 90px;
  padding-bottom: 90px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width:767px) {
  .top-news__inner {
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}

.top-news__head-title {
  text-align: center;
}

.archive-news__inner {
  max-width: 1400px;
  max-width: 87.5rem;
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
}
@media screen and (max-width: 1000px) {
  .archive-news__inner {
    padding-bottom: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.archive-news__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  gap: 2.5rem;
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width:767px) {
  .archive-news__list {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 3rem;
  }
}

.archive-news__item-img img {
  aspect-ratio: 374/208;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}

.archive-news__item-head-category-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.archive-news__item-head-category-label {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666666;
}
@media screen and (max-width:767px) {
  .archive-news__item-head-category-label {
    display: none;
  }
}

.archive-news__item-head-category-label time {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666666;
}

.archive-news__item-link-category span {
  font-family: "Noto Sans CJKjp", serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 4px 12px;
  padding: 0.25rem 0.75rem;
  background: #F5F5F5;
  border-radius: 6.1875rem;
}
@media screen and (max-width:767px) {
  .archive-news__item-link-category span {
    font-size: 0.625rem;
    padding: 0.125rem 0.625rem;
  }
}

.archive-news__item-expert {
  font-family: "Noto Sans CJKjp", serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (max-width:767px) {
  .archive-news__item-expert {
    font-size: 0.875rem;
  }
}

.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width:767px) {
  .nav-links {
    gap: 0.5rem;
    margin-top: 1.5rem;
  }
}

.page-numbers {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  border-radius: 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F5F5F5;
}
@media screen and (max-width:767px) {
  .page-numbers {
    width: 2rem;
    height: 2rem;
  }
}

.page-numbers.current {
  background: #666666;
  color: #fff;
}

.next.page-numbers img {
  width: 18px;
  height: 12px;
}

.prev.page-numbers img {
  width: 18px;
  height: 12px;
}

.single-news__inner.single-paper__inner {
  max-width: 840px;
  max-width: 52.5rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
}
@media screen and (max-width: 1000px) {
  .single-news__inner.single-paper__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.single-news__content-head-category-wrap {
  gap: 16px;
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.single-news__content-head-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  gap: 1rem;
}

.single-news__content-head-time p,
.single-news__content-head-time time {
  color: #666666;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (max-width:767px) {
  .single-news__content-head-time p,
  .single-news__content-head-time time {
    font-size: 0.75rem;
  }
}

.single-news__button-wrap {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* シェアボタン全体のデザイン */
.share-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
  gap: 8px;
  gap: 0.5rem;
}
@media screen and (max-width:767px) {
  .share-buttons {
    padding-bottom: 1.5rem;
  }
}

/* 各シェアボタンのサイズ */
.share-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.share-buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  gap: 0.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F5F5F5;
  border-radius: 0.5rem;
  min-height: 40px;
  min-height: 2.5rem;
}

.share-buttons a picture {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 24px;
          flex: 0 1 24px;
  -ms-flex: 0 1 1.5rem;
      flex: 0 1 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.share__text {
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (max-width:767px) {
  .share__text {
    display: none;
  }
}

.share__text.--blue {
  color: #1877F2;
}

.share__text.--green {
  color: #00B900;
}

/* マウスオーバー効果 */
.share-buttons a:hover,
.share-buttons a:focus {
  opacity: 0.7;
}

/* URLコピーボタン */
.share-buttons .share-url {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* URLコピー完了時のメッセージ（非表示）*/
.url-copied {
  display: none;
}

.url-copied span {
  background: rgba(0, 0, 0, .6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 11px;
  color: #fff;
  padding: 2px 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 14px;
  border-radius: 3px;
}

.archive-common__head-inner {
  margin-top: 80px;
  margin-top: 5rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}
@media screen and (max-width:767px) {
  .archive-common__head-inner {
    margin-top: 2.5rem;
  }
}

.archive-common__head {
  position: relative;
}

.archive-common__head::before {
  content: attr(data-en);
  display: block;
  margin-bottom: 50px;
  color: #F3F3F3;
  font-size: 170px;
  font-size: 10.625rem;
  position: absolute;
  top: calc(50% - 20px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  z-index: -1;
  font-family: "Rozha One", serif;
  white-space: nowrap;
}
@media screen and (max-width:767px) {
  .archive-common__head::before {
    font-size: 4.5rem;
    top: calc(50% + 20px);
  }
}

.archive-common__head-title {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  font-family: "Noto Serif CJKjp", serif;
}
@media screen and (max-width:767px) {
  .archive-common__head-title {
    font-size: 1.5rem;
  }
}

.archive-common__head-text {
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  padding-top: 16px;
  padding-top: 1rem;
}
@media screen and (max-width:767px) {
  .archive-common__head-text {
    font-size: 0.875rem;
  }
}

.is-style-big_icon_check {
  padding: 2em 1.5em 1.5em;
  position: relative;
  border: 1px solid #86d67c;
}

[class*=is-style-big_icon_]:before {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #86d67c;
  border: 2px solid;
  border-color: var(--color_content_bg);
  border-radius: 50%;
  color: #fff;
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: icomoon;
  font-size: 1.25em;
  height: 2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0.5em;
  line-height: 1;
  padding: 0 0 0 0.05em;
  position: absolute;
  top: -1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m9.55%2015.15l8.475-8.475q.3-.3.7-.3t.7.3t.3.713t-.3.712l-9.175%209.2q-.3.3-.7.3t-.7-.3L4.55%2013q-.3-.3-.288-.712t.313-.713t.713-.3t.712.3z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.archive-paper__inner {
  max-width: 1400px;
  max-width: 87.5rem;
  padding-top: 64px;
  padding-top: 4rem;
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
}
@media screen and (max-width: 1000px) {
  .archive-paper__inner {
    padding-top: 2.5rem;
    padding-bottom: 0rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.archive-paper-category {
  padding: 24px;
  padding: 1.5rem;
  background: #F5F5F5;
  border-radius: 1rem;
}
@media screen and (max-width:767px) {
  .archive-paper-category {
    padding: 1rem;
  }
}

.archive-paper-group {
  margin-top: 64px;
  margin-top: 4rem;
}
@media screen and (max-width:767px) {
  .archive-paper-group {
    margin-top: 2rem;
  }
}

.archive-paper-category__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Noto Sans CJKjp", serif;
  font-weight: 500;
}
@media screen and (max-width:767px) {
  .archive-paper-category__title {
    font-size: 1rem;
  }
}

.archive-paper-category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  gap: 1.25rem;
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (max-width:767px) {
  .archive-paper-category__list {
    gap: 0.5rem;
  }
}

.archive-paper-category__link {
  font-size: 16px;
  font-size: 1rem;
  padding: 4px 15px 5px;
  padding: 0.25rem 0.9375rem 0.3125rem;
  border-radius: 6.1875rem;
  border: 1px solid #666666;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width:767px) {
  .archive-paper-category__link {
    font-size: 0.75rem;
  }
}

.archive-paper-category__item a:hover {
  background: #666666;
  color: #fff;
  opacity: 1;
}

.archive-paper-group__post-title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "Noto Serif CJKjp", serif;
}
@media screen and (max-width:767px) {
  .archive-paper-group__post-title {
    font-size: 1.25rem;
  }
}

.archive-paper-group__post {
  margin-top: 64px;
  margin-top: 4rem;
}
@media screen and (max-width:767px) {
  .archive-paper-group__post {
    margin-top: 2rem;
  }
}

.archive-paper-group__post:first-child {
  margin-top: 0px;
  margin-top: 0rem;
}

.archive-paper-group__post-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  gap: 2.5rem;
  margin-top: 32px;
  margin-top: 2rem;
}
@media screen and (max-width:767px) {
  .archive-paper-group__post-list {
    margin-top: 1rem;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}

.archive-paper-group__item-img img {
  aspect-ratio: 374/208;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}

.archive-salse__item-link-category {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.archive-salse__item-link-category span {
  font-family: "Noto Sans CJKjp", serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 4px 12px;
  padding: 0.25rem 0.75rem;
  background: #F5F5F5;
  border-radius: 6.1875rem;
}
@media screen and (max-width:767px) {
  .archive-salse__item-link-category span {
    font-size: 0.625rem;
  }
}

.archive-paper-group__item-expert {
  font-family: "Noto Sans CJKjp", serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (max-width:767px) {
  .archive-paper-group__item-expert {
    font-size: 0.875rem;
  }
}

.single-paper__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
  gap: 4rem;
}
@media screen and (max-width:767px) {
  .single-paper__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
}

.single-paper__inner {
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
  max-width: 1200px;
  max-width: 75rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
}
@media screen and (max-width: 1000px) {
  .single-paper__inner {
    padding-right: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .single-paper__inner {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
}

.single-paper__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
  gap: 64px;
  gap: 4rem;
  overflow: hidden;
}

.single-paper__content-head-img img {
  border-radius: 1rem;
}

.single-paper__content-head-category-wrap {
  margin-top: 16px;
  margin-top: 1rem;
}

.single-paper__content-head-category {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 4px 14px 5px;
  padding: 0.25rem 0.875rem 0.3125rem;
  background: #F5F5F5;
  border-radius: 6.1875rem;
  display: inline-block;
}
@media screen and (max-width:767px) {
  .single-paper__content-head-category {
    font-size: 0.625rem;
  }
}

.single-paper__content-head-category-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  gap: 0.625rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.single-paper__content-head > .single-paper__content-head-category {
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (max-width:767px) {
  .single-paper__content-head > .single-paper__content-head-category {
    margin-top: 0.5rem;
  }
}

.single-paper__content-head-title {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 16px;
  margin-top: 1rem;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
  font-weight: 500;
}
@media screen and (max-width:767px) {
  .single-paper__content-head-title {
    padding-bottom: 1rem;
    font-size: 1.125rem;
  }
}

.single-paper__content-detail > h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  position: relative;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  margin-top: 40px;
  margin-top: 2.5rem;
  font-family: "Noto Serif CJKjp", serif;
}
@media screen and (max-width:767px) {
  .single-paper__content-detail > h2 {
    font-size: 1.25rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}

.single-paper__content-detail > h2 span {
  font-family: "Noto Serif CJKjp", serif;
}

.single-paper__content-detail > h2:first-child {
  margin-top: 0;
}

.single-paper__content-detail > h2::before {
  content: "";
  width: 100%;
  height: 2px;
  height: 0.125rem;
  background: #EBA139;
  position: absolute;
  bottom: 0;
  left: 0;
}

.single-paper__content-detail > h3 {
  position: relative;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 40px;
  margin-top: 2.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-family: "Noto Serif CJKjp", serif;
}
@media screen and (max-width:767px) {
  .single-paper__content-detail > h3 {
    font-size: 1.125rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}

.single-paper__content-detail > h3 span {
  font-family: "Noto Serif CJKjp", serif;
}

.single-paper__content-detail > h3::before {
  content: "";
  width: 100%;
  height: 1px;
  height: 0.0625rem;
  background: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
}

.single-paper__content-detail > h4 {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 40px;
  margin-top: 2.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-family: "Noto Serif CJKjp", serif;
  font-weight: 500;
}

.single-paper__content-detail > h4 span {
  font-family: "Noto Serif CJKjp", serif;
  font-weight: 500;
}

.single-paper__content-detail > h4::before {
  content: "";
  width: 100%;
  height: 1px;
  height: 0.0625rem;
  background: #CCCCCC;
  position: absolute;
  bottom: 0;
  left: 0;
}

.single-paper__content-detail ul li {
  position: relative;
  padding-left: 15px;
  padding-left: 0.9375rem;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .single-paper__content-detail ul li {
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.single-paper__content-detail ul li:before {
  content: "・";
  position: absolute;
  left: 0;
}

.single-paper__sidebar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* お問い合わせ */
.single-paper .contact__form {
  border: 1px solid #CCCCCC;
  border-radius: 1rem;
  padding: 40px;
  padding: 2.5rem;
}
@media screen and (max-width:767px) {
  .single-paper .contact__form {
    padding: 1.5rem;
  }
}
.single-paper .wpcf7-spinner {
  position: absolute;
}
.single-paper .contact__text-link a {
  color: inherit;
}
.single-paper .contact__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
  margin-top: 1rem;
}
.single-paper .contact__item:first-child {
  margin-top: 0px;
  margin-top: 0rem;
}
.single-paper .contact__item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
@media screen and (max-width:767px) {
  .single-paper .contact__item-label {
    font-size: 0.875rem;
  }
}
.single-paper .contact__accept a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.single-paper .contact__item-label .required {
  background-color: #EBA139;
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 6.25rem;
  font-weight: 700;
}
@media screen and (max-width:767px) {
  .single-paper .contact__item-label .required {
    font-size: 0.625rem;
  }
}
.single-paper .contact__item-label .any {
  background-color: #F5F5F5;
  padding: 4px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 6.25rem;
}
@media screen and (max-width:767px) {
  .single-paper .contact__item-label .any {
    font-size: 0.625rem;
  }
}
.single-paper .contact__item-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.single-paper .contact__item-text input,
.single-paper .contact__item-text textarea {
  width: 100%;
  display: block;
  background-color: #F5F5F5;
  padding: 10px 10px;
  padding: 0.625rem 0.625rem;
  min-height: 48px;
  min-height: 3rem;
  border-radius: 0.5rem;
}
.single-paper .contact__accept {
  margin-top: 16px;
  margin-top: 1rem;
  font-size: 12px;
  font-size: 0.75rem;
}
.single-paper .primary__contact-button--gradition {
  position: relative;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, right top, from(#EBA139), to(#DCD900));
  background: linear-gradient(to right, #EBA139, #DCD900);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 24px;
  margin-top: 1.5rem;
}
@media screen and (max-width:767px) {
  .single-paper .primary__contact-button--gradition {
    max-width: 16.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    font-size: 1rem;
  }
}
.single-paper .primary__contact-button--gradition:before {
  content: "";
  background-image: url(../img/button-maru.svg);
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
}
@media screen and (max-width:767px) {
  .single-paper .primary__contact-button--gradition:before {
    width: 24px;
    height: 24px;
  }
}
.single-paper .primary__contact-button--gradition:after {
  content: "";
  background-image: url(../img/button-arrow.svg);
  width: 36px;
  height: 8px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 25px;
}
@media screen and (max-width:767px) {
  .single-paper .primary__contact-button--gradition:after {
    width: 24px;
    height: 6px;
  }
}
.single-paper .primary__contact-button--gradition:hover {
  opacity: 0.8;
}
.single-paper .primary__contact-button--gradition {
  text-align: center;
}
.single-paper .primary__contact-button--gradition input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-family: "Noto Sans CJKjp", serif;
  font-weight: 700;
  color: #fff;
  padding: 20px;
  padding: 1.25rem;
  font-size: 18px;
  font-size: 1.125rem;
}

.single-paper-thanks__text {
  padding-top: 80px;
  padding-top: 5rem;
  text-align: left;
  line-height: 1.4;
}
@media screen and (max-width:767px) {
  .single-paper-thanks__text {
    padding-top: 2.5rem;
  }
}

.single-paper-thanks__text.--center {
  text-align: center;
}

.single-paper-thanks__text a {
  text-decoration: underline;
}

.single-paper-thanks__inner {
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
}
@media screen and (max-width:767px) {
  .single-paper-thanks__inner {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
}

.page-thanks__button {
  position: relative;
  border-radius: 62.4375rem;
  background: #F5F5F5;
  padding: 20px 24px 20px 64px;
  padding: 1.25rem 1.5rem 1.25rem 4rem;
  display: inline-block;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width:767px) {
  .page-thanks__button {
    font-size: 0.875rem;
    margin-top: 1.25rem;
  }
}

.page-thanks__button.--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.page-thanks__button:before {
  content: "";
  background-image: url(../img/thanks-arrow.svg);
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
}

.archive-works__inner {
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
  padding-right: 100px;
  padding-right: 6.25rem;
  max-width: 1400px;
  max-width: 87.5rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
}
@media screen and (max-width: 1000px) {
  .archive-works__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .archive-works__inner {
    padding-bottom: 2.5rem;
    padding-right: 1.25rem;
  }
}

.archive-works__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  margin-top: 5rem;
  gap: 64px;
  gap: 4rem;
}
@media screen and (max-width: 1200px) {
  .archive-works__flex {
    gap: 2rem;
  }
}
@media screen and (max-width: 1100px) {
  .archive-works__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 2.5rem;
    gap: 2.5rem;
  }
}
.archive-works__content-box {
  padding: 40px;
  padding: 2.5rem;
  border: 1px solid #CCCCCC;
  border-radius: 1rem;
}
@media screen and (max-width:767px) {
  .archive-works__content-box {
    padding: 0rem;
    border: none;
  }
}

.archive-works__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 65%;
          flex: 0 1 65%;
  max-width: 780px;
  max-width: 48.75rem;
  width: 65%;
}
@media screen and (max-width: 1100px) {
  .archive-works__content {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.archive-works__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  gap: 2.5rem;
}
@media screen and (max-width:767px) {
  .archive-works__list {
    gap: 1rem;
  }
}

.archive-works__sidebar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 1100px) {
  .archive-works__sidebar {
    max-width: 30rem;
  }
}

.archive-works__sidebar-sticky {
  position: sticky;
  top: 100px;
}

.archive-works__item-img img {
  aspect-ratio: 374/208;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}

.archive-works__item-head-category-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.archive-works__item-head-category-label {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666666;
}
@media screen and (max-width:767px) {
  .archive-works__item-head-category-label {
    font-size: 0.625rem;
  }
}

.archive-works__item-head-category-label time {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666666;
}
@media screen and (max-width:767px) {
  .archive-works__item-head-category-label time {
    font-size: 0.625rem;
  }
}

.archive-works__item-link-category span {
  font-family: "Noto Sans CJKjp", serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 4px 12px;
  padding: 0.25rem 0.75rem;
  background: #F5F5F5;
  border-radius: 6.1875rem;
  display: block;
}
@media screen and (max-width:767px) {
  .archive-works__item-link-category span {
    font-size: 0.625rem;
  }
}

.archive-works__item-expert {
  font-family: "Noto Sans CJKjp", serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (max-width:767px) {
  .archive-works__item-expert {
    font-size: 0.875rem;
  }
}

.archive-works__item-company {
  font-size: 16px;
  font-size: 1rem;
  color: #666666;
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (max-width:767px) {
  .archive-works__item-company {
    font-size: 0.625rem;
  }
}

.archive-works__item-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  gap: 0.5rem;
  margin-top: 12px;
  margin-top: 0.75rem;
}

.archive-works__item-tag-item {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 6.1875rem;
  border: 1px solid #CCCCCC;
  color: #666666;
  padding: 4px 12px 3px;
  padding: 0.25rem 0.75rem 0.1875rem;
}
@media screen and (max-width:767px) {
  .archive-works__item-tag-item {
    font-size: 0.625rem;
    padding: 0.25rem 0.5rem 0.1875rem;
  }
}

.single-works__relative-box-title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  position: relative;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  margin-top: 40px;
  margin-top: 2.5rem;
  font-family: "Noto Serif CJKjp", serif;
}
@media screen and (max-width:767px) {
  .single-works__relative-box-title {
    font-size: 1.25rem;
  }
}

.single-works__relative-box-title::before {
  content: "";
  width: 100%;
  height: 2px;
  height: 0.125rem;
  background: #EBA139;
  position: absolute;
  bottom: 0;
  left: 0;
}

.single-works__relative-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 64px 16px 16px;
  padding: 1rem 4rem 1rem 1rem;
  border-radius: 1rem;
  background: #F5F5F5;
  margin-top: 16px;
  margin-top: 1rem;
  position: relative;
}

.single-works__relative-item:after {
  content: "";
  background-image: url(../img/next-arrow.svg);
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}
@media screen and (max-width:767px) {
  .single-works__relative-item:after {
    width: 24px;
    height: 24px;
  }
}

.single-works__relative-item:first-child {
  margin-top: 0;
}

.single-works__relative-item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
}

.single-works__relative-item-img img {
  aspect-ratio: 240/135;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.single-works__relative-item-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.single-works__relative-item-body-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.single-works__relative-item-body-company {
  color: #666666;
}
@media screen and (max-width:767px) {
  .single-works__relative-item-body-company {
    font-size: 0.625rem;
  }
}

.column__item-head-text-item-category-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  gap: 0.3125rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.single-works__relative-item-body-flex .column__item-head-text-item-category {
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 6.1875rem;
  padding: 4px 10px 5px;
  padding: 0.25rem 0.625rem 0.3125rem;
  background: #fff;
}
@media screen and (max-width:767px) {
  .single-works__relative-item-body-flex .column__item-head-text-item-category {
    font-size: 0.625rem;
  }
}

.single-works__relative-item-body-expert {
  font-size: 18px;
  font-size: 1.125rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width:767px) {
  .single-works__relative-item-body-expert {
    font-size: 0.875rem;
  }
}

.single-works__relative-button-wrap {
  text-align: center;
}

.single-works__relative-button {
  position: relative;
  border-radius: 62.4375rem;
  background: #F5F5F5;
  padding: 20px 64px 20px 24px;
  padding: 1.25rem 4rem 1.25rem 1.5rem;
  display: inline-block;
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width:767px) {
  .single-works__relative-button {
    font-size: 0.875rem;
    margin-top: 2rem;
  }
}

.single-works__relative-button:before {
  content: "";
  background-image: url(../img/next-arrow.svg);
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}
@media screen and (max-width:767px) {
  .single-works__relative-button:before {
    width: 24px;
    height: 24px;
  }
}

.archive-works__sidebar-title {
  font-size: 20px;
  font-size: 1.25rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  font-family: "Noto Sans CJKjp", serif;
  font-weight: 500;
}
@media screen and (max-width:767px) {
  .archive-works__sidebar-title {
    font-size: 1rem;
  }
}

.archive-works__sidebar-search {
  background: #F5F5F5;
  border-radius: 1rem;
  padding: 20px 24px;
  padding: 1.25rem 1.5rem;
}

@media screen and (max-width:767px) {
  .archive-works__sidebar-search.--pc {
    display: none;
  }
}

.archive-works__sidebar-search.--sp {
  display: none;
}
@media screen and (max-width:767px) {
  .archive-works__sidebar-search.--sp {
    display: block;
    margin-top: 2.5rem;
  }
}

@media screen and (max-width:767px) {
  .archive-works__sidebar-search.--sp .archive-works__sidebar-title {
    padding-bottom: 0;
    position: relative;
  }
}

@media screen and (max-width:767px) {
  .archive-works__sidebar-search.--sp .archive-works__sidebar-title:after {
    content: "";
    position: absolute;
    background-image: url(../img/mainas.svg);
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    top: -5px;
  }
}

@media screen and (max-width:767px) {
  .archive-works__sidebar-search.--sp .archive-works__sidebar-title.active:after {
    content: "";
    position: absolute;
    background-image: url(../img/plus.svg);
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    top: -5px;
  }
}

.icon-close {
  color: var(--icon-color);
  width: 24px;
  height: 24px;
  position: relative;
}

.icon-close:before,
.icon-close:after {
  content: "";
  position: absolute;
  top: 12px;
  width: 24px;
  height: var(--icon-width);
  background-color: currentColor;
}

.icon-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.icon-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.archive-works__sidebar-search-item-wrap.hidden {
  display: none;
}

.archive-works__sidebar-search-item-wrap {
  margin-top: 16px;
  margin-top: 1rem;
}

.archive-works__sidebar-search-item {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}

.archive-works__sidebar-search-item:last-child {
  padding-bottom: 0px;
  padding-bottom: 0rem;
}

.archive-works__sidebar-search-item-title {
  color: #666666;
  font-size: 16px;
  font-weight: 700;
  border-left: 4px solid #666666;
  margin-bottom: 16px;
  padding-left: 10px;
  padding-left: 0.625rem;
}
@media screen and (max-width:767px) {
  .archive-works__sidebar-search-item-title {
    font-size: 0.875rem;
  }
}

.archive-works__sidebar-search-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  gap: 1rem;
}

.archive-works__sidebar-search-item-list p {
  font-size: 14px;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
}
@media screen and (max-width:767px) {
  .archive-works__sidebar-search-item-list p {
    font-size: 0.75rem;
  }
}

.archive-works__sidebar-search-item-list p:before {
  content: "";
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  border-radius: 0.25rem;
  background: #fff;
  border: 1px solid #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.archive-works__sidebar-search-button {
  background: -webkit-gradient(linear, left top, right top, from(#666666), to(#ACACAC));
  background: linear-gradient(to right, #666666, #ACACAC);
  border-radius: 62.4375rem;
  padding: 20px;
  padding: 1.25rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}

.archive-works__sidebar-pickup {
  background: #F5F5F5;
  border-radius: 1rem;
  padding: 20px 24px;
  padding: 1.25rem 1.5rem;
  margin-top: 24px;
  margin-top: 1.5rem;
}

.archive-works__sidebar-pickup:first-child {
  margin-top: 0;
}

.archive-works__sidebar-pickup-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  gap: 1rem;
  margin-top: 24px;
  margin-top: 1.5rem;
}

.archive-works__sidebar-pickup-item:nth-child(1) {
  margin-top: 0;
}

.archive-works__sidebar-pickup-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 46%;
          flex: 0 1 46%;
  width: 46%;
}
@media screen and (max-width:767px) {
  .archive-works__sidebar-pickup-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 41%;
            flex: 0 1 41%;
  }
}

.archive-works__sidebar-pickup-img img {
  aspect-ratio: 240/135;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
}

.archive-works__sidebar-pickup-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 46%;
}

.archive-works__sidebar-pickup-body .archive-works__item-head-category-wrap {
  margin-top: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3px;
  overflow: scroll;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 5px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.archive-works__sidebar-pickup-body .archive-works__item-head-category-wrap::-webkit-scrollbar {
  display: none;
}

.archive-works__sidebar-pickup-body .archive-works__item-link-category span {
  background: #ffffff;
}

.archive-works__sidebar-pickup-body .archive-works__item-head-category-label time {
  font-size: 12px;
  font-size: 0.75rem;
}

.archive-works__sidebar-pickup-body-expert {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.custom-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.custom-checkbox input {
  display: none;
}

.custom-checkbox .p-filter__check-text {
  position: relative;
  padding-left: 32px;
  padding-left: 2rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.custom-checkbox .p-filter__check-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  border-radius: 0.25rem;
  background: #fff;
  border: 1px solid #666666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}

.custom-checkbox input:checked + .p-filter__check-text::before {
  background-color: #fff;
  border: 1px solid #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #666666;
  font-size: 16px;
  font-size: 1rem;
  content: "✔";
}

.sidebar-common__banner {
  margin-top: 30px;
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.single-works__content-head-title {
  font-size: 32px;
  font-size: 2rem;
}
@media screen and (max-width:767px) {
  .single-works__content-head-title {
    font-size: 1.125rem;
  }
}

.page .-en--font {
  font-family: "Rozha One", serif;
}

.--color--yellow-grad {
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-common__breadcrumbs-wrap {
  max-width: 1240px;
  max-width: 77.5rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
  z-index: 1;
}

.page-common__head-inner {
  position: relative;
}

.page-common__head-flex:before {
  content: attr(data-en);
  display: block;
  color: #F6F6F6;
  font-size: 180px;
  font-size: 11.25rem;
  position: absolute;
  bottom: -30px;
  bottom: -1.875rem;
  line-height: 1;
  left: -80px;
  left: -5rem;
  z-index: 1;
  font-family: "Rozha One", serif;
  white-space: nowrap;
  pointer-events: none;
}
@media screen and (max-width: 1300px) {
  .page-common__head-flex:before {
    left: 0;
  }
}
@media screen and (max-width: 990px) {
  .page-common__head-flex:before {
    left: 0;
    font-size: 5.25rem;
    bottom: -0.9375rem;
  }
}

.page-common__head-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 990px) {
  .page-common__head-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 2.5rem;
  }
}

.page-common__head-body {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
@media screen and (max-width: 990px) {
  .page-common__head-body {
    width: 100%;
    padding-bottom: 2.5rem;
  }
}

.page-common__head-img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: calc(50% - 50vw);
  margin-left: 4%;
}

.page-common__head-img img {
  aspect-ratio: 900/480;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-common__head-text {
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 0.01em;
  text-align: left;
  line-height: 1.8;
}
@media screen and (max-width: 990px) {
  .page-common__head-text {
    font-size: 0.875rem;
  }
}

.page-common__head-title {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.page-common__head-title span {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width: 990px) {
  .page-common__head-title span {
    font-size: 1.25rem;
  }
}

.page-common__head-detail {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  padding-top: 34px;
  padding-top: 2.125rem;
  line-height: 1.8571428571;
}

.page-about__content {
  padding-top: 130px;
  padding-top: 8.125rem;
  padding-bottom: 165px;
  padding-bottom: 10.3125rem;
}
@media screen and (max-width:767px) {
  .page-about__content {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.page-about-top__inner {
  max-width: 1500px;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
}
@media screen and (max-width: 1000px) {
  .page-about-top__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.page-about-top__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 90px;
  gap: 5.625rem;
}
@media screen and (max-width:767px) {
  .page-about-top__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 2rem;
  }
}

.page-about-top__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
}

.page-about-top__img img {
  aspect-ratio: 520/420;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-about-top__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-about-top__body-title {
  padding-bottom: 54px;
  padding-bottom: 3.375rem;
}
@media screen and (max-width:767px) {
  .page-about-top__body-title {
    padding-bottom: 1.5rem;
  }
}

.page-about-top__body-title span {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .page-about-top__body-title span {
    font-size: 1.5rem;
  }
}

.page-about-top__body-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .page-about-top__body-text {
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.page-about-features {
  position: relative;
  margin-top: 90px;
  margin-top: 5.625rem;
}

.page-about-features:before {
  content: "Features";
  position: absolute;
  color: #ECECEC;
  font-size: clamp(300px, 23.75vw, 380px);
  font-family: "Rozha One", serif;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  z-index: -1;
  opacity: 0.5;
}
@media screen and (max-width:767px) {
  .page-about-features:before {
    font-size: 140px;
    top: 100px;
  }
}

.page-about-features__inner {
  padding-top: 90px;
  padding-top: 5.625rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
  max-width: 1280px;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .page-about-features__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.page-about-results {
  margin-top: 200px;
  margin-top: 12.5rem;
  position: relative;
}
@media screen and (max-width:767px) {
  .page-about-results {
    margin-top: 6.25rem;
  }
}

.page-about-results:before {
  content: "Results";
  position: absolute;
  color: #ECECEC;
  font-size: clamp(150px, 18vw, 220px);
  font-family: "Rozha One", serif;
  top: -40px;
  top: -2.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  z-index: -1;
  opacity: 0.5;
}
@media screen and (max-width:767px) {
  .page-about-results:before {
    font-size: 140px;
    top: 100px;
  }
}

.page-about-results__inner {
  max-width: 1310px;
  max-width: 81.875rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .page-about-results__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.page-about-results__head {
  text-align: center;
}

.page-about-results__head-title {
  text-align: center;
}

.page-about-results__img {
  margin-top: 50px;
  margin-top: 3.125rem;
}

.page-about-results__img-top {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  display: block;
}

.page-about-results__img-bottom {
  margin-top: 20px;
  margin-top: 1.25rem;
  display: block;
}

.page-about-slogan {
  max-width: 1320px;
  max-width: 82.5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 120px;
  margin-top: 7.5rem;
}
@media screen and (max-width:767px) {
  .page-about-slogan {
    margin-top: 4rem;
  }
}

.page-about-slogan:before {
  content: "Slogan";
  position: absolute;
  color: #ECECEC;
  font-size: clamp(150px, 18vw, 220px);
  font-family: "Rozha One", serif;
  top: 40px;
  top: 2.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  z-index: 0;
  opacity: 0.5;
}
@media screen and (max-width:767px) {
  .page-about-slogan:before {
    font-size: 140px;
    top: 100px;
  }
}

.page-about-slogan__inner {
  background: #FAFAFA;
  border-radius: 0.625rem;
  padding-top: 74px;
  padding-top: 4.625rem;
  padding-bottom: 74px;
  padding-bottom: 4.625rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .page-about-slogan__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width:767px) {
  .page-about-slogan__inner {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.page-about-slogan__head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  z-index: 2;
  position: relative;
}

.page-about-slogan__head-title {
  max-width: 400px;
  max-width: 25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.page-about-slogan__head-title-top {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
  display: inline-block;
}
@media screen and (max-width:767px) {
  .page-about-slogan__head-title-top {
    font-size: 1.5rem;
  }
}

.page-about-slogan__head-title-bottom {
  font-size: 46px;
  font-size: 2.875rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 10px;
  padding-top: 0.625rem;
}
@media screen and (max-width:767px) {
  .page-about-slogan__head-title-bottom {
    font-size: 1.875rem;
  }
}

.page-about-slogan__head-title-bottom strong {
  font-size: 96px;
  font-size: 6rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
  margin-right: 16px;
  margin-right: 1rem;
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-about-slogan__head-title-bottom strong {
    font-size: 3.125rem;
    margin-bottom: 0.625rem;
  }
}

.page-about-slogan__head-text {
  text-align: center;
  line-height: 2.25;
  padding-top: 60px;
  padding-top: 3.75rem;
}
@media screen and (max-width:767px) {
  .page-about-slogan__head-text {
    font-size: 0.875rem;
    padding-top: 2rem;
  }
}

.page-about-slogan__group {
  margin-top: 100px;
  margin-top: 6.25rem;
  max-width: 1070px;
  max-width: 66.875rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .page-about-slogan__group {
    margin-top: 4rem;
  }
}

.page-about-slogan__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 70px;
  gap: 4.375rem;
  padding-top: 74px;
  padding-top: 4.625rem;
}
@media screen and (max-width:767px) {
  .page-about-slogan__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1.875rem;
    padding-top: 3rem;
  }
}

.page-about-slogan__item:first-child {
  padding-top: 0;
}

.page-about-slogan__item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 34%;
          flex: 0 1 34%;
}

.page-about-slogan__item-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-about-slogan__item-body-title {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .page-about-slogan__item-body-title {
    font-size: 1.25rem;
  }
}

.page-about-slogan__item-body-text {
  line-height: 2.25;
  font-weight: 400;
  padding-top: 40px;
  padding-top: 2.5rem;
}
@media screen and (max-width:767px) {
  .page-about-slogan__item-body-text {
    font-size: 0.875rem;
    padding-top: 1.25rem;
  }
}

.page-about-slogan__item.--revers {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width:767px) {
  .page-about-slogan__item.--revers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.page-about-works {
  margin-top: 100px;
  margin-top: 6.25rem;
}
@media screen and (max-width:767px) {
  .page-about-works {
    margin-top: 4rem;
  }
}

.page-about-works .top-works__inner {
  padding-top: 0;
}

.page-about-works__head-text {
  padding-top: 150px;
  padding-top: 9.375rem;
}
@media screen and (max-width:767px) {
  .page-about-works__head-text {
    margin-top: 2.5rem;
  }
}

.page-about-service {
  margin-top: 100px;
  margin-top: 6.25rem;
  position: relative;
}
@media screen and (max-width:767px) {
  .page-about-service {
    margin-top: 4rem;
  }
}

.page-about-service:before {
  content: "Service";
  position: absolute;
  color: #ECECEC;
  font-size: clamp(150px, 18vw, 220px);
  font-family: "Rozha One", serif;
  top: -40px;
  top: -2.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  z-index: -1;
  opacity: 0.5;
}
@media screen and (max-width:767px) {
  .page-about-service:before {
    font-size: 140px;
    top: -2.5rem;
  }
}

.page-about-service__group {
  max-width: 1200px;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
}
@media screen and (max-width: 1000px) {
  .page-about-service__group {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.page-about-service__head {
  text-align: center;
}

.page-about-service__group {
  margin-top: 72px;
  margin-top: 4.5rem;
}
@media screen and (max-width:767px) {
  .page-about-service__group {
    margin-top: 2.5rem;
  }
}

.page-about-service__group-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  gap: 3.75rem;
}
@media screen and (max-width:767px) {
  .page-about-service__group-top {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.page-about-service__group-top-item {
  padding: 30px;
  padding: 1.875rem;
  background: #F8F8F8;
}
@media screen and (max-width:767px) {
  .page-about-service__group-top-item {
    padding: 1.25rem;
  }
}

.page-about-service__group-top-item-img img {
  aspect-ratio: 410/240;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-about-service__group-top-item-body-title {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (max-width:767px) {
  .page-about-service__group-top-item-body-title {
    font-size: 1.25rem;
    margin-top: 0.9375rem;
  }
}

.page-about-service__group-top-item-body-list {
  padding-left: 20px;
  padding-left: 1.25rem;
  margin-top: 14px;
  margin-top: 0.875rem;
}

.page-about-service__group-top-item-body-list li:first-child {
  margin-top: 0px;
  margin-top: 0rem;
}

.page-about-service__group-top-item-body-list li {
  position: relative;
  line-height: 1.5;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (max-width:767px) {
  .page-about-service__group-top-item-body-list li {
    font-size: 0.875rem;
  }
}

.page-about-service__group-top-item-body-list li:before {
  content: "";
  position: absolute;
  width: 10px;
  width: 0.625rem;
  height: 10px;
  height: 0.625rem;
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  left: -20px;
  left: -1.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.page-about-service__group-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px 3%;
  gap: 3.125rem 3%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (max-width:767px) {
  .page-about-service__group-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
  }
}

.page-about-service__group-bottom-item {
  padding: 20px;
  padding: 1.25rem;
  background: #F8F8F8;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 31%;
          flex: 0 1 31%;
}
@media screen and (max-width:767px) {
  .page-about-service__group-bottom-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.page-about-service__group-bottom-item-img img {
  aspect-ratio: 260/146;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-about-service__group-bottom .page-about-service__group-top-item-body-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
  margin-top: 16px;
  margin-top: 1rem;
}

@media screen and (max-width:767px) {
  .page-about-service__button {
    margin-top: 2rem;
  }
}

.page-about-column .top-column__inner {
  background: transparent;
}
@media screen and (max-width:767px) {
  .page-about-column .top-column__inner {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}

.page-member__content {
  padding-top: 130px;
  padding-top: 8.125rem;
  padding-bottom: 180px;
  padding-bottom: 11.25rem;
}
@media screen and (max-width:767px) {
  .page-member__content {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.page-member-commom__head-en {
  font-size: 24px;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  gap: 1.875rem;
}
@media screen and (max-width:767px) {
  .page-member-commom__head-en {
    font-size: 1rem;
    gap: 0.875rem;
  }
}

.page-member-commom__head-en:after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background: #000;
}

.page-member-commom__head-title {
  padding-top: 30px;
  padding-top: 1.875rem;
}
@media screen and (max-width:767px) {
  .page-member-commom__head-title {
    padding-top: 0.875rem;
  }
}

.page-member-greeting__body-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: right;
}

.page-member-greeting__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 92px;
  gap: 5.75rem;
  margin-top: 52px;
  margin-top: 3.25rem;
}
@media screen and (max-width:767px) {
  .page-member-greeting__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
    margin-top: 1.375rem;
  }
}

.page-member-greeting__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 36%;
          flex: 0 1 36%;
}

.page-member-greeting__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-member-greeting__body-text {
  line-height: 2.25;
}
@media screen and (max-width:767px) {
  .page-member-greeting__body-text {
    font-size: 0.875rem;
  }
}

.page-member-greeting__body-bottom {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.page-member-greeting__body-bottom-name {
  font-weight: 700;
  font-size: 26px;
  font-size: 1.625rem;
  padding-top: 6px;
  padding-top: 0.375rem;
}
@media screen and (max-width:767px) {
  .page-member-greeting__body-bottom-name {
    font-size: 1.25rem;
  }
}

.page-member-staff {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-member-staff {
    margin-top: 4rem;
  }
}

.page-member-staff__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 120px 50px;
  gap: 7.5rem 3.125rem;
  margin-top: 42px;
  margin-top: 2.625rem;
}
@media screen and (max-width:767px) {
  .page-member-staff__list {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

.page-member-staff__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  gap: 1.875rem;
}
@media screen and (max-width:767px) {
  .page-member-staff__item {
    gap: 0.9375rem;
  }
}

.page-member-staff__item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 42%;
          flex: 0 1 42%;
}
@media screen and (max-width:767px) {
  .page-member-staff__item-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 32%;
            flex: 0 1 32%;
  }
}

.page-member-staff__item-img img {
  aspect-ratio: 1/1;
  border-radius: 62.4375rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-member-staff__item-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-member-staff__item-body-catch {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Noto Serif jp", serif;
  color: #C4C4C4;
}
@media screen and (max-width:767px) {
  .page-member-staff__item-body-catch {
    font-size: 0.8125rem;
  }
}

.page-member-staff__item-body-name {
  font-family: "Noto Serif jp", serif;
  font-size: 20px;
  font-size: 1.25rem;
  padding-top: 5px;
  padding-top: 0.3125rem;
  line-height: 1.4;
}
@media screen and (max-width:767px) {
  .page-member-staff__item-body-name {
    font-size: 1.125rem;
  }
}

.page-member-staff__item-body-text {
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 12px;
  padding-top: 0.75rem;
  line-height: 1.7142857143;
}

.page-company__content {
  margin-top: 150px;
  margin-top: 9.375rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
@media screen and (max-width:767px) {
  .page-company__content {
    margin-top: 5rem;
    padding-bottom: 2.5rem;
  }
}

.page-company-top {
  padding-top: 120px;
  padding-top: 7.5rem;
  padding-bottom: 168px;
  padding-bottom: 10.5rem;
  background: -webkit-gradient(linear, right top, left top, from(rgba(239, 239, 239, .29)), to(rgba(206, 206, 206, .29)));
  background: linear-gradient(to left, rgba(239, 239, 239, .29), rgba(206, 206, 206, .29));
  position: relative;
}
@media screen and (max-width:767px) {
  .page-company-top {
    padding-top: 5rem;
    padding-bottom: 5.5rem;
  }
}

.page-company-top__wave-top,
.page-company-top__wave-bottom {
  height: 105px;
  height: 6.5625rem;
}
@media screen and (max-width:767px) {
  .page-company-top__wave-top,
  .page-company-top__wave-bottom {
    height: 5rem;
  }
}

.page-company-top__head-title {
  font-size: 32px;
  font-size: 2rem;
  padding-top: 60px;
  padding-top: 3.75rem;
}
@media screen and (max-width:767px) {
  .page-company-top__head-title {
    font-size: 1.5rem;
    padding-top: 1.25rem;
  }
}

.page-company-top__text {
  line-height: 2.25;
  letter-spacing: 0.01em;
  padding-top: 52px;
  padding-top: 3.25rem;
}
@media screen and (max-width:767px) {
  .page-company-top__text {
    font-size: 0.875rem;
    padding-top: 1.875rem;
  }
}

.page-company-top__head-title--vision {
  max-width: 500px;
  max-width: 31.25rem;
}

.page-company-top__head-title--vision span {
  display: inline-block;
}

.page-company-top__primary {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-company-top__primary {
    margin-top: 2.5rem;
  }
}

.page-company-top__primary.--first {
  margin-top: 0;
}

.page-company-value {
  padding-top: 90px;
  padding-top: 5.625rem;
}
@media screen and (max-width:767px) {
  .page-company-value {
    padding-top: 2.5rem;
  }
}

.page-company-value__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5%;
  padding-top: 80px;
  padding-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-company-value__item {
    padding-top: 1.875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
  }
}

.page-company-value__item:first-child {
  padding-top: 0;
}

.page-company-value__item-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 60px;
  padding-left: 3.75rem;
  position: relative;
}
@media screen and (max-width:767px) {
  .page-company-value__item-left {
    padding-left: 1.875rem;
  }
}

.page-company-value__item-left:before {
  content: "";
  background-image: url(../img/page-company-value-icon.webp);
  width: 46px;
  height: 49px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width:767px) {
  .page-company-value__item-left:before {
    width: 24px;
    height: 24px;
  }
}

.page-company-value__item-left-en {
  font-family: "Noto Serif jp", serif;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  margin-top: 10px;
  margin-top: 0.625rem;
  line-height: 1.4230769231;
}
@media screen and (max-width:767px) {
  .page-company-value__item-left-en {
    font-size: 1.25rem;
    margin-top: 0;
  }
}

.page-company-value__item-left-title {
  font-size: 16px;
  font-size: 1rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  line-height: 2.25;
}
@media screen and (max-width:767px) {
  .page-company-value__item-left-title {
    font-size: 0.875rem;
  }
}

.page-company-value__item-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 71%;
          flex: 0 1 71%;
  border-bottom: 1px solid #D0D0D0;
  padding-left: 20%;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
@media screen and (max-width:767px) {
  .page-company-value__item-right {
    padding-left: 1.875rem;
    padding-bottom: 2.5rem;
  }
}

.page-company-value__item:last-child .page-company-value__item-right {
  border-bottom: none;
  padding-bottom: 0px;
  padding-bottom: 0rem;
}

.page-company-value__item-right-text {
  line-height: 2.25;
  letter-spacing: 0.01em;
}
@media screen and (max-width:767px) {
  .page-company-value__item-right-text {
    font-size: 0.875rem;
  }
}

.page-company-information__inner {
  padding-top: 120px;
  padding-top: 7.5rem;
}
@media screen and (max-width:767px) {
  .page-company-information__inner {
    padding-top: 4rem;
  }
}

.page-company-information__primary {
  padding-left: 80px;
  padding-left: 5rem;
  padding-top: 90px;
  padding-top: 5.625rem;
}
@media screen and (max-width:767px) {
  .page-company-information__primary {
    padding-left: 0rem;
    padding-top: 2.125rem;
  }
}

.page-company-information__table-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  gap: 0.625rem;
}
@media screen and (max-width:767px) {
  .page-company-information__table-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}

.page-company-information__table-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
}

.page-company-information__table-title-detail {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2;
}
@media screen and (max-width:767px) {
  .page-company-information__table-title-detail {
    font-size: 0.875rem;
  }
}

.page-company-information__table-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding-top: 68px;
  padding-top: 4.25rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
@media screen and (max-width:767px) {
  .page-company-information__table-body {
    padding-top: 1.25rem;
    padding-bottom: 2rem;
  }
}

.page-company-information__table-body:before {
  content: "";
  width: 100%;
  height: 2px;
  border-top: 1px dotted #C7C7C7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 18px;
  margin-top: 1.125rem;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width:767px) {
  .page-company-information__table-body:before {
    margin-top: 0.625rem;
    padding-bottom: 0rem;
  }
}

.page-company-information__table-body p {
  line-height: 1.625;
  letter-spacing: 0.05em;
}
@media screen and (max-width:767px) {
  .page-company-information__table-body p {
    font-size: 0.875rem;
  }
}

.page-company-information__table-body-map {
  padding-top: 32px;
  padding-top: 2rem;
}

@media screen and (max-width:767px) {
  .page-company-information__table-body-map iframe {
    height: 15rem;
  }
}

.page-company-greeting__inner {
  padding-top: 90px;
  padding-top: 5.625rem;
}
@media screen and (max-width:767px) {
  .page-company-greeting__inner {
    padding-top: 4rem;
  }
}

.page-company-history {
  margin-top: 68px;
  margin-top: 4.25rem;
}

.page-company-history__primary {
  padding-left: 60px;
  padding-left: 3.75rem;
  padding-top: 52px;
  padding-top: 3.25rem;
}
@media screen and (max-width:767px) {
  .page-company-history__primary {
    padding-left: 1.875rem;
    padding-top: 3.3125rem;
  }
}

.page-company-history__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 50px;
  padding-left: 3.125rem;
  position: relative;
  padding-bottom: 56px;
  padding-bottom: 3.5rem;
}
@media screen and (max-width:767px) {
  .page-company-history__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 1.875rem;
    padding-bottom: 2.5rem;
  }
}

.page-company-history__flex:before {
  content: "";
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  position: absolute;
  left: 0;
  top: 8px;
  top: 0.5rem;
  border-radius: 6.25rem;
}
@media screen and (max-width:767px) {
  .page-company-history__flex:before {
    width: 0.5625rem;
    height: 0.5625rem;
  }
}

.page-company-history__flex:last-child:after {
  content: none;
}

.page-company-history__flex:after {
  content: "";
  width: 3px;
  width: 0.1875rem;
  height: calc(100% - 25px);
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  position: absolute;
  left: 6px;
  top: 26px;
  border-radius: 6.25rem;
}
@media screen and (max-width:767px) {
  .page-company-history__flex:after {
    width: 0.0625rem;
    height: 100%;
    left: 4px;
    top: 10px;
  }
}

.page-company-history__flex-time {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 24%;
          flex: 0 1 24%;
  font-family: "Noto Sans CJKjp", serif;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width:767px) {
  .page-company-history__flex-time {
    padding-bottom: 1.25rem;
    font-size: 1.125rem;
  }
}

.page-company-history__flex-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 2.25;
}
@media screen and (max-width:767px) {
  .page-company-history__flex-text {
    font-size: 0.875rem;
    line-height: 1.25;
  }
}

.page-recruit__content {
  padding-bottom: 110px;
  padding-bottom: 6.875rem;
}
@media screen and (max-width:767px) {
  .page-recruit__content {
    padding-bottom: 4rem;
  }
}

.page-recruit-slogan .page-about-slogan__head-title {
  max-width: 100%;
}

.page-recruit-slogan .page-about-slogan__head-title-bottom {
  padding-top: 60px;
  padding-top: 3.75rem;
}

.page-recruit-detail {
  margin-top: 100px;
  margin-top: 6.25rem;
  margin-bottom: 100px;
  margin-bottom: 6.25rem;
  background: -webkit-gradient(linear, right top, left top, from(rgba(221, 215, 2, .29)), to(rgba(235, 161, 56, .29)));
  background: linear-gradient(to left, rgba(221, 215, 2, .29), rgba(235, 161, 56, .29));
  padding-bottom: 150px;
  padding-bottom: 9.375rem;
  padding-top: 180px;
  padding-top: 11.25rem;
  position: relative;
}
@media screen and (max-width:767px) {
  .page-recruit-detail {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding-bottom: 6.25rem;
    padding-top: 7.5rem;
  }
}

.page-recruit-detail__tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  gap: 0.125rem;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.page-recruit-detail__tab-list::-webkit-scrollbar {
  display: none;
}

.page-recruit-detail__tab-item {
  background: #E9E9E9;
  color: #A0A0A0;
  padding: 11px 18px;
  padding: 0.6875rem 1.125rem;
  border-radius: 0.625rem 0.625rem 0 0;
  cursor: pointer;
  white-space: nowrap;
}
@media screen and (max-width:767px) {
  .page-recruit-detail__tab-item {
    padding: 0.5rem 0.625rem;
  }
}

.page-recruit-detail__tab-item.active {
  background: #fff;
  color: #000000;
}

.page-recruit-detail__tab-content-body {
  display: none;
}

.page-recruit-detail__tab-content-body.active {
  display: block;
  padding: 60px 40px;
  padding: 3.75rem 2.5rem;
  background: #fff;
}
@media screen and (max-width:767px) {
  .page-recruit-detail__tab-content-body.active {
    padding: 2.5rem 1.25rem;
  }
}

.page-recruit-detail__tab-content-body-title {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width:767px) {
  .page-recruit-detail__tab-content-body-title {
    font-size: 1.125rem;
    white-space: nowrap;
  }
}

.page-recruit-detail__tab-content-body-detail .page-company-information__table-flex:last-child .page-company-information__table-body {
  padding-bottom: 0;
}

.page-recruit-detail__tab-content-body-detail {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-recruit-detail__tab-content-body-detail {
    margin-top: 4rem;
  }
}

.contact-recruit__form {
  max-width: 820px;
  max-width: 51.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 62px;
  padding-top: 3.875rem;
}
@media screen and (max-width:767px) {
  .contact-recruit__form {
    padding-bottom: 2.5rem;
  }
}

.page-recruit__content .contact__form {
  border: 1px solid #CCCCCC;
  border-radius: 1rem;
  padding: 40px;
  padding: 2.5rem;
}
@media screen and (max-width:767px) {
  .page-recruit__content .contact__form {
    border: none;
    padding: 0rem;
  }
}
.page-recruit__content .wpcf7-spinner {
  position: absolute;
}
.page-recruit__content .contact__text-link a {
  color: inherit;
}
.page-recruit__content .contact__item {
  margin-top: 24px;
  margin-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width:767px) {
  .page-recruit__content .contact__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    border: none;
    margin-top: 1.125rem;
    padding-bottom: 0rem;
    gap: 8px;
  }
}
.page-recruit__content .contact__item:first-child {
  margin-top: 0px;
  margin-top: 0rem;
}
.page-recruit__content .contact__item-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  gap: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 24%;
          flex: 0 1 24%;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-recruit__content .contact__item-label {
    font-size: 0.875rem;
    padding-bottom: 0.5rem;
  }
}
.page-recruit__content .contact__item-flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-recruit__content .contact__checbox .contact__item-body {
  padding-left: 20px;
  padding-left: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-recruit__content .contact__checbox .contact__item-body {
    padding-left: 0rem;
  }
}
.page-recruit__content .contact__checbox .wpcf7-form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  max-width: 580px;
}
.page-recruit__content .contact__checbox .wpcf7-list-item {
  position: relative;
}
@media screen and (max-width:767px) {
  .page-recruit__content .contact__checbox .wpcf7-list-item {
    font-size: 0.75rem;
  }
}
.page-recruit__content .contact__checbox .wpcf7-list-item-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.page-recruit__content .contact__checbox .wpcf7-list-item-label::before {
  display: block;
  content: "";
  border: 2px solid #666666;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.page-recruit__content .contact__checbox span.wpcf7-list-item-label::after {
  display: block;
  position: absolute;
  content: "";
  width: 16px;
  height: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2213%22%20viewBox%3D%220%200%2017%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.5607%200.43934C17.1464%201.02513%2017.1464%201.97487%2016.5607%202.56066L6.5%2012.6213L0.93934%207.06066C0.353553%206.47487%200.353553%205.52513%200.93934%204.93934C1.52513%204.35355%202.47487%204.35355%203.06066%204.93934L6.5%208.37868L14.4393%200.43934C15.0251%20-0.146447%2015.9749%20-0.146447%2016.5607%200.43934Z%22%20fill%3D%22%23704D1D%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2213%22%20viewBox%3D%220%200%2017%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.5607%200.43934C17.1464%201.02513%2017.1464%201.97487%2016.5607%202.56066L6.5%2012.6213L0.93934%207.06066C0.353553%206.47487%200.353553%205.52513%200.93934%204.93934C1.52513%204.35355%202.47487%204.35355%203.06066%204.93934L6.5%208.37868L14.4393%200.43934C15.0251%20-0.146447%2015.9749%20-0.146447%2016.5607%200.43934Z%22%20fill%3D%22%23704D1D%22%2F%3E%3C%2Fsvg%3E");
  background: #fff;
  background-size: 16px 12px;
  background-repeat: no-repeat;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}
.page-recruit__content .your-consultation input[type=checkbox]:checked + span.wpcf7-list-item-label::after {
  display: block !important;
}
.page-recruit__content .contact__checbox input[type=checkbox]:checked + span.wpcf7-list-item-label::after {
  display: block;
}
.page-recruit__content .contact__checbox input[type=checkbox]:checked + span.wpcf7-list-item-label::before {
  background: #666666;
}
.page-recruit__content .contact__checbox input[type=checkbox] {
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  visibility: visible;
  opacity: 0;
  position: absolute;
}
.page-recruit__content .contact__item-text input[type=radio] {
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
  min-height: auto;
}
.page-recruit__content .contact__item--radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  gap: 0.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-recruit__content .contact__item--radio .wpcf7-list-item:first-child {
  margin-left: 0;
}
.page-recruit__content .contact__item-body-width260 {
  max-width: 260px;
  max-width: 16.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  gap: 0.3125rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.page-recruit__content .contact__item-body-width260 .--text {
  white-space: nowrap;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-recruit__content .contact__item-body-width260 .--text {
    font-size: 0.875rem;
  }
}
.page-recruit__content .contact__item-body-flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  gap: 0.625rem;
  max-width: 500px;
  max-width: 31.25rem;
}
.page-recruit__content .contact__accept a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.page-recruit__content .contact__item-label .required {
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
}
.page-recruit__content .contact__item-label .any {
  background-color: #ACACAC;
  padding: 4px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
}
.page-recruit__content .contact__item-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width:767px) {
  .page-recruit__content .contact__item-body {
    width: 100%;
  }
}
.page-recruit__content .contact__item-text input,
.page-recruit__content .contact__item-text textarea {
  width: 100%;
  display: block;
  border: 1px solid #D9D9D9;
  padding: 10px 10px;
  padding: 0.625rem 0.625rem;
  min-height: 48px;
  min-height: 3rem;
}
.page-recruit__content .contact__item--non-border input {
  border: none;
}
.page-recruit__content .contact__item--non-border p {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.6666666667;
  color: #000;
}
.page-recruit__content .primary__contact-button--gradition {
  position: relative;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, right top, from(#EBA139), to(#DCD900));
  background: linear-gradient(to right, #EBA139, #DCD900);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 74px;
  margin-top: 4.625rem;
  max-width: 240px;
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) {
  .page-recruit__content .primary__contact-button--gradition {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    font-size: 1rem;
  }
}
.page-recruit__content .primary__contact-button--gradition:hover {
  opacity: 0.8;
}
.page-recruit__content .primary__contact-button--gradition {
  text-align: center;
}
.page-recruit__content .primary__contact-button--gradition input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-family: "Noto Sans CJKjp", serif;
  font-weight: 700;
  color: #fff;
  padding: 20px;
  padding: 1.25rem;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width:767px) {
  .page-recruit__content .primary__contact-button--gradition input {
    padding: 0.875rem;
    font-size: 1rem;
  }
}

.page-thanks-recruit__text {
  text-align: left;
  line-height: 1.8333333333;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width:767px) {
  .page-thanks-recruit__text {
    font-size: 0.875rem;
  }
}

.page-thanks-recruit__text a {
  text-decoration: underline;
}

.page-thanks-recruit__button-wrap {
  margin-top: 60px;
  margin-top: 3.75rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-thanks-recruit__button {
  max-width: 240px;
  max-width: 15rem;
  width: 100%;
  font-size: 19.5px;
  font-size: 1.21875rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  border-radius: 6.25rem;
  padding: 14px;
  padding: 0.875rem;
}
@media screen and (max-width:767px) {
  .page-thanks-recruit__button {
    font-size: 1rem;
  }
}

.page-service__content {
  padding-top: 130px;
  padding-top: 8.125rem;
  padding-bottom: 110px;
  padding-bottom: 6.875rem;
}
@media screen and (max-width:767px) {
  .page-service__content {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.page-service-top__inner {
  max-width: 1160px;
  max-width: 72.5rem;
  padding-left: 100px !important;
  padding-left: 6.25rem !important;
  padding-right: 100px !important;
  padding-right: 6.25rem !important;
}
@media screen and (max-width: 1000px) {
  .page-service-top__inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.page-service-top__text {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.7692307692;
  font-family: "Noto Serif jp", serif;
  text-align: center;
}
@media screen and (max-width:767px) {
  .page-service-top__text {
    font-size: 1.125rem;
  }
}

.page-service-top__text span {
  display: inline-block;
}

.page-service-top__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px 24px;
  gap: 1.875rem 1.5rem;
  margin-top: 88px;
  margin-top: 5.5rem;
}
@media screen and (max-width:767px) {
  .page-service-top__list {
    grid-template-columns: 1fr 1fr;
    gap: 0.625rem 0.875rem;
    margin-top: 3rem;
  }
}

.page-service-top__item {
  text-align: center;
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  color: #fff;
  position: relative;
}

.page-service-top__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 30px;
  padding: 1rem 1.875rem;
  font-size: 19.5px;
  font-size: 1.21875rem;
  font-weight: 700;
}
@media screen and (max-width:767px) {
  .page-service-top__item a {
    font-size: 0.875rem;
    padding: 0.625rem 1.5625rem 0.625rem 0.625rem;
  }
}

.page-service-main {
  margin-top: 90px;
  margin-top: 5.625rem;
}
@media screen and (max-width:767px) {
  .page-service-main {
    margin-top: 2.5rem;
  }
}

.page-service-main__inner {
  max-width: 1520px;
  max-width: 95rem;
  padding-left: 100px;
  padding-left: 6.25rem;
  padding-right: 100px;
  padding-right: 6.25rem;
}
@media screen and (max-width: 1000px) {
  .page-service-main__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.page-service-main__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 70px;
  gap: 4.375rem;
  background: #FAFAFA;
  border-radius: 0.625rem;
  padding: 60px;
  padding: 3.75rem;
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (max-width: 990px) {
  .page-service-main__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.25rem;
    margin-top: 2.5rem;
    gap: 1.25rem;
  }
}

.page-service-main__item:first-child {
  margin-top: 0;
}

.page-service-main__item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 28%;
          flex: 0 1 28%;
}

.page-service-main__item-img img {
  aspect-ratio: 300/300;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 990px) {
  .page-service-main__item-img img {
    aspect-ratio: 300/180;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.page-service-main__item-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-service-top__item:after {
  content: "";
  background-image: url(../img/page-service-top-arrow.webp);
  background-repeat: no-repeat;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  background-size: 100% 100%;
  right: 20px;
  right: 1.25rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width:767px) {
  .page-service-top__item:after {
    right: 0.3125rem;
    width: 0.9375rem;
    height: 0.9375rem;
  }
}

.page-service-main__item-body-en {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 3.1428571429;
  letter-spacing: 0.01em;
}

.page-service-main__item-body-title {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width: 990px) {
  .page-service-main__item-body-title {
    font-size: 1.375rem;
  }
}

.page-service-main__item-body-en span {
  padding-left: 5px;
  padding-left: 0.3125rem;
}

.page-service-main__item-body-text {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.8;
  letter-spacing: 0.01em;
  padding-top: 48px;
  padding-top: 3rem;
}
@media screen and (max-width: 990px) {
  .page-service-main__item-body-text {
    font-size: 1rem;
    padding-top: 1.5rem;
  }
}

.page-service-main__item-body-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  gap: 1.875rem;
  margin-top: 48px;
  margin-top: 3rem;
}
@media screen and (max-width: 990px) {
  .page-service-main__item-body-button-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 13.75rem;
    margin-left: auto;
    margin-right: auto;
    gap: 0.875rem;
    margin-top: 1.25rem;
  }
}

.page-service-main__item-body__button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 300px;
  max-width: 18.75rem;
  color: #fff;
  text-align: center;
  font-size: 19.5px;
  font-size: 1.21875rem;
  line-height: 1.5263157895;
  padding: 16px 10px;
  padding: 1rem 0.625rem;
  border-radius: 6.25rem;
}
@media screen and (max-width: 990px) {
  .page-service-main__item-body__button {
    font-size: 0.875rem;
  }
}

.page-service-main__item-body__button.--yellow {
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
}

.page-service-main__item-body__button.--gray {
  background: -webkit-gradient(linear, right top, left top, from(#727272), to(#BABABA));
  background: linear-gradient(to left, #727272, #BABABA);
}

.page-sns__content {
  padding-top: 130px;
  padding-top: 8.125rem;
  padding-bottom: 110px;
  padding-bottom: 6.875rem;
}
@media screen and (max-width:767px) {
  .page-sns__content {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.page-sns-top__inner {
  max-width: 1190px;
  max-width: 74.375rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}

.page-sns-top__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 90px;
  gap: 5.625rem;
}
@media screen and (max-width:767px) {
  .page-sns-top__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.875rem;
  }
}

.page-sns-top__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 45%;
          flex: 0 1 45%;
}

.page-sns-top__right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-sns-top__right-title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.4375;
  font-family: "Noto Serif jp", serif;
  font-weight: 700;
}
@media screen and (max-width:767px) {
  .page-sns-top__right-title {
    font-size: 1.5rem;
  }
}

.page-sns-top__right-text {
  letter-spacing: 0.01em;
  line-height: 2.25;
  padding-top: 54px;
  padding-top: 3.375rem;
}
@media screen and (max-width:767px) {
  .page-sns-top__right-text {
    font-size: 0.875rem;
    padding-top: 1.5rem;
  }
}

.page-sns-top__bottom-text {
  text-align: center;
  padding-top: 80px;
  padding-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-sns-top__bottom-text {
    padding-top: 2.5rem;
  }
}

.page-sns-top__bottom-text span {
  display: inline-block;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.5555555556;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .page-sns-top__bottom-text span {
    font-size: 1.5rem;
  }
}

.page-sns-consulting {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-sns-consulting {
    margin-top: 4rem;
  }
}

.page-sns-consulting__head-title {
  max-width: 800px;
  max-width: 50rem;
}

.page-sns-consulting__head-title span {
  display: inline-block;
  font-size: 32px;
  font-size: 2rem;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting__head-title span {
    display: inline;
    display: initial;
  }
}

.page-sns-consulting__primary {
  padding-top: 110px;
  padding-top: 6.875rem;
}
@media screen and (max-width:767px) {
  .page-sns-consulting__primary {
    padding-top: 4rem;
  }
}

.page-sns-consulting__begin-title {
  text-align: center;
  font-family: "Noto Serif jp", serif;
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  background: #7EC0DE;
  border-radius: 62.4375rem;
  max-width: 220px;
  max-width: 13.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  padding: 0.625rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  margin-top: -64px;
  margin-top: -4rem;
}

.page-sns-consulting__center-title {
  text-align: center;
  font-family: "Noto Serif jp", serif;
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
  border-radius: 62.4375rem;
  max-width: 220px;
  max-width: 13.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  padding: 0.625rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  margin-top: -64px;
  margin-top: -4rem;
}

.page-sns-consulting__list-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 35px;
  gap: 2.1875rem;
}
@media screen and (max-width: 900px) {
  .page-sns-consulting__list-wrap {
    grid-template-columns: 1fr;
    max-width: 18.75rem;
    margin-left: auto;
    margin-right: auto;
    gap: 3rem;
  }
}

.page-sns-consulting__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  gap: 1.25rem;
}

.page-sns-consulting__item {
  padding: 42px 20px 22px 20px;
  padding: 2.625rem 1.25rem 1.375rem 1.25rem;
  position: relative;
}

.page-sns-consulting__item:after {
  content: "";
  background-image: url(../img/page-sns-consulting-arrow.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -47px;
  right: -2.9375rem;
  width: 54px;
  width: 3.375rem;
  height: 82px;
  height: 5.125rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
@media screen and (max-width: 900px) {
  .page-sns-consulting__item:after {
    background-image: url(../img/page-sns-consulting-arrow-sp.webp);
    right: 50%;
    -webkit-transform: translate(50%, 0%);
            transform: translate(50%, 0%);
    bottom: -1.875rem;
    top: inherit;
    width: 7.125rem;
    height: 3.125rem;
    z-index: 3;
  }
}

.page-sns-consulting__item:last-child:after {
  content: none;
}

.page-sns-consulting__begin {
  border-radius: 14px;
  border: 3px solid #7EC0DE;
}

.page-sns-consulting__center {
  position: relative;
  border-radius: 14px;
  background: -webkit-gradient(linear, right top, left top, from(#DDD702), to(#EBA138));
  background: linear-gradient(to left, #DDD702, #EBA138);
}

.page-sns-consulting__center:before {
  content: "";
  border-radius: 14px;
  background: #fff;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 1;
}

.page-sns-consulting__center-inner {
  z-index: 2;
  position: relative;
}

.page-sns-consulting__last {
  background: #EBBE38;
  border-radius: 14px;
  border: 3px solid rgba(185, 185, 185, .42);
}

.page-sns-consulting__item-text {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .page-sns-consulting__item-text {
    font-size: 1rem;
  }
}
@media screen and (max-width: 900px) {
  .page-sns-consulting__item-text {
    font-size: 1.25rem;
  }
}

.page-sns-consulting__last-text {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
  line-height: 1.3846153846;
  text-align: center;
  color: #fff;
  padding-top: 14px;
  padding-top: 0.875rem;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting__last-text {
    display: inline;
    display: initial;
  }
}

.page-sns-consulting-bottom__primary {
  padding-top: 120px;
  padding-top: 7.5rem;
}
@media screen and (max-width:767px) {
  .page-sns-consulting-bottom__primary {
    padding-top: 5rem;
  }
}

.page-sns-consulting-bottom {
  margin-top: 174px;
  margin-top: 10.875rem;
}

.page-sns-consulting-bottom__head-title span {
  font-size: 32px;
  font-size: 2rem;
  display: inline-block;
}
@media screen and (max-width:767px) {
  .page-sns-consulting-bottom__head-title span {
    font-size: 1.25rem;
    display: inline;
  }
}

.page-sns-consulting-bottom__list-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 38px;
  gap: 2.375rem;
  position: relative;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__list-wrap {
    grid-template-columns: 1fr;
    max-width: 21.25rem;
    margin-left: auto;
    margin-right: auto;
    gap: 3rem;
  }
}

.page-sns-consulting-bottom__item {
  border-radius: 0.8125rem;
  border: 1px solid #000000;
  padding: 40px 30px 30px;
  padding: 2.5rem 1.875rem 1.875rem;
}
@media screen and (max-width: 1100px) {
  .page-sns-consulting-bottom__item {
    padding: 1.25rem;
  }
}

.page-sns-consulting-bottom__item-left-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Noto Serif jp", serif;
  text-align: center;
  max-width: 400px;
  max-width: 25rem;
  padding: 15px;
  padding: 0.9375rem;
  background: #7EC0DE;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  margin-top: -60px;
  margin-top: -3.75rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-left-title {
    font-size: 1rem;
  }
}

.page-sns-consulting-bottom__item-left {
  position: relative;
}

.page-sns-consulting-bottom__item-left-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  gap: 0.75rem;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-left-grid {
    grid-template-columns: 1fr;
    gap: 0.875rem;
    max-width: 12.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.page-sns-consulting-bottom__item-left:after {
  content: "";
  background-image: url(../img/page-sns-consulting-arrow-bottom.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -52px;
  right: -3.25rem;
  width: 67px;
  width: 4.1875rem;
  height: 64px;
  height: 4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-left:after {
    background-image: url(../img/page-sns-consulting-arrow-sp.webp);
    right: 50%;
    -webkit-transform: translate(50%, 0%);
            transform: translate(50%, 0%);
    bottom: -1.875rem;
    top: inherit;
    width: 7.125rem;
    height: 3.125rem;
    z-index: 3;
  }
}

.page-sns-consulting-bottom__item-left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-sns-consulting-bottom__item-left-content-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
}

.page-sns-consulting-bottom__item-left-content-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-sns-consulting-bottom__item-left-content-small {
  color: #7EC0DE;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.5;
  font-family: "Noto Serif jp", serif;
  font-weight: 700;
}

.page-sns-consulting-bottom__item-left-content-text {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-left-content-text {
    font-size: 1rem;
  }
}

.page-sns-consulting-bottom__item-right-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Noto Serif jp", serif;
  text-align: center;
  max-width: 400px;
  max-width: 25rem;
  padding: 15px;
  padding: 0.9375rem;
  background: -webkit-gradient(linear, right top, left top, from(#EBA139), to(#DCD900));
  background: linear-gradient(to left, #EBA139, #DCD900);
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  margin-top: -60px;
  margin-top: -3.75rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-right-title {
    font-size: 1rem;
  }
}

.page-sns-consulting-bottom__item-right {
  padding: 40px 20px 30px;
  padding: 2.5rem 1.25rem 1.875rem;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-right {
    padding: 1.875rem 1.25rem 1.875rem;
  }
}

.page-sns-consulting-bottom__item-right-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 10px;
  gap: 0.625rem;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-right-grid {
    grid-template-columns: 1fr;
  }
}

.page-sns-consulting-bottom__item-right-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  gap: 0.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-sns-consulting-bottom__item-right-grid-item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  max-width: 58px;
  max-width: 3.625rem;
}

.page-sns-consulting-bottom__item-right-grid-item--second .page-sns-consulting-bottom__item-right-grid-item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 35%;
          flex: 0 1 35%;
}

.page-sns-consulting-bottom__item-right-grid-item-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-sns-consulting-bottom__item-right-grid-item-text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
}

@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-right-grid-item.--pc {
    display: none;
  }
}

.page-sns-consulting-bottom__item-right-grid-item.--sp {
  display: none;
}
@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-right-grid-item.--sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-right-grid-item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.625rem;
  }
}

@media screen and (max-width: 990px) {
  .page-sns-consulting-bottom__item-right-grid-item-flex .page-sns-consulting-bottom__item-right-grid-item-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

.page-sns-slogan .page-about-slogan__head-title {
  max-width: 500px;
  max-width: 31.25rem;
}

.page-sns-slogan__head-title-bottom strong {
  padding-left: 10px;
  padding-left: 0.625rem;
}

.page-sns-result {
  position: relative;
}

.page-sns-result__inner {
  padding-top: 120px;
  padding-top: 7.5rem;
}

.page-sns-result .top-column__head:before {
  content: "Results";
  color: #ECECEC;
  top: 60px;
  top: 3.75rem;
}

.top-column__head-text {
  text-align: center;
  margin-top: 40px;
  margin-top: 2.5rem;
  line-height: 2;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}
@media screen and (max-width:767px) {
  .top-column__head-text {
    font-size: 0.875rem;
    margin-top: 1.25rem;
  }
}

.page-sns-result .top-common__item-company-name {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Noto Serif jp", serif;
  line-height: 2;
  margin-top: 4px;
  margin-top: 0.25rem;
}

.page-sns-result .top-common__item-category {
  font-size: 12px;
  font-size: 0.75rem;
}

.page-sns-member {
  position: relative;
}

.page-sns-member__inner {
  padding-top: 120px;
  padding-top: 7.5rem;
}
@media screen and (max-width:767px) {
  .page-sns-member__inner {
    padding-top: 4rem;
  }
}

.page-sns-member .top-column__head:before {
  content: "Member";
  color: #ECECEC;
}

.page-sns-member__list {
  padding-top: 50px;
  padding-top: 3.125rem;
}
@media screen and (max-width:767px) {
  .page-sns-member__list {
    padding-top: 0rem;
  }
}

.page-sns-flow {
  margin-top: 120px;
  margin-top: 7.5rem;
  background: #F7F7F7;
  position: relative;
}
@media screen and (max-width:767px) {
  .page-sns-flow {
    margin-top: 4rem;
  }
}

.page-sns-flow .top-column__head {
  position: relative;
  z-index: 1;
}

.page-sns-flow .top-column__head:before {
  content: "Flow";
  color: #ECECEC;
  top: -60px;
  top: -3.75rem;
}

.page-sns-flow__inner {
  padding-top: 90px;
  padding-top: 5.625rem;
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}
@media screen and (max-width:767px) {
  .page-sns-flow__inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.page-sns-flow__list-wrap {
  padding-top: 80px;
  padding-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-sns-flow__list-wrap {
    padding-top: 2.5rem;
  }
}

.page-sns-flow__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  gap: 2.5rem;
  background: #fff;
  padding: 32px 40px;
  padding: 2rem 2.5rem;
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (max-width:767px) {
  .page-sns-flow__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.9375rem 0.9375rem;
    margin-top: 1.25rem;
    gap: 1.25rem;
  }
}

.page-sns-flow__item:first-child {
  margin-top: 0;
}

.page-sns-flow__item-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 18%;
          flex: 0 1 18%;
}
@media screen and (max-width:767px) {
  .page-sns-flow__item-img {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.page-sns-flow__item-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page-sns-flow__item-body-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  gap: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-sns-flow__item-body-head {
    gap: 0.625rem;
  }
}

.page-sns-flow__item-body-head-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-sns-flow__item-body-head-step-en {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media screen and (max-width:767px) {
  .page-sns-flow__item-body-head-step-en {
    font-size: 0.5rem;
  }
}

.page-sns-flow__item-body-head-step-number {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width:767px) {
  .page-sns-flow__item-body-head-step-number {
    font-size: 1.125rem;
  }
}

.page-sns-flow__item-body-head-step-title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "Noto Serif jp", serif;
}
@media screen and (max-width:767px) {
  .page-sns-flow__item-body-head-step-title {
    font-size: 1.25rem;
  }
}

.page-sns-flow__item-body-text {
  line-height: 1.7142857143;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  padding-top: 14px;
  padding-top: 0.875rem;
}
@media screen and (max-width:767px) {
  .page-sns-flow__item-body-text {
    padding-top: 0.625rem;
  }
}

.page-sns-flow__item-body-text a {
  text-decoration: underline;
}

.page-sns-faq {
  position: relative;
}

.page-sns-faq .top-column__head:before {
  content: "FAQ";
}

.page-sns-faq__inner {
  padding-top: 120px;
  padding-top: 7.5rem;
}
@media screen and (max-width:767px) {
  .page-sns-faq__inner {
    padding-top: 4rem;
  }
}

.page-sns-faq__list {
  padding-top: 80px;
  padding-top: 5rem;
}
@media screen and (max-width:767px) {
  .page-sns-faq__list {
    padding-top: 2.5rem;
  }
}

.page-sns-faq__item {
  background: #F8F8F8;
  padding: 40px 24px;
  padding: 2.5rem 1.5rem;
  border-radius: 1.3125rem;
  border: 1px solid #000;
}
@media screen and (max-width:767px) {
  .page-sns-faq__item {
    padding: 1.25rem 0.875rem;
  }
}

.page-sns-faq__item h4.faq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 0px;
  padding-bottom: 0rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-bottom: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.page-sns-faq__item h4.faq__question:hover {
  opacity: 0.7;
}

.page-sns-faq__item-wrap {
  margin-top: 20px;
  margin-top: 1.25rem;
}
.page-sns-faq__item-wrap:first-child {
  margin-top: 0;
}

.page-sns-faq__item {
  cursor: pointer;
}
.page-sns-faq__item .faq__question,
.page-sns-faq__item .faq__answer {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80px;
          flex: 0 1 80px;
  -ms-flex: 0 1 5rem;
      flex: 0 1 5rem;
  font-family: "Noto Sans CJKjp", serif;
  font-weight: 500;
}
.page-sns-faq__item .faq__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.page-sns-faq__item .faq__question-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  width: 1.25rem;
  height: 23px;
  height: 1.4375rem;
  margin-right: 20px;
  margin-right: 1.25rem;
}
@media screen and (max-width:767px) {
  .page-sns-faq__item .faq__question-icon {
    font-size: 1rem;
    margin-right: 0.8125rem;
  }
}
.page-sns-faq__item .faq__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  font-size: 16px;
  font-size: 1rem;
}
.page-sns-faq__item .faq__answer-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
  margin-right: 1.25rem;
  width: 19px;
  width: 1.1875rem;
  height: 21px;
  height: 1.3125rem;
}
@media screen and (max-width:767px) {
  .page-sns-faq__item .faq__answer-icon {
    margin-right: 0.8125rem;
  }
}
.page-sns-faq__item .faq__answer {
  display: none;
}
.page-sns-faq__item.active .faq__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #CCCCCC;
  padding-top: 32px;
  padding-top: 2rem;
  margin-top: 32px;
  margin-top: 2rem;
}
@media screen and (max-width:767px) {
  .page-sns-faq__item.active .faq__answer {
    padding-top: 1rem;
    margin-top: 1rem;
  }
}
.page-sns-faq__item .faq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}
.page-sns-faq__item .faq__question .faq__content {
  font-weight: 700;
}
.page-sns-faq__item .faq__content-arrow {
  position: absolute;
  right: 0px;
  right: 0rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 12px;
  width: 0.75rem;
  height: 12px;
  height: 0.75rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}
.page-sns-faq__item.active .faq__content-arrow {
  -webkit-transform: translateY(-55%) rotate(-45deg);
          transform: translateY(-55%) rotate(-45deg);
}
.page-sns-faq__item .faq__content-arrow::before,
.page-sns-faq__item .faq__content-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  /* 棒の幅（太さ） */
  height: 14px;
  /* 棒の高さ */
  background: #000000;
  /* バツ印の色 */
}
.page-sns-faq__item .faq__content-arrow::before {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}
.page-sns-faq__item .faq__content-arrow::after {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}
.page-sns-faq__item .single__faq.active .faq__content-arrow::before {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}
.page-sns-faq__item .single__faq-wrap .single__faq {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.page-sns-faq__item .single__faq-wrap .single__faq:last-child {
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

.page-sns-column__inner {
  background: transparent;
  padding-bottom: 0;
  padding-top: 180px;
  padding-top: 11.25rem;
}
@media screen and (max-width:767px) {
  .page-sns-column__inner {
    padding-top: 5rem;
  }
}

.page-sns-column .top-column__head:before {
  top: 124px;
  top: 7.75rem;
}
@media screen and (max-width:767px) {
  .page-sns-column .top-column__head:before {
    top: 5rem;
  }
}
/*# sourceMappingURL=style.css.map */