@charset "UTF-8";
@keyframes btngradient {
  0% {
    background: linear-gradient(90deg, #f8744f 0%, #f54614 100%);
  }
  10% {
    background: linear-gradient(90deg, #f8744f 10%, #f54614 100%);
  }
  15% {
    background: linear-gradient(90deg, #f8744f 15%, #f54614 100%);
  }
  25% {
    background: linear-gradient(90deg, #f8744f 25%, #f54614 100%);
  }
  40% {
    background: linear-gradient(90deg, #f8744f 40%, #f54614 100%);
  }
  50% {
    background: linear-gradient(90deg, #f8744f 50%, #f54614 100%);
  }
  60% {
    background: linear-gradient(90deg, #f8744f 60%, #f54614 100%);
  }
  75% {
    background: linear-gradient(90deg, #f8744f 75%, #f54614 100%);
  }
  80% {
    background: linear-gradient(90deg, #f8744f 80%, #f54614 100%);
  }
  90% {
    background: linear-gradient(90deg, #f8744f 90%, #f54614 100%);
  }
  100% {
    background: linear-gradient(90deg, #f8744f 100%, #f54614 100%);
  }
}
@keyframes btngradient--green {
  0% {
    background: linear-gradient(90deg, #0eb772 0%, #34b2e4 100%);
  }
  10% {
    background: linear-gradient(90deg, #0eb772 10%, #34b2e4 100%);
  }
  15% {
    background: linear-gradient(90deg, #0eb772 15%, #34b2e4 100%);
  }
  25% {
    background: linear-gradient(90deg, #0eb772 25%, #34b2e4 100%);
  }
  40% {
    background: linear-gradient(90deg, #0eb772 40%, #34b2e4 100%);
  }
  50% {
    background: linear-gradient(90deg, #0eb772 50%, #34b2e4 100%);
  }
  60% {
    background: linear-gradient(90deg, #0eb772 60%, #34b2e4 100%);
  }
  75% {
    background: linear-gradient(90deg, #0eb772 75%, #34b2e4 100%);
  }
  80% {
    background: linear-gradient(90deg, #0eb772 80%, #34b2e4 100%);
  }
  90% {
    background: linear-gradient(90deg, #0eb772 90%, #34b2e4 100%);
  }
  100% {
    background: linear-gradient(90deg, #0eb772 100%, #34b2e4 100%);
  }
}
.page-main {
  margin-top: 98px;
  text-align: center;
  padding: 50px 0;
}
@media screen and (min-width: 641px) {
  .page-main {
    padding: 80px 0;
  }
}
@media screen and (min-width: 961px) {
  .page-main {
    padding: 100px 0;
  }
}
.page-main__ttlarea {
  text-align: center;
}
.page-main__ttl {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
  font-weight: bold;
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (min-width: 641px) {
  .page-main__ttl {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
.page-main__ttl--s {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (min-width: 641px) {
  .page-main__ttl--s {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.page-main__txt {
  color: #333;
  margin-top: 1em;
  display: block;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .page-main__txt {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.page-nav__list {
  display: flex;
  flex-wrap: wrap;
}
.page-nav__item {
  width: 25%;
  border-right: #f54614 solid 1px;
}
.page-nav__item:first-child {
  border-left: #f54614 solid 1px;
}
.page-nav__item a {
  text-decoration: none;
  color: #000;
}
.page-nav__item a:link, .page-nav__item a:hover, .page-nav__item a:active, .page-nav__item a:focus {
  text-decoration: none;
  color: #000;
}
.page-nav__item a {
  padding: 1em 0;
  text-align: center;
  transition: 0.5s;
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .page-nav__item a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.page-nav__item a:hover {
  background: rgba(245, 70, 20, 0.1);
}

.breadcrumb {
  background: #fbfafa;
}
.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb__item {
  font-size: 10px;
  font-size: 0.625rem;
  padding: 0.8em 0;
}
@media screen and (min-width: 641px) {
  .breadcrumb__item {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.breadcrumb__item:not(:last-child):after {
  content: "\f105";
  font: var(--fa-font-regular);
  margin: 0 1em;
}
.breadcrumb__item a {
  text-decoration: none;
  color: #333333;
}
.breadcrumb__item a:link, .breadcrumb__item a:hover, .breadcrumb__item a:active, .breadcrumb__item a:focus {
  text-decoration: none;
  color: #333333;
}
.breadcrumb__item > span {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.member {
  padding-bottom: 50px;
}
@media screen and (min-width: 961px) {
  .member {
    padding-bottom: 80px;
  }
}
.member#member-executive {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .member#member-executive {
    margin-top: 100px;
  }
}
.member--relate {
  padding: 50px 0 80px;
}
@media screen and (min-width: 641px) {
  .member--relate {
    padding: 90px 0 115px;
  }
}
.member__ttl {
  margin-bottom: 50px;
}
@media screen and (min-width: 641px) {
  .member__ttl {
    margin-bottom: 80px;
  }
}

.member-nav {
  margin-bottom: 80px;
}
@media screen and (min-width: 641px) {
  .member-nav {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 640px) {
  .member-nav__wrap {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 5px;
  }
  .member-nav__wrap::-webkit-scrollbar {
    height: 10px;
  }
  .member-nav__wrap::-webkit-scrollbar-track {
    background: #fbfafa;
    border-radius: 5px;
  }
  .member-nav__wrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #f54614;
    cursor: pointer;
  }
}
.member-nav__list {
  display: block;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .member-nav__list {
    max-width: none;
  }
}
.member-nav__item {
  display: inline-block;
  width: 150px;
}
@media screen and (min-width: 641px) {
  .member-nav__item {
    width: 15.3846153846%;
  }
}
.member-nav__item a {
  font-size: 12px;
  font-size: 0.75rem;
}

.member-tab {
  display: flex;
  justify-content: center;
  max-width: 800px;
  margin: 0 auto;
  border: 1px solid #000;
}
@media screen and (max-width: 640px) {
  .member-tab {
    flex-direction: column;
  }
}
.member-tab__item {
  flex: 1;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .member-tab__item:first-child {
    border-bottom: 1px solid #000;
  }
}
@media screen and (min-width: 641px) {
  .member-tab__item:first-child {
    border-right: 1px solid #000;
  }
}
.member-tab__item a {
  display: block;
  padding: 15px 20px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #a7a7a7;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}
@media screen and (min-width: 641px) {
  .member-tab__item a {
    font-size: 16px;
    font-size: 1rem;
    padding: 20px 30px;
  }
}
.member-tab__item a:hover {
  background-color: #fbfafa;
}
.member-tab__item.is-active a {
  background-color: #eeeeee;
  color: #333333;
}
.member-tab__item.is-active a:hover {
  background-color: #eeeeee;
}

.member-list {
  display: flex;
  flex-wrap: wrap;
}
.member-list--relate {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .member-list--relate {
    margin-top: 50px;
  }
}

.member-item {
  background: linear-gradient(90deg, #f2d6b1 0%, #fcf5ec 100%);
  position: relative;
  width: 48%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 960px) {
  .member-item:nth-child(odd) {
    margin-right: 4%;
  }
  .member-item:nth-child(odd):last-child {
    margin-right: 52%;
  }
}
@media screen and (min-width: 641px) {
  .member-item {
    margin: 0 0 80px;
  }
}
@media screen and (min-width: 961px) {
  .member-item {
    width: 31.66%;
    margin: 0 0 80px;
  }
  .member-item:nth-child(odd) {
    margin-right: 0;
  }
  .member-item:not(:nth-child(3n)) {
    margin-right: 2.5%;
  }
  .member-item:nth-child(3n+1) {
    background: linear-gradient(90deg, #f2d6b1 0%, #f5e0c4 100%);
  }
  .member-item:nth-child(3n+2) {
    background: linear-gradient(90deg, #f5e0c4 0%, #f9ecda 100%);
  }
  .member-item:nth-child(3n) {
    background: linear-gradient(90deg, #f9ecda 0%, #fcf5ec 100%);
  }
}
.member-item__unrelease {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: rgba(0, 0, 0, 0.6);
  transition: 0.5s;
  color: #fff;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 4.76vw;
}
@media screen and (min-width: 961px) {
  .member-item__unrelease {
    font-size: 3.96vw;
  }
}
@media screen and (min-width: 1200px) {
  .member-item__unrelease {
    font-size: 70px;
    font-size: 4.375rem;
  }
}
.member-item__unrelease span {
  height: 2em;
  width: 6em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-10deg);
}
.member-item__over {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url("../images/common/check-black.png");
  opacity: 0.2;
  transition: 0.5s;
}
.member-item__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10% 5%;
  overflow: hidden;
}
.member-item__txt {
  color: #f54614;
  font-weight: bold;
  line-height: 1.5em;
  letter-spacing: -0.1em;
  max-width: 95%;
  font-size: 4vw;
}
@media screen and (min-width: 641px) {
  .member-item__txt {
    font-size: 3vw;
  }
}
@media screen and (min-width: 961px) {
  .member-item__txt {
    font-size: 1.92vw;
  }
}
@media screen and (min-width: 1200px) {
  .member-item__txt {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.member-item__name {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
  color: #f8744f;
  opacity: 0.5;
  margin-top: 10px;
  font-size: 5.5vw;
}
@media screen and (min-width: 641px) {
  .member-item__name {
    font-size: 4.76vw;
    margin-top: 20px;
  }
}
@media screen and (min-width: 961px) {
  .member-item__name {
    font-size: 3.96vw;
  }
}
@media screen and (min-width: 1200px) {
  .member-item__name {
    font-size: 70px;
    font-size: 4.375rem;
  }
}
.member-item__img {
  filter: grayscale(100%);
  overflow: hidden;
  transition: 0.5s;
  max-width: 100%;
  position: relative;
}
.member-item__img img {
  margin-left: 50%;
  vertical-align: bottom;
  transition: 0.5s;
  max-width: 100%;
}
.member-item__job {
  position: absolute;
  background: #000;
  color: #fff;
  padding: 1em;
  text-align: center;
  width: 329px;
  max-width: 90%;
  bottom: -1.5em;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.5s;
  z-index: 11;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .member-item__job {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.member-item a {
  display: block;
  position: relative;
  z-index: 11;
}
.member-item a:hover .member-item__over {
  display: none;
}
.member-item a:hover .member-item__job {
  background: #fff;
  color: #000;
}
.member-item a:hover .member-item__img {
  filter: grayscale(0%);
}
.member-item a:hover .member-item__img img {
  margin-left: 0;
}

.video {
  padding-bottom: 80px;
}
@media screen and (min-width: 961px) {
  .video {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .video {
    padding-bottom: 200px;
  }
}
.video__main {
  text-align: center;
}
.video__main iframe {
  max-height: 100%;
}
@media screen and (max-width: 1199px) {
  .video__main {
    height: 50.625vw;
  }
}
.video__btn {
  margin: 30px auto 0 !important;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .video__btn {
    margin: 50px auto 0 !important;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.interview-main {
  margin-top: 63px;
  position: relative;
}
.interview-main__img {
  position: relative;
  z-index: 2;
  text-align: right;
}
.interview-main__info {
  background: #000;
  z-index: 3;
  position: relative;
}
@media screen and (max-width: 960px) {
  .interview-main__info {
    margin: -30px auto 0;
    padding: 30px 20px;
  }
}
@media screen and (max-width: 640px) {
  .interview-main__info {
    width: 90%;
    padding: 20px;
    margin-top: -50px;
  }
}
@media screen and (min-width: 641px) {
  .interview-main__info {
    width: 80%;
  }
}
@media screen and (min-width: 961px) {
  .interview-main__info {
    width: 50%;
    position: absolute;
    left: 0;
    padding: 40px 23px;
    top: 32%;
  }
}
@media screen and (min-width: 1200px) {
  .interview-main__info {
    width: 465px;
  }
}
.interview-main__job {
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 641px) {
  .interview-main__job {
    font-size: 16px;
    font-size: 1rem;
  }
}
.interview-main__ttl {
  color: #fff;
  font-weight: 500;
  margin-top: 20px;
  font-size: 6.5vw;
}
@media screen and (min-width: 641px) {
  .interview-main__ttl {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.interview-main__ttlen {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  display: block;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .interview-main__ttlen {
    margin-top: 1em;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 641px) {
  .interview-main__ttlen {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
  }
}
.interview-main__other {
  color: #fff;
  margin-top: 20px;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 641px) {
  .interview-main__other {
    font-size: 16px;
    font-size: 1rem;
  }
}
.interview-main__historyttl {
  margin-top: 20px;
  color: #fff;
}
@media screen and (max-width: 640px) {
  .interview-main__historyttl {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.interview-main__tbl {
  color: #fff;
  margin-top: 10px;
}
.interview-main__tbl * {
  line-height: 1.5;
  font-weight: normal;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .interview-main__tbl * {
    font-size: 10px;
    font-size: 0.625rem;
  }
}

.interview {
  padding: 80px 0 100px;
}
@media screen and (min-width: 641px) {
  .interview {
    padding: 120px 0;
  }
}

.interview-item:not(:first-child) {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .interview-item:not(:first-child) {
    margin-top: 80px;
  }
}
.interview-item__ttl {
  line-height: 1.5;
  font-size: 22px;
  font-size: 1.375rem;
}
@media screen and (min-width: 641px) {
  .interview-item__ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.interview-item__ttl span {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  font-weight: bold;
}
.interview-item__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .interview-item__wrap {
    margin-top: 40px;
  }
}
.interview-item__img {
  width: 30%;
}
@media screen and (min-width: 641px) {
  .interview-item__img {
    width: 11.76%;
  }
}
.interview-item__img img {
  border-radius: 50%;
}
.interview-item__txt {
  width: 68%;
  line-height: 1.8;
}
@media screen and (min-width: 641px) {
  .interview-item__txt {
    width: 84.31%;
    font-size: 16px;
    font-size: 1rem;
  }
}
.interview-item__txt > *:not(:first-child) {
  margin-top: 1em;
}

.interview-gallery__list {
  display: flex;
  flex-wrap: wrap;
}
.interview-gallery__item {
  width: 48.33%;
}
.interview-gallery__item:nth-child(odd) {
  margin-right: 3.3333333333%;
}
.interview-gallery__item:nth-child(n+3) {
  margin-top: 30px;
}
.interview-gallery__item figcaption {
  color: #a1a1a1;
  margin-top: 1em;
}
@media screen and (max-width: 640px) {
  .interview-gallery__item figcaption {
    font-size: 10px;
    font-size: 0.625rem;
  }
}

.interview-movie {
  padding: 50px 0;
  background: url("../images/common/common-bg.png");
}
@media screen and (min-width: 641px) {
  .interview-movie {
    padding: 80px 0;
  }
}
@media screen and (min-width: 641px) {
  .interview-movie__wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.interview-movie__ttl {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  display: block;
  font-weight: bold;
  font-size: 26px;
  font-size: 1.625rem;
}
@media screen and (min-width: 641px) {
  .interview-movie__ttl {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 961px) {
  .interview-movie__ttl {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 641px) {
  .interview-movie__movie {
    width: 53.33%;
  }
}
@media screen and (max-width: 640px) {
  .interview-movie__movie {
    margin-top: 30px;
  }
}
@media screen and (min-width: 641px) {
  .interview-movie__info {
    width: 44.16%;
  }
}
.interview-movie__txt {
  margin-top: 30px;
}
.interview-movie__btn {
  margin-top: 30px !important;
}
@media screen and (min-width: 641px) {
  .interview-movie__btn {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 640px) {
  .interview-movie__btn {
    margin: 30px auto 0;
  }
}
@media screen and (min-width: 641px) {
  .interview-movie__btn.sp-mode {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .interview-movie__btn.pc-mode {
    display: none;
  }
}

.personal {
  display: flex;
  flex-wrap: wrap;
  background: url("../images/common/common-bg.png") no-repeat center left;
  flex-direction: column-reverse;
  background-position: top left;
  background-size: 75%;
}
@media screen and (max-width: 960px) {
  .personal {
    padding-top: 50px;
  }
}
@media screen and (min-width: 961px) {
  .personal {
    align-items: center;
    flex-direction: row;
    background-size: 50%;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 961px) {
  .personal__wrap {
    width: 50%;
  }
}
.personal__img {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 961px) {
  .personal__img {
    width: 50%;
  }
}
.personal__img img {
  width: 100%;
}
.personal__info {
  background: #000;
  position: relative;
  margin: 30px auto 50px;
  width: 90%;
  padding: 30px 4%;
}
@media screen and (min-width: 961px) {
  .personal__info {
    width: 650px;
    max-width: 90%;
    padding: 50px 30px;
    margin-right: 0;
  }
}
.personal__name {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .personal__name {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 961px) {
  .personal__name {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.personal__kana {
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  vertical-align: middle;
}
@media screen and (min-width: 641px) {
  .personal__kana {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 961px) {
  .personal__kana {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.personal__depart {
  color: #fff;
  margin-top: 1em;
}
@media screen and (min-width: 641px) {
  .personal__depart {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 961px) {
  .personal__depart {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.personal__txt {
  color: #fff;
  line-height: 1.5em;
  margin-top: 1em;
}
.personal__txt a {
  color: #fff;
}
.personal__txt a:link {
  color: #fff;
}
.personal__txt a:hover, .personal__txt a:active, .personal__txt a:focus {
  color: white;
}
.personal__btn {
  position: absolute;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  font-size: 18px;
  font-size: 1.125rem;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -2em;
}
@media screen and (min-width: 641px) {
  .personal__btn {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 961px) {
  .personal__btn {
    right: -30px;
    bottom: -40px;
    left: auto;
    margin: 0;
  }
}
.personal__btn:hover {
  animation: btngradient--green 0.2s;
  background: #0eb772;
}

.message-wrap {
  padding: 50px 0 0;
  overflow: hidden;
}
@media screen and (min-width: 641px) {
  .message-wrap {
    padding: 80px 0 0;
  }
}
.message-wrap__main {
  transform: translate(-100%);
  opacity: 0;
  transition: 0.5s;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .message-wrap__main {
    width: 92%;
    margin: auto;
  }
}
.message-wrap__strong {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-background-clip: text;
  display: inline-block;
}
@media screen and (min-width: 641px) {
  .message-wrap__strong {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/* add netengage start */
.cont__inner {
  width: 1170px;
  padding: 0 20px;
}
@media screen and (max-width: 960px) {
  .cont__inner {
    width: 90%;
    margin: auto;
    padding: 0;
  }
}

.message-wrap {
  padding-top: 0;
}
.message-wrap .ease {
  background: url("../images/message/ease-bg01.png") no-repeat top left;
  background-position-y: 10%;
  margin-bottom: 80px;
  opacity: 1 !important;
}
@media screen and (max-width: 960px) {
  .message-wrap .ease {
    background-size: 70%;
  }
}
@media screen and (max-width: 640px) {
  .message-wrap .ease {
    background-size: 60%;
  }
}
.message-wrap .ease__strong {
  font-size: 30px;
  font-size: 1.875rem;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media screen and (max-width: 960px) {
  .message-wrap .ease__strong {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.message-wrap .ease__txt {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0 8%;
  line-height: 2em;
  margin-bottom: 40px;
}
.message-wrap .ease__txt p {
  margin-bottom: 2em;
}
@media screen and (max-width: 640px) {
  .message-wrap .ease__txt {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0;
  }
}
.message-wrap .ease__read {
  font-size: 28px;
  font-size: 1.75rem;
  letter-spacing: 0.05em;
  line-height: 1.7;
  color: #000;
  font-weight: bold;
  text-align: center;
  margin: 80px 0;
}
@media screen and (max-width: 960px) {
  .message-wrap .ease__read {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 640px) {
  .message-wrap .ease__read {
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 40px auto;
  }
}
.message-wrap .ease__btn {
  margin: 50px auto 0;
}
@media screen and (min-width: 641px) {
  .message-wrap .ease__btn {
    margin: 80px auto 0;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.message-contents {
  margin-top: 60px;
  padding: 20px 0 80px;
}
@media screen and (min-width: 641px) {
  .message-contents {
    margin-top: 50px;
    padding: 60px 20px 100px;
  }
}
.message-contents__title {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 50px;
  font-size: 3.125rem;
  text-align: center;
  margin-bottom: 52px;
  letter-spacing: 0.1em;
  color: #f54614;
}
@media screen and (max-width: 640px) {
  .message-contents__title {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 25px;
  }
}
.message-contents__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 640px) {
  .message-contents__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.message-contents__grid--3col {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 640px) {
  .message-contents__grid--3col {
    grid-template-columns: 1fr;
  }
}
.message-contents__item {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
.message-contents__item:hover {
  opacity: 0.8;
}
.message-contents__item img {
  width: 100%;
  height: auto;
  display: block;
}

.company-menu {
  width: 1200px;
  margin: 0 auto;
  margin-top: 63px;
  text-align: center;
  padding: 50px 0;
}
@media screen and (min-width: 641px) {
  .company-menu {
    padding: 80px 0;
  }
}
@media screen and (min-width: 961px) {
  .company-menu {
    padding: 100px 0;
  }
}
.company-menu__ttlarea {
  text-align: center;
}
.company-menu__ttl {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  color: #000;
  /* background: linear-gradient(90deg, $c-orange 0%,$c-paleorange 100%); */
  display: inline-block;
  font-weight: 800;
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (min-width: 641px) {
  .company-menu__ttl {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
.company-menu__txt {
  color: #000;
  margin-top: 1em;
  display: block;
  font-weight: normal;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .company-menu__txt {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/* add netengage end */
.message {
  padding-bottom: 80px;
}
@media screen and (min-width: 641px) {
  .message {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 961px) {
  .message {
    padding-bottom: 150px;
  }
}
@media screen and (min-width: 641px) {
  .message__txtwrap {
    margin-top: -5.8vw;
    z-index: 1;
  }
}
@media screen and (min-width: 961px) {
  .message__txtwrap {
    margin-top: -70px;
  }
}
@media screen and (min-width: 641px) {
  .message__txtflex {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 641px) {
  .message__txtflex {
    align-items: flex-end;
  }
}
@media screen and (min-width: 641px) {
  .message__ttlarea {
    margin-right: 2.5%;
    width: 39.33%;
  }
}
@media screen and (max-width: 640px) {
  .message__ttl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media screen and (max-width: 640px) {
  .message__ttlnum {
    display: block;
    height: 10vw;
    margin-right: 3%;
  }
  .message__ttlnum img {
    height: 100%;
  }
}
@media screen and (min-width: 641px) {
  .message__ttlnum {
    margin-left: 8%;
    display: block;
  }
}
.message__ttlmain {
  color: #000;
  display: block;
  font-weight: 500;
  margin-top: 20px;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 641px) {
  .message__ttlmain {
    font-size: 26px;
    font-size: 1.625rem;
    margin-top: 30px;
  }
}
@media screen and (min-width: 961px) {
  .message__ttlmain {
    font-size: 32px;
    font-size: 2rem;
    margin-top: 50px;
  }
}
.message__ttlsub {
  display: block;
  font-weight: normal;
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  margin-top: 10px;
  line-height: 1.5em;
  font-weight: bold;
}
@media screen and (min-width: 641px) {
  .message__ttlsub {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 20px;
  }
}
@media screen and (min-width: 961px) {
  .message__ttlsub {
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 30px;
  }
}
.message__innertxt {
  line-height: 2em;
}
@media screen and (max-width: 640px) {
  .message__innertxt {
    margin-top: 30px;
  }
}
@media screen and (min-width: 641px) {
  .message__innertxt {
    width: 47.5%;
  }
}
.message__txt {
  margin-top: 30px;
  line-height: 2em;
}
@media screen and (min-width: 641px) {
  .message__txt {
    padding: 0 8%;
    margin-top: 50px;
  }
}
.message__txt p:not(:first-child) {
  margin-top: 2em;
}
.message__sign {
  text-align: right;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  margin-top: 30px;
  font-weight: bold;
  color: #000;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .message__sign {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.message1 {
  background: url("../images/message/message-bg01.png") no-repeat top left;
  background-position-y: 10%;
}
@media screen and (max-width: 960px) {
  .message1 {
    background-size: 70%;
  }
}
@media screen and (max-width: 640px) {
  .message1 {
    background-size: 60%;
  }
}
.message1__wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.message2 {
  background: url("../images/message/message-bg02.png") no-repeat top left;
  opacity: 0;
  transform: translateY(100%);
  transition: 0.5s;
}
@media screen and (max-width: 960px) {
  .message2 {
    background-size: 70%;
  }
}
@media screen and (max-width: 640px) {
  .message2 {
    background-size: 60%;
  }
}

.message3 {
  background: url("../images/message/message-bg03.png") no-repeat top left;
  background-position-y: 10%;
  opacity: 0;
  transform: translateY(100%);
  transition: 0.5s;
}
@media screen and (max-width: 960px) {
  .message3 {
    background-size: 70%;
  }
}
@media screen and (max-width: 640px) {
  .message3 {
    background-size: 60%;
  }
}
.message3__img {
  text-align: center;
}
.message3__wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
@media screen and (min-width: 641px) {
  .message3__txtflex {
    align-items: center;
  }
}

.message4 {
  background: url("../images/message/message-bg02.png") no-repeat top left;
  opacity: 0;
  transform: translateY(100%);
  transition: 0.5s;
  padding-bottom: 80px;
}
@media screen and (max-width: 960px) {
  .message4 {
    background-size: 70%;
  }
}
@media screen and (max-width: 640px) {
  .message4 {
    background-size: 60%;
  }
}

.about__ttl {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color: #000;
  text-align: center;
  line-height: 1.5em;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 641px) {
  .about__ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.about__txt {
  margin-top: 2em;
  color: #000;
  line-height: 2;
}
@media screen and (min-width: 641px) {
  .about__txt {
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
  }
}
.about__img {
  text-align: center;
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .about__img {
    margin-top: 50px;
  }
}
.about__img img {
  width: 736px;
}
.about__imgtxt {
  color: #000;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 1em;
  line-height: 1.5em;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .about__imgtxt {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 30px;
  }
}
.about__imgtxt span {
  font-size: 70%;
}
.about__strong {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  line-height: 1.5em;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  margin-top: 30px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .about__strong {
    font-size: 22px;
    font-size: 1.375rem;
    margin-top: 50px;
    text-align: center;
  }
}

.business {
  padding-top: 100px;
}
@media screen and (min-width: 641px) {
  .business {
    padding-top: 120px;
  }
}
@media screen and (min-width: 961px) {
  .business {
    padding-top: 160px;
  }
}
.business__ttl {
  text-align: center;
}

.business-item {
  margin-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 641px) {
  .business-item {
    margin-top: 80px;
    padding-bottom: 80px;
  }
}
.business-item__ttlarea {
  text-align: center;
  padding: 50px 0 70px;
}
@media screen and (min-width: 961px) {
  .business-item__ttlarea {
    padding: 130px 0 100px;
  }
}
.business-item__ttlarea--marketing {
  background: url("../images/about/business-img01.jpg") no-repeat center center;
  background-size: cover;
}
.business-item__ttlarea--creative {
  background: url("../images/about/business-img02.jpg") no-repeat center center;
  background-size: cover;
}
.business-item__ttlarea--crmma {
  background: url("../images/about/business-img03.jpg") no-repeat center center;
  background-size: cover;
}
.business-item__ttl {
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (min-width: 641px) {
  .business-item__ttl {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 961px) {
  .business-item__ttl {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 641px) {
  .business-item__btnarea {
    display: flex;
    flex-wrap: wrap;
  }
}
.business-item__btnarea {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .business-item__btnarea {
    justify-content: center;
    margin-top: 80px;
  }
}
.business-item__btn, .business-item__btn--white {
  border: 1px solid #000;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .business-item__btn, .business-item__btn--white {
    margin: 20px auto;
  }
}
@media screen and (min-width: 641px) {
  .business-item__btn, .business-item__btn--white {
    max-width: 49%;
  }
}
.business-item__btn--white {
  background: #fff;
  text-decoration: none;
  color: #000;
}
.business-item__btn--white:link, .business-item__btn--white:hover, .business-item__btn--white:active, .business-item__btn--white:focus {
  text-decoration: none;
  color: #000;
}
.business-item__btn--white:after {
  background: url("../images/common/btn-arrow-black.png") no-repeat center center;
  background-size: contain;
}

.business-about {
  margin-top: 30px;
}
.business-about__ttl {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5em;
}
@media screen and (min-width: 641px) {
  .business-about__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.business-about__txt {
  color: #000;
  margin-top: 30px;
  line-height: 1.8;
}
@media screen and (min-width: 641px) {
  .business-about__txt {
    font-size: 16px;
    font-size: 1rem;
  }
}
.business-about__box {
  background: #f4f4f4;
  color: #000;
  padding: 20px;
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .business-about__box {
    margin-top: 50px;
  }
}
.business-about__boxttl {
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .business-about__boxttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.business-about__boxtxt {
  margin-top: 1em;
}

.business-type {
  margin-top: 50px;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.business-type__item {
  background: #fbfafa;
  text-align: center;
  padding: 1em 0.5em;
  margin-bottom: 20px;
  line-height: 1.2;
}
@media screen and (max-width: 640px) {
  .business-type__item {
    width: 48%;
  }
  .business-type__item:nth-child(even) {
    margin-left: 4%;
  }
}
@media screen and (min-width: 641px) {
  .business-type__item {
    width: 30%;
  }
  .business-type__item:not(:nth-child(3n+1)) {
    margin-left: 5%;
  }
}

.business-ads {
  margin-top: 80px;
}
.business-ads__list {
  display: grid;
  grid-template-columns: repeat(20, 42px);
  gap: 0;
  row-gap: 20px;
  list-style: none;
  padding: 0;
  margin: 40px auto 0;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .business-ads__list {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
  }
}
.business-ads__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.business-ads__item img {
  width: 100%;
  max-height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
}
.business-ads__item--01 {
  grid-column: 1/span 4;
}
.business-ads__item--02 {
  grid-column: 6/span 4;
}
.business-ads__item--03 {
  grid-column: 11/span 4;
}
.business-ads__item--04 {
  grid-column: 16/span 4;
}
.business-ads__item--05 {
  grid-column: 4/span 1;
}
.business-ads__item--06 {
  grid-column: 6/span 1;
}
.business-ads__item--07 {
  grid-column: 8/span 1;
}
.business-ads__item--08 {
  grid-column: 10/span 1;
}
.business-ads__item--09 {
  grid-column: 12/span 1;
}
.business-ads__item--010 {
  grid-column: 14/span 4;
}
@media screen and (max-width: 640px) {
  .business-ads__item--01 {
    grid-column: span 3;
  }
  .business-ads__item--02 {
    grid-column: span 3;
  }
  .business-ads__item--03 {
    grid-column: span 3;
  }
  .business-ads__item--04 {
    grid-column: span 3;
  }
  .business-ads__item--05 {
    grid-column: 2/span 1;
  }
  .business-ads__item--06 {
    grid-column: 3/span 1;
  }
  .business-ads__item--07 {
    grid-column: 4/span 1;
  }
  .business-ads__item--08 {
    grid-column: 5/span 1;
  }
  .business-ads__item--09 {
    grid-column: 2/span 1;
  }
  .business-ads__item--010 {
    grid-column: 3/span 3;
  }
}

.creative {
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .creative {
    margin-top: 60px;
  }
}
.creative__list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 641px) {
  .creative__list {
    justify-content: center;
    padding: 0 1%;
  }
}
.creative__item {
  color: #000;
  background: #f4f4f4;
  margin-bottom: 1em;
  text-align: center;
  padding: 1em 0;
}
@media screen and (max-width: 640px) {
  .creative__item {
    width: 49%;
  }
  .creative__item:nth-child(odd) {
    margin-right: 2%;
  }
}
@media screen and (min-width: 641px) {
  .creative__item {
    width: 31.18%;
  }
  .creative__item:not(:nth-child(3n)) {
    margin-right: 3.22%;
  }
  .creative__item:last-child {
    margin-right: 0;
  }
}

.company {
  margin-top: 50px;
  padding-bottom: 80px;
}
@media screen and (min-width: 641px) {
  .company {
    margin-top: 80px;
    padding-bottom: 150px;
  }
}
.company__ttl {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .company__list {
    display: flex;
    flex-wrap: wrap;
  }
}
.company__list {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .company__list {
    justify-content: space-between;
    margin-top: 80px;
  }
}
.company__item {
  position: relative;
}
@media screen and (max-width: 640px) {
  .company__item {
    width: 80%;
    margin: 20px auto;
  }
}
@media screen and (min-width: 641px) {
  .company__item {
    width: 30.83%;
  }
}
.company__item a {
  text-decoration: none;
  color: #fff;
}
.company__item a:link, .company__item a:hover, .company__item a:active, .company__item a:focus {
  text-decoration: none;
  color: #fff;
}
.company__item a {
  display: block;
  overflow: hidden;
}
.company__item a img {
  z-index: 0;
  width: 100%;
  transition: 0.5s;
}
.company__item a:hover img {
  transform: scale(1.1, 1.1);
}
.company__itemtxt {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 45%;
  z-index: 2;
  font-size: 22px;
  font-size: 1.375rem;
}
@media screen and (min-width: 641px) {
  .company__itemtxt {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .company__itemtxt {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.require {
  padding-bottom: 80px;
}
@media screen and (min-width: 641px) {
  .require {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 961px) {
  .require {
    padding-bottom: 120px;
  }
}
.require__btn {
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  margin: 50px auto 0;
}
@media screen and (min-width: 641px) {
  .require__btn {
    margin: 100px auto 0;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .require__btn {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.require-point > *:not(:first-child) {
  margin-top: 2em;
}
.require-point h3 {
  color: #000;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 641px) {
  .require-point h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .require-point h3 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.require-point h3:not(:first-child) {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .require-point h3:not(:first-child) {
    margin-top: 50px;
  }
}
.require-point h4 {
  color: #000;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .require-point h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .require-point h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.require-point h4:not(:first-child) {
  margin-top: 20px;
}
@media screen and (min-width: 641px) {
  .require-point h4:not(:first-child) {
    margin-top: 40px;
  }
}
.require-point h5 {
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 641px) {
  .require-point h5 {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .require-point h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.require-point h5:not(:first-child) {
  margin-top: 20px;
}
@media screen and (min-width: 641px) {
  .require-point h5:not(:first-child) {
    margin-top: 30px;
  }
}
.require-point h5 + * {
  margin-top: 1em !important;
}
.require-point p {
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .require-point p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.require-point__note {
  background: #fbfafa;
  font-weight: bold;
  padding: 0.5em;
  border-radius: 5px;
  line-height: 1.5em;
  text-indent: -0.5em;
  padding-left: 1.5em;
}
.require-point__note span {
  color: #f54614;
}
.require-point__note i {
  color: #f54614;
}
.require-point ol,
.require-point ul {
  line-height: 2;
}
@media screen and (min-width: 641px) {
  .require-point ol,
  .require-point ul {
    font-size: 16px;
    font-size: 1rem;
  }
}
.require-point ul {
  padding-left: 1em;
}
.require-point ul li {
  text-indent: -1em;
}
.require-point ul li:before {
  content: "・ ";
  color: #f54614;
}
.require-point ol {
  padding-left: 1em;
}
.require-point ol li {
  list-style-type: decimal;
}
.require-point table {
  width: 100%;
  border: 1px solid #f4f4f4;
  border-bottom-color: transparent;
}
.require-point table th,
.require-point table td {
  padding: 1em;
  vertical-align: middle;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .require-point table th,
  .require-point table td {
    font-size: 16px;
    font-size: 1rem;
  }
}
.require-point table th {
  background: #fbfafa;
  color: #000;
  min-width: 6.5em;
}
.require-point table tr {
  border-bottom: 1px solid #f4f4f4;
}

.job__wrapper {
  margin-bottom: 50px;
}
@media screen and (min-width: 641px) {
  .job__wrapper {
    margin-bottom: 80px;
  }
}
.job__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.job__list:first-of-type {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .job__list:first-of-type {
    margin-top: 50px;
  }
}
.job__item {
  width: 25%;
  border-right: #f54614 solid 1px;
}
.job__item:first-child {
  border-left: #f54614 solid 1px;
}
.job__item a {
  text-decoration: none;
  color: #000;
}
.job__item a:link, .job__item a:hover, .job__item a:active, .job__item a:focus {
  text-decoration: none;
  color: #000;
}
.job__item a {
  padding: 1em 0;
  text-align: center;
  transition: 0.5s;
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .job__item a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.job__item a:hover {
  background: rgba(245, 70, 20, 0.1);
}
.job__txt, .joblist__txt--mt, .job__txt--mt {
  margin-bottom: 50px;
}
@media screen and (min-width: 641px) {
  .job__txt, .joblist__txt--mt, .job__txt--mt {
    text-align: center;
    margin-bottom: 80px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.job__txt--mt {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .job__txt--mt {
    margin-top: 50px;
  }
}

.joblist__txt {
  margin-bottom: 50px;
}
@media screen and (min-width: 641px) {
  .joblist__txt {
    text-align: center;
    margin-bottom: 80px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.joblist__txt--mt {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .joblist__txt--mt {
    margin-top: 50px;
  }
}
.joblist .type {
  margin: 50px 0 0;
}
.joblist .type:not(:first-of-type) {
  margin: 80px 0 0;
}
.joblist .type--flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.joblist .type__set {
  width: 49%;
}
@media screen and (max-width: 640px) {
  .joblist .type__set {
    width: 100%;
    margin-bottom: 40px;
  }
  .joblist .type__set:last-of-type {
    margin-bottom: 0;
  }
}
.joblist .type__set--double {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .joblist .type__set--double {
    margin-bottom: 40px;
  }
  .joblist .type__set--double:last-of-type {
    margin-bottom: 0;
  }
}
.joblist .type__name {
  font-size: 24px;
  font-size: 1.5rem;
  color: #000;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .joblist .type__name {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.joblist .type__name--mt {
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .joblist .type__name--mt {
    margin-top: 60px;
  }
}
.joblist .type__note {
  font-size: 12px;
  font-size: 0.75rem;
}
.joblist .type__list--flex {
  display: flex;
  flex-wrap: wrap;
}
.joblist .type__item {
  margin-bottom: 20px;
}
.joblist .type__item--flex {
  width: 49%;
}
@media screen and (min-width: 641px) {
  .joblist .type__item--flex:nth-child(even) {
    margin-left: 2%;
  }
}
@media screen and (max-width: 640px) {
  .joblist .type__item--flex {
    width: 100%;
  }
}
.joblist .type__item a {
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.joblist .type__item a::after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 6%;
  margin-top: -4px;
}
.joblist .type__item a:hover::after {
  border-color: #fff;
}
.joblist .type__item a {
  display: block;
  width: 100%;
  background: #fbfafa;
  padding: 20px 35px;
  text-decoration: none;
  color: #000;
}
.joblist .type__item a span {
  font-size: 14px;
  font-size: 0.875rem;
}
.joblist .type__item a:hover {
  background: #000;
  color: #fff;
}
.joblist .type__item a br {
  display: none;
}
@media screen and (max-width: 960px) {
  .joblist .type__item a {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 15px 20px;
  }
  .joblist .type__item a br {
    display: block;
  }
}
.joblist .type__item--str a {
  background: #fcf5ec;
}

@media screen and (min-width: 641px) {
  .job-list {
    display: flex;
    flex-wrap: wrap;
  }
}
.job-list {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .job-list {
    margin: 50px 15px 0;
  }
}

.job-item {
  width: 570px;
  margin-bottom: 30px;
}
@media screen and (min-width: 641px) {
  .job-item {
    width: 48.71%;
    margin-bottom: 50px;
  }
  .job-item:nth-child(odd) {
    margin-right: 2.564%;
  }
}
.job-item a {
  text-decoration: none;
  color: #333333;
}
.job-item a:link, .job-item a:hover, .job-item a:active, .job-item a:focus {
  text-decoration: none;
  color: #333333;
}
.job-item a:hover .job-item__img img {
  transform: scale(1.1, 1.1);
  max-width: none;
}
.job-item__img {
  overflow: hidden;
}
.job-item__img img {
  transition: 0.5s;
}
.job-item__ttl {
  text-align: center;
  color: #f54614;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 10px;
  line-height: 1.5em;
}
@media screen and (min-width: 641px) {
  .job-item__ttl {
    font-size: 2.33vw;
    margin-top: 20px;
  }
}
@media screen and (min-width: 961px) {
  .job-item__ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.job-item__strong {
  color: #000;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
  line-height: 1.5em;
}
@media screen and (min-width: 641px) {
  .job-item__strong {
    font-size: 2vw;
    margin-top: 15px;
  }
}
@media screen and (min-width: 961px) {
  .job-item__strong {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.job-item__txt {
  margin-top: 1em;
  line-height: 2em;
}

.midcareer {
  padding: 50px 0 80px;
}
@media screen and (min-width: 641px) {
  .midcareer {
    padding: 80px 0 100px;
  }
}
@media screen and (min-width: 961px) {
  .midcareer {
    padding: 80px 0 120px;
  }
}
.midcareer__txt {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .midcareer__txt {
    text-align: center;
    margin-top: 50px;
  }
}

.uturn {
  display: none;
}

.graduate {
  padding: 50px 0 80px;
}
@media screen and (min-width: 641px) {
  .graduate {
    padding: 80px 0 100px;
  }
}
@media screen and (min-width: 961px) {
  .graduate {
    padding: 80px 0 120px;
  }
}
.graduate__txt {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .graduate__txt {
    text-align: center;
    margin-top: 50px;
  }
}
.graduate__img {
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .graduate__img {
    margin-top: 80px;
  }
}
.graduate__link {
  display: block;
  width: 240px;
  margin: 50px auto 0;
}
@media screen and (min-width: 641px) {
  .graduate__link {
    margin: 80px auto 0;
  }
}
.graduate__link:hover {
  opacity: 0.6;
}
.graduate__btn {
  margin: 30px auto 0;
}
@media screen and (min-width: 641px) {
  .graduate__btn {
    margin: 50px auto 0;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.job-desired {
  background: #fbfafa;
  padding: 30px;
  width: 500px;
  margin: auto;
}
@media screen and (min-width: 641px) {
  .job-desired {
    padding: 50px;
  }
}
.job-desired__ttl {
  color: #000;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .job-desired__ttl {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.job-desired__list {
  margin-top: 30px;
}
.job-desired__list li {
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .job-desired__list li {
    font-size: 16px;
    font-size: 1rem;
  }
}
.job-desired__list li:before {
  content: "・ ";
  color: #f54614;
}

.requirement-record {
  padding: 50px 0 100px;
}
@media screen and (min-width: 641px) {
  .requirement-record {
    padding: 80px 0 150px;
  }
}
@media screen and (min-width: 961px) {
  .requirement-record {
    padding: 80px 0 200px;
  }
}
.requirement-record__box {
  background: #fbfafa;
  padding: 30px;
  margin: 30px auto 0;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .requirement-record__box {
    margin: 50px auto 0;
    max-width: 80%;
    width: 800px;
  }
}
.requirement-record__box p:not(:first-child) {
  margin-top: 0.5em;
}

.flow {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .flow {
    margin-top: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .flow {
    padding: 0 15px;
  }
}

.entry {
  padding-bottom: 80px;
}
@media screen and (min-width: 641px) {
  .entry {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 961px) {
  .entry {
    padding-bottom: 200px;
  }
}
.entry--all {
  text-align: center;
  line-height: 1.5;
  font-size: 16px;
  font-size: 1rem;
  padding-bottom: 80px;
}
@media screen and (min-width: 641px) {
  .entry--all {
    padding-bottom: 120px;
  }
}
.entry--all .wp-block-buttons {
  text-align: center;
  margin-top: 1em;
}
.entry--all .wp-block-buttons:first-of-type {
  margin-top: 50px;
}
.entry--all .wp-block-button {
  margin: auto;
}
.entry--all .wp-block-button a {
  background: #f54614;
  font-weight: bold;
  color: #fff;
}
.entry--all .wp-block-button a:hover {
  color: #fff;
  opacity: 0.8;
}
.entry__sttl {
  margin-bottom: 30px;
}
@media screen and (min-width: 641px) {
  .entry__sttl {
    margin-bottom: 50px;
  }
}
.entry__txt {
  line-height: 1.5em;
}
@media screen and (min-width: 641px) {
  .entry__txt {
    text-align: center;
  }
}
.entry__btn {
  margin: 30px auto;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .entry__btn {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.entry__attention {
  background: rgba(255, 102, 102, 0.2);
  padding: 0.5em 1em;
  margin: 10px 0;
  border-radius: 5px;
  color: #ff6666;
  line-height: 1.5em;
  text-indent: -1.5em;
  padding-left: 2.5em;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 641px) {
  .entry__attention {
    font-size: 16px;
    font-size: 1rem;
  }
}
.entry__attention:before {
  content: "\f06a";
  font: var(--fa-font-regular);
  margin-right: 0.5em;
}
.entry__topReturn {
  text-align: center;
  margin-top: 10px;
}
.entry__topReturn a {
  display: inline-block;
  width: 400px;
  max-width: 90%;
  text-decoration: none;
  color: #333333;
}
.entry__topReturn a:link, .entry__topReturn a:hover, .entry__topReturn a:active, .entry__topReturn a:focus {
  text-decoration: none;
  color: #333333;
}
.entry__topReturn a {
  padding: 1em;
  text-align: center;
  background: #f4f4f4;
  font-size: 16px;
  font-size: 1rem;
}
.entry__topReturn a span {
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
  margin-top: 1em;
}
.entry .error {
  background: rgba(248, 116, 79, 0.2);
  padding: 0.5em 1em;
  margin: 10px 0;
  border-radius: 5px;
  color: #f54614 !important;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 641px) {
  .entry .error {
    font-size: 16px;
    font-size: 1rem;
  }
}
.entry .error:before {
  content: "\f06a";
  font: var(--fa-font-regular);
  margin-right: 0.5em;
}

.entry-tbl {
  border-collapse: collapse;
}
.entry-tbl tr {
  border-bottom: 1px solid #ededed;
}
.entry-tbl tr:first-child {
  border-top: 1px solid #ededed;
}
.entry-tbl__ttl, .entry-tbl__txt {
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .entry-tbl__ttl, .entry-tbl__txt {
    display: block;
    padding: 1em 0;
  }
}
@media screen and (min-width: 641px) {
  .entry-tbl__ttl, .entry-tbl__txt {
    padding: 1em;
  }
}
.entry-tbl__ttl {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  position: relative;
}
@media screen and (min-width: 641px) {
  .entry-tbl__ttl {
    font-size: 16px;
    font-size: 1rem;
    padding-left: 5em;
  }
}
.entry-tbl__required {
  background: #f54614;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
  padding: 0.5em 1em;
  line-height: 1;
  height: 2em;
  width: 4.1em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 641px) {
  .entry-tbl__required {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 1em;
  }
}
@media screen and (max-width: 640px) {
  .entry-tbl__required {
    margin-right: 0.5em;
  }
}
@media screen and (min-width: 640px) {
  .entry-tbl__txt {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  .entry-tbl__txt {
    width: 75%;
  }
}
.entry-tbl__txt input[type=text].half {
  width: 49%;
}
.entry-tbl__txt input[type=text].half:not(:first-child) {
  margin-left: 1%;
}
.entry-tbl__txt input[type=text],
.entry-tbl__txt input[type=email],
.entry-tbl__txt input[type=url],
.entry-tbl__txt textarea {
  width: 100%;
  box-shadow: none;
  border: none;
  background: #fbfafa;
  padding: 1em;
  font-size: 1rem;
  font-family: "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
.entry-tbl__txt input[type=number],
.entry-tbl__txt select {
  box-shadow: none;
  border: none;
  background: #fbfafa;
  padding: 1em;
  max-width: 100%;
  font-family: "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .entry-tbl__txt input[type=number],
  .entry-tbl__txt select {
    width: 400px;
  }
}
.entry-tbl__txt input[type=file] {
  box-shadow: none;
  border: none;
  max-width: 100%;
  font-family: "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .entry-tbl__txt input[type=file] {
    width: 400px;
  }
}
.entry-tbl__txt label,
.entry-tbl__txt select {
  cursor: pointer;
}
.entry-tbl__txt input[type=checkbox] {
  border: #333333 1px solid;
  border-radius: 3px;
  background: #f4f4f4;
}
.entry-tbl__txt select {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 640px) {
  .entry-tbl__txt select {
    width: 100%;
  }
}
.entry-tbl__txt input[readonly] {
  background: #fff;
}
.entry-tbl__question {
  line-height: 1.5;
  display: block;
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1rem;
}
.entry-tbl__note {
  display: none;
  margin-top: 0.5em;
  color: #f54614;
}
.entry-tbl__select {
  position: relative;
}
.entry-tbl__select:after {
  content: "\f0d7";
  font: var(--fa-font-regular);
  position: absolute;
  width: 1em;
  height: 1em;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}

.entry-accept {
  margin-top: 30px;
  background: #fbfafa;
  text-align: center;
  padding: 30px 0;
  line-height: 2em;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .entry-accept {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 50px;
  }
}
.entry-accept .error {
  display: inline-block;
  margin-left: 1em;
  color: #f54614 !important;
}
.entry-accept .error + br {
  display: none;
}
.entry-accept label {
  cursor: pointer;
}

@media screen and (min-width: 641px) {
  .entry-btn {
    display: flex;
    flex-wrap: wrap;
  }
}
.entry-btn {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .entry-btn {
    margin-top: 50px;
    justify-content: space-around;
  }
}
.entry-btn input[type=submit],
.entry-btn input[type=button] {
  box-shadow: none;
  border: none;
  cursor: pointer;
}
.entry-btn__submit {
  width: 80%;
  position: relative;
}
@media screen and (max-width: 640px) {
  .entry-btn__submit {
    margin: auto;
  }
}
@media screen and (min-width: 641px) {
  .entry-btn__submit {
    width: 400px;
    max-width: 48%;
  }
}
.entry-btn__submit:after {
  content: "\f105";
  font: var(--fa-font-regular);
  width: 1em;
  height: 1em;
  position: absolute;
  right: 10%;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .entry-btn__submit:after {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.entry-btn__submit input {
  background: #f54614;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 1em;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .entry-btn__submit input {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.entry-btn__return {
  width: 80%;
  position: relative;
}
@media screen and (max-width: 640px) {
  .entry-btn__return {
    margin: 20px auto;
  }
}
@media screen and (min-width: 641px) {
  .entry-btn__return {
    width: 400px;
    max-width: 48%;
  }
}
.entry-btn__return:after {
  content: "\f105";
  font: var(--fa-font-regular);
  width: 1em;
  height: 1em;
  position: absolute;
  right: 10%;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .entry-btn__return:after {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.entry-btn__return input {
  background: #f4f4f4;
  color: #333333;
  text-align: center;
  width: 100%;
  padding: 1em;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .entry-btn__return input {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

/*
210816 修正追記分
*/
.entry-select {
  background: #fbfafa;
  margin-bottom: 50px;
  padding: 50px 0;
}
.entry-select__main {
  text-align: center;
}
.entry-select__ttl {
  text-align: center;
}
.entry-select__strong {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-background-clip: text;
  display: inline-block;
  margin-bottom: 20px;
}
@media screen and (min-width: 641px) {
  .entry-select__strong {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.entry-select__sttl:after {
  margin-top: 10px;
}
.entry-select__btn {
  margin: 30px auto 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}

.joblist-entry {
  background: #fbfafa;
  margin-bottom: 50px;
  padding: 50px 0;
}
@media screen and (min-width: 641px) {
  .joblist-entry {
    padding: 80px 0;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .joblist-entry {
    padding: 100px 0;
    margin-bottom: 100px;
  }
}
.joblist-entry tr {
  border-bottom: none;
}
.joblist-entry tr:first-child {
  border-top: none;
}
.joblist-entry input[type=text],
.joblist-entry input[type=email],
.joblist-entry input[type=url],
.joblist-entry input[type=number],
.joblist-entry textarea {
  background: #fff;
}
.joblist-entry input[readonly] {
  background: #fbfafa;
}
.joblist-entry .entry-accept {
  background: #fff;
}

.mw_wp_form_input .entry-btn__return,
.mw_wp_form_input .entry__attention {
  display: none;
}
.mw_wp_form_input .entry-tbl__note {
  display: block;
}

.mw_wp_form_complete + .entry__topReturn,
.mw_wp_form_confirm + .entry__topReturn {
  display: none;
}

.idea {
  background: url("../images/company/idea-bg.png") no-repeat top center;
  padding: 70px 0;
}
@media screen and (min-width: 641px) {
  .idea {
    padding: 90px 0;
  }
}
.idea__wrapper {
  background: #fff;
  padding: 50px 0;
}
@media screen and (min-width: 641px) {
  .idea__wrapper {
    padding: 70px 0;
  }
}
.idea__item:not(:first-child) {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .idea__item:not(:first-child) {
    margin-top: 80px;
  }
}
.idea__ttl {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 641px) {
  .idea__ttl {
    font-size: 32px;
    font-size: 2rem;
  }
}
.idea__txt {
  text-align: center;
  margin-top: 20px;
}
@media screen and (min-width: 641px) {
  .idea__txt {
    margin-top: 30px;
  }
}
.idea__innertxt {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  line-height: 1.5em;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  font-size: 5.6vw;
}
@media screen and (min-width: 641px) {
  .idea__innertxt {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 961px) {
  .idea__innertxt {
    font-size: 36px;
    font-size: 2.25rem;
    letter-spacing: 0.1em;
  }
}
.idea__small {
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .idea__small {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.promise {
  padding: 80px 0;
}
@media screen and (min-width: 641px) {
  .promise {
    padding: 0 0 100px;
  }
}
.promise__link {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .promise__link {
    margin-top: 80px;
  }
}
.promise__sttl {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000;
  font-size: 22px;
  font-size: 1.375rem;
}
@media screen and (min-width: 641px) {
  .promise__sttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.promise__sttl span {
  display: block;
  text-align: center;
  margin-top: 1em;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
}
@media screen and (min-width: 641px) {
  .promise__sttl span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.promise-asue {
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .promise-asue {
    margin-top: 80px;
  }
}
.promise-asue__img {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .promise-asue__img {
    margin-top: 50px;
  }
}

.promise-member {
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .promise-member {
    margin-top: 80px;
  }
}

.mw_wp_form_confirm .entry-tbl__select:after {
  content: "";
}
.mw_wp_form_confirm .entry-accept {
  display: none;
}

.person {
  position: relative;
  width: 990px;
  margin: 0 auto;
  margin-bottom: 200px;
}
.person__img {
  text-align: right;
}
.person__img img {
  width: 80%;
  height: auto;
}
@media screen and (max-width: 640px) {
  .person__img img {
    width: 100%;
  }
}
.person__area {
  background: #000;
  padding: 30px 50px;
  color: #fff;
  position: absolute;
  bottom: -60px;
}
@media screen and (max-width: 640px) {
  .person__area {
    position: absolute;
    bottom: inherit;
    width: 100%;
  }
}
.person__position {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 20px;
  display: block;
  font-weight: 200;
}
@media screen and (max-width: 640px) {
  .person__position {
    font-size: 16px;
    font-size: 1rem;
  }
}
.person__name {
  font-size: 40px;
  font-size: 2.5rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .person__name {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.person__spell {
  font-size: 16px;
  font-size: 1rem;
  vertical-align: middle;
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: bold;
  padding-left: 20px;
  padding-bottom: 10px;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .person__spell {
    font-size: 14px;
    font-size: 0.875rem;
    padding-bottom: 0;
  }
}

.way {
  background: url("../images/company/way-bg.png") no-repeat center center;
  padding: 80px 0;
}
@media screen and (min-width: 961px) {
  .way {
    padding: 180px 0;
  }
}
@media screen and (max-width: 960px) {
  .way {
    background-size: contain;
  }
}
.way__ttl {
  text-align: center;
}
.way__txt {
  text-align: center;
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .way__txt {
    margin-top: 50px;
  }
}

.way-item {
  width: 720px;
  margin: 1em auto 0;
}
.way-item:first-of-type {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .way-item:first-of-type {
    margin-top: 80px;
  }
}
.way-item__ttl {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
  line-height: 2em;
  letter-spacing: 1em;
  min-width: 4em;
  vertical-align: top;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .way-item__ttl {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.way-item__txt {
  color: #000;
  display: inline-block;
  line-height: 2em;
  width: 80%;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .way-item__txt {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.company-detail__tblarea {
  margin-top: 50px;
}
@media screen and (min-width: 961px) {
  .company-detail__tblarea {
    margin: 80px auto 0;
    width: 800px;
    max-width: 96%;
  }
}
@media screen and (min-width: 1200px) {
  .company-detail__tblarea {
    padding: 0 15px;
  }
}
.company-detail__tbl {
  border-collapse: collapse;
}
.company-detail__tbl tr {
  border-bottom: 2px solid #f6f8fb;
}
.company-detail__tbl tr:first-child {
  border-top: 2px solid #f6f8fb;
}
.company-detail__tbl td,
.company-detail__tbl th {
  padding: 2em 0;
  line-height: 1.5em;
}
.company-detail__tbl th {
  text-align: left;
  color: #000;
  border-right: 2px #fff solid;
  padding-right: 2em;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  .company-detail__tbl th {
    width: 7em;
    padding-right: 1em;
  }
}
.company-detail__tbl td {
  padding-left: 2em;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .company-detail__tbl td {
    padding-left: 0;
  }
}

.office li:not(:first-child) {
  margin-top: 20px;
}
@media screen and (min-width: 641px) {
  .office li:not(:first-child) {
    margin-top: 30px;
  }
}
.office__ttl {
  color: #000;
}
.office__txt {
  margin-top: 10px;
}

.company-business:not(:first-child) {
  margin-top: 10px;
}
.company-business__ttl {
  color: #000;
  font-weight: bold;
}
@media screen and (min-width: 641px) {
  .company-business__list {
    text-indent: 1em;
  }
}

.access {
  padding: 100px 0 80px;
}
@media screen and (min-width: 641px) {
  .access {
    padding: 150px 0 100px;
  }
}
@media screen and (min-width: 961px) {
  .access {
    padding: 200px 0 100px;
  }
}

.access-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
@media screen and (min-width: 641px) {
  .access-info {
    flex-direction: row;
    align-items: center;
  }
}
.access-info--re {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .access-info--re {
    flex-direction: row-reverse;
    margin-top: 80px;
    align-items: center;
  }
}
@media screen and (max-width: 640px) {
  .access-info__detail {
    padding: 50px 0 0;
  }
}
@media screen and (min-width: 641px) {
  .access-info__detail {
    width: 50%;
    padding: 100px 50px;
    height: 400px;
  }
}
.access-info__detail--nagoya {
  background: url("../images/company/nagoya-bg.png") no-repeat center center;
  background-size: contain;
}
.access-info__detail--tokyo {
  background: url("../images/company/tokyo-bg.png") no-repeat center center;
  background-size: contain;
}
@media screen and (min-width: 641px) {
  .access-info__detailinner {
    width: 400px;
  }
}
@media screen and (min-width: 641px) {
  .access-info__detailinner--right {
    width: 400px;
    margin: 0 0 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .access-info__map {
    height: 300px;
  }
}
@media screen and (min-width: 641px) {
  .access-info__map {
    width: 50%;
    height: 400px;
  }
}
.access-info__map * {
  max-width: none;
}
.access-info__ttl {
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .access-info__ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.access-info__txt {
  margin-top: 1.5em;
  line-height: 1.5em;
}

.workplace__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.workplace__list:first-of-type {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .workplace__list:first-of-type {
    margin-top: 50px;
  }
}
.workplace__item {
  width: 25%;
  border-right: #f54614 solid 1px;
}
.workplace__item:first-child {
  border-left: #f54614 solid 1px;
}
.workplace__item a {
  text-decoration: none;
  color: #000;
}
.workplace__item a:link, .workplace__item a:hover, .workplace__item a:active, .workplace__item a:focus {
  text-decoration: none;
  color: #000;
}
.workplace__item a {
  padding: 1em 0;
  text-align: center;
  transition: 0.5s;
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .workplace__item a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.workplace__item a:hover {
  background: rgba(245, 70, 20, 0.1);
}
.workplace__txt {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .workplace__txt {
    margin-top: 50px;
    text-align: center;
  }
}

.system {
  padding-top: 80px;
}
@media screen and (min-width: 641px) {
  .system {
    padding-top: 120px;
  }
}

.system-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .system-list {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .system-list {
    padding: 0 30px;
  }
}

.system-item {
  width: 49%;
  margin-bottom: 50px;
}
.system-item:nth-child(odd) {
  margin-right: 2%;
}
@media screen and (max-width: 640px) {
  .system-item {
    width: 49%;
    margin-bottom: 30px;
  }
  .system-item:nth-child(odd) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 960px) {
  .system-item--img {
    width: 49%;
    margin-bottom: 30px;
  }
  .system-item--img:nth-child(odd) {
    margin-right: 2%;
  }
}
@media screen and (min-width: 961px) {
  .system-item--img {
    width: 32.45%;
    margin-bottom: 50px;
  }
  .system-item--img:not(:nth-child(3n)) {
    margin-right: 1.31579%;
  }
}
.system-item__img a:hover {
  opacity: 0.6;
}
.system-item__ttl, .system-item__ttl--left {
  margin: 0.5em 0;
  line-height: 1.5em;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .system-item__ttl, .system-item__ttl--left {
    font-size: 22px;
    font-size: 1.375rem;
    text-align: center;
  }
}
.system-item__ttl--left {
  text-align: left;
}
.system-item__ttl span, .system-item__ttl--left span {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
}
.system-item__link:after {
  content: "\f08e";
  font: var(--fa-font-regular);
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
  margin-left: 0.5em;
}
.system-item__txt {
  line-height: 1.5em;
  margin: 1em auto 0;
}
@media screen and (min-width: 641px) {
  .system-item__txt {
    font-size: 16px;
    font-size: 1rem;
  }
}

.underline {
  text-decoration: underline;
}

@media screen and (min-width: 641px) {
  .system .cont__sttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.system-category__header {
  background: linear-gradient(90deg, rgba(245, 70, 20, 0.25) 0%, rgba(252, 178, 6, 0.25) 100%);
  padding: 48px 0;
  margin-bottom: 80px;
}
@media screen and (max-width: 960px) {
  .system-category__header {
    padding: 40px 5%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 640px) {
  .system-category__header {
    padding: 30px 5%;
    margin-bottom: 30px;
  }
}

.system-category__header-inner {
  width: 90%;
  margin: auto;
  justify-content: space-between;
}
@media screen and (min-width: 1200px) {
  .system-category__header-inner {
    width: 1200px;
    display: flex;
    align-items: center;
    gap: 60px;
  }
}
@media screen and (max-width: 1199px) {
  .system-category__header-inner {
    text-align: center;
  }
}

.system-category__title {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #f54614;
  font-size: 40px;
  font-size: 2.5rem;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 312px;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .system-category__title {
    margin-left: 72px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1199px) {
  .system-category__title {
    margin-bottom: 24px;
    min-width: initial;
    justify-content: center;
  }
}
@media screen and (max-width: 960px) {
  .system-category__title {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .system-category__title {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 16px;
  }
}
.system-category__title::before {
  content: "";
  display: block;
  width: 17px;
  height: 48px;
  margin-right: 16px;
  flex-shrink: 0;
  background: #f54614;
}
@media screen and (max-width: 960px) {
  .system-category__title::before {
    height: 40px;
  }
}
@media screen and (max-width: 640px) {
  .system-category__title::before {
    width: 14px;
    height: 32px;
    margin-right: 12px;
  }
}

.system-category__desc {
  max-width: 665px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #333;
}
@media screen and (max-width: 1199px) {
  .system-category__desc {
    max-width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 640px) {
  .system-category__desc {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.system-category__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px;
  margin-bottom: 80px;
}
@media screen and (max-width: 960px) {
  .system-category__grid {
    gap: 40px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 640px) {
  .system-category__grid {
    grid-template-columns: 1fr;
    gap: 50px;
    margin-bottom: 50px;
  }
}

.system-card__img {
  margin-bottom: 16px;
}
@media screen and (max-width: 640px) {
  .system-card__img {
    margin-bottom: 12px;
  }
}

.system-card__img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.system-card__ttl {
  font-weight: bold;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 8px;
  color: #f54614;
}
@media screen and (max-width: 960px) {
  .system-card__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 640px) {
  .system-card__ttl {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 6px;
  }
}

.system-card__ttl a {
  color: #f54614;
  text-decoration: none;
}

.system-card__ttl a:hover {
  text-decoration: underline;
}

.system-card__ttl .icon-external {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f54614' d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 8px;
  margin-bottom: 2px;
}
@media screen and (max-width: 640px) {
  .system-card__ttl .icon-external {
    width: 14px;
    height: 14px;
    margin-left: 6px;
  }
}

.system-card__txt {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  color: #333;
  margin-bottom: 25px;
}
@media screen and (max-width: 960px) {
  .system-card__txt {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .system-card__txt {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    margin-bottom: 18px;
  }
}

.system-card__txt:last-child {
  margin-bottom: 0;
}

.office-env {
  padding-bottom: 80px;
}
@media screen and (max-width: 640px) {
  .office-env {
    padding-bottom: 50px;
  }
}

.cont__sttl {
  margin-bottom: 32px;
}

.office-env__hero {
  margin-bottom: 32px;
}
@media screen and (min-width: 961px) {
  .office-env__hero {
    display: flex;
    align-items: center;
    gap: 50px;
  }
}
@media screen and (max-width: 960px) {
  .office-env__hero {
    margin-bottom: 32px;
  }
}

@media screen and (min-width: 961px) {
  .office-env__hero-img {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 960px) {
  .office-env__hero-img {
    margin-bottom: 20px;
  }
}

.office-env__hero-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

@media screen and (min-width: 961px) {
  .office-env__hero-txt {
    flex: 1;
  }
}

.office-env__hero-txt p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  color: #333;
}
@media screen and (max-width: 640px) {
  .office-env__hero-txt p {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.7;
  }
}

.office-env__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 30px;
  margin-bottom: 160px;
}
@media screen and (max-width: 960px) {
  .office-env__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}
@media screen and (max-width: 640px) {
  .office-env__grid {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 40px;
  }
}

.office-env__card-img {
  margin-bottom: 16px;
}

.office-env__card-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.office-env__card-ttl {
  font-weight: bold;
  font-size: 24px;
  font-size: 1.5rem;
  color: #f54614;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .office-env__card-ttl {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 8px;
  }
}

.office-env__card-txt {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #333;
}
@media screen and (max-width: 640px) {
  .office-env__card-txt {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

.office-env__btn-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .system-imgitem {
    width: 49%;
  }
  .system-imgitem:nth-child(odd) {
    margin-right: 2%;
  }
}
@media screen and (min-width: 961px) {
  .system-imgitem {
    width: 32.45%;
  }
  .system-imgitem:not(:nth-child(3n)) {
    margin-right: 1.31579%;
  }
}

.welfare {
  padding: 100px 0;
}
.welfare__tblarea {
  margin-top: 50px;
}
@media screen and (min-width: 961px) {
  .welfare__tblarea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .welfare__tblarea {
    padding: 0 15px;
  }
}
.welfare__tbl {
  border-collapse: collapse;
}
@media screen and (min-width: 961px) {
  .welfare__tbl {
    width: 48.71%;
  }
}
@media screen and (max-width: 960px) {
  .welfare__tbl:not(:first-child) {
    margin-top: 30px;
  }
}
.welfare__tbl tr {
  border-bottom: 1px solid #f6f8fb;
}
.welfare__tbl tr:first-child {
  border-top: 1px solid #f6f8fb;
}
.welfare__tbl td,
.welfare__tbl th {
  padding: 2em 0;
  line-height: 1.5em;
}
.welfare__tbl th {
  width: 1%;
  white-space: nowrap;
  text-align: left;
  color: #000;
  border-right: 2px #fff solid;
  padding-right: 2em;
  font-weight: normal;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  .welfare__tbl th {
    min-width: 6em;
    padding-right: 1em;
  }
}
.welfare__tbl td {
  padding-left: 2em;
  vertical-align: middle;
}
.welfare__com--sp {
  display: block;
  margin-top: 10px;
  font-size: 12px;
}
@media screen and (min-width: 961px) {
  .welfare__com--sp {
    display: none;
  }
}
.welfare__com--pc {
  display: none;
}
@media screen and (min-width: 961px) {
  .welfare__com--pc {
    display: block;
    margin-top: 10px;
  }
}

.officeroom {
  background: url("../images/workplace/officeroom-bg.png") center top no-repeat;
  padding: 50px 0 100px;
}
@media screen and (min-width: 641px) {
  .officeroom {
    padding: 88px 0 160px;
  }
}
.officeroom__list {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .officeroom__list {
    margin-top: 50px;
  }
}
.officeroom__list * {
  max-width: none;
}
.officeroom__item picture {
  display: block;
}
.officeroom__item img {
  width: 100%;
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}
.officeroom .slick-next,
.officeroom .slick-prev {
  width: 20px;
  height: 104px;
  z-index: 10;
}
@media screen and (min-width: 641px) {
  .officeroom .slick-next,
  .officeroom .slick-prev {
    width: 40px;
    height: 208px;
  }
}
.officeroom .slick-next:before,
.officeroom .slick-prev:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.officeroom .slick-next {
  right: -30px;
}
@media screen and (max-width: 640px) {
  .officeroom .slick-next {
    right: -10px;
  }
}
.officeroom .slick-next:before {
  background: url("../images/workplace/arrow-next.svg") center center/cover no-repeat;
}
.officeroom .slick-prev {
  left: -30px;
}
@media screen and (max-width: 640px) {
  .officeroom .slick-prev {
    left: -10px;
  }
}
.officeroom .slick-prev:before {
  background: url("../images/workplace/arrow-prev.svg") center center/cover no-repeat;
}
.officeroom .slick-dots {
  bottom: -45px;
}
.officeroom .slick-dots li {
  margin: 0;
}
@media screen and (min-width: 641px) {
  .officeroom .slick-dots li {
    margin: 0 3px;
  }
}
.officeroom .slick-dots li button:before {
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .officeroom .slick-dots li button:before {
    font-size: 16px;
    font-size: 1rem;
  }
}
.officeroom .slick-dots li button:focus:before, .officeroom .slick-dots li button:hover:before {
  color: #f54614;
}
.officeroom .slick-dots li.slick-active button:before {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.surrounding {
  padding: 80px 0;
}
@media screen and (min-width: 641px) {
  .surrounding {
    padding: 80px 0 100px;
  }
}
@media screen and (min-width: 1200px) {
  .surrounding {
    padding-bottom: 80px;
  }
}
.surrounding__txt {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .surrounding__txt {
    text-align: center;
  }
}

.surrounding-map {
  padding-top: 40px;
}
@media screen and (min-width: 641px) {
  .surrounding-map {
    padding-top: 60px;
  }
}
.surrounding-map__sttl {
  text-align: center;
  color: #000;
  font-size: 22px;
  font-size: 1.375rem;
}
@media screen and (min-width: 641px) {
  .surrounding-map__sttl {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.surrounding-map__main {
  margin-top: 40px;
  width: 100%;
  height: 350px;
}
@media screen and (min-width: 641px) {
  .surrounding-map__main {
    height: 500px;
  }
}
@media screen and (min-width: 961px) {
  .surrounding-map__main {
    height: 700px;
  }
}

.surrounding-nav {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 641px) {
  .surrounding-nav {
    margin-top: 40px;
  }
}
.surrounding-nav__item {
  width: 33.3333333333%;
}
.surrounding-nav__item:not(:first-child) {
  border-left: #cdcdcd 1px solid;
}
.surrounding-nav__link {
  display: block;
  position: relative;
  padding: 0.8em 0;
  text-align: center;
  text-decoration: none;
  color: #000;
}
.surrounding-nav__link:link, .surrounding-nav__link:hover, .surrounding-nav__link:active, .surrounding-nav__link:focus {
  text-decoration: none;
  color: #000;
}
.surrounding-nav__link:hover {
  opacity: 0.6;
}
@media screen and (max-width: 640px) {
  .surrounding-nav__link {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
@media screen and (min-width: 641px) {
  .surrounding-nav__link {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.surrounding-nav__link:after {
  content: "\f107";
  font: var(--fa-font-regular);
  position: absolute;
  width: 1em;
  height: 1em;
  line-height: 1;
  top: 0;
  bottom: 0;
  right: 0.5em;
  margin: auto;
}
@media screen and (min-width: 641px) {
  .surrounding-nav__link:after {
    right: 1em;
  }
}
.surrounding-nav__link:before {
  margin-right: 0.5em;
}
@media screen and (max-width: 640px) {
  .surrounding-nav__link:before {
    font-size: 80%;
  }
}
@media screen and (min-width: 641px) {
  .surrounding-nav__link:before {
    margin-right: 1em;
  }
}
.surrounding-nav__link--gourmet:before {
  content: "\f0f5";
  font: var(--fa-font-regular);
  color: #f54614;
}
.surrounding-nav__link--coffee:before {
  content: "\f0f4";
  font: var(--fa-font-regular);
  color: #f54614;
}
.surrounding-nav__link--other:before {
  content: "\f290";
  font: var(--fa-font-regular);
  color: #f54614;
}

.surrounding-sec {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .surrounding-sec {
    margin-top: 80px;
  }
}
.surrounding-sec__ttl {
  color: #000;
  font-weight: bold;
  padding: 0.8em 0 0.8em 1.5em;
  border-bottom: #f4f4f4 1px solid;
  position: relative;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 641px) {
  .surrounding-sec__ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.surrounding-sec__ttl:before {
  font: var(--fa-font-regular);
  position: absolute;
  width: 1em;
  height: 1em;
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto;
  font-weight: normal;
}
.surrounding-sec__ttl--gourmet:before {
  content: "\f0f5";
}
.surrounding-sec__ttl--coffee:before {
  content: "\f0f4";
}
.surrounding-sec__ttl--shopping:before {
  content: "\f290";
}

.surrounding-list {
  display: flex;
  flex-wrap: wrap;
  counter-reset: number 0;
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .surrounding-list {
    margin-top: 60px;
  }
}

.surrounding-item {
  margin-bottom: 40px;
  counter-increment: number 1;
  width: 47.5%;
}
.surrounding-item:nth-child(odd) {
  margin-right: 5%;
}
@media screen and (min-width: 641px) {
  .surrounding-item {
    margin-bottom: 120px;
  }
}
.surrounding-item__ttl {
  padding-left: 2em;
  position: relative;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .surrounding-item__ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 961px) {
  .surrounding-item__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.surrounding-item__ttl:before {
  content: counter(number);
  display: block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  text-align: center;
  border-radius: 50%;
  background: #f54614;
  color: #fff;
  font-weight: normal;
  position: absolute;
  left: 0;
  top: 0;
}
.surrounding-item__ttl--coffee:before {
  background: #fcf5ec;
  color: #f54614;
}
.surrounding-item__ttl--shopping:before {
  background: #000;
}
.surrounding-item__address {
  margin-top: 15px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .surrounding-item__address {
    margin-top: 25px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.surrounding-item__recommend {
  line-height: 1.5;
  background: #f4f4f4;
  padding: 1em;
  margin-top: 20px;
}
.surrounding-item__recommendttl {
  color: #fff;
  width: 10em;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media screen and (min-width: 641px) {
  .surrounding-item__recommendttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.surrounding-item__recommendttl:before {
  content: "\f164";
  font: var(--fa-font-regular);
  margin-right: 0.5em;
}
.surrounding-item__recommendtxt {
  margin-top: 1em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 641px) {
  .surrounding-item__recommendtxt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 961px) {
  .surrounding-item__recommendtxt {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.surrounding-item__recommendperson {
  color: #4d4d4d;
  margin-top: 0.5em;
  text-align: right;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .surrounding-item__recommendperson {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 961px) {
  .surrounding-item__recommendperson {
    font-size: 16px;
    font-size: 1rem;
  }
}

.sitemap {
  padding-bottom: 100px;
}
@media screen and (min-width: 641px) {
  .sitemap {
    padding-bottom: 150px;
  }
}
@media screen and (min-width: 961px) {
  .sitemap {
    padding-bottom: 200px;
  }
}
.sitemap__list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  .sitemap__list {
    padding: 0 15px;
  }
}
@media screen and (max-width: 640px) {
  .sitemap__item {
    width: 49%;
    margin-bottom: 10px;
  }
  .sitemap__item:nth-child(odd) {
    margin-right: 2%;
  }
}
@media screen and (min-width: 641px) {
  .sitemap__item {
    width: 32%;
    margin-bottom: 20px;
  }
  .sitemap__item:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}
@media screen and (min-width: 961px) {
  .sitemap__item {
    width: 23.07%;
    margin-bottom: 30px;
  }
  .sitemap__item:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .sitemap__item:not(:nth-child(4n)) {
    margin-right: 2.56%;
  }
}
.sitemap__item a {
  display: block;
  text-decoration: none;
  color: #000;
}
.sitemap__item a:link, .sitemap__item a:hover, .sitemap__item a:active, .sitemap__item a:focus {
  text-decoration: none;
  color: #000;
}
.sitemap__item a {
  text-align: center;
  background: #fbfafa;
  padding: 3em 0;
  line-height: 1.2;
}
@media screen and (max-width: 640px) {
  .sitemap__item a {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 641px) {
  .sitemap__item a {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 961px) {
  .sitemap__item a {
    font-size: 1.05vw;
  }
}
@media screen and (min-width: 1200px) {
  .sitemap__item a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.sitemap__item a:hover {
  color: #fbfafa;
  background: #000;
}
.sitemap__btn {
  font-size: 16px;
  font-size: 1rem;
  margin: 80px auto 0;
  padding: 2em 0;
}
@media screen and (min-width: 961px) {
  .sitemap__btn {
    margin: 100px auto 0;
  }
}

.twitter {
  padding: 50px 0 80px;
}
@media screen and (min-width: 641px) {
  .twitter {
    padding: 80px 0 100px;
  }
}
.twitter__main {
  text-align: center;
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .twitter__main {
    margin-top: 50px;
  }
}

.privacy {
  padding-bottom: 100px;
}
@media screen and (min-width: 641px) {
  .privacy {
    padding-bottom: 200px;
  }
}
@media screen and (min-width: 961px) {
  .privacy {
    padding-bottom: 300px;
  }
}
.privacy__txt {
  margin-top: 30px;
}

.privacy-block:not(:first-of-type) {
  margin-top: 50px;
}
.privacy-block__ttl {
  line-height: 1.2;
  display: inline-block;
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 641px) {
  .privacy-block__ttl {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.privacy-block__sttl {
  color: #000;
  line-height: 1.2;
  margin-top: 20px;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .privacy-block__sttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.privacy-block__txt {
  margin-top: 10px;
}

.privacy-numberList {
  counter-reset: counter-lv1 0;
  line-height: 1.5;
  padding-left: 1.5em;
  margin-top: 30px;
}
.privacy-numberList__item {
  text-indent: -1em;
  counter-increment: counter-lv1 1;
  margin-bottom: 0.5em;
}
.privacy-numberList__item:before {
  content: counter(counter-lv1) ". ";
}
.privacy-numberList__item .privacy-bulletList {
  margin-top: 0.5em;
}
.privacy-numberList__item--brackets {
  text-indent: -1em;
  counter-increment: counter-lv1 1;
  margin-bottom: 0.5em;
}
.privacy-numberList__item--brackets:before {
  content: "(" counter(counter-lv1) ") ";
}
.privacy-numberList__item--brackets .privacy-bulletList {
  margin-top: 0.5em;
}

.privacy-headingList {
  counter-reset: counter-lv1 0;
  line-height: 1.5;
  padding-left: 1.5em;
  margin-top: 30px;
}
.privacy-headingList__item {
  text-indent: -1em;
  counter-increment: counter-lv1 1;
}
.privacy-headingList__item .privacy-bulletList {
  margin-top: 0.5em;
}
.privacy-headingList__item:not(:first-child) .privacy-headingList__ttl {
  margin-top: 1em;
}
.privacy-headingList__item .privacy-numberList {
  margin-top: 10px;
}
.privacy-headingList__item .privacy-box {
  margin-top: 10px;
  text-indent: 0;
}
.privacy-headingList__ttl {
  font-weight: bold;
  color: #000;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .privacy-headingList__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.privacy-headingList__ttl:before {
  content: counter(counter-lv1) ". ";
}
.privacy-headingList__txt {
  margin-top: 0.5em;
  line-height: 1.5;
  text-indent: 0;
}

.privacy-bulletList {
  padding-left: 1.5em;
  margin-top: 30px;
}
.privacy-bulletList__item {
  text-indent: -1em;
  margin-bottom: 0.5em;
}
.privacy-bulletList__item:before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  background: #f54614;
  border-radius: 50%;
  margin-right: 0.5em;
}
.privacy-bulletList__item ul {
  margin-top: 0.2em;
}

.privacy-childList {
  padding-left: 1.5em;
  margin-top: 5px;
}
.privacy-childList__item {
  text-indent: -1em;
  margin-bottom: 0.5em;
}
.privacy-childList__item:before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.1em;
  background: #f54614;
  margin-right: 0.5em;
  margin-bottom: 0.3em;
}

.privacy-remarkList {
  padding-left: 1.5em;
  margin-top: 30px;
}
.privacy-remarkList__item {
  text-indent: -1.5em;
  margin-bottom: 0.5em;
}
.privacy-remarkList__item:before {
  content: "※";
  color: #f54614;
  width: 1em;
  margin-right: 0.5em;
}

.privacy-box {
  background: #f4f4f4;
  padding: 20px;
  margin-top: 30px;
}
.privacy-box__ttl {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.5em;
  font-size: 18px;
  font-size: 1.125rem;
}
.privacy-box__txt {
  line-height: 1.5;
}
.privacy-box__txt--mt0 {
  margin-top: 0;
}

.privacy-list {
  counter-reset: number 0;
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .privacy-list {
    margin-top: 80px;
  }
}

.privacy-item:not(:first-child) {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .privacy-item:not(:first-child) {
    margin-top: 50px;
  }
}
.privacy-item__ttl {
  display: inline-block;
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .privacy-item__ttl {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.privacy-item__txt {
  line-height: 1.8em;
  margin-top: 20px;
}
@media screen and (min-width: 641px) {
  .privacy-item__txt {
    font-size: 16px;
    font-size: 1rem;
  }
}
.privacy-item__txt p {
  line-height: 1.8em;
}
.privacy-item__txt p:not(:first-child) {
  margin-top: 1em;
}

.post {
  padding: 30px 0 80px;
  margin-top: 63px;
}
@media screen and (min-width: 641px) {
  .post {
    padding: 50px 0 100px;
  }
}
.post__ttl {
  color: #000;
  line-height: 1.5;
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (min-width: 641px) {
  .post__ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .post__ttl {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.post__img {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .post__img {
    margin-top: 40px;
  }
}
.post__main {
  margin-top: 40px;
  padding-bottom: 50px;
}
@media screen and (min-width: 641px) {
  .post__main {
    margin-top: 60px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .post__main {
    padding-bottom: 100px;
  }
}
@keyframes btngradient {
  0% {
    background: linear-gradient(90deg, #f8744f 0%, #f54614 100%);
  }
  10% {
    background: linear-gradient(90deg, #f8744f 10%, #f54614 100%);
  }
  15% {
    background: linear-gradient(90deg, #f8744f 15%, #f54614 100%);
  }
  25% {
    background: linear-gradient(90deg, #f8744f 25%, #f54614 100%);
  }
  40% {
    background: linear-gradient(90deg, #f8744f 40%, #f54614 100%);
  }
  50% {
    background: linear-gradient(90deg, #f8744f 50%, #f54614 100%);
  }
  60% {
    background: linear-gradient(90deg, #f8744f 60%, #f54614 100%);
  }
  75% {
    background: linear-gradient(90deg, #f8744f 75%, #f54614 100%);
  }
  80% {
    background: linear-gradient(90deg, #f8744f 80%, #f54614 100%);
  }
  90% {
    background: linear-gradient(90deg, #f8744f 90%, #f54614 100%);
  }
  100% {
    background: linear-gradient(90deg, #f8744f 100%, #f54614 100%);
  }
}
@keyframes btngradient--green {
  0% {
    background: linear-gradient(90deg, #0eb772 0%, #34b2e4 100%);
  }
  10% {
    background: linear-gradient(90deg, #0eb772 10%, #34b2e4 100%);
  }
  15% {
    background: linear-gradient(90deg, #0eb772 15%, #34b2e4 100%);
  }
  25% {
    background: linear-gradient(90deg, #0eb772 25%, #34b2e4 100%);
  }
  40% {
    background: linear-gradient(90deg, #0eb772 40%, #34b2e4 100%);
  }
  50% {
    background: linear-gradient(90deg, #0eb772 50%, #34b2e4 100%);
  }
  60% {
    background: linear-gradient(90deg, #0eb772 60%, #34b2e4 100%);
  }
  75% {
    background: linear-gradient(90deg, #0eb772 75%, #34b2e4 100%);
  }
  80% {
    background: linear-gradient(90deg, #0eb772 80%, #34b2e4 100%);
  }
  90% {
    background: linear-gradient(90deg, #0eb772 90%, #34b2e4 100%);
  }
  100% {
    background: linear-gradient(90deg, #0eb772 100%, #34b2e4 100%);
  }
}
.post__main * {
  word-break: break-all;
}
.post__main hr {
  margin: 50px auto;
}
.post__main h2 {
  color: #000;
  line-height: 1.5;
  margin-top: 2em;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 641px) {
  .post__main h2 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 1200px) {
  .post__main h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}
.post__main h3 {
  color: #000;
  line-height: 1.5;
  margin-top: 2em;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .post__main h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .post__main h3 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.post__main h4 {
  color: #000;
  line-height: 1.5;
  margin-top: 2em;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .post__main h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .post__main h4 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.post__main p {
  line-height: 1.8;
}
@media screen and (min-width: 641px) {
  .post__main p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.post__main p:not(:first-child) {
  margin-top: 1em;
}
.post__main b,
.post__main strong {
  color: #000;
}
.post__main mark {
  font-style: normal;
}
.post__main div:not(:first-child) {
  margin-top: 2em;
}
.post__main .aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.post__main .alignleft {
  float: left;
  margin-right: 10px;
}
.post__main .alignright {
  float: right;
  margin-left: 10px;
}
.post__main .ohidden {
  overflow: hidden;
}
.post__main .flexbox {
  display: flex;
  flex-wrap: wrap;
}
.post__main .person {
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .post__main .person__icon {
    width: 30%;
  }
}
@media screen and (min-width: 641px) {
  .post__main .person__icon {
    width: 15.46%;
  }
}
.post__main .person__txt {
  margin-top: 0 !important;
}
@media screen and (max-width: 640px) {
  .post__main .person__txt {
    width: 68%;
  }
}
@media screen and (min-width: 641px) {
  .post__main .person__txt {
    width: 81.44%;
  }
}
.post__main .person__txt p:not(:first-child) {
  margin-top: 1em;
}
@keyframes btngradient {
  0% {
    background: linear-gradient(90deg, #f8744f 0%, #f54614 100%);
  }
  10% {
    background: linear-gradient(90deg, #f8744f 10%, #f54614 100%);
  }
  15% {
    background: linear-gradient(90deg, #f8744f 15%, #f54614 100%);
  }
  25% {
    background: linear-gradient(90deg, #f8744f 25%, #f54614 100%);
  }
  40% {
    background: linear-gradient(90deg, #f8744f 40%, #f54614 100%);
  }
  50% {
    background: linear-gradient(90deg, #f8744f 50%, #f54614 100%);
  }
  60% {
    background: linear-gradient(90deg, #f8744f 60%, #f54614 100%);
  }
  75% {
    background: linear-gradient(90deg, #f8744f 75%, #f54614 100%);
  }
  80% {
    background: linear-gradient(90deg, #f8744f 80%, #f54614 100%);
  }
  90% {
    background: linear-gradient(90deg, #f8744f 90%, #f54614 100%);
  }
  100% {
    background: linear-gradient(90deg, #f8744f 100%, #f54614 100%);
  }
}
@keyframes btngradient--green {
  0% {
    background: linear-gradient(90deg, #0eb772 0%, #34b2e4 100%);
  }
  10% {
    background: linear-gradient(90deg, #0eb772 10%, #34b2e4 100%);
  }
  15% {
    background: linear-gradient(90deg, #0eb772 15%, #34b2e4 100%);
  }
  25% {
    background: linear-gradient(90deg, #0eb772 25%, #34b2e4 100%);
  }
  40% {
    background: linear-gradient(90deg, #0eb772 40%, #34b2e4 100%);
  }
  50% {
    background: linear-gradient(90deg, #0eb772 50%, #34b2e4 100%);
  }
  60% {
    background: linear-gradient(90deg, #0eb772 60%, #34b2e4 100%);
  }
  75% {
    background: linear-gradient(90deg, #0eb772 75%, #34b2e4 100%);
  }
  80% {
    background: linear-gradient(90deg, #0eb772 80%, #34b2e4 100%);
  }
  90% {
    background: linear-gradient(90deg, #0eb772 90%, #34b2e4 100%);
  }
  100% {
    background: linear-gradient(90deg, #0eb772 100%, #34b2e4 100%);
  }
}
.post__main .speaker--pink {
  color: #df4c6c;
}
.post__main .speaker--blue {
  color: #34b2e4;
}
.post__main .speaker--purple {
  color: #ad4adb;
}
.post__main .marker {
  background: linear-gradient(transparent 50%, rgba(249, 102, 134, 0.25) 50%);
  font-weight: bold;
}
.post__main .big {
  font-size: 120%;
}
.post__main .gray-box {
  background: #f7f9fb;
  padding: 2em;
}
.post__main .gray-box__ttl {
  font-size: 110%;
  color: #000;
  font-weight: bold;
}
.post__main .gray-box p {
  margin-top: 0;
}
.post__main .gray-box p:not(:first-child) {
  margin-top: 0.5em;
}
.post__main .img-aligncenter {
  text-align: center;
}
.post__main .wp-caption-text {
  margin-top: 0.5em;
  color: #cacaca;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 641px) {
  .post__main .wp-caption-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.post__main .wp-caption-text:not(:first-child) {
  margin-top: 0.5em;
}
.post__main .wp-block-image {
  margin-top: 1em;
}
.post__main ul {
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .post__main ul {
    font-size: 16px;
    font-size: 1rem;
  }
}
.post__main ul:not(:first-child) {
  margin-top: 1em;
}
.post__main ul li {
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.post__main ul li:not(:first-child) {
  margin-top: 0.5em;
}
.post__main ul li:before {
  content: "・";
  color: #f54614;
  margin-right: 0.5em;
}
.post__main ol {
  line-height: 1.5;
  counter-reset: num;
}
@media screen and (min-width: 641px) {
  .post__main ol {
    font-size: 16px;
    font-size: 1rem;
  }
}
.post__main ol:not(:first-child) {
  margin-top: 1em;
}
.post__main ol li {
  text-indent: -2em;
  padding-left: 2em;
}
.post__main ol li:not(:first-child) {
  margin-top: 0.5em;
}
.post__main ol li:before {
  background: linear-gradient(90deg, #f8744f 0%, #f54614 100%);
  border-radius: 50%;
  counter-increment: num;
  content: counter(num);
  color: #fff;
  display: inline-block;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  margin-right: 0.5em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  text-align: center;
  text-indent: 0;
}
.post__main .wp-block-table:not(:first-child) {
  margin-top: 2em;
}
.post__main .wp-block-table table {
  width: 100%;
  line-height: 1.2;
}
.post__main .wp-block-table table thead {
  border-color: #d4d4d4;
}
.post__main .wp-block-table table tr {
  border-bottom: #d4d4d4 solid 1px;
}
.post__main .wp-block-table table th {
  color: #000;
}
.post__main .wp-block-table table th,
.post__main .wp-block-table table td {
  border: none;
  padding: 1em 0.5em;
}
@media screen and (min-width: 641px) {
  .post__main .wp-block-table table th,
  .post__main .wp-block-table table td {
    font-size: 16px;
    font-size: 1rem;
  }
}
.post__main twitterwidget {
  margin: 30px auto !important;
}
.post__main blockquote {
  background: #f7f9fb;
  padding: 50px;
  margin-top: 50px;
  position: relative;
  z-index: 0;
}
.post__main blockquote p {
  position: relative;
  z-index: 10;
}
.post__main blockquote:before {
  content: "\f10d";
  font-family: FontAwesome;
  position: absolute;
  color: rgb(213, 223.5, 234);
  font-size: 50px;
  font-size: 3.125rem;
  top: 15px;
  left: 15px;
  z-index: 1;
}
.post__main blockquote:after {
  content: "\f10e";
  font-family: FontAwesome;
  position: absolute;
  color: rgb(213, 223.5, 234);
  font-size: 50px;
  font-size: 3.125rem;
  bottom: 15px;
  right: 15px;
  z-index: 1;
}
@keyframes btngradient {
  0% {
    background: linear-gradient(90deg, #f8744f 0%, #f54614 100%);
  }
  10% {
    background: linear-gradient(90deg, #f8744f 10%, #f54614 100%);
  }
  15% {
    background: linear-gradient(90deg, #f8744f 15%, #f54614 100%);
  }
  25% {
    background: linear-gradient(90deg, #f8744f 25%, #f54614 100%);
  }
  40% {
    background: linear-gradient(90deg, #f8744f 40%, #f54614 100%);
  }
  50% {
    background: linear-gradient(90deg, #f8744f 50%, #f54614 100%);
  }
  60% {
    background: linear-gradient(90deg, #f8744f 60%, #f54614 100%);
  }
  75% {
    background: linear-gradient(90deg, #f8744f 75%, #f54614 100%);
  }
  80% {
    background: linear-gradient(90deg, #f8744f 80%, #f54614 100%);
  }
  90% {
    background: linear-gradient(90deg, #f8744f 90%, #f54614 100%);
  }
  100% {
    background: linear-gradient(90deg, #f8744f 100%, #f54614 100%);
  }
}
@keyframes btngradient--green {
  0% {
    background: linear-gradient(90deg, #0eb772 0%, #34b2e4 100%);
  }
  10% {
    background: linear-gradient(90deg, #0eb772 10%, #34b2e4 100%);
  }
  15% {
    background: linear-gradient(90deg, #0eb772 15%, #34b2e4 100%);
  }
  25% {
    background: linear-gradient(90deg, #0eb772 25%, #34b2e4 100%);
  }
  40% {
    background: linear-gradient(90deg, #0eb772 40%, #34b2e4 100%);
  }
  50% {
    background: linear-gradient(90deg, #0eb772 50%, #34b2e4 100%);
  }
  60% {
    background: linear-gradient(90deg, #0eb772 60%, #34b2e4 100%);
  }
  75% {
    background: linear-gradient(90deg, #0eb772 75%, #34b2e4 100%);
  }
  80% {
    background: linear-gradient(90deg, #0eb772 80%, #34b2e4 100%);
  }
  90% {
    background: linear-gradient(90deg, #0eb772 90%, #34b2e4 100%);
  }
  100% {
    background: linear-gradient(90deg, #0eb772 100%, #34b2e4 100%);
  }
}
.post__main .fukidashi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
  align-items: flex-start;
}
.post__main .fukidashi:not(:first-child) {
  margin-top: 40px;
}
.post__main .fukidashi--right {
  flex-direction: row-reverse;
}
.post__main .fukidashi > :not(:first-child) {
  margin-top: 0;
}
.post__main .fukidashi p:not(:first-child) {
  margin-top: 0.5em;
  line-height: 1.8;
}
.post__main .fukidashi__img {
  width: 60px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .post__main .fukidashi__img {
    width: 100px;
  }
}
.post__main .fukidashi__img img {
  border-radius: 50%;
}
.post__main .fukidashi__img figcaption {
  font-size: 10px;
  font-size: 0.625rem;
  margin-top: 1em;
}
.post__main .fukidashi__txt {
  width: calc(100% - 80px);
  position: relative;
  padding: 20px;
  border: 3px solid #f4f4f4;
  border-radius: 10px;
  margin-top: 0;
  z-index: 0;
  background: #fff;
}
@media screen and (min-width: 641px) {
  .post__main .fukidashi__txt {
    width: calc(100% - 120px);
  }
}
.post__main .fukidashi__txt:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: 15px solid #fff;
  position: absolute;
  top: 15px;
  z-index: 1;
}
.post__main .fukidashi__txt:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: 18px solid transparent;
  position: absolute;
  top: 12px;
  z-index: -1;
}
.post__main .fukidashi__txt--white:after {
  border-color: #f4f4f4;
}
.post__main .fukidashi__txt--pink {
  border-color: #f9dce2;
}
.post__main .fukidashi__txt--pink:after {
  border-color: #f9dce2;
}
.post__main .fukidashi__txt--orange {
  border-color: #ffeed2;
}
.post__main .fukidashi__txt--orange:after {
  border-color: #ffeed2;
}
.post__main .fukidashi__txt--blue {
  border-color: #acdff4;
}
.post__main .fukidashi__txt--blue:after {
  border-color: #acdff4;
}
.post__main .fukidashi__txt--green {
  border-color: #9af7d1;
}
.post__main .fukidashi__txt--green:after {
  border-color: #9af7d1;
}
.post__main .fukidashi__txt--left:before {
  left: -30px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.post__main .fukidashi__txt--left:after {
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  left: -37px;
}
.post__main .fukidashi__txt--right:before {
  right: -30px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.post__main .fukidashi__txt--right:after {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -37px;
}
.post__main .smb-balloon__body {
  margin-top: 0 !important;
}
.post__main .smb-balloon__name {
  margin-top: 0 !important;
}
.post__main .smb-box__body {
  margin-top: 0 !important;
}
.post__main .smb-box__body *:not(p) {
  margin-top: 0;
}
.post__main .smb-box__body:has(.smb-box__link:hover) {
  opacity: 0.8;
}
.post__main .smb-box__body .wp-block-image .wp-element-caption {
  margin-top: 10px;
}
.post__main .smb-box__body .wp-block-list:not(:first-child) {
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .post__main .smb-box__innerWrap .c-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.post__main .smb-box__innerWrap .smb-media-text__contents-wrapper {
  margin: 1em 0 0;
}
@media screen and (max-width: 640px) {
  .post__main .smb-box__innerWrap .smb-media-text__figure {
    max-width: 70%;
    margin: auto;
  }
}
.post__main .smb-box__link {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
}
.post__main .smb-box__link:hover {
  box-shadow: 5px 5px 5px #f4f4f4;
}
.post__main .timeline__content {
  margin-top: 0 !important;
}
.post__main .timeline__label, .post__main .timeline__label--calendar {
  padding: 0.5em 1em;
  background: #f7f9fb;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.post__main .timeline__label:before, .post__main .timeline__label--calendar:before {
  content: "\f017";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 0.5em;
}
.post__main .timeline__label--calendar:before {
  content: "\f073";
}
.post__main .timeline__main {
  position: relative;
  margin-top: 0 !important;
  padding: 2em 0 3em 3em;
}
.post__main .timeline__main:before {
  content: "";
  background: linear-gradient(0deg, #df4c6c 0%, #f54614 100%);
  width: 3px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.5em;
}
.post__main .timeline__ttl {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #000;
}
.post__main .timeline__txt {
  line-height: 1.8;
}
.post__main .timeline__marker {
  position: absolute;
}
.post__main .post__comments {
  color: #cacaca;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 641px) {
  .post__main .post__comments {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.post__main .post__comments b {
  color: #cacaca;
}
.post__main .post__comments a {
  color: #cacaca;
}
.post__main .post__comments a:link {
  color: #cacaca;
}
.post__main .post__comments a:hover, .post__main .post__comments a:active, .post__main .post__comments a:focus {
  color: #fdfdfd;
}
.post__comments {
  color: #cacaca;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 641px) {
  .post__comments {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.post__comments b {
  color: #cacaca;
}
.post__comments a {
  color: #cacaca;
}
.post__comments a:link {
  color: #cacaca;
}
.post__comments a:hover, .post__comments a:active, .post__comments a:focus {
  color: #fdfdfd;
}

.post-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .post-info {
    margin-top: 40px;
  }
}
.post-info__cat {
  background: #000;
  color: #fff;
  padding: 0.5em 1em;
  margin-right: 1em;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .post-info__cat {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.post-info__date {
  margin-right: 1em;
}

@keyframes btngradient {
  0% {
    background: linear-gradient(90deg, #f8744f 0%, #f54614 100%);
  }
  10% {
    background: linear-gradient(90deg, #f8744f 10%, #f54614 100%);
  }
  15% {
    background: linear-gradient(90deg, #f8744f 15%, #f54614 100%);
  }
  25% {
    background: linear-gradient(90deg, #f8744f 25%, #f54614 100%);
  }
  40% {
    background: linear-gradient(90deg, #f8744f 40%, #f54614 100%);
  }
  50% {
    background: linear-gradient(90deg, #f8744f 50%, #f54614 100%);
  }
  60% {
    background: linear-gradient(90deg, #f8744f 60%, #f54614 100%);
  }
  75% {
    background: linear-gradient(90deg, #f8744f 75%, #f54614 100%);
  }
  80% {
    background: linear-gradient(90deg, #f8744f 80%, #f54614 100%);
  }
  90% {
    background: linear-gradient(90deg, #f8744f 90%, #f54614 100%);
  }
  100% {
    background: linear-gradient(90deg, #f8744f 100%, #f54614 100%);
  }
}
@keyframes btngradient--green {
  0% {
    background: linear-gradient(90deg, #0eb772 0%, #34b2e4 100%);
  }
  10% {
    background: linear-gradient(90deg, #0eb772 10%, #34b2e4 100%);
  }
  15% {
    background: linear-gradient(90deg, #0eb772 15%, #34b2e4 100%);
  }
  25% {
    background: linear-gradient(90deg, #0eb772 25%, #34b2e4 100%);
  }
  40% {
    background: linear-gradient(90deg, #0eb772 40%, #34b2e4 100%);
  }
  50% {
    background: linear-gradient(90deg, #0eb772 50%, #34b2e4 100%);
  }
  60% {
    background: linear-gradient(90deg, #0eb772 60%, #34b2e4 100%);
  }
  75% {
    background: linear-gradient(90deg, #0eb772 75%, #34b2e4 100%);
  }
  80% {
    background: linear-gradient(90deg, #0eb772 80%, #34b2e4 100%);
  }
  90% {
    background: linear-gradient(90deg, #0eb772 90%, #34b2e4 100%);
  }
  100% {
    background: linear-gradient(90deg, #0eb772 100%, #34b2e4 100%);
  }
}
.internal {
  display: block;
  padding: 3%;
}
.internal:hover {
  opacity: 0.6;
}
.internal {
  text-decoration: none;
  color: #000;
}
.internal:link, .internal:hover, .internal:active, .internal:focus {
  text-decoration: none;
  color: #000;
}
.internal {
  margin: 40px auto;
  max-width: 880px;
}
@media screen and (min-width: 641px) {
  .internal {
    padding: 2%;
  }
}
.internal:hover {
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.4);
}
.internal__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.internal__img {
  width: 35%;
}
@media screen and (min-width: 641px) {
  .internal__img {
    width: 40%;
  }
}
.internal__box {
  width: 60%;
  margin-top: 0 !important;
}
@media screen and (min-width: 641px) {
  .internal__box {
    width: 57%;
  }
}
.internal__catch {
  display: block;
  background: #000;
  text-align: center;
  color: #fff;
  padding: 0.5em;
  line-height: 1.5;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 641px) {
  .internal__catch {
    font-size: 16px;
    font-size: 1rem;
  }
}
.internal__time {
  display: block;
  margin-top: 1em;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .internal__time {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.internal__txt {
  display: block;
  margin-top: 0.5em;
  font-weight: bold;
  line-height: 1.5;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 641px) {
  .internal__txt {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.sanko {
  background: #f7f9fb;
  display: block;
  margin-top: 30px;
  padding: 20px;
  transition: 0.5s;
  width: 640px;
  text-decoration: none;
  color: #333333;
}
.sanko:link, .sanko:hover, .sanko:active, .sanko:focus {
  text-decoration: none;
  color: #333333;
}
@media screen and (min-width: 641px) {
  .sanko {
    margin-top: 50px;
    padding: 30px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.sanko:hover {
  box-shadow: 0 2px 5px rgba(51, 51, 51, 0.2);
}
.sanko p {
  line-height: 1.2;
}
.sanko p:not(:first-child) {
  margin-top: 5px;
}
.sanko__ttl:before {
  content: "\f249";
  font-family: FontAwesome;
  margin-right: 0.5em;
}
.sanko__article {
  color: #000;
  font-weight: bold;
}
.sanko .sanko__site {
  font-size: 12px;
  font-size: 0.75rem;
}

.application-link {
  text-decoration: none;
  color: #000;
}
.application-link:link, .application-link:hover, .application-link:active, .application-link:focus {
  text-decoration: none;
  color: #000;
}
.application-link {
  display: block;
  max-width: 880px;
  margin: 40px auto;
  transition: 0.5s;
}
.application-link:hover {
  box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.2);
}
.application-link__wrap {
  background: #f7f9fb;
  padding: 20px;
}
@media screen and (min-width: 641px) {
  .application-link__wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 641px) {
  .application-link__img {
    width: 40%;
  }
}
@media screen and (min-width: 641px) {
  .application-link__info {
    width: 57%;
    margin-top: 0 !important;
  }
}
.application-link__ttl {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 641px) {
  .application-link__ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.application-link__ttl span {
  background: linear-gradient(90deg, #df4c6c 0%, #f54614 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
  font-weight: 800;
}
.application-link__txt {
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .application-link__txt {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .application-link__txt {
    margin-top: 1em !important;
  }
}
.application-link__btn {
  max-width: 100%;
  width: 100%;
  background: linear-gradient(90deg, #df4c6c 0%, #f54614 100%);
}
@media screen and (min-width: 641px) {
  .application-link__btn {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .application-link__btn {
    margin: 1em auto 0 !important;
  }
}

.post-user {
  margin-top: 30px;
  border: #d4d4d4 solid 1px;
  padding: 5%;
}
@media screen and (min-width: 641px) {
  .post-user {
    margin-top: 50px;
    padding: 2%;
  }
}
.post-user__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
@media screen and (min-width: 641px) {
  .post-user__wrap {
    margin-top: 30px;
  }
}
.post-user__ttl {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}
.post-user__img {
  width: 30%;
}
@media screen and (min-width: 641px) {
  .post-user__img {
    width: 11%;
  }
}
.post-user__info {
  width: 65%;
}
@media screen and (min-width: 641px) {
  .post-user__info {
    width: 85%;
  }
}
.post-user__name {
  color: #f54614;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .post-user__name {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.post-user__txt {
  margin-top: 1em;
  line-height: 2;
}
.post-user__twitter {
  display: block;
  background: #000;
  margin-top: 10px;
  text-decoration: none;
  color: #fff;
}
.post-user__twitter:link, .post-user__twitter:hover, .post-user__twitter:active, .post-user__twitter:focus {
  text-decoration: none;
  color: #fff;
}
.post-user__twitter {
  padding: 0.5em 1em;
  width: 10em;
  text-align: center;
}
.post-user__twitter:before {
  content: "\e61b";
  font: var(--fa-font-brands);
  margin-right: 0.5em;
}

.sns-count {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
  .sns-count {
    margin-top: 10px;
  }
}
.sns-count__item {
  margin-right: 1em;
}
.sns-count__item a {
  font-size: 24px;
  font-size: 1.5rem;
}
.sns-count__item--fb a {
  text-decoration: none;
  color: #1877f2;
}
.sns-count__item--fb a:link, .sns-count__item--fb a:hover, .sns-count__item--fb a:active, .sns-count__item--fb a:focus {
  text-decoration: none;
  color: #1877f2;
}
.sns-count__item--fb a i {
  display: inline-block;
  margin-right: 0.5em;
}
.sns-count__item--tw a {
  text-decoration: none;
  color: #000;
}
.sns-count__item--tw a:link, .sns-count__item--tw a:hover, .sns-count__item--tw a:active, .sns-count__item--tw a:focus {
  text-decoration: none;
  color: #000;
}
.sns-count__item--tw a i {
  display: inline-block;
  margin-right: 0.5em;
}
.sns-count__item--line a {
  text-decoration: none;
  color: #06c755;
}
.sns-count__item--line a:link, .sns-count__item--line a:hover, .sns-count__item--line a:active, .sns-count__item--line a:focus {
  text-decoration: none;
  color: #06c755;
}
.sns-count__item--line a i {
  display: inline-block;
  margin-right: 0.5em;
}

.sns-share {
  z-index: 100;
  display: none;
}
@media screen and (max-width: 640px) {
  .sns-share {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 641px) {
  .sns-share {
    position: fixed;
    top: 300px;
    right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .sns-share {
    right: calc((100% - 1020px) / 2 - 100px);
  }
}
@media screen and (max-width: 640px) {
  .sns-share__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .sns-share__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 641px) {
  .sns-share__item:not(:first-child) {
    margin-top: 10px;
  }
}
.sns-share__item a {
  text-decoration: none;
  color: #fff;
}
.sns-share__item a:link, .sns-share__item a:hover, .sns-share__item a:active, .sns-share__item a:focus {
  text-decoration: none;
  color: #fff;
}
.sns-share__item a {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  display: block;
}
@media screen and (max-width: 640px) {
  .sns-share__item a {
    line-height: 40px;
  }
}
@media screen and (min-width: 641px) {
  .sns-share__item a {
    border-radius: 50%;
    width: 2em;
    height: 2em;
    line-height: 2;
  }
}
.sns-share__fb {
  background: #3b5998;
}
.sns-share__tw {
  background: #55acee;
}
.sns-share__hatena {
  background: #008fde;
}

.post-tag {
  display: flex;
  flex-wrap: wrap;
}
.post-tag__item:not(:first-child) {
  margin-left: 0.5em;
}
.post-tag__item a {
  text-decoration: none;
  color: #323c47;
}
.post-tag__item a:link, .post-tag__item a:hover, .post-tag__item a:active, .post-tag__item a:focus {
  text-decoration: none;
  color: #323c47;
}
.post-tag__item a {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  padding: 0.5em 1em;
  background: #f4f4f4;
}
.post-tag__item a:hover {
  opacity: 0.6;
}

.large-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .large-list {
    margin-top: 60px;
  }
}

.large-item {
  width: 100%;
}
.large-item:not(:first-child) {
  margin-top: 30px;
}
.large-item__link {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  color: #333333;
}
.large-item__link:link, .large-item__link:hover, .large-item__link:active, .large-item__link:focus {
  text-decoration: none;
  color: #333333;
}
.large-item__link {
  border: 1px solid #f4f4f4;
  padding: 1.9%;
  width: 100%;
  position: relative;
  transition: 0.3s;
}
.large-item__link:hover {
  box-shadow: 3px 3px 10px 5px #f4f4f4;
}
.large-item__img {
  width: 38.77%;
}
.large-item__info {
  width: 61.22%;
  padding: 3.3333333333%;
}
.large-item__cat {
  color: #fff;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  padding: 0.5em 1em;
  margin-right: 1em;
  font-size: 10px;
  font-size: 0.625rem;
}
.large-item__date {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 641px) {
  .large-item__date {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.large-item__ttl {
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 15px;
}
@media screen and (min-width: 961px) {
  .large-item__ttl {
    font-size: 2vw;
  }
}
@media screen and (min-width: 1200px) {
  .large-item__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.large-item__like {
  color: #f54614;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width: 640px) {
  .large-item__like {
    text-align: right;
  }
}
@media screen and (min-width: 641px) {
  .large-item__like {
    position: absolute;
    right: 3%;
    bottom: 9%;
  }
}
.large-item__like:before {
  content: "\f004";
  font: var(--fa-font-regular);
  margin-right: 0.5em;
}

.relate {
  padding: 0 0 80px;
}
@media screen and (min-width: 641px) {
  .relate {
    padding: 0 0 100px;
  }
}
.relate__btn {
  margin: 50px auto 0;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 961px) {
  .relate__btn {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 80px;
  }
}

.archive {
  padding-bottom: 80px;
}
@media screen and (min-width: 641px) {
  .archive {
    padding-bottom: 150px;
  }
}
.archive__description {
  width: 880px;
  max-width: 90%;
  margin: 50px auto;
  line-height: 2;
}
@media screen and (min-width: 641px) {
  .archive__description {
    font-size: 16px;
    font-size: 1rem;
    margin: 80px auto;
  }
}
.archive--special {
  padding: 80px 0 0;
}
@media screen and (min-width: 641px) {
  .archive--special {
    padding: 100px 0 0;
  }
}
.archive--relate {
  padding: 80px 0 30px;
}
@media screen and (min-width: 641px) {
  .archive--relate {
    padding: 100px 0 50px;
  }
}

.archive-linkarea__ttl {
  color: #000;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  margin-right: 10px;
}
@media screen and (min-width: 641px) {
  .archive-linkarea__ttl {
    margin-right: 20px;
  }
}
.archive-linkarea__select {
  display: inline-block;
  width: 200px;
  position: relative;
  cursor: pointer;
}
.archive-linkarea__select:after {
  content: "\f0d7";
  font: var(--fa-font-regular);
  position: absolute;
  width: 1em;
  height: 1em;
  line-height: 1;
  top: 0;
  bottom: 0;
  right: 1em;
  margin: auto;
  pointer-events: none;
}
.archive-linkarea__select select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fbfafa;
  padding: 0.5em 1em;
  font-size: 12px;
  font-size: 0.75rem;
  border: none;
  width: 100%;
}
.archive-linkarea__select option {
  line-height: 2;
}

.archive-category {
  margin-bottom: 40px;
}
@media screen and (min-width: 641px) {
  .archive-category {
    margin-bottom: 60px;
  }
}

.archive-category__ttl {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 641px) {
  .archive-category__ttl {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px;
  }
}
.archive-category__ttl svg {
  width: 12px;
  height: auto;
}

.archive-category__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (min-width: 641px) {
  .archive-category__list {
    gap: 12px;
  }
}

.archive-category__item {
  flex-shrink: 0;
}

.archive-category__btn {
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid #ccc;
  border-radius: 9999px;
  background: #fff;
  color: #333;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (min-width: 641px) {
  .archive-category__btn {
    padding: 14px 32px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.archive-category__btn:hover {
  border-color: #f54614;
  color: #f54614;
}

.archive-category__btn.is-active {
  background: #f54614;
  border-color: #f54614;
  color: #fff;
}

.faq {
  padding: 50px 0 80px;
}
@media screen and (min-width: 641px) {
  .faq {
    padding: 80px 0 100px;
  }
}
.faq__sec {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .faq__sec {
    margin-top: 80px;
  }
}

.faq-about {
  padding: 0 0 80px;
}
@media screen and (min-width: 641px) {
  .faq-about {
    padding: 0 0 100px;
  }
}
@media screen and (min-width: 641px) {
  .faq-about__txt {
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
  }
}

.faq-item:not(:first-child) {
  margin-top: 30px;
}
@media screen and (min-width: 641px) {
  .faq-item:not(:first-child) {
    margin-top: 50px;
  }
}
.faq-item__question {
  color: #000;
  line-height: 1.5;
  margin-top: 2em;
  position: relative;
  padding: 0.25em 0;
  font-size: 18px;
  font-size: 1.125rem;
  padding-left: 50px;
}
@media screen and (min-width: 641px) {
  .faq-item__question {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .faq-item__question {
    font-size: 26px;
    font-size: 1.625rem;
    padding-left: 70px;
  }
}
.faq-item__answer {
  margin-top: 2em;
  position: relative;
  padding-left: 50px;
  min-height: 36px;
}
@media screen and (min-width: 641px) {
  .faq-item__answer {
    min-height: 44px;
  }
}
@media screen and (min-width: 1200px) {
  .faq-item__answer {
    padding-left: 70px;
    min-height: 52px;
  }
}
.faq-item__answer p {
  line-height: 2;
}
@media screen and (min-width: 641px) {
  .faq-item__answer p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.faq-item__answer p:not(:first-child) {
  margin-top: 1.5em;
}
.faq-item__icon {
  background: linear-gradient(45deg, #f54614 0%, #f8744f 100%);
  width: 2em;
  height: 2em;
  display: block;
  border-radius: 50%;
  padding: 1px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 2;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 641px) {
  .faq-item__icon {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .faq-item__icon {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.faq-item__icon--a {
  color: #fff;
  font-weight: bold;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
}
.faq-item__iconbg {
  background: #fff;
  color: #000;
  font-weight: bold;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  border-radius: 50%;
  display: block;
  line-height: 2;
  text-align: center;
  width: calc(2em - 2px);
  height: calc(2em - 2px);
}

.merit-about__txt {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .merit-about__txt {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.merit-about__list {
  counter-reset: number 0;
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .merit-about__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 80px;
  }
}
.merit-about__item {
  counter-increment: number 1;
  box-shadow: 0 3px 26px #f4f4f4;
  text-align: center;
  padding: 30px 0 0;
}
@media screen and (max-width: 640px) {
  .merit-about__item {
    max-width: 300px;
    margin: auto;
  }
  .merit-about__item:not(:first-child) {
    margin-top: 30px;
  }
}
@media screen and (min-width: 641px) {
  .merit-about__item {
    width: 26.8%;
    padding: 40px 0 20px;
  }
  .merit-about__item:not(:first-child) {
    margin-left: 3.09278%;
  }
}
.merit-about__item:before {
  content: "0" counter(number);
  display: block;
  color: #000;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 20px;
  font-size: 1.25rem;
}
.merit-about__strong {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 50px;
  line-height: 1.5;
}
@media screen and (min-width: 641px) {
  .merit-about__strong {
    margin-top: 80px;
    text-align: center;
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.merit-figure {
  background: #fbfafa;
  margin-top: 50px;
  padding: 7% 10% 10%;
}
@media screen and (min-width: 641px) {
  .merit-figure {
    padding: 4.16666% 8.66666%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 80px;
  }
}
@media screen and (min-width: 641px) {
  .merit-figure__img {
    width: 47.83%;
  }
}
.merit-figure__txt {
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (max-width: 640px) {
  .merit-figure__txt {
    margin-top: 50px;
  }
}
@media screen and (min-width: 641px) {
  .merit-figure__txt {
    width: 50.51%;
    font-size: 1.66666vw;
    letter-spacing: -0.05em;
  }
}
@media screen and (min-width: 1200px) {
  .merit-figure__txt {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.merit-figure__txt--pink {
  color: #f54614;
}
.merit-figure__txt p:not(:first-child) {
  margin: 1em 0 0;
}
@media screen and (min-width: 641px) {
  .merit-figure__txt p:not(:first-child) {
    margin: 3em 0 1em;
  }
}

.merit-promise {
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .merit-promise {
    margin-top: 60px;
  }
}
@media screen and (max-width: 640px) {
  .merit-promise__txt {
    color: #fff;
    background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: bold;
    line-height: 1.8;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.merit-detail {
  margin-top: 100px;
}
@media screen and (min-width: 641px) {
  .merit-detail {
    margin-top: 160px;
  }
}
.merit-detail__sec:not(:first-child) {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .merit-detail__sec:not(:first-child) {
    margin-top: 120px;
  }
}
.merit-detail__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.merit-detail__ttl {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 26px;
  font-size: 1.625rem;
  width: 20%;
}
@media screen and (min-width: 641px) {
  .merit-detail__ttl {
    font-size: 40px;
    font-size: 2.5rem;
    width: 19.16%;
  }
}
@media screen and (min-width: 1200px) {
  .merit-detail__ttl {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
.merit-detail__ttl span {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.merit-detail__info {
  width: 75%;
}
@media screen and (min-width: 641px) {
  .merit-detail__info {
    width: 80.83%;
  }
}
.merit-detail__strong {
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .merit-detail__strong {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.merit-detail__txt {
  line-height: 2;
  margin-top: 2em;
}
@media screen and (min-width: 641px) {
  .merit-detail__txt {
    font-size: 16px;
    font-size: 1rem;
  }
}
.merit-detail__txt p:not(:first-child) {
  margin-top: 1em;
}
.merit-detail__imgwrap {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 641px) {
  .merit-detail__imgwrap {
    margin-top: 80px;
  }
}
.merit-detail__img {
  width: 48.33%;
}
@media screen and (min-width: 641px) {
  .merit-detail__btnarea {
    display: flex;
    flex-wrap: wrap;
  }
}
.merit-detail__btnarea {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .merit-detail__btnarea {
    justify-content: center;
    margin-top: 80px;
  }
}
.merit-detail__btn, .merit-detail__btn--white {
  border: 1px solid #000;
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .merit-detail__btn, .merit-detail__btn--white {
    margin: 20px auto;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 641px) {
  .merit-detail__btn, .merit-detail__btn--white {
    max-width: 49%;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 641px) {
  .merit-detail__btn:not(:first-child), .merit-detail__btn--white:not(:first-child) {
    margin-left: 2px;
  }
}
@media screen and (min-width: 1200px) {
  .merit-detail__btn:not(:first-child), .merit-detail__btn--white:not(:first-child) {
    margin-left: 30px;
  }
}
.merit-detail__btn--white {
  background: #fff;
  text-decoration: none;
  color: #000;
}
.merit-detail__btn--white:link, .merit-detail__btn--white:hover, .merit-detail__btn--white:active, .merit-detail__btn--white:focus {
  text-decoration: none;
  color: #000;
}
.merit-detail__btn--white:after {
  background: url("../images/common/btn-arrow-black.png") no-repeat center center;
  background-size: contain;
}
.merit-detail__read {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .merit-detail__read {
    margin-top: 100px;
  }
}
.merit-detail__readbtn {
  margin: 50px auto 0;
}
@media screen and (min-width: 641px) {
  .merit-detail__readbtn {
    font-size: 16px;
    font-size: 1rem;
    margin: 80px auto 0;
  }
}
@media screen and (min-width: 641px) {
  .merit-detail__readbtn {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.merit-detail__ttl--01 {
  background: url(../images/merit/detail-ttl-num01.png) no-repeat left top/contain;
}

.merit-detail__ttl--02 {
  background: url(../images/merit/detail-ttl-num02.png) no-repeat left top/contain;
}

.merit-detail__ttl--03 {
  background: url(../images/merit/detail-ttl-num03.png) no-repeat left top/contain;
}

.point-about {
  padding-bottom: 80px;
}
@media screen and (min-width: 641px) {
  .point-about {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 641px) {
  .point-about__txt {
    font-size: 16px;
    font-size: 1rem;
  }
}
.point-about__nav {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .point-about__nav {
    margin-top: 80px;
  }
}
.point-about__navlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.point-about__navitem {
  width: 48.33%;
}
.point-about__navitem:nth-child(even) {
  margin-left: 3.33333333%;
}

.point-sec__ttlarea {
  padding: 80px 0;
}
@media screen and (min-width: 641px) {
  .point-sec__ttlarea {
    padding: 100px 0;
  }
}
@media screen and (min-width: 1200px) {
  .point-sec__ttlarea {
    padding: 200px 0;
  }
}
.point-sec__ttl {
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-size: 1.75rem;
}
@media screen and (min-width: 641px) {
  .point-sec__ttl {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.point-sec__sttl {
  color: #000;
  font-size: 26px;
  font-size: 1.625rem;
}
@media screen and (min-width: 641px) {
  .point-sec__sttl {
    font-size: 38px;
    font-size: 2.375rem;
  }
}
.point-sec__txt {
  line-height: 1.5;
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .point-sec__txt {
    text-align: center;
  }
}
.point-sec__txt p {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .point-sec__txt p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.point-sec__txt p:not(:first-child) {
  margin-top: 1em;
}
.point-sec__stxt {
  line-height: 1.5;
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .point-sec__stxt p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.point-sec__stxt p:not(:first-child) {
  margin-top: 1em;
}
.point-sec__strong {
  color: #000;
  line-height: 1.5;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .point-sec__strong {
    font-size: 22px;
    font-size: 1.375rem;
    text-align: center;
    margin-top: 100px;
  }
}
.point-sec__btn {
  margin: 40px auto 0 !important;
}
.point-sec__btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .point-sec__btns {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 24px;
  }
}
.point-sec__btns .point-sec__btn {
  margin: 0 !important;
  width: 100%;
  max-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.point-key {
  padding-bottom: 100px;
}
@media screen and (min-width: 641px) {
  .point-key {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .point-key {
    padding-bottom: 200px;
  }
}
.point-key__ttlarea {
  background: url("../images/point/key-bg.jpg") no-repeat center center/cover;
}

.point-behavioral {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .point-behavioral {
    margin-top: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .point-behavioral {
    margin-top: 120px;
  }
}
.point-behavioral__link {
  margin-top: 40px;
}
@media screen and (min-width: 641px) {
  .point-behavioral__link {
    margin-top: 60px;
  }
}

.point-detail {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .point-detail {
    margin-top: 100px;
  }
}

.point-key-list {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .point-key-list {
    margin-top: 100px;
  }
}

.point-promise {
  margin-top: 100px;
}
@media screen and (min-width: 641px) {
  .point-promise {
    margin-top: 160px;
  }
}
.point-promise__sec:not(:first-child) {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .point-promise__sec:not(:first-child) {
    margin-top: 120px;
  }
}
.point-promise__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 650px;
  margin: auto;
}
.point-promise__num {
  width: 25%;
  padding-right: 5%;
}
@media screen and (min-width: 641px) {
  .point-promise__num {
    width: 25%;
  }
}
.point-promise__ttljp {
  display: inline-block;
  margin-right: 0.5em;
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-size: 26px;
  font-size: 1.625rem;
}
@media screen and (min-width: 641px) {
  .point-promise__ttljp {
    font-size: 34px;
    font-size: 2.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .point-promise__ttljp {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.point-promise__ttlen {
  display: inline-block;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  color: #000;
}
.point-promise__info {
  width: 75%;
}
@media screen and (min-width: 641px) {
  .point-promise__info {
    width: 75%;
  }
}
.point-promise__strong {
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 0.5em;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 641px) {
  .point-promise__strong {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.point-promise__txt {
  line-height: 2;
  margin-top: 1em;
}
@media screen and (min-width: 641px) {
  .point-promise__txt {
    font-size: 16px;
    font-size: 1rem;
  }
}
.point-promise__txt p:not(:first-child) {
  margin-top: 1em;
}
.point-promise__read {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .point-promise__read {
    margin-top: 100px;
  }
}
.point-promise__readbtn {
  margin: 50px auto 0;
}
@media screen and (min-width: 641px) {
  .point-promise__readbtn {
    font-size: 16px;
    font-size: 1rem;
    margin: 80px auto 0;
  }
}
@media screen and (min-width: 641px) {
  .point-promise__readbtn {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.point-key-item:not(:first-child) {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .point-key-item:not(:first-child) {
    margin-top: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .point-key-item:not(:first-child) {
    margin-top: 120px;
  }
}
@media screen and (min-width: 641px) {
  .point-key-item__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 641px) {
  .point-key-item__info {
    width: 45.37%;
  }
}
@media screen and (min-width: 641px) {
  .point-key-item__img {
    width: 42.59%;
  }
}
@media screen and (max-width: 640px) {
  .point-key-item__img {
    margin-top: 30px;
  }
}
.point-key-item__ttl {
  font-size: 26px;
  font-size: 1.625rem;
}
@media screen and (min-width: 641px) {
  .point-key-item__ttl {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.point-key-item__ttl span {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.point-key-item__strong {
  color: #000;
  margin-top: 40px;
  font-weight: bold;
  line-height: 1.5;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 641px) {
  .point-key-item__strong {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.point-key-item__txt {
  margin-top: 40px;
}
.point-key-item__txt strong {
  color: #000;
}
.point-key-item__txt p {
  line-height: 2;
}
@media screen and (min-width: 641px) {
  .point-key-item__txt p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.point-key-item__txt p:not(:first-child) {
  margin-top: 2em;
}
.point-key-item__txt blockquote {
  background: #fbfafa;
  line-height: 2;
  padding: 20px;
}
@media screen and (min-width: 641px) {
  .point-key-item__txt blockquote {
    padding: 40px 30px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.point-key-item__txt blockquote:not(:first-child) {
  margin-top: 2em;
}
.point-key-item__txt strong {
  color: #000;
  font-weight: bold;
}

.point-adopted {
  padding-bottom: 100px;
  background: #fbfafa;
}
@media screen and (min-width: 641px) {
  .point-adopted {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .point-adopted {
    padding-bottom: 200px;
  }
}
.point-adopted__img {
  text-align: center;
}
.point-adopted__img img {
  width: 591px;
}
.point-adopted__ttlarea {
  background: url("../images/point/adopted-bg.jpg") no-repeat center center/cover;
}

.point-adopted-list {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .point-adopted-list {
    margin-top: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .point-adopted-list {
    margin-top: 160px;
  }
}

.point-adopted-item:not(:first-child) {
  margin-top: 80px;
}
@media screen and (min-width: 641px) {
  .point-adopted-item:not(:first-child) {
    margin-top: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .point-adopted-item:not(:first-child) {
    margin-top: 180px;
  }
}
.point-adopted-item__ttl {
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (min-width: 641px) {
  .point-adopted-item__ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.point-adopted-item__ttl span {
  color: #fff;
  background: linear-gradient(90deg, #f54614 0%, #f8744f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.point-adopted-item__txt {
  margin-top: 40px;
}
.point-adopted-item__txt p {
  line-height: 2;
}
@media screen and (min-width: 641px) {
  .point-adopted-item__txt p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.point-adopted-item__txt p:not(:first-child) {
  margin-top: 2em;
}
.point-adopted-item__txt p img {
  display: block;
  margin: auto;
}
.point-adopted-item__txt strong {
  color: #000;
  font-weight: bold;
}
@media screen and (min-width: 641px) {
  .point-adopted-item__btnarea {
    display: flex;
    flex-wrap: wrap;
  }
}
.point-adopted-item__btnarea {
  margin-top: 50px;
}
@media screen and (min-width: 641px) {
  .point-adopted-item__btnarea {
    justify-content: space-between;
    margin-top: 80px;
  }
}
.point-adopted-item__btn, .point-adopted-item__btn--white {
  border: 1px solid #000;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .point-adopted-item__btn, .point-adopted-item__btn--white {
    margin: 20px auto;
  }
}
@media screen and (min-width: 641px) {
  .point-adopted-item__btn, .point-adopted-item__btn--white {
    max-width: 49%;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.point-adopted-item__btn--white {
  background: #fff;
  text-decoration: none;
  color: #000;
}
.point-adopted-item__btn--white:link, .point-adopted-item__btn--white:hover, .point-adopted-item__btn--white:active, .point-adopted-item__btn--white:focus {
  text-decoration: none;
  color: #000;
}
.point-adopted-item__btn--white:after {
  background: url("../images/common/btn-arrow-black.png") no-repeat center center;
  background-size: contain;
}

@keyframes btngradient {
  0% {
    background: linear-gradient(90deg, #f8744f 0%, #f54614 100%);
  }
  10% {
    background: linear-gradient(90deg, #f8744f 10%, #f54614 100%);
  }
  15% {
    background: linear-gradient(90deg, #f8744f 15%, #f54614 100%);
  }
  25% {
    background: linear-gradient(90deg, #f8744f 25%, #f54614 100%);
  }
  40% {
    background: linear-gradient(90deg, #f8744f 40%, #f54614 100%);
  }
  50% {
    background: linear-gradient(90deg, #f8744f 50%, #f54614 100%);
  }
  60% {
    background: linear-gradient(90deg, #f8744f 60%, #f54614 100%);
  }
  75% {
    background: linear-gradient(90deg, #f8744f 75%, #f54614 100%);
  }
  80% {
    background: linear-gradient(90deg, #f8744f 80%, #f54614 100%);
  }
  90% {
    background: linear-gradient(90deg, #f8744f 90%, #f54614 100%);
  }
  100% {
    background: linear-gradient(90deg, #f8744f 100%, #f54614 100%);
  }
}
@keyframes btngradient--green {
  0% {
    background: linear-gradient(90deg, #0eb772 0%, #34b2e4 100%);
  }
  10% {
    background: linear-gradient(90deg, #0eb772 10%, #34b2e4 100%);
  }
  15% {
    background: linear-gradient(90deg, #0eb772 15%, #34b2e4 100%);
  }
  25% {
    background: linear-gradient(90deg, #0eb772 25%, #34b2e4 100%);
  }
  40% {
    background: linear-gradient(90deg, #0eb772 40%, #34b2e4 100%);
  }
  50% {
    background: linear-gradient(90deg, #0eb772 50%, #34b2e4 100%);
  }
  60% {
    background: linear-gradient(90deg, #0eb772 60%, #34b2e4 100%);
  }
  75% {
    background: linear-gradient(90deg, #0eb772 75%, #34b2e4 100%);
  }
  80% {
    background: linear-gradient(90deg, #0eb772 80%, #34b2e4 100%);
  }
  90% {
    background: linear-gradient(90deg, #0eb772 90%, #34b2e4 100%);
  }
  100% {
    background: linear-gradient(90deg, #0eb772 100%, #34b2e4 100%);
  }
}
.fukidashi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
  align-items: flex-start;
}
.fukidashi:not(:first-child) {
  margin-top: 40px;
}
.fukidashi--right {
  flex-direction: row-reverse;
}
.fukidashi > :not(:first-child) {
  margin-top: 0;
}
.fukidashi p:not(:first-child) {
  margin-top: 0.5em;
  line-height: 1.8;
}
.fukidashi__img {
  width: 60px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .fukidashi__img {
    width: 100px;
  }
}
.fukidashi__img img {
  border-radius: 50%;
}
.fukidashi__img figcaption {
  font-size: 10px;
  font-size: 0.625rem;
  margin-top: 1em;
}
.fukidashi__txt {
  width: calc(100% - 80px);
  position: relative;
  padding: 20px;
  border: 3px solid #f4f4f4;
  border-radius: 10px;
  margin-top: 0;
  z-index: 0;
  background: #fff;
}
@media screen and (min-width: 641px) {
  .fukidashi__txt {
    width: calc(100% - 120px);
  }
}
.fukidashi__txt:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: 15px solid #fff;
  position: absolute;
  top: 15px;
  z-index: 1;
}
.fukidashi__txt:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: 18px solid transparent;
  position: absolute;
  top: 12px;
  z-index: -1;
}
.fukidashi__txt--white:after {
  border-color: #f4f4f4;
}
.fukidashi__txt--pink {
  border-color: #f9dce2;
}
.fukidashi__txt--pink:after {
  border-color: #f9dce2;
}
.fukidashi__txt--orange {
  border-color: #ffeed2;
}
.fukidashi__txt--orange:after {
  border-color: #ffeed2;
}
.fukidashi__txt--blue {
  border-color: #acdff4;
}
.fukidashi__txt--blue:after {
  border-color: #acdff4;
}
.fukidashi__txt--green {
  border-color: #9af7d1;
}
.fukidashi__txt--green:after {
  border-color: #9af7d1;
}
.fukidashi__txt--left:before {
  left: -30px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.fukidashi__txt--left:after {
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  left: -37px;
}
.fukidashi__txt--right:before {
  right: -30px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.fukidashi__txt--right:after {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -37px;
}

@keyframes btngradient {
  0% {
    background: linear-gradient(90deg, #f8744f 0%, #f54614 100%);
  }
  10% {
    background: linear-gradient(90deg, #f8744f 10%, #f54614 100%);
  }
  15% {
    background: linear-gradient(90deg, #f8744f 15%, #f54614 100%);
  }
  25% {
    background: linear-gradient(90deg, #f8744f 25%, #f54614 100%);
  }
  40% {
    background: linear-gradient(90deg, #f8744f 40%, #f54614 100%);
  }
  50% {
    background: linear-gradient(90deg, #f8744f 50%, #f54614 100%);
  }
  60% {
    background: linear-gradient(90deg, #f8744f 60%, #f54614 100%);
  }
  75% {
    background: linear-gradient(90deg, #f8744f 75%, #f54614 100%);
  }
  80% {
    background: linear-gradient(90deg, #f8744f 80%, #f54614 100%);
  }
  90% {
    background: linear-gradient(90deg, #f8744f 90%, #f54614 100%);
  }
  100% {
    background: linear-gradient(90deg, #f8744f 100%, #f54614 100%);
  }
}
@keyframes btngradient--green {
  0% {
    background: linear-gradient(90deg, #0eb772 0%, #34b2e4 100%);
  }
  10% {
    background: linear-gradient(90deg, #0eb772 10%, #34b2e4 100%);
  }
  15% {
    background: linear-gradient(90deg, #0eb772 15%, #34b2e4 100%);
  }
  25% {
    background: linear-gradient(90deg, #0eb772 25%, #34b2e4 100%);
  }
  40% {
    background: linear-gradient(90deg, #0eb772 40%, #34b2e4 100%);
  }
  50% {
    background: linear-gradient(90deg, #0eb772 50%, #34b2e4 100%);
  }
  60% {
    background: linear-gradient(90deg, #0eb772 60%, #34b2e4 100%);
  }
  75% {
    background: linear-gradient(90deg, #0eb772 75%, #34b2e4 100%);
  }
  80% {
    background: linear-gradient(90deg, #0eb772 80%, #34b2e4 100%);
  }
  90% {
    background: linear-gradient(90deg, #0eb772 90%, #34b2e4 100%);
  }
  100% {
    background: linear-gradient(90deg, #0eb772 100%, #34b2e4 100%);
  }
}
.speaker--pink {
  color: #df4c6c;
}
.speaker--blue {
  color: #34b2e4;
}
.speaker--purple {
  color: #ad4adb;
}

.marker {
  background: linear-gradient(transparent 50%, rgba(249, 102, 134, 0.25) 50%);
  font-weight: bold;
}

.big {
  font-size: 120%;
}

.notfound {
  padding: 0 0 50px;
}
@media screen and (min-width: 641px) {
  .notfound {
    padding: 0 0 80px;
  }
}
@media screen and (min-width: 961px) {
  .notfound {
    padding: 0 0 100px;
  }
}
@media screen and (min-width: 641px) {
  .notfound__txt {
    text-align: center;
  }
}

/************************************
** レスポンシブページネーション
************************************/
.pagination {
  list-style-type: none;
  padding-left: 0;
  margin: 20px 0 50px;
}
@media screen and (min-width: 641px) {
  .pagination {
    margin: 30px 0 80px;
  }
}

.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
}

.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration: none;
  background: #fff;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  text-decoration: none;
  color: #000;
}
.pagination a:link, .pagination a:hover, .pagination a:active, .pagination a:focus {
  text-decoration: none;
  color: #000;
}

.pagination li {
  margin: 0 5px;
  border: #f4f4f4 1px solid;
}

.pagination li:not([class*=current]) a:hover {
  background-color: #fbfafa;
  color: #000;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.next span,
.pagination li.previous span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.next a::after,
.pagination li.previous a::before {
  display: inline-block;
  font: var(--fa-font-regular);
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before {
  content: "\f100";
  font-weight: 900;
}

.pagination li.last a::after {
  content: "\f101";
}

.pagination li.previous a::before {
  content: "\f104";
  font-weight: 900;
}

.pagination li.next a::after {
  content: "\f105";
  font-weight: 900;
}

.pagination li.current a {
  background-color: #000;
  cursor: default;
  pointer-events: none;
  color: #fff;
}

@media only screen and (max-width: 680px) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pagination li.previous a {
    border-left-width: 1px;
  }
}
@media only screen and (max-width: 500px) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.next,
  .pagination li.previous {
    position: initial;
    top: initial;
    left: initial;
  }
  .pagination li.previous a {
    border-left-width: 0;
  }
}
@media only screen and (max-width: 400px) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pagination li.previous a {
    border-left-width: 1px;
  }
}
@media only screen and (max-width: 240px) {
  /* For watches? */
  .pagination li {
    width: 50%;
  }
  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}
.page-company .cont__inner {
  max-width: 1212px;
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 960px) {
  .page-company .cont__inner {
    padding: 0 20px;
  }
}
.page-company section + section {
  margin-top: 110px;
}
@media screen and (max-width: 960px) {
  .page-company section + section {
    margin-top: 80px;
  }
}
.page-company .page-company .page-main__ttl {
  text-transform: none;
}
.page-company .hero {
  position: relative;
  background: url("../images/company/hero-bg.png") no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
.page-company .hero::before {
  content: "WHAT is ASUE?";
  position: absolute;
  bottom: -32px;
  right: 0;
  font-family: Montserrat, "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 129.041px;
  font-weight: 700;
  color: #f2f2f2;
  line-height: normal;
  white-space: nowrap;
  pointer-events: none;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .page-company .hero::before {
    font-size: 44px;
    bottom: -4px;
  }
}
.page-company .hero__container {
  display: flex;
  justify-content: space-between;
  gap: 60px;
  align-items: flex-start;
  padding: 66px 24px 110px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .page-company .hero__container {
    flex-direction: column;
    gap: 40px;
    padding: 50px 0;
  }
}
.page-company .hero__text {
  flex: 1;
  max-width: 620px;
}
.page-company .hero__label {
  font-size: 20px;
  font-weight: bold;
  color: #f54614;
  margin-bottom: 26px;
}
@media screen and (max-width: 960px) {
  .page-company .hero__label {
    font-size: 18px;
  }
}
.page-company .hero__lead {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  line-height: 1.7;
  letter-spacing: 0.02em;
  margin-bottom: 40px;
}
@media screen and (max-width: 960px) {
  .page-company .hero__lead {
    font-size: 16px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 960px) {
  .page-company .hero__lead br {
    display: none;
  }
}
.page-company .hero__desc p {
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
}
.page-company .hero__desc p:last-child {
  margin-bottom: 0;
}
.page-company .hero__photos {
  flex: 0 0 450px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-top: 48px;
}
@media screen and (max-width: 960px) {
  .page-company .hero__photos {
    flex: none;
    width: 100%;
    max-width: 400px;
  }
}
.page-company .hero__photo {
  margin: 0;
  position: relative;
}
.page-company .hero__photo img {
  max-width: 390px;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}
.page-company .hero__photo--top {
  position: relative;
  left: 135px;
}
@media screen and (max-width: 960px) {
  .page-company .hero__photo--top {
    left: 20px;
  }
}
.page-company .hero__photo--bottom {
  position: relative;
}
@media screen and (max-width: 960px) {
  .page-company .hero__photo--bottom {
    right: 20px;
  }
}
.page-company .business {
  position: relative;
  overflow: hidden;
  padding-top: 0px;
  padding: 0 24px;
}
@media screen and (max-width: 960px) {
  .page-company .business {
    padding: 0;
  }
}
.page-company .business__label {
  font-size: 20px;
  font-weight: bold;
  color: #f54614;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .page-company .business__label {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.page-company .business__container {
  display: flex;
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 960px) {
  .page-company .business__container {
    flex-direction: column;
    gap: 50px;
  }
}
.page-company .business__content {
  flex: 1;
  max-width: 580px;
}
.page-company .business__title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 40px;
}
@media screen and (max-width: 960px) {
  .page-company .business__title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.page-company .business__title-highlight {
  color: inherit;
}
.page-company .business__description {
  margin-bottom: 28px;
}
.page-company .business__description p {
  font-size: 15px;
  line-height: 2;
  color: #333333;
}
.page-company .business__points {
  list-style: none;
  padding: 0;
}
.page-company .business__points li {
  font-size: 15px;
  line-height: 2;
  color: #333333;
  position: relative;
}
.page-company .business__note {
  font-size: 15px;
  line-height: 2;
  color: #333333;
}
@media screen and (max-width: 960px) {
  .page-company .business__note {
    font-size: 16px;
  }
}
.page-company .business__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 64px 0px 0 4px;
  min-height: 48px;
  padding: 16px 32px;
  width: 311px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #333333;
  color: #fff;
  border: 1px solid #333333;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  .page-company .business__button {
    display: flex;
    width: 100%;
    max-width: 300px;
    margin: 60px auto 0;
    font-size: 16px;
    min-height: 44px;
    padding: 0 30px;
  }
}
.page-company .business__button:hover svg {
  margin-left: 10px;
}
.page-company .business__button span {
  font-size: inherit;
  font-weight: inherit;
}
.page-company .business__button svg {
  width: 20px;
  height: 20px;
  margin-left: 0;
  transition: margin-left 0.3s ease;
}
.page-company .business__diagram {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 544px;
  position: relative;
  top: -6px;
  right: -8px;
}
@media screen and (max-width: 960px) {
  .page-company .business__diagram {
    flex: none;
    width: 100%;
    max-width: 400px;
    top: 0;
    right: 0;
    margin: 0 auto;
  }
}
.page-company .business__diagram img {
  width: 100%;
  height: auto;
  display: block;
}
.page-company .business__bg-text {
  font-family: Montserrat, "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 129.041px;
  font-weight: 700;
  opacity: 0.1;
  background: linear-gradient(90deg, #f54614 -1.23%, #fcb206 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  margin-top: 40px;
}
@media screen and (max-width: 960px) {
  .page-company .business__bg-text {
    font-size: 60px;
  }
}
.page-company .mission {
  background: #fff;
}
.page-company .mission__container {
  background: #f7f8fb;
  padding: 60px 76px 76px 76px;
}
@media screen and (max-width: 960px) {
  .page-company .mission__container {
    padding: 40px 20px;
  }
}
.page-company .mission__label {
  font-size: 20px;
  font-weight: bold;
  color: #f54614;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .page-company .mission__label {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.page-company .mission__title {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 60px;
}
@media screen and (max-width: 960px) {
  .page-company .mission__title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
.page-company .mission__items {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 960px) {
  .page-company .mission__items {
    gap: 30px;
  }
}
.page-company .mission__item {
  background: #fff;
  padding: 48px 64px;
  display: flex;
  align-items: center;
  gap: 104px;
}
@media screen and (max-width: 960px) {
  .page-company .mission__item {
    padding: 35px 30px;
    flex-direction: column;
    gap: 25px;
  }
}
.page-company .mission__item-left {
  flex: 0 0 auto;
  min-width: 280px;
}
@media screen and (max-width: 960px) {
  .page-company .mission__item-left {
    min-width: auto;
  }
}
.page-company .mission__item-label {
  font-size: 16px;
  font-weight: bold;
  color: #f54614;
}
.page-company .mission__item-title {
  font-family: "Hiragino Sans";
  font-size: 44px;
  font-weight: bold;
  color: #333333;
  line-height: 1.5;
  margin-top: 8px;
}
@media screen and (max-width: 960px) {
  .page-company .mission__item-title {
    font-size: 22px;
  }
}
.page-company .mission__item-right {
  flex: 1;
}
.page-company .mission__item-text {
  display: flex;
  flex-direction: column;
  line-height: 1.8;
}
.page-company .mission__item-text p {
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
  margin: 0;
}
.page-company .value {
  background: #fff;
}
.page-company .value__container {
  background: #f7f8fb;
  padding: 60px 76px 76px 76px;
}
@media screen and (max-width: 960px) {
  .page-company .value__container {
    padding: 40px 20px 30px 20px;
  }
}
.page-company .value__label {
  font-size: 20px;
  font-weight: bold;
  color: #f54614;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .page-company .value__label {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.page-company .value__title {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .page-company .value__title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.page-company .value__description {
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
  text-align: center;
  max-width: 900px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 960px) {
  .page-company .value__description {
    font-size: 16px;
    margin-bottom: 40px;
  }
}
.page-company .value__asue-promise {
  scroll-margin-top: 140px;
  margin-bottom: 60px;
}
@media screen and (max-width: 960px) {
  .page-company .value__asue-promise {
    margin-bottom: 50px;
  }
}
.page-company .value__section-title {
  font-size: 18px;
  font-weight: bold;
  color: #f54614;
  text-align: center;
  margin-bottom: 10px;
}
.page-company .value__section-subtitle {
  font-size: 14px;
  color: #999;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 960px) {
  .page-company .value__section-subtitle {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.page-company .value__cards {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 960px) {
  .page-company .value__cards {
    flex-direction: column;
    gap: 20px;
  }
}
.page-company .value__card {
  flex: 1;
  background: #fff;
  padding: 48px 32px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .page-company .value__card {
    padding: 30px 20px;
  }
}
.page-company .value__card-title {
  font-family: Montserrat, "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #f54614;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .page-company .value__card-title {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
.page-company .value__card-text {
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
}
@media screen and (max-width: 960px) {
  .page-company .value__card-text {
    font-size: 16px;
  }
}
.page-company .value__member-promise {
  margin-bottom: 0;
}
.page-company .value__items {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .page-company .value__items {
    gap: 30px;
    margin: 0 auto;
  }
}
.page-company .value__item {
  background: #fff;
  padding: 31px 30px 40px 24px;
  display: flex;
  gap: 48px;
  position: relative;
}
@media screen and (max-width: 960px) {
  .page-company .value__item {
    padding: 60px 24px 30px 24px;
    flex-direction: column;
    gap: 25px;
  }
}
.page-company .value__item-left {
  flex: 0 0 auto;
  min-width: 180px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 960px) {
  .page-company .value__item-left {
    min-width: auto;
  }
}
.page-company .value__item-title-ja {
  font-family: Montserrat, "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #f54614;
  line-height: normal;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .page-company .value__item-title-ja {
    font-size: 22px;
  }
}
.page-company .value__item:nth-child(1) .value__item-title-ja::before {
  content: "01";
  position: absolute;
  top: -90px;
  font-size: 120px;
  font-weight: bold;
  color: rgba(245, 70, 20, 0.1);
  z-index: -1;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
}
@media screen and (max-width: 960px) {
  .page-company .value__item:nth-child(1) .value__item-title-ja::before {
    font-size: 80px;
    top: -54px;
    left: -5px;
  }
}
.page-company .value__item:nth-child(2) .value__item-title-ja::before {
  content: "02";
  position: absolute;
  top: -90px;
  font-size: 120px;
  font-weight: bold;
  color: rgba(245, 70, 20, 0.1);
  z-index: -1;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
}
@media screen and (max-width: 960px) {
  .page-company .value__item:nth-child(2) .value__item-title-ja::before {
    font-size: 80px;
    top: -54px;
    left: -5px;
  }
}
.page-company .value__item:nth-child(3) .value__item-title-ja::before {
  content: "03";
  position: absolute;
  top: -90px;
  font-size: 120px;
  font-weight: bold;
  color: rgba(245, 70, 20, 0.1);
  z-index: -1;
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
}
@media screen and (max-width: 960px) {
  .page-company .value__item:nth-child(3) .value__item-title-ja::before {
    font-size: 80px;
    top: -54px;
    left: -5px;
  }
}
.page-company .value__item-title-en {
  font-size: 14px;
  color: #8e8e8e;
  font-weight: bold;
  margin-top: 6px;
}
@media screen and (max-width: 960px) {
  .page-company .value__item-title-en {
    font-size: 16px;
  }
}
.page-company .value__item-right {
  flex: 1;
  position: relative;
}
.page-company .value__item:nth-child(1) .value__item-right {
  background: url("../images/company/value-emoji-smile.svg") no-repeat right 20px top 20px;
  background-size: 100px;
}
@media screen and (max-width: 960px) {
  .page-company .value__item:nth-child(1) .value__item-right {
    background-size: 70px;
    background-position: right 10px top 10px;
  }
}
.page-company .value__item:nth-child(2) .value__item-right {
  background: url("../images/company/value-emoji-team.svg") no-repeat right 20px top 20px;
  background-size: 100px;
}
@media screen and (max-width: 960px) {
  .page-company .value__item:nth-child(2) .value__item-right {
    background-size: 70px;
    background-position: right 10px top 10px;
  }
}
.page-company .value__item:nth-child(3) .value__item-right {
  background: url("../images/company/value-emoji-badge.svg") no-repeat right 20px top 20px;
  background-size: 100px;
}
@media screen and (max-width: 960px) {
  .page-company .value__item:nth-child(3) .value__item-right {
    background-size: 70px;
    background-position: right 10px top 10px;
  }
}
.page-company .value__item-lead {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 20px;
  line-height: 1.6;
}
@media screen and (max-width: 960px) {
  .page-company .value__item-lead {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.page-company .value__item-text {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
}
@media screen and (max-width: 960px) {
  .page-company .value__item-text {
    font-size: 16px;
  }
}
.page-company .environment {
  background: #fff;
  position: relative;
  overflow: hidden;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
}
@media screen and (max-width: 960px) {
  .page-company .environment {
    padding: 0;
  }
}
.page-company .environment__label {
  font-size: 20px;
  font-weight: bold;
  color: #f54614;
  margin-bottom: 20px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .page-company .environment__label {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.page-company .environment__title {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  line-height: 1.6;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .page-company .environment__title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 960px) {
  .page-company .environment__title br {
    display: none;
  }
}
.page-company .environment__description {
  font-size: 15px;
  line-height: 1.8;
  color: #333333;
  max-width: 828px;
  margin-bottom: 60px;
}
@media screen and (max-width: 960px) {
  .page-company .environment__description {
    font-size: 15px;
    margin-bottom: 40px;
  }
}
.page-company .environment__description p {
  margin: 0 0 1em;
}
.page-company .environment__description p:last-child {
  margin-bottom: 0;
}
.page-company .environment__bg-text {
  position: absolute;
  top: 0px;
  right: 20px;
  font-family: Montserrat, "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 129.041px;
  font-weight: 700;
  opacity: 0.1;
  background: linear-gradient(90deg, #f54614 -1.23%, #fcb206 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  writing-mode: vertical-rl;
  pointer-events: none;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media screen and (max-width: 960px) {
  .page-company .environment__bg-text {
    font-size: 60px;
    bottom: 50px;
    right: -3px;
  }
}
.page-company .environment__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
  position: relative;
  z-index: 1;
  max-width: 828px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 960px) {
  .page-company .environment__grid {
    grid-template-columns: 1fr;
    gap: 50px;
    margin-bottom: 40px;
  }
}
.page-company .environment__item {
  background: #fff;
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
}
.page-company .environment__item-image {
  width: 100%;
  height: 220px;
  overflow: hidden;
}
.page-company .environment__item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}
.page-company .environment__item-content {
  margin-top: 16px;
}
.page-company .environment__item-title {
  font-size: 30px;
  font-weight: bold;
  color: #f54614;
  line-height: 1.5;
  display: flex;
  align-items: baseline;
  gap: 12px;
}
@media screen and (max-width: 960px) {
  .page-company .environment__item-title {
    font-size: 24px;
  }
}
.page-company .environment__item-title-en {
  font-size: 14px;
  color: #8e8e8e;
  font-weight: normal;
}
.page-company .environment__item-text {
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
  margin-top: 12px;
}
@media screen and (max-width: 960px) {
  .page-company .environment__item-text {
    font-size: 16px;
  }
}
.page-company .environment__button {
  position: relative;
  z-index: 1;
  text-align: center;
}
.page-company .environment__button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 16px;
  min-height: 48px;
  padding: 16px 32px;
  width: 311px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #333333;
  color: #fff;
  border: 1px solid #333333;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  .page-company .environment__button a {
    display: flex;
    width: 100%;
    max-width: 300px;
    margin: 60px auto 0;
    padding: 0 30px;
    font-size: 16px;
  }
}
.page-company .environment__button a:hover svg {
  margin-left: 10px;
}
.page-company .environment__button a svg {
  width: 20px;
  height: 20px;
  margin-left: 0;
  transition: margin-left 0.3s ease;
}
.page-company .team {
  background: #fff;
  margin-top: 170px;
  padding: 0 24px;
}
@media screen and (max-width: 960px) {
  .page-company .team {
    margin-top: 100px;
    padding: 0;
  }
}
.page-company .team__label {
  font-size: 20px;
  font-weight: bold;
  color: #f54614;
  margin-bottom: 20px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .page-company .team__label {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.page-company .team__title {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  line-height: 1.6;
  margin-bottom: 44px;
}
@media screen and (max-width: 960px) {
  .page-company .team__title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 960px) {
  .page-company .team__title br {
    display: none;
  }
}
.page-company .team__graphic {
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 960px) {
  .page-company .team__graphic {
    margin-bottom: 40px;
  }
}
.page-company .team__graphic img {
  max-width: 1060px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 960px) {
  .page-company .team__graphic img {
    width: 100%;
  }
}
.page-company .team__button {
  text-align: center;
}
.page-company .team__button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 16px 32px;
  width: 311px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #333333;
  color: #fff;
  border: 1px solid #333333;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  .page-company .team__button a {
    display: flex;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 0 30px;
    font-size: 16px;
  }
}
.page-company .team__button a:hover svg {
  margin-left: 10px;
}
.page-company .team__button a svg {
  width: 20px;
  height: 20px;
  margin-left: 0;
  transition: margin-left 0.3s ease;
}
.page-company .overview {
  padding: 0 24px;
}
@media screen and (max-width: 960px) {
  .page-company .overview {
    padding: 0 20px;
  }
}
.page-company .overview__header {
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 0 30px;
  display: flex;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 960px) {
  .page-company .overview__header {
    padding: 0 20px 20px;
    gap: 16px;
  }
}
.page-company .overview__header-title {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-shrink: 0;
}
@media screen and (max-width: 960px) {
  .page-company .overview__header-title {
    font-size: 24px;
    gap: 12px;
  }
}
.page-company .overview__header-en {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #8e8e8e;
}
@media screen and (max-width: 960px) {
  .page-company .overview__header-en {
    font-size: 12px;
  }
}
.page-company .overview__ceo {
  position: relative;
  max-width: 1000px;
  margin: 40px auto 0;
}
@media screen and (max-width: 960px) {
  .page-company .overview__ceo {
    margin: 40px 0 10px;
  }
}
.page-company .overview__ceo picture {
  display: block;
}
.page-company .overview__ceo img {
  width: 100%;
  height: auto;
  display: block;
}
.page-company .overview__ceo-name-en {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #f54614;
}
@media screen and (max-width: 960px) {
  .page-company .overview__ceo-name-en {
    font-size: 12px;
  }
}
.page-company .overview .cont__inner {
  padding: 150px 0;
}
@media screen and (max-width: 960px) {
  .page-company .overview .cont__inner {
    padding: 50px 0;
  }
}
.page-company .overview__title {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .page-company .overview__title {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
.page-company .overview__title::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #f54614;
  margin: 20px auto 0;
}
@media screen and (max-width: 960px) {
  .page-company .overview__title::after {
    margin-top: 15px;
  }
}
.page-company .overview__table-wrap {
  margin: 110px auto 0;
  max-width: 860px;
}
@media screen and (max-width: 960px) {
  .page-company .overview__table-wrap {
    margin-top: 30px;
  }
}
.page-company .overview__table {
  width: 100%;
  border-collapse: collapse;
}
.page-company .overview__table tr {
  border-bottom: 1px solid #eee;
}
.page-company .overview__table th,
.page-company .overview__table td {
  padding: 24px 32px 24px 40px;
  text-align: left;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 960px) {
  .page-company .overview__table th,
  .page-company .overview__table td {
    display: block;
    padding: 15px 0;
  }
}
.page-company .overview__table th {
  max-width: 200px;
  font-weight: bold;
  color: #333333;
}
@media screen and (max-width: 960px) {
  .page-company .overview__table th {
    width: 100%;
    padding-bottom: 8px;
  }
}
.page-company .overview__table td {
  vertical-align: middle;
  color: #333333;
}
@media screen and (max-width: 960px) {
  .page-company .overview__table td {
    padding-top: 0;
  }
}
.page-company .overview__table td a {
  text-decoration: underline;
}
.page-company .overview__table td a:hover {
  text-decoration: none;
}
.page-company .office {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-company .office li {
  margin-bottom: 20px;
}
.page-company .office li:last-child {
  margin-bottom: 0;
}
.page-company .office__ttl {
  font-weight: bold;
  color: #333333;
  margin-bottom: 5px;
}
.page-company .office__txt {
  font-size: 14px;
  line-height: 1.8;
}
.page-company .office__txt input {
  border: none;
  background: transparent;
  font-size: inherit;
  font-family: inherit;
  width: auto;
  padding: 0;
}
.page-company .office__txt button {
  font-size: 10px;
  padding: 2px 8px;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  margin: 0.5em 0 0.7em 0;
}
.page-company .company-business:last-child {
  margin-bottom: 0;
}
.page-company .company-business__ttl {
  font-weight: bold;
  color: #333333;
  margin-bottom: 4px;
}
.page-company .company-business__list {
  list-style: none;
  padding: 0;
}
.page-company .company-business__list li {
  line-height: 1.8;
  margin-bottom: -6px;
}
.page-company .company-business a {
  text-decoration: underline;
}
.page-company .company-access {
  margin-top: 15px;
}
@media screen and (max-width: 960px) {
  .page-company .company-access {
    padding: 0 20px;
  }
}
.page-company .company-access__title {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .page-company .company-access__title {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
.page-company .company-access__title::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #f54614;
  margin: 20px auto 0;
}
@media screen and (max-width: 960px) {
  .page-company .company-access__title::after {
    margin-top: 15px;
  }
}
.page-company .access-info--re {
  margin-top: 96px;
  max-width: 1212px;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .page-company .access-info--re {
    margin-top: 40px;
    padding: 0;
  }
}
.page-company .contents {
  margin-top: 208px;
}
@media screen and (max-width: 960px) {
  .page-company .contents {
    margin-top: 60px;
  }
}
.page-company .contents .cont__inner {
  margin-bottom: 80px;
}
.page-company .contents__title {
  font-family: Montserrat, "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 50px;
  font-weight: 700;
  color: #f54614;
  text-align: center;
  line-height: normal;
  margin-bottom: 50px;
}
@media screen and (max-width: 960px) {
  .page-company .contents__title {
    font-size: 28px;
    margin-bottom: 30px;
  }
}
.page-company .contents__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 960px) {
  .page-company .contents__items {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.page-company .contents__item {
  font-size: 22px;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 144px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.page-company .contents__item:hover {
  transform: scale(1.02);
}
.page-company .contents__item-text {
  position: relative;
  z-index: 2;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  color: #fff;
}
@media screen and (max-width: 960px) {
  .page-company .contents__item-text {
    font-size: 16px;
  }
}
.page-company .contents__item-arrow {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 2;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.page-career .cont__inner {
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (min-width: 961px) {
  .page-career .cont__inner {
    padding: 0;
  }
}
.page-career section + section {
  margin-top: 120px;
}
@media screen and (max-width: 960px) {
  .page-career section + section {
    margin-top: 86px;
  }
}
.page-career .career-evaluation {
  background: #fff;
}
.page-career .career-evaluation__header {
  margin: 24px 0 30px;
  padding: 0 0 40px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 960px) {
  .page-career .career-evaluation__header {
    margin-bottom: 52px;
    padding-bottom: 26px;
  }
}
.page-career .career-evaluation__header-title {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  display: flex;
  align-items: baseline;
  gap: 24px;
}
@media screen and (max-width: 960px) {
  .page-career .career-evaluation__header-title {
    font-size: 28px;
    flex-direction: column;
    gap: 8px;
  }
}
.page-career .career-evaluation__header-en {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #8e8e8e;
}
@media screen and (max-width: 960px) {
  .page-career .career-evaluation__header-en {
    font-size: 14px;
  }
}
.page-career .career-evaluation__grade {
  margin: 0 0 110px;
}
@media screen and (max-width: 960px) {
  .page-career .career-evaluation__grade {
    margin-bottom: 78px;
  }
}
.page-career .career-evaluation__award {
  margin: 0 0 84px;
}
@media screen and (max-width: 960px) {
  .page-career .career-evaluation__award {
    margin-bottom: 62px;
  }
}
.page-career .career-evaluation__item-title {
  font-size: 26px;
  font-weight: bold;
  color: #f54614;
  margin-bottom: 28px;
}
@media screen and (max-width: 960px) {
  .page-career .career-evaluation__item-title {
    font-size: 22px;
  }
}
.page-career .career-evaluation__item-text {
  font-size: 16px;
  line-height: 1.8;
  color: #333333;
}
@media screen and (max-width: 960px) {
  .page-career .career-evaluation__item-text {
    font-size: 16px;
  }
}
.page-career .career-evaluation__diagram {
  margin-top: 48px;
  text-align: center;
}
.page-career .career-evaluation__diagram img {
  max-width: 100%;
  height: auto;
}
.page-career .career-evaluation__award-images {
  display: flex;
  gap: 40px;
  margin-top: 48px;
}
@media screen and (max-width: 960px) {
  .page-career .career-evaluation__award-images {
    flex-direction: column;
    gap: 30px;
  }
}
.page-career .career-evaluation__award-image {
  flex: 1;
  margin: 0;
}
.page-career .career-evaluation__award-image img {
  width: 100%;
  height: auto;
  margin-bottom: 24px;
}
.page-career .career-evaluation__award-image figcaption {
  font-size: 16px;
  line-height: 1.9;
  color: #333333;
}
.page-career .career-evaluation__two-column {
  display: flex;
  gap: 64px;
}
@media screen and (max-width: 960px) {
  .page-career .career-evaluation__two-column {
    flex-direction: column;
    gap: 48px;
  }
}
.page-career .career-evaluation__column {
  flex: 1;
}
.page-career .career-education {
  background: #fff;
  padding-bottom: 100px;
}
@media screen and (max-width: 960px) {
  .page-career .career-education {
    padding-bottom: 80px;
  }
}
.page-career .career-education__header {
  margin: 0 0 56px;
  padding: 0 0 32px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 960px) {
  .page-career .career-education__header {
    margin-bottom: 42px;
    padding-bottom: 22px;
  }
}
.page-career .career-education__header-title {
  font-size: 34px;
  font-weight: bold;
  color: #333333;
  display: flex;
  align-items: baseline;
  gap: 24px;
}
@media screen and (max-width: 960px) {
  .page-career .career-education__header-title {
    font-size: 26px;
    flex-direction: column;
    gap: 8px;
  }
}
.page-career .career-education__header-en {
  font-family: "Montserrat", "Noto Sans JP", "Hiragino Sans", "Arial", "Helvetica Neue", "Helvetica", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #8e8e8e;
}
@media screen and (max-width: 960px) {
  .page-career .career-education__header-en {
    font-size: 13px;
  }
}
.page-career .career-education__ojt {
  margin: 0 0 90px;
  display: flex;
  align-items: flex-start;
  gap: 52px;
}
@media screen and (max-width: 960px) {
  .page-career .career-education__ojt {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 64px;
  }
}
.page-career .career-education__ojt-content {
  flex: 1;
}
.page-career .career-education__ojt-image {
  flex-shrink: 0;
  width: 510px;
  margin: 6px 0 0;
}
@media screen and (max-width: 960px) {
  .page-career .career-education__ojt-image {
    width: 100%;
    margin-top: 0;
  }
}
.page-career .career-education__ojt-image img {
  width: 100%;
  height: auto;
}
.page-career .career-education__item-title {
  font-size: 26px;
  font-weight: bold;
  color: #f54614;
  margin-bottom: 22px;
}
@media screen and (max-width: 960px) {
  .page-career .career-education__item-title {
    font-size: 22px;
  }
}
.page-career .career-education__item-text {
  font-size: 17px;
  line-height: 2.05;
  color: #333333;
  margin-bottom: 22px;
}
@media screen and (max-width: 960px) {
  .page-career .career-education__item-text {
    font-size: 16px;
  }
}
.page-career .career-education__item-text:last-child {
  margin-bottom: 0;
}
.page-career .career-education__knowhow {
  margin: 0;
}
.page-career .career-education__knowhow-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 36px;
}
@media screen and (max-width: 960px) {
  .page-career .career-education__knowhow-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.page-career .career-education__knowhow-item {
  margin: 0;
}
.page-career .career-education__knowhow-item img {
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}
.page-career .career-education__knowhow-item figcaption {
  font-size: 16px;
  line-height: 1.9;
  color: #333333;
}
/*# sourceMappingURL=maps/style.css.map */