@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: blur(10px);
}

/* フォームリセット */
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/*============
base
=============*/
@media screen and (max-width: 370px) {
  html {
    font-size: 4.2666666667vw;
  }
}

body {
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}

.wrap {
  position: relative;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  overflow: hidden;
}

main {
  position: relative;
  z-index: 1;
}

.l-inner {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .l-inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

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

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

@media screen and (max-width: 768px) {
  ._pc-tb {
    display: none;
  }
}

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

.grecaptcha-badge {
  visibility: hidden;
}

.notice.notice-info {
  display: none;
}

/*============
thema-color
=============*/
/* ブラック */
.theme-black .l-header__tel {
  background: #2B2B2B;
}
.theme-black .l-header__nav-lists li a:hover {
  border-bottom: solid 2px #2B2B2B;
}
.theme-black .hamburger__line {
  background: #2B2B2B;
}
.theme-black .l-header__contacts a {
  color: #2B2B2B;
}
.theme-black .l-header__contacts-tel .icon {
  display: block;
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/tel_circle_black.png) no-repeat center;
  background-size: cover;
}
.theme-black .l-header__contacts-mail .icon {
  display: block;
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/mail_circle_black.png) no-repeat center;
  background-size: cover;
}
.theme-black .global__nav-lists li a {
  color: #2B2B2B;
}
.theme-black .global__nav-lists li a:hover {
  color: #FFFFFF;
  background: rgba(43, 43, 43, 0.8);
}
.theme-black .global__nav-contacts-mail .icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/mail_circle_black.png) no-repeat center;
  background-size: cover;
}
.theme-black .c-contact__item-mail .icon {
  position: absolute;
  display: block;
  top: 5px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/mail_circle_black.png) no-repeat center;
  background-size: cover;
}
.theme-black .global__nav-contacts-tel .icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/tel_circle_black.png) no-repeat center;
  background-size: cover;
}
.theme-black .c-contact__item-tel .icon {
  position: absolute;
  display: block;
  top: 5px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/tel_circle_black.png) no-repeat center;
  background-size: cover;
}
.theme-black .c-heading.left:before {
  content: "";
  display: block;
  position: absolute;
  left: -1.0625rem;
  top: -0.625rem;
  width: 1.0625rem;
  height: 1.3125rem;
  background: url(../img/heading_black.png);
  background-size: cover;
}
.theme-black .c-heading.top:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -1.4375rem;
  width: 1.0625rem;
  height: 1.3125rem;
  background: url(../img/heading_black.png);
  background-size: cover;
}
.theme-black .c-button {
  color: #2B2B2B;
  border: solid 1px #2B2B2B;
}
.theme-black .c-button:hover {
  color: #FFFFFF;
  background: #2B2B2B;
}
.theme-black .c-button:hover:after {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.theme-black .c-button:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 33px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #2B2B2B;
  border-right: 1px solid #2B2B2B;
  transform: rotate(45deg);
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .theme-black .c-button:after {
    right: 1.25rem;
  }
}
.theme-black .c-news__item-category span {
  background: #2B2B2B;
}
.theme-black .c-question__items {
  border-bottom: solid 1px #2B2B2B;
}
.theme-black .c-question__item-toggle .is_line:before, .theme-black .c-question__item-toggle .is_line:after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #2B2B2B;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.theme-black .c-question__item-toggle .is_line:after {
  background: #2B2B2B;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.theme-black .c-question__item-toggle .is_line.active:after {
  transform: rotate(0);
  top: 45%;
  transition: 0.5s;
  background: #2B2B2B;
  opacity: 0;
}
.theme-black .c-question__item-toggle .is_q {
  color: #2B2B2B;
}
.theme-black .c-question__item-hide .is_a {
  background: #2B2B2B;
}
.theme-black .c-contact__item-button a:hover {
  border: solid 2px #2B2B2B;
}
.theme-black .l-footer__nav-lists li a:before {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.625rem;
  background: url(../img/footer_arrow_black.png);
  background-size: cover;
  vertical-align: middle;
}
.theme-black .l-footer__copy {
  background: #2B2B2B;
}
.theme-black .sns-floating {
  background: #2B2B2B;
}
.theme-black .sns-floating:hover {
  background: #FFFFFF;
}
.theme-black .modal-bg {
  background: rgba(43, 43, 43, 0.5);
}
.theme-black .modal-content {
  border: solid 2px #2B2B2B;
}
.theme-black .js-modal-close.is_close {
  width: 2.5rem;
  height: 2.5rem;
  background: url(../img/close_black.png) no-repeat center;
  background-size: cover;
}
.theme-black .posts-navigation a.page-numbers {
  color: #2B2B2B;
}
.theme-black .posts-navigation .page-numbers.current {
  background: #2B2B2B;
}
.theme-black .posts-side__contents h3 {
  border-bottom: solid 1px #2B2B2B;
}
.theme-black .posts-side__contents h3 .is_arrow {
  display: inline-block;
  width: 2.1875rem;
  height: 2.625rem;
  background: url(../img/sidebar_black.png) no-repeat center;
  background-size: cover;
}
.theme-black .post-side__new-category {
  color: #707070;
}
.theme-black .post-content__title {
  border-bottom: solid 2px #2B2B2B;
}
.theme-black .post-navigation a {
  background: #2B2B2B;
  border: solid 1px #2B2B2B;
}
.theme-black .post-navigation a:hover {
  color: #2B2B2B;
  background: #FFFFFF;
}
.theme-black .post-navigation .post-previous a:hover:before {
  border-left: 1px solid #2B2B2B;
  border-bottom: 1px solid #2B2B2B;
}
.theme-black .post-navigation .post-next a:hover:before {
  border-top: 1px solid #2B2B2B;
  border-right: 1px solid #2B2B2B;
}
.theme-black .post-archive {
  color: #2B2B2B;
  border: solid 1px #2B2B2B;
}
.theme-black .post-archive:hover {
  color: #FFFFFF;
  background: #2B2B2B;
}
.theme-black .post-archive:hover:after {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.theme-black .post-archive:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 1.1875rem;
  width: 5px;
  height: 5px;
  border-top: 1px solid #2B2B2B;
  border-right: 1px solid #2B2B2B;
  transform: rotate(45deg);
}
.theme-black .scroll-top {
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/pagetop_black.png) no-repeat center;
  background-size: cover;
}
.theme-black .scroll-top:hover {
  background: url(../img/pagetop_hover.png) no-repeat center;
  background-size: cover;
}
.theme-black .post-content__entry ul li::marker {
  color: #2B2B2B;
}
.theme-black .post-content__entry ol li::marker {
  color: #2B2B2B;
}
.theme-black .post-content__date {
  color: #333333;
}
.theme-black .privacy-content__heading {
  border-bottom: solid 2px #2B2B2B;
}
.theme-black .c-link:before {
  background: rgba(43, 43, 43, 0.8);
}
.theme-black .c-link:hover:before {
  background: rgba(43, 43, 43, 0.95);
}
.theme-black .c-heading__page:before {
  background: #2B2B2B;
}
.theme-black .service2-box {
  border: solid 2px #2B2B2B;
}
.theme-black .service2-box:before {
  background: #2B2B2B;
}
.theme-black .question2__menu a {
  color: #2B2B2B;
  border: solid 1px #2B2B2B;
}
.theme-black .question2__menu a:hover {
  color: #FFFFFF;
  background: #2B2B2B;
}
.theme-black .recruit__item .is_line:before, .theme-black .recruit__item .is_line:after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #2B2B2B;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.theme-black .recruit__item .is_line:after {
  background: #2B2B2B;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.theme-black .recruit__item .is_line.active:after {
  transform: rotate(0);
  top: 45%;
  transition: 0.5s;
  background: #2B2B2B;
  opacity: 0;
}
.theme-black .recruit__item-title .icon {
  display: block;
  width: 2.0625rem;
  height: 2.0625rem;
  margin-right: 0.5625rem;
  background: url(../img/recruit_icon_black.png) no-repeat;
  background-size: cover;
}
.theme-black .recruit__item-more {
  color: #2B2B2B;
}
.theme-black .c-flow__list:not(:last-child):after {
  background: #2B2B2B;
}
@media screen and (max-width: 768px) {
  .theme-black .c-flow__list:last-child:after {
    background: #2B2B2B;
  }
}
.theme-black .c-flow__lists-step {
  background: #2B2B2B;
}
.theme-black .c-flow__listsBox-title {
  color: #2B2B2B;
}
.theme-black .c-flow__lists-box-free {
  color: #2B2B2B;
  border: solid 1px #2B2B2B;
}
.theme-black .lp-section1__list {
  border: solid 2px #2B2B2B;
}
.theme-black .lp-voice__item-title {
  color: #2B2B2B;
}
.theme-black .work__item-category,
.theme-black .works-list__category {
  background: #2B2B2B;
}
.theme-black .work__item-tags a,
.theme-black .works-list__tags li {
  color: #2B2B2B;
  border: solid 1px #2B2B2B;
}
.theme-black .works-list__image {
  background: #2B2B2B;
}
.theme-black .works-lead__box-category select {
  background: #2B2B2B;
}
.theme-black .works-lead__box-tag {
  border: solid 1px #2B2B2B;
}
.theme-black .works-lead__box-tag:after {
  border-bottom: 1px solid #2B2B2B;
  border-right: 1px solid #2B2B2B;
}
.theme-black .works-lead__box-tag select {
  color: #2B2B2B;
}

/* ブルー */
.theme-blue .l-header__tel {
  background: #00366A;
}
.theme-blue .l-header__nav-lists li a:hover {
  border-bottom: solid 2px #00366A;
}
.theme-blue .hamburger__line {
  background: #002F5F;
}
.theme-blue .l-header__contacts a {
  color: #00366A;
}
.theme-blue .l-header__contacts-tel .icon {
  display: block;
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/tel_circle_blue.png) no-repeat center;
  background-size: cover;
}
.theme-blue .l-header__contacts-mail .icon {
  display: block;
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/mail_circle_blue.png) no-repeat center;
  background-size: cover;
}
.theme-blue .global__nav-lists li a {
  color: #00366A;
}
.theme-blue .global__nav-lists li a:hover {
  color: #FFFFFF;
  background: #00366A;
}
.theme-blue .global__nav-contacts-mail .icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/mail_circle_blue.png) no-repeat center;
  background-size: cover;
}
.theme-blue .c-contact__item-mail .icon {
  position: absolute;
  display: block;
  top: 5px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/mail_circle_blue.png) no-repeat center;
  background-size: cover;
}
.theme-blue .global__nav-contacts-tel .icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/tel_circle_blue.png) no-repeat center;
  background-size: cover;
}
.theme-blue .c-contact__item-tel .icon {
  position: absolute;
  display: block;
  top: 5px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/tel_circle_blue.png) no-repeat center;
  background-size: cover;
}
.theme-blue .c-heading .is_en {
  color: #00366A;
}
.theme-blue .c-heading.left:before {
  content: "";
  display: block;
  position: absolute;
  left: -1.0625rem;
  top: -0.625rem;
  width: 1.0625rem;
  height: 1.3125rem;
  background: url(../img/heading_blue.png);
  background-size: cover;
}
.theme-blue .c-heading.top:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -1.4375rem;
  width: 1.0625rem;
  height: 1.3125rem;
  background: url(../img/heading_blue.png);
  background-size: cover;
}
.theme-blue .c-button {
  color: #00366A;
  border: solid 1px #00366A;
}
.theme-blue .c-button:hover {
  color: #FFFFFF;
  background: #00366A;
}
.theme-blue .c-button:hover:after {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.theme-blue .c-button:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 33px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #00366A;
  border-right: 1px solid #00366A;
  transform: rotate(45deg);
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .theme-blue .c-button:after {
    right: 1.25rem;
  }
}
.theme-blue .c-news__item-category span {
  background: #00366A;
}
.theme-blue .c-question__items {
  border-bottom: solid 1px #00366A;
}
.theme-blue .c-question__item-toggle .is_line:before, .theme-blue .c-question__item-toggle .is_line:after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #00366A;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.theme-blue .c-question__item-toggle .is_line:after {
  background: #00366A;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.theme-blue .c-question__item-toggle .is_line.active:after {
  transform: rotate(0);
  top: 45%;
  transition: 0.5s;
  background: #00366A;
  opacity: 0;
}
.theme-blue .c-question__item-toggle .is_q {
  color: #00366A;
}
.theme-blue .c-question__item-hide .is_a {
  background: #00366A;
}
.theme-blue .c-contact__item-button a:hover {
  border: solid 2px #00366A;
}
.theme-blue .l-footer__nav-lists li a:before {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.625rem;
  background: url(../img/footer_arrow_blue.png);
  background-size: cover;
  vertical-align: middle;
}
.theme-blue .l-footer__copy {
  background: #00366A;
}
.theme-blue .sns-floating {
  background: #00366A;
}
.theme-blue .sns-floating:hover {
  background: #FFFFFF;
}
.theme-blue .modal-bg {
  background: rgba(0, 54, 106, 0.5);
}
.theme-blue .modal-content {
  border: solid 2px #00366A;
}
.theme-blue .js-modal-close.is_close {
  width: 2.5rem;
  height: 2.5rem;
  background: url(../img/close_blue.png) no-repeat center;
  background-size: cover;
}
.theme-blue .posts-navigation a.page-numbers {
  color: #00366A;
}
.theme-blue .posts-navigation .page-numbers.current {
  background: #00366A;
}
.theme-blue .posts-side__contents h3 {
  border-bottom: solid 1px #00366A;
}
.theme-blue .posts-side__contents h3 .is_arrow {
  display: inline-block;
  width: 2.1875rem;
  height: 2.625rem;
  background: url(../img/sidebar_blue.png) no-repeat center;
  background-size: cover;
}
.theme-blue .post-side__new-category {
  color: #B4BEBF;
}
.theme-blue .post-content__title {
  border-bottom: solid 2px #00366A;
}
.theme-blue .post-navigation a {
  background: #00366A;
  border: solid 1px #00366A;
}
.theme-blue .post-navigation a:hover {
  color: #00366A;
  background: #FFFFFF;
}
.theme-blue .post-navigation .post-previous a:hover:before {
  border-left: 1px solid #00366A;
  border-bottom: 1px solid #00366A;
}
.theme-blue .post-navigation .post-next a:hover:before {
  border-top: 1px solid #00366A;
  border-right: 1px solid #00366A;
}
.theme-blue .post-archive {
  color: #00366A;
  border: solid 1px #00366A;
}
.theme-blue .post-archive:hover {
  color: #FFFFFF;
  background: #00366A;
}
.theme-blue .post-archive:hover:after {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.theme-blue .post-archive:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 1.1875rem;
  width: 5px;
  height: 5px;
  border-top: 1px solid #00366A;
  border-right: 1px solid #00366A;
  transform: rotate(45deg);
}
.theme-blue .scroll-top {
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/pagetop_blue.png) no-repeat center;
  background-size: cover;
}
.theme-blue .scroll-top:hover {
  background: url(../img/pagetop_hover.png) no-repeat center;
  background-size: cover;
}
.theme-blue .post-content__entry ul li::marker {
  color: #00366A;
}
.theme-blue .post-content__entry ol li::marker {
  color: #00366A;
}
.theme-blue .post-content__date {
  color: #B4BEBF;
}
.theme-blue .privacy-content__heading {
  border-bottom: solid 2px #00366A;
}
.theme-blue .c-link:before {
  background: rgba(0, 54, 106, 0.8);
}
.theme-blue .c-link:hover:before {
  background: rgba(0, 54, 106, 0.95);
}
.theme-blue .c-heading__page:before {
  background: #00366A;
}
.theme-blue .service2-box {
  border: solid 2px #00366A;
}
.theme-blue .service2-box:before {
  background: #00366A;
}
.theme-blue .question2__menu a {
  color: #00366A;
  border: solid 1px #00366A;
}
.theme-blue .question2__menu a:hover {
  color: #FFFFFF;
  background: #00366A;
}
.theme-blue .recruit__item .is_line:before, .theme-blue .recruit__item .is_line:after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #00366A;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.theme-blue .recruit__item .is_line:after {
  background: #00366A;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.theme-blue .recruit__item .is_line.active:after {
  transform: rotate(0);
  top: 45%;
  transition: 0.5s;
  background: #00366A;
  opacity: 0;
}
.theme-blue .recruit__item-title .icon {
  display: block;
  width: 2.0625rem;
  height: 2.0625rem;
  margin-right: 0.5625rem;
  background: url(../img/recruit_icon_blue.png) no-repeat;
  background-size: cover;
}
.theme-blue .recruit__item-more {
  color: #00366A;
}
.theme-blue .c-flow__list:not(:last-child):after {
  background: #00366A;
}
@media screen and (max-width: 768px) {
  .theme-blue .c-flow__list:last-child:after {
    background: #00366A;
  }
}
.theme-blue .c-flow__lists-step {
  background: #00366A;
}
.theme-blue .c-flow__listsBox-title {
  color: #00366A;
}
.theme-blue .c-flow__lists-box-free {
  color: #00366A;
  border: solid 1px #00366A;
}
.theme-blue .lp-section1__list {
  border: solid 2px #00366A;
}
.theme-blue .lp-voice__item-title {
  color: #00366A;
}
.theme-blue .work__item-category,
.theme-blue .works-list__category {
  background: #00366A;
}
.theme-blue .work__item-tags a,
.theme-blue .works-list__tags li {
  color: #00366A;
  border: solid 1px #00366A;
}
.theme-blue .works-list__image {
  background: #00366A;
}
.theme-blue .works-lead__box-category select {
  background: #00366A;
}
.theme-blue .works-lead__box-tag {
  border: solid 1px #00366A;
}
.theme-blue .works-lead__box-tag:after {
  border-bottom: 1px solid #00366A;
  border-right: 1px solid #00366A;
}
.theme-blue .works-lead__box-tag select {
  color: #00366A;
}

/* ブラウン */
.theme-brown .l-header__tel {
  background: #B5AA99;
}
.theme-brown .l-header__nav-lists li a span {
  color: #B5AA99;
}
.theme-brown .l-header__nav-lists li a:hover {
  border-bottom: solid 2px #B5AA99;
}
.theme-brown .hamburger__line {
  background: #ACA08E;
}
.theme-brown .l-header__contacts a {
  color: #B5AA99;
}
.theme-brown .l-header__contacts-tel .icon {
  display: block;
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/tel_circle_brown.png) no-repeat center;
  background-size: cover;
}
.theme-brown .l-header__contacts-mail .icon {
  display: block;
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/mail_circle_brown.png) no-repeat center;
  background-size: cover;
}
.theme-brown .global__nav-lists li a {
  color: #B5AA99;
}
.theme-brown .global__nav-lists li a:hover {
  color: #FFFFFF;
  background: #B5AA99;
}
.theme-brown .global__nav-contacts-mail .icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/mail_circle_brown.png) no-repeat center;
  background-size: cover;
}
.theme-brown .c-contact__item-mail .icon {
  position: absolute;
  display: block;
  top: 5px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/mail_circle_brown.png) no-repeat center;
  background-size: cover;
}
.theme-brown .global__nav-contacts-tel .icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/tel_circle_brown.png) no-repeat center;
  background-size: cover;
}
.theme-brown .c-contact__item-tel .icon {
  position: absolute;
  display: block;
  top: 5px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/tel_circle_brown.png) no-repeat center;
  background-size: cover;
}
.theme-brown .c-heading .is_en {
  color: #B5AA99;
}
.theme-brown .c-heading.left:before {
  content: "";
  display: block;
  position: absolute;
  left: -1.0625rem;
  top: -0.625rem;
  width: 1.0625rem;
  height: 1.3125rem;
  background: url(../img/heading_brown.png);
  background-size: cover;
}
.theme-brown .c-heading.top:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -1.4375rem;
  width: 1.0625rem;
  height: 1.3125rem;
  background: url(../img/heading_brown.png);
  background-size: cover;
}
.theme-brown .c-button {
  color: #B5AA99;
  border: solid 1px #B5AA99;
}
.theme-brown .c-button:hover {
  color: #FFFFFF;
  background: #B5AA99;
}
.theme-brown .c-button:hover:after {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.theme-brown .c-button:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 33px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #B5AA99;
  border-right: 1px solid #B5AA99;
  transform: rotate(45deg);
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .theme-brown .c-button:after {
    right: 1.25rem;
  }
}
.theme-brown .c-news__item-category span {
  background: #B5AA99;
}
.theme-brown .c-question__items {
  border-bottom: solid 1px #B5AA99;
}
.theme-brown .c-question__item-toggle .is_line:before, .theme-brown .c-question__item-toggle .is_line:after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #B5AA99;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.theme-brown .c-question__item-toggle .is_line:after {
  background: #B5AA99;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.theme-brown .c-question__item-toggle .is_line.active:after {
  transform: rotate(0);
  top: 45%;
  transition: 0.5s;
  background: #B5AA99;
  opacity: 0;
}
.theme-brown .c-question__item-toggle .is_q {
  color: #B5AA99;
}
.theme-brown .c-question__item-hide .is_a {
  background: #B5AA99;
}
.theme-brown .c-contact__item-button a:hover {
  border: solid 2px #B5AA99;
}
.theme-brown .l-footer__nav-lists li a:before {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.625rem;
  background: url(../img/footer_arrow_brown.png);
  background-size: cover;
  vertical-align: middle;
}
.theme-brown .l-footer__copy {
  background: #B5AA99;
}
.theme-brown .sns-floating {
  background: #B5AA99;
}
.theme-brown .sns-floating:hover {
  background: #FFFFFF;
}
.theme-brown .modal-bg {
  background: rgba(181, 170, 153, 0.5);
}
.theme-brown .modal-content {
  border: solid 2px #B5AA99;
}
.theme-brown .js-modal-close.is_close {
  width: 2.5rem;
  height: 2.5rem;
  background: url(../img/close_brown.png) no-repeat center;
  background-size: cover;
}
.theme-brown .posts-navigation a.page-numbers {
  color: #B5AA99;
}
.theme-brown .posts-navigation .page-numbers.current {
  background: #B5AA99;
}
.theme-brown .posts-side__contents h3 {
  border-bottom: solid 1px #B5AA99;
}
.theme-brown .posts-side__contents h3 .is_arrow {
  display: inline-block;
  width: 2.1875rem;
  height: 2.625rem;
  background: url(../img/sidebar_brown.png) no-repeat center;
  background-size: cover;
}
.theme-brown .post-side__new-category {
  color: #B5AA99;
}
.theme-brown .post-content__title {
  border-bottom: solid 2px #B5AA99;
}
.theme-brown .post-navigation a {
  background: #B5AA99;
  border: solid 1px #B5AA99;
}
.theme-brown .post-navigation a:hover {
  color: #B5AA99;
  background: #FFFFFF;
}
.theme-brown .post-navigation .post-previous a:hover:before {
  border-left: 1px solid #B5AA99;
  border-bottom: 1px solid #B5AA99;
}
.theme-brown .post-navigation .post-next a:hover:before {
  border-top: 1px solid #B5AA99;
  border-right: 1px solid #B5AA99;
}
.theme-brown .post-archive {
  color: #B5AA99;
  border: solid 1px #B5AA99;
}
.theme-brown .post-archive:hover {
  color: #FFFFFF;
  background: #B5AA99;
}
.theme-brown .post-archive:hover:after {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.theme-brown .post-archive:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 1.1875rem;
  width: 5px;
  height: 5px;
  border-top: 1px solid #B5AA99;
  border-right: 1px solid #B5AA99;
  transform: rotate(45deg);
}
.theme-brown .scroll-top {
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/pagetop_brown.png) no-repeat center;
  background-size: cover;
}
.theme-brown .scroll-top:hover {
  background: url(../img/pagetop_hover.png) no-repeat center;
  background-size: cover;
}
.theme-brown .post-content__entry ul li::marker {
  color: #B5AA99;
}
.theme-brown .post-content__entry ol li::marker {
  color: #B5AA99;
}
.theme-brown .post-content__date {
  color: #B5AA99;
}
.theme-brown .privacy-content__heading {
  border-bottom: solid 2px #B5AA99;
}
.theme-brown .c-link:before {
  background: rgba(181, 170, 153, 0.8);
}
.theme-brown .c-link:hover:before {
  background: rgba(181, 170, 153, 0.95);
}
.theme-brown .c-heading__page:before {
  background: #B5AA99;
}
.theme-brown .service2-box {
  border: solid 2px #B5AA99;
}
.theme-brown .service2-box:before {
  background: #B5AA99;
}
.theme-brown .question2__menu a {
  color: #B5AA99;
  border: solid 1px #B5AA99;
}
.theme-brown .question2__menu a:hover {
  color: #FFFFFF;
  background: #B5AA99;
}
.theme-brown .recruit__item .is_line:before, .theme-brown .recruit__item .is_line:after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #B5AA99;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.theme-brown .recruit__item .is_line:after {
  background: #B5AA99;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.theme-brown .recruit__item .is_line.active:after {
  transform: rotate(0);
  top: 45%;
  transition: 0.5s;
  background: #B5AA99;
  opacity: 0;
}
.theme-brown .recruit__item-title .icon {
  display: block;
  width: 2.0625rem;
  height: 2.0625rem;
  margin-right: 0.5625rem;
  background: url(../img/recruit_icon_brown.png) no-repeat;
  background-size: cover;
}
.theme-brown .recruit__item-more {
  color: #B5AA99;
}
.theme-brown .c-flow__list:not(:last-child):after {
  background: #B5AA99;
}
@media screen and (max-width: 768px) {
  .theme-brown .c-flow__list:last-child:after {
    background: #B5AA99;
  }
}
.theme-brown .c-flow__lists-step {
  background: #B5AA99;
}
.theme-brown .c-flow__listsBox-title {
  color: #B5AA99;
}
.theme-brown .c-flow__lists-box-free {
  color: #B5AA99;
  border: solid 1px #B5AA99;
}
.theme-brown .lp-section1__list {
  border: solid 2px #B5AA99;
}
.theme-brown .lp-voice__item-title {
  color: #B5AA99;
}
.theme-brown .work__item-category,
.theme-brown .works-list__category {
  background: #B5AA99;
}
.theme-brown .work__item-tags a,
.theme-brown .works-list__tags li {
  color: #B5AA99;
  border: solid 1px #B5AA99;
}
.theme-brown .works-list__image {
  background: #B5AA99;
}
.theme-brown .works-lead__box-category select {
  background: #B5AA99;
}
.theme-brown .works-lead__box-tag {
  border: solid 1px #B5AA99;
}
.theme-brown .works-lead__box-tag:after {
  border-bottom: 1px solid #B5AA99;
  border-right: 1px solid #B5AA99;
}
.theme-brown .works-lead__box-tag select {
  color: #B5AA99;
}

/* レッド */
.theme-red .l-header__tel {
  background: #E54D46;
}
.theme-red .l-header__nav-lists li a span {
  color: #E54D46;
}
.theme-red .l-header__nav-lists li a:hover {
  border-bottom: solid 2px #E54D46;
}
.theme-red .hamburger__line {
  background: #E54D46;
}
.theme-red .l-header__contacts a {
  color: #E54D46;
}
.theme-red .l-header__contacts-tel .icon {
  display: block;
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/tel_circle_red.png) no-repeat center;
  background-size: cover;
}
.theme-red .l-header__contacts-mail .icon {
  display: block;
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/mail_circle_red.png) no-repeat center;
  background-size: cover;
}
.theme-red .global__nav-lists li a {
  color: #E54D46;
}
.theme-red .global__nav-lists li a:hover {
  color: #FFFFFF;
  background: #E54D46;
}
.theme-red .global__nav-contacts-mail .icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/mail_circle_red.png) no-repeat center;
  background-size: cover;
}
.theme-red .c-contact__item-mail .icon {
  position: absolute;
  display: block;
  top: 5px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/mail_circle_red.png) no-repeat center;
  background-size: cover;
}
.theme-red .global__nav-contacts-tel .icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/tel_circle_red.png) no-repeat center;
  background-size: cover;
}
.theme-red .c-contact__item-tel .icon {
  position: absolute;
  display: block;
  top: 5px;
  left: 1.125rem;
  width: 34px;
  height: 34px;
  background: url(../img/tel_circle_red.png) no-repeat center;
  background-size: cover;
}
.theme-red .c-heading .is_en {
  color: #E54D46;
}
.theme-red .c-heading.left:before {
  content: "";
  display: block;
  position: absolute;
  left: -1.0625rem;
  top: -0.625rem;
  width: 1.0625rem;
  height: 1.3125rem;
  background: url(../img/heading_red.png);
  background-size: cover;
}
.theme-red .c-heading.top:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -1.4375rem;
  width: 1.0625rem;
  height: 1.3125rem;
  background: url(../img/heading_red.png);
  background-size: cover;
}
.theme-red .c-button {
  color: #E54D46;
  border: solid 1px #E54D46;
}
.theme-red .c-button:hover {
  color: #FFFFFF;
  background: #E54D46;
}
.theme-red .c-button:hover:after {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.theme-red .c-button:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 33px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #E54D46;
  border-right: 1px solid #E54D46;
  transform: rotate(45deg);
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .theme-red .c-button:after {
    right: 1.25rem;
  }
}
.theme-red .c-news__item-category span {
  background: #E54D46;
}
.theme-red .c-question__items {
  border-bottom: solid 1px #E54D46;
}
.theme-red .c-question__item-toggle .is_line:before, .theme-red .c-question__item-toggle .is_line:after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #E54D46;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.theme-red .c-question__item-toggle .is_line:after {
  background: #E54D46;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.theme-red .c-question__item-toggle .is_line.active:after {
  transform: rotate(0);
  top: 45%;
  transition: 0.5s;
  background: #E54D46;
  opacity: 0;
}
.theme-red .c-question__item-toggle .is_q {
  color: #E54D46;
}
.theme-red .c-question__item-hide .is_a {
  background: #E54D46;
}
.theme-red .c-contact__item-button a:hover {
  border: solid 2px #E54D46;
}
.theme-red .l-footer__nav-lists li a:before {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.625rem;
  background: url(../img/footer_arrow_red.png);
  background-size: cover;
  vertical-align: middle;
}
.theme-red .l-footer__copy {
  background: #E54D46;
}
.theme-red .sns-floating {
  background: #E54D46;
}
.theme-red .sns-floating:hover {
  background: #FFFFFF;
}
.theme-red .modal-bg {
  background: rgba(195, 87, 9, 0.5);
}
.theme-red .modal-content {
  border: solid 2px #E54D46;
}
.theme-red .js-modal-close.is_close {
  width: 2.5rem;
  height: 2.5rem;
  background: url(../img/close_red.png) no-repeat center;
  background-size: cover;
}
.theme-red .posts-navigation a.page-numbers {
  color: #E54D46;
}
.theme-red .posts-navigation .page-numbers.current {
  background: #E54D46;
}
.theme-red .posts-side__contents h3 {
  border-bottom: solid 1px #E54D46;
}
.theme-red .posts-side__contents h3 .is_arrow {
  display: inline-block;
  width: 2.1875rem;
  height: 2.625rem;
  background: url(../img/sidebar_red.png) no-repeat center;
  background-size: cover;
}
.theme-red .post-side__new-category {
  color: #E54D46;
}
.theme-red .post-content__title {
  border-bottom: solid 2px #E54D46;
}
.theme-red .post-navigation a {
  background: #E54D46;
  border: solid 1px #E54D46;
}
.theme-red .post-navigation a:hover {
  color: #E54D46;
  background: #FFFFFF;
}
.theme-red .post-navigation .post-previous a:hover:before {
  border-left: 1px solid #E54D46;
  border-bottom: 1px solid #E54D46;
}
.theme-red .post-navigation .post-next a:hover:before {
  border-top: 1px solid #E54D46;
  border-right: 1px solid #E54D46;
}
.theme-red .post-archive {
  color: #E54D46;
  border: solid 1px #E54D46;
}
.theme-red .post-archive:hover {
  color: #FFFFFF;
  background: #E54D46;
}
.theme-red .post-archive:hover:after {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.theme-red .post-archive:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 1.1875rem;
  width: 5px;
  height: 5px;
  border-top: 1px solid #E54D46;
  border-right: 1px solid #E54D46;
  transform: rotate(45deg);
}
.theme-red .scroll-top {
  width: 2.9375rem;
  height: 2.9375rem;
  background: url(../img/pagetop_red.png) no-repeat center;
  background-size: cover;
}
.theme-red .scroll-top:hover {
  background: url(../img/pagetop_red_hover.png) no-repeat center;
  background-size: cover;
}
.theme-red .post-content__entry ul li::marker {
  color: #E54D46;
}
.theme-red .post-content__entry ol li::marker {
  color: #E54D46;
}
.theme-red .post-content__date {
  color: #E54D46;
}
.theme-red .privacy-content__heading {
  border-bottom: solid 2px #E54D46;
}
.theme-red .c-link:before {
  background: rgba(229, 77, 70, 0.8);
}
.theme-red .c-link:hover:before {
  background: rgba(229, 77, 70, 0.95);
}
.theme-red .c-heading__page:before {
  background: #E54D46;
}
.theme-red .service2-box {
  border: solid 2px #E54D46;
}
.theme-red .service2-box:before {
  background: #E54D46;
}
.theme-red .question2__menu a {
  color: #E54D46;
  border: solid 1px #E54D46;
}
.theme-red .question2__menu a:hover {
  color: #FFFFFF;
  background: #E54D46;
}
.theme-red .recruit__item .is_line:before, .theme-red .recruit__item .is_line:after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #E54D46;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.theme-red .recruit__item .is_line:after {
  background: #E54D46;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.theme-red .recruit__item .is_line.active:after {
  transform: rotate(0);
  top: 45%;
  transition: 0.5s;
  background: #E54D46;
  opacity: 0;
}
.theme-red .recruit__item-title .icon {
  display: block;
  width: 2.0625rem;
  height: 2.0625rem;
  margin-right: 0.5625rem;
  background: url(../img/recruit_icon_red.png) no-repeat;
  background-size: cover;
}
.theme-red .recruit__item-more {
  color: #E54D46;
}
.theme-red .c-flow__list:not(:last-child):after {
  background: #E54D46;
}
@media screen and (max-width: 768px) {
  .theme-red .c-flow__list:last-child:after {
    background: #E54D46;
  }
}
.theme-red .c-flow__lists-step {
  background: #E54D46;
}
.theme-red .c-flow__listsBox-title {
  color: #E54D46;
}
.theme-red .c-flow__lists-box-free {
  color: #E54D46;
  border: solid 1px #E54D46;
}
.theme-red .lp-section1__list {
  border: solid 2px #E54D46;
}
.theme-red .lp-voice__item-title {
  color: #E54D46;
}
.theme-red .work__item-category,
.theme-red .works-list__category {
  background: #E54D46;
}
.theme-red .work__item-tags a,
.theme-red .works-list__tags li {
  color: #E54D46;
  border: solid 1px #E54D46;
}
.theme-red .works-list__image {
  background: #E54D46;
}
.theme-red .works-lead__box-category select {
  background: #E54D46;
}
.theme-red .works-lead__box-tag {
  border: solid 1px #E54D46;
}
.theme-red .works-lead__box-tag:after {
  border-bottom: 1px solid #E54D46;
  border-right: 1px solid #E54D46;
}
.theme-red .works-lead__box-tag select {
  color: #E54D46;
}

/*============
l-header
=============*/
header {
  position: fixed;
  z-index: 5;
  width: 100%;
  height: 55px;
  background: #FFFFFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1024px) {
  header {
    height: 80px;
  }
}

.l-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  height: 55px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .l-header {
    height: 80px;
  }
}

.l-header__title {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.l-header__logo {
  position: relative;
  left: -50px;
}
.l-header__logo img {
  width: auto;
  height: 2.1875rem;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
}
.l-header__logo img:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1250px) {
  .l-header__logo {
    left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header__logo img {
    width: 9rem;
    height: auto;
  }
}

.l-header__nav-lists {
  display: flex;
  margin-right: 30px;
}
@media (max-width: 1320px) {
  .l-header__nav-lists {
    margin-right: 140px;
  }
}

.l-header__nav-lists li:not(:last-child) {
  margin-right: 20px;
}
.l-header__nav-lists li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 55px;
  text-decoration: none;
  color: #2B2B2B;
  font-size: 14px;
  border-bottom: solid 2px transparent;
  transition: 0.4s;
}
.l-header__nav-lists li a span {
  font-family: "Cormorant Garamond";
  font-weight: 300;
  font-size: 12px;
}

.l-header__tel {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  right: 0;
  width: 133px;
  height: 110px;
  text-decoration: none;
  color: #FFF;
  transition: 0.4s;
}
.l-header__tel:hover {
  opacity: 0.8;
}
.l-header__tel .icon {
  display: block;
  width: 17px;
  height: 17px;
  margin-bottom: 0.625rem;
  background: url(../img/header_tel.png) no-repeat center;
  background-size: cover;
}
.l-header__tel .text {
  margin-bottom: 0.3125rem;
  font-size: 12px;
}
.l-header__tel .number {
  font-size: 15px;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .l-header__tel {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__contacts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*max-width: rem(110);
    width: 100%;*/
    margin-right: 4.375rem;
    margin-left: 0.625rem;
  }
  .l-header__contacts a {
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 0.7;
  }
  .l-header__contacts a:not(:first-child) {
    margin-left: 1rem;
  }
  .l-header__contacts a .text {
    font-size: 0.75rem;
  }
}

/*============
hamburger
=============*/
.hamburger {
  display: none;
}
@media screen and (max-width: 1024px) {
  .hamburger {
    display: block;
    position: fixed;
    width: 25px;
    height: 80px;
    right: 1.25rem;
    top: 0;
    cursor: pointer;
    z-index: 300;
  }
}

.hamburger__line {
  position: absolute;
  left: 0;
  width: 25px;
  height: 2px;
  transition: all 0.6s;
}

.hamburger__line-1 {
  top: 25px;
}

.hamburger__line-2 {
  top: 39px;
}

.hamburger__line-3 {
  top: 52px;
}

/*============
表示された時用のCSS
=============*/
.nav-open .global__nav {
  opacity: 1;
  visibility: visible;
}
.nav-open .hamburger__line-1 {
  transform: rotate(45deg);
  top: 35px;
}
.nav-open .hamburger__line-2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line-3 {
  transform: rotate(-45deg);
  top: 35px;
}

/*============
globalnav
=============*/
.global__nav {
  position: fixed;
  display: block;
  visibility: hidden;
  opacity: 0;
  top: 80px;
  width: 100%;
  height: 100vh;
  padding-top: 12px;
  padding-bottom: 130px;
  background: rgba(255, 255, 255, 0.94);
  transition: all 0.6s;
  z-index: 200;
  overflow-y: auto;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
}

.global__nav .c-maplink {
  margin-bottom: 1.5rem;
}

.global__nav-lists {
  margin-bottom: 1.625rem;
}
.global__nav-lists li a {
  display: block;
  padding-top: 1.25rem;
  padding-right: 0.625rem;
  padding-bottom: 1.25rem;
  padding-left: 0.625rem;
  text-decoration: none;
  font-size: 1.125rem;
  border-bottom: solid 1px #D2D2D2;
  transition: 0.4s;
}
.global__nav-lists li a span {
  font-family: "Cormorant Garamond";
  font-weight: 300;
  margin-left: 0.625rem;
  font-size: 0.875rem;
}

.global__nav-contacts {
  margin-bottom: 1.75rem;
}
.global__nav-contacts a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 360px;
  height: 55px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  color: #2B2B2B;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.global__nav-contacts a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 24px;
  right: 1.4375rem;
  width: 6px;
  height: 6px;
  border-top: 1px solid #242A2B;
  border-right: 1px solid #242A2B;
  transform: rotate(45deg);
}

.global__nav-contacts-mail {
  margin-bottom: 0.875rem;
}

.global__nav-contacts-tel .textarea {
  position: relative;
  left: -0.625rem;
  line-height: 1.3;
}
.global__nav-contacts-tel .textarea .text {
  display: block;
  font-size: 0.75rem;
}
.global__nav-contacts-tel .textarea .number {
  font-size: 1rem;
}

.global__nav-map {
  margin-bottom: 1.5rem;
}
.global__nav-map iframe {
  width: 100%;
  height: 10.625rem;
}

.global__nav-logo img {
  max-width: 9rem;
  width: 100%;
  margin-bottom: 1rem;
}

.global__nav-address {
  margin-bottom: 1.5rem;
  font-style: normal;
}
.global__nav-address p:not(:last-child) {
  margin-bottom: 0.5rem;
}

.global__nav-sns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.global__nav-sns a {
  display: block;
}
.global__nav-sns a:not(:last-child) {
  margin-right: 0.625rem;
}
.global__nav-sns a .is_text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.global__nav-sns a .is_line {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  background: url(../img/header_line.png) no-repeat center;
  background-size: cover;
}
.global__nav-sns a .is_twitter {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  background: url(../img/header_tw.png) no-repeat center;
  background-size: cover;
}
.global__nav-sns a .is_instagram {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  background: url(../img/header_insta.png) no-repeat center;
  background-size: cover;
}
.global__nav-sns a .is_facebook {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  background: url(../img/header_fb.png) no-repeat center;
  background-size: cover;
}
.global__nav-sns a .is_youtube {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  background: url(../img/header_youtube.png) no-repeat center;
  background-size: cover;
}

.global__nav-copy {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #2B2B2B;
  font-size: 0.75rem;
}

/*============
l-footer
=============*/
footer {
  position: relative;
  min-width: 100%;
  margin-top: auto;
  z-index: 1;
}

.l-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .l-footer__inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.l-footer__nav {
  margin-top: 32px;
  margin-bottom: 72px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .l-footer__nav {
    flex-direction: column;
    align-items: center;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.l-footer__nav-lists {
  display: flex;
  flex-wrap: wrap;
  width: 57%;
  margin-bottom: -27px;
}
@media screen and (max-width: 1024px) {
  .l-footer__nav-lists {
    justify-content: space-between;
    max-width: 250px;
    width: auto;
    margin-bottom: 1.5625rem;
  }
}
.l-footer__nav-lists li {
  margin-right: 40px;
  margin-bottom: 27px;
}
@media screen and (max-width: 1024px) {
  .l-footer__nav-lists li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
.l-footer__nav-lists li a {
  text-decoration: none;
  color: #2B2B2B;
  font-size: 0.75rem;
  transition: 0.4s;
}
.l-footer__nav-lists li a:hover {
  opacity: 0.8;
}

.l-footer__nav-items {
  max-width: 400px;
  width: 40%;
}

.l-footer__nav-logo {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .l-footer__nav-logo {
    margin-bottom: 1rem;
  }
}
.l-footer__nav-logo img {
  width: auto;
  height: 2.1875rem;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
}
.l-footer__nav-logo img:hover {
  opacity: 0.7;
}

.l-footer__nav-address {
  font-style: normal;
  flex: 2;
}
.l-footer__nav-address p {
  font-size: 0.75rem;
}
.l-footer__nav-address p:not(:last-child) {
  margin-bottom: 0.5rem;
}
.l-footer__nav-address p a {
  text-decoration: none;
  color: #2B2B2B;
  transition: 0.4s;
}
.l-footer__nav-address p a:hover {
  opacity: 0.6;
}

.l-footer__copy {
  padding-top: 9px;
  padding-bottom: 9px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-footer__copy {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.l-footer__copy a {
  display: inline-block;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  .l-footer__copy a {
    font-size: 0.75rem;
  }
}

.scroll-top {
  position: fixed;
  display: block;
  bottom: 46px;
  right: 1.25rem;
  z-index: 3;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.4s;
}
@media screen and (max-width: 1250px) {
  .scroll-top {
    bottom: 4.6875rem;
  }
}
.scroll-top span {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/*============
sidebar
=============*/
.posts-side {
  max-width: 358px;
  width: 33%;
}
@media screen and (max-width: 768px) {
  .posts-side {
    max-width: 100%;
    width: 100%;
  }
}

.posts-side__contents {
  margin-bottom: 2.625rem;
}
.posts-side__contents h3 {
  position: relative;
  margin-bottom: 1.875rem;
  padding-bottom: 0.5rem;
}
.posts-side__contents h3 .is_arrow {
  position: absolute;
  bottom: -1px;
  left: 0;
}
.posts-side__contents h3 .is_text {
  padding-left: 50px;
  font-size: 1.125rem;
  font-weight: 300;
}

.post-side_category li:first-child a {
  padding-top: 0;
}
.post-side_category li:not(:last-child) a {
  padding-bottom: 0;
}
.post-side_category li a {
  display: block;
  margin: 0 auto;
  padding-top: 1.875rem;
  padding-right: 4.875rem;
  padding-left: 4.875rem;
  -o-object-position: 1.875rem;
     object-position: 1.875rem;
  color: #2B2B2B;
  text-decoration: none;
  transition: 0.4s;
}
.post-side_category li a:hover {
  opacity: 0.6;
}

.post-side__new li:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.post-side__new li a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-decoration: none;
  color: #2B2B2B;
  transition: 0.4s;
}
.post-side__new li a:hover {
  opacity: 0.6;
}

.post-side__new-thumb {
  max-width: 147px;
  width: 42%;
}
.post-side__new-thumb img {
  width: 100%;
  height: 5.6875rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.post-side__new-entry {
  max-width: 199px;
  width: 56%;
}
@media screen and (max-width: 768px) {
  .post-side__new-entry {
    max-width: inherit;
    width: 76%;
    margin-left: 0.5rem;
  }
}

.post-side__new-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 300;
}

.post-side__new-date {
  font-size: 0.75rem;
}

.post-side__new-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.8125rem;
  line-height: 1.3;
}

.post-side__new-category {
  font-size: 0.75rem;
}
.post-side__new-category span:not(:last-child):after {
  content: ",";
}

.posts-side__archive-select {
  position: relative;
}
.posts-side__archive-select:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 23px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #2B2B2B;
  border-right: 1px solid #2B2B2B;
  transform: rotate(45deg);
}
.posts-side__archive-select select {
  width: 100%;
  padding-top: 0.875rem;
  padding-right: 1.5rem;
  padding-bottom: 0.875rem;
  padding-left: 1.5rem;
  color: #2B2B2B;
  font-size: 1rem;
  background: #F4F4F4;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

/*============
button
=============*/
.c-maplink {
  position: relative;
  display: block;
  max-width: 250px;
  width: 100%;
  height: 45px;
  line-height: 42px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  background: #2B2B2B;
  border-radius: 4px;
  border: solid 1px #2B2B2B;
  transition: 0.4s;
}
.c-maplink:hover {
  color: #2B2B2B;
  background: #FFFFFF;
}
.c-maplink:hover:after {
  width: 12px;
  height: 12px;
  background: url(../img/icon_map_hover.png);
  background-size: cover;
}
.c-maplink:before {
  content: "";
  position: absolute;
  display: block;
  top: 13px;
  left: 2.5rem;
  width: 16px;
  height: 18.5px;
  background: url(../img/icon_mappin.png);
  background-size: cover;
}
.c-maplink:after {
  content: "";
  position: absolute;
  display: block;
  top: 16px;
  right: 1.5625rem;
  width: 12px;
  height: 12px;
  background: url(../img/icon_map.png);
  background-size: cover;
}

.c-button {
  position: relative;
  display: block;
  max-width: 250px;
  width: 100%;
  height: 45px;
  line-height: 43px;
  text-align: center;
  text-decoration: none;
  background: #FFFFFF;
  border-radius: 4px;
  transition: 0.4s;
}

/*============
c-heading
=============*/
.c-heading {
  position: relative;
}
.c-heading .is_en {
  font-family: "Cormorant Garamond";
  font-weight: 300;
  font-size: 1.375rem;
}
.c-heading .is_jp {
  font-size: 1.25rem;
  font-weight: 300;
}

.c-heading.left .is_en {
  margin-right: 10px;
}

.c-heading.top {
  text-align: center;
}
.c-heading.top .is_en {
  display: block;
}

.c-heading__page {
  position: relative;
  font-size: 1.25rem;
  font-weight: 400;
  border-bottom: solid 4px #E6E6E6;
}
.c-heading__page:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 8.5rem;
  height: 4px;
}

/*============
page-fv
=============*/
.page-fv__image img {
  width: 100%;
  height: 8.125rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .page-fv__image img {
    height: 40vw;
  }
}

/*============
c-access
=============*/
.c-access {
  padding-top: 6rem;
  padding-bottom: 128px;
  background: url(../img/c-acces_bg.webp);
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .c-access {
    padding-bottom: 4rem;
    background: url(../img/c-acces_bg_sp.webp);
    background-size: cover;
  }
}

.c-access__heading {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .c-access__heading {
    margin-bottom: 2rem;
  }
}

.no-webp {
  background: url(../img/c-acces_bg.png);
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .no-webp {
    background: url(../img/c-acces_bg_sp.png);
    background-size: cover;
  }
}

.c-access__items {
  display: flex;
  justify-content: space-between;
  max-width: 1050px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .c-access__items {
    flex-direction: column;
  }
}

.c-access__item {
  max-width: 452px;
  width: 43%;
}
@media screen and (max-width: 768px) {
  .c-access__item {
    display: contents;
    max-width: 100%;
    width: 100%;
  }
}
.c-access__item table {
  width: 100%;
  margin-bottom: 46px;
  font-size: 0.875rem;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .c-access__item table {
    margin-bottom: 2rem;
    order: 3;
  }
}
.c-access__item table th {
  width: 160px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-weight: 300;
  border-bottom: solid 1px #D3D3D3;
  vertical-align: baseline;
}
@media screen and (max-width: 1024px) {
  .c-access__item table th {
    width: 90px;
  }
}
.c-access__item table td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px #D3D3D3;
}
.c-access__item table td a {
  text-decoration: none;
  color: #2B2B2B;
  transition: 0.4s;
}
.c-access__item table td a:hover {
  opacity: 0.6;
}
.c-access__item .c-maplink {
  margin-right: auto;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .c-access__item .c-maplink {
    margin-left: auto;
    order: 4;
  }
}

.c-access__item-logo {
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .c-access__item-logo {
    order: 2;
  }
}
.c-access__item-logo img {
  width: auto;
  height: 2.1875rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-access__item-map {
  max-width: 550px;
  width: 52%;
}
@media screen and (max-width: 768px) {
  .c-access__item-map {
    max-width: 100%;
    width: 100%;
    margin-bottom: 2rem;
    order: 1;
  }
}
.c-access__item-map iframe {
  width: 100%;
  height: 370px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .c-access__item-map iframe {
    height: 14.375rem;
  }
}

/*============
c-contact
=============*/
.c-contact {
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-contact {
    display: flex;
    flex-direction: column;
    margin-top: 5.125rem;
  }
}

.c-contact__image img {
  width: 100%;
  min-height: 358px;
  max-height: 480px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 768px) {
  .c-contact__image img {
    min-height: auto;
    max-height: inherit;
  }
}

.c-contact__items {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 945px;
  width: 100%;
}
@media screen and (max-width: 1250px) {
  .c-contact__items {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .c-contact__items {
    position: relative;
    top: 0;
    left: 0;
    transform: unset;
    flex-direction: column;
    margin-bottom: 2rem;
    order: -1;
  }
}

.c-contact__item {
  max-width: 430px;
  width: 46%;
}
@media screen and (max-width: 768px) {
  .c-contact__item {
    max-width: 100%;
    width: 100%;
  }
}
.c-contact__item .c-heading {
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .c-contact__item .c-heading {
    margin-left: 0.625rem;
  }
}
@media screen and (max-width: 768px) {
  .c-contact__item .c-heading {
    margin-bottom: 2rem;
  }
}

.c-contact__item-textarea p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-contact__item-textarea {
    margin-bottom: 2rem;
  }
}

.c-contact__item-button {
  width: 39%;
}
.c-contact__item-button a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 312px;
  width: 100%;
  height: 45px;
  text-decoration: none;
  color: #2B2B2B;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  border: solid 2px transparent;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.4s;
}
.c-contact__item-button a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 23px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #2B2B2B;
  border-right: 1px solid #2B2B2B;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .c-contact__item-button {
    width: 100%;
  }
  .c-contact__item-button a {
    margin-right: auto;
    margin-left: auto;
  }
}

.c-contact__item-tel .textarea {
  position: relative;
  left: -0.625rem;
  line-height: 1.3;
}
.c-contact__item-tel .textarea .text {
  display: block;
  font-size: 0.75rem;
}
.c-contact__item-tel .textarea .number {
  font-size: 1rem;
}

.c-contact__item-mail {
  margin-bottom: 1.5rem;
}

/*============
c-news
=============*/
.c-news__item:first-child a {
  border-top: solid 1px #D2D2D2;
}
.c-news__item a {
  display: block;
  padding-top: 1rem;
  padding-right: 0.5625rem;
  padding-bottom: 1rem;
  padding-left: 0.5625rem;
  text-decoration: none;
  color: #2B2B2B;
  border-bottom: solid 1px #D2D2D2;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .c-news__item a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.c-news__item a:hover {
  opacity: 0.7;
}

.c-news__items .is_title {
  padding-top: 1rem;
  padding-right: 0.5625rem;
  padding-bottom: 1rem;
  padding-left: 0.5625rem;
  border-top: solid 1px #D2D2D2;
  border-bottom: solid 1px #D2D2D2;
}

.c-news__item-date {
  margin-right: 0.5rem;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .c-news__item-date {
    font-size: 0.75rem;
  }
}

.c-news__item-category span {
  display: inline-block;
  padding-top: 0.125rem;
  padding-right: 15px;
  padding-bottom: 0.1875rem;
  padding-left: 15px;
  color: #FFFFFF;
  font-size: 0.75rem;
  border-radius: 30px;
}
.c-news__item-category span:not(:last-child) {
  margin-right: 0.3125rem;
}
@media screen and (max-width: 768px) {
  .c-news__item-category span {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.c-news__item-dl {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-news__item-dl {
    flex-direction: column;
    align-items: baseline;
  }
}

.c-news__item-dt {
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .c-news__item-dt {
    margin-right: 0;
    margin-bottom: 0.625rem;
  }
}

.c-news__item-dd {
  flex: 2;
}
.c-news__item-dd p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .c-news__item-dd p {
    font-size: 0.875rem;
  }
}

/*============
c-link
=============*/
.c-link {
  display: block;
  position: relative;
  margin-bottom: 120px;
  text-decoration: none;
  color: #FFFFFF;
}
.c-link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .c-link {
    margin-bottom: 3rem;
  }
}

.c-link__image img {
  min-height: 210px;
  max-height: 280px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media screen and (max-width: 768px) {
  .c-link__image img {
    min-height: 250px;
  }
}

.c-link__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1100px;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media screen and (max-width: 1250px) {
  .c-link__content {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .c-link__content {
    flex-direction: column;
  }
}

.c-link__items {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .c-link__items {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

.c-link__heading {
  margin-bottom: 1rem;
}
.c-link__heading:before {
  background: url(../img/heading_white.png) !important;
  background-size: cover !important;
}
.c-link__heading .is_en {
  color: #FFFFFF !important;
}
@media screen and (max-width: 1250px) {
  .c-link__heading {
    margin-left: 0.625rem;
  }
}

.c-link__textarea p {
  font-size: 0.875rem;
  line-height: 2.14;
}

.c-link__button {
  display: flex;
  align-items: center;
  width: 30%;
  text-align: right;
  margin-right: 70px;
}
.c-link__button .icon {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.6875rem;
  background: url(../img/icon_map.png);
  background-size: cover;
}
.c-link__button .text {
  flex: 2;
}
@media screen and (max-width: 768px) {
  .c-link__button {
    width: 100%;
    margin-right: 0;
  }
}

/*============
c-question
=============*/
.c-question__items {
  position: relative;
  max-width: 908px;
  margin: 0 auto;
  padding-bottom: 24px;
}
.c-question__items:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .c-question__items {
    padding-bottom: 0.5rem;
  }
  .c-question__items:not(:last-child) {
    margin-bottom: 0.5rem;
  }
}

.c-question__item-toggle {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 2rem;
  cursor: pointer;
  transition: 0.4s;
}
.c-question__item-toggle:hover {
  opacity: 0.6;
}
.c-question__item-toggle p {
  flex: 2;
  line-height: 2;
}
.c-question__item-toggle .is_line {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.c-question__item-toggle .is_q {
  width: 2.875rem;
  height: 2.875rem;
  margin-right: 0.9375rem;
  line-height: 2.875rem;
  font-family: "Cormorant Garamond";
  font-weight: 300;
  font-size: 1.5rem;
  text-align: center;
  background: #FFFFFF;
  border-radius: 50%;
}

.c-question__item-hide {
  display: flex;
  align-items: baseline;
  margin-top: 32px;
}
.c-question__item-hide p {
  flex: 2;
  line-height: 2;
}
.c-question__item-hide .is_a {
  width: 2.875rem;
  height: 2.875rem;
  margin-right: 0.9375rem;
  line-height: 2.875rem;
  font-family: "Cormorant Garamond";
  font-weight: 300;
  color: #FFF;
  font-size: 1.5rem;
  text-align: center;
  border-radius: 50%;
}

/*============
c-flow
=============*/
.c-flow__lists {
  max-width: 935px;
  margin-right: auto;
  margin-left: auto;
}

.c-flow__list {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.c-flow__list:not(:last-child) {
  margin-bottom: 32px;
}
.c-flow__list:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  left: 2.5rem;
  top: 5rem;
  width: 2px;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .c-flow__list {
    flex-direction: column;
  }
  .c-flow__list:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .c-flow__list:last-child:after {
    content: "";
    display: block;
    position: absolute;
    left: 2.5rem;
    top: 5rem;
    width: 2px;
    height: 25px;
    z-index: -1;
  }
}

.c-flow__lists-step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  color: #FFFFFF;
  font-size: 1.125rem;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .c-flow__lists-step {
    margin-bottom: 1.5rem;
  }
}

.c-flow__lists-box {
  max-width: 787px;
  width: 85%;
  padding-top: 1.5rem;
  padding-right: 24px;
  padding-bottom: 1.5rem;
  padding-left: 32px;
  background: #FFFFFF;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .c-flow__lists-box {
    width: 100%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.c-flow__listsBox-title {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.c-flow__lists-box-frees {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
}

.c-flow__lists-box-free {
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
  padding-top: 0.125rem;
  padding-right: 1.25rem;
  padding-bottom: 0.125rem;
  padding-left: 1.25rem;
}

.c-flow__lists-box-text {
  line-height: 2.1875;
}

/*============
modal
=============*/
.modal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 900;
}

.modal-bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}

.modal-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 23.4375rem;
  width: 90%;
  padding-top: 6.25rem;
  padding-right: 2.5rem;
  padding-bottom: 4rem;
  padding-left: 2.5rem;
  border-radius: 5px;
  background-color: #FFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.modal-content .is_title {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.25rem;
}
.modal-content .is_close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  cursor: pointer;
}
.modal-content .is_close span {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* sns-floating */
.sns-floating {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  right: 0;
  bottom: 140px;
  width: 45px;
  height: 94px;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  z-index: 5;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .sns-floating {
    display: none;
  }
}
.sns-floating:hover .is_icon {
  display: block;
  width: 21px;
  height: 21px;
  margin: 0 auto 8px;
  background: url(../img/sns_icon_hover.png) no-repeat center;
  background-size: cover;
  transition: 0.4s;
}
.sns-floating:hover .is_text {
  color: #2B2B2B;
}
.sns-floating .is_icon {
  display: block;
  width: 21px;
  height: 21px;
  margin: 0 auto 8px;
  background: url(../img/sns_icon.png) no-repeat center;
  background-size: cover;
  transition: 0.4s;
}
.sns-floating .is_text {
  color: #FFFFFF;
  transition: 0.4s;
}

.modal_sns a {
  display: block;
  transition: 0.4s;
}
.modal_sns a:hover {
  opacity: 0.6;
}
.modal_sns a img {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 50px;
}
.modal_sns a:not(:last-child) {
  margin-bottom: 0.625rem;
}
.modal_sns a .is_text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/*============
top-fv
=============*/
.top-fv {
  position: relative;
  margin-bottom: 4rem;
}

.top-fv__image img {
  width: 100%;
  height: 85vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.top-fv__contents {
  max-width: 1200px;
  margin: 0 auto;
}

.top-fv__content {
  position: absolute;
  bottom: 96px;
}
@media screen and (max-width: 1250px) {
  .top-fv__content {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .top-fv__content {
    bottom: 5.625rem;
  }
}

.top-fv__content-title {
  margin-bottom: 24px;
  font-size: 68px;
  font-weight: 700;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 768px) {
  .top-fv__content-title {
    margin-bottom: 1rem;
    font-size: 2.125rem;
  }
}

.top-fv__content-text {
  display: inline;
  padding: 0 1px 0px;
  font-size: 24px;
  line-height: 2;
  background: linear-gradient(transparent 11%, #FFFFFF 0%);
}
@media screen and (max-width: 768px) {
  .top-fv__content-text {
    font-size: 1.125rem;
  }
}

/*============
top-news
=============*/
.top-news {
  margin-bottom: 130px;
}
@media screen and (max-width: 768px) {
  .top-news {
    margin-bottom: 5.9375rem;
  }
}

@media screen and (max-width: 768px) {
  .c-news__items.top {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .c-news__item.top {
    order: 2;
  }
}
.c-news__item.top a {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .c-news__item.top a {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
  }
}
.c-news__item.top a .c-news__item-dl {
  max-width: 806px;
}

.top-news__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .top-news__heading {
    display: contents;
  }
  .top-news__heading .c-heading {
    margin-bottom: 1rem;
    order: -1;
  }
}

@media screen and (max-width: 768px) {
  .top-news__button {
    order: 3;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .top-news__contents {
    display: flex;
    flex-direction: column;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
/*============
top-section1
=============*/
.top-section1 {
  padding-bottom: 155px;
}
@media screen and (max-width: 768px) {
  .top-section1 {
    margin-bottom: 4rem;
    padding-bottom: 0;
  }
}

.top-section1__heading {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .top-section1__heading {
    margin-bottom: 2rem;
  }
}

.top-section1__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .top-section1__items {
    flex-direction: column;
    align-items: center;
  }
}

.top-section1__items:not(:last-child) {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .top-section1__items:not(:last-child) {
    margin-bottom: 3rem;
  }
}

.top-section1__items:nth-of-type(odd) .top-section1__item-image {
  margin-left: -133px;
  order: 1;
}
@media screen and (max-width: 768px) {
  .top-section1__items:nth-of-type(odd) .top-section1__item-image {
    margin-left: 0;
  }
}
.top-section1__items:nth-of-type(odd) .top-section1__item-image:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -54px;
  left: 133px;
  width: 650px;
  height: 377px;
  background: url(../img/decoration1.png);
  background-size: cover;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .top-section1__items:nth-of-type(odd) .top-section1__item-image:before {
    width: 63.48vw;
    height: 36.82vw;
  }
}
@media screen and (max-width: 768px) {
  .top-section1__items:nth-of-type(odd) .top-section1__item-image:before {
    bottom: -1.875rem;
    right: -1.25rem;
    left: inherit;
    width: 88vw;
    height: 50vw;
    background: url(../img/decoration1_sp.png);
    background-size: cover;
  }
}
.top-section1__items:nth-of-type(odd) .top-section1__item {
  order: 2;
}
.top-section1__items:nth-of-type(odd) .top-section1__button {
  margin-left: auto;
}

.top-section1__items:nth-of-type(even) .top-section1__item-image {
  margin-right: -133px;
  order: 2;
}
@media screen and (max-width: 768px) {
  .top-section1__items:nth-of-type(even) .top-section1__item-image {
    margin-right: 0;
    order: 1;
  }
}
.top-section1__items:nth-of-type(even) .top-section1__item-image:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -54px;
  right: 133px;
  width: 650px;
  height: 377px;
  background: url(../img/decoration1.png);
  background-size: cover;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .top-section1__items:nth-of-type(even) .top-section1__item-image:before {
    width: 63.48vw;
    height: 36.82vw;
  }
}
@media screen and (max-width: 768px) {
  .top-section1__items:nth-of-type(even) .top-section1__item-image:before {
    bottom: -1.875rem;
    left: -1.25rem;
    right: inherit;
    width: 88vw;
    height: 50vw;
    background: url(../img/decoration1_sp.png);
    background-size: cover;
  }
}
.top-section1__items:nth-of-type(even) .top-section1__item {
  order: 1;
}
@media screen and (max-width: 768px) {
  .top-section1__items:nth-of-type(even) .top-section1__item {
    order: 2;
  }
}

.top-section1__item-image {
  position: relative;
  max-width: 725px;
  width: 72%;
}
@media screen and (max-width: 768px) {
  .top-section1__item-image {
    width: 100%;
    margin-bottom: 3.75rem;
  }
}
.top-section1__item-image img {
  width: 100%;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);
}

.top-section1__item {
  max-width: 420px;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .top-section1__item {
    width: 100%;
  }
  .top-section1__item .top-section1__button {
    margin: 0 auto;
  }
}
.top-section1__item h3 {
  margin-bottom: 1rem;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .top-section1__item h3 {
    font-size: 1.125rem;
  }
}
.top-section1__item p {
  max-width: 397px;
  margin-bottom: 64px;
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .top-section1__item p {
    margin-bottom: 2rem;
  }
}

/*============
top-section2
=============*/
.top-section2 {
  margin-bottom: 128px;
}
@media screen and (max-width: 768px) {
  .top-section2 {
    margin-bottom: 6rem;
  }
}

.top-section2__heading {
  margin-bottom: 4rem;
}

.top-section2__button {
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.65);
}

.top-section2__bg {
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-size: cover !important;
  background-position: center !important;
}

.top-section2__textarea {
  max-width: 800px;
  margin: 0 auto;
}
.top-section2__textarea p {
  margin-bottom: 48px;
  text-align: center;
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .top-section2__textarea p {
    margin-bottom: 2rem;
  }
}

/*============
top-3d
=============*/
.top-3d {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .top-3d {
    margin-bottom: 4rem;
  }
}

.top-3d__heading {
  margin-bottom: 4rem;
}

.top-3d_textarea {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .top-3d_textarea {
    margin-bottom: 2rem;
  }
}
.top-3d_textarea p {
  text-align: center;
  line-height: 2.1875;
}

.top-3d_iframe {
  max-width: 800px;
  padding: 0.8125rem;
  margin-right: auto;
  margin-left: auto;
  background: url(../img/3d_bg.png);
}
.top-3d_iframe iframe {
  width: 100%;
  margin-bottom: -5px;
}
@media screen and (max-width: 768px) {
  .top-3d_iframe iframe {
    height: 11.875rem;
  }
}

/*============
top-video
=============*/
.top-video {
  margin-bottom: 127px;
  padding-top: 80px;
  padding-bottom: 96px;
  background: url(../img/video_bg.webp);
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .top-video {
    margin-bottom: 5rem;
    padding-top: 3.875rem;
    padding-bottom: 2.625rem;
    background: url(../img/video_bg_sp.webp);
  }
}

.top-video__heading {
  margin-bottom: 4rem;
}

.no-webp .top-section2 {
  background: url(../img/video_bg.png);
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .no-webp .top-section2 {
    background: url(../img/video_bg_sp.png);
    background-size: cover;
  }
}

.top-video_textarea {
  max-width: 850px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .top-video_textarea {
    margin-bottom: 2rem;
  }
}
.top-video_textarea p {
  text-align: center;
  line-height: 2.1875;
}

.top-video_content {
  max-width: 780px;
  margin-right: auto;
  margin-bottom: 3rem;
  margin-left: auto;
}
.top-video_content video {
  width: 100%;
}
.top-video_content p {
  aspect-ratio: 16/9;
}
.top-video_content iframe {
  width: 100%;
  height: 100%;
}

.top-video__button {
  margin-right: auto;
  margin-left: auto;
}

/*============
top-section3
=============*/
.top-section3 {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .top-section3 {
    margin-bottom: 4rem;
  }
}

.top-section3__heading {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .top-section3__heading {
    margin-bottom: 2rem;
  }
}

.top-section3__textarea {
  max-width: 850px;
  margin-right: auto;
  margin-bottom: 3rem;
  margin-left: auto;
}
.top-section3__textarea p {
  text-align: center;
  line-height: 2.1875;
}

.top-section3__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 764px;
  margin-right: auto;
  margin-bottom: 1.75rem;
  margin-left: auto;
}
.top-section3__items:after {
  content: "";
  max-width: 176px;
  width: 24%;
}
.top-section3__items:before {
  content: "";
  max-width: 176px;
  width: 24%;
  order: 1;
}

.top-section3__item {
  max-width: 176px;
  width: 24%;
  margin-bottom: 20px;
  color: #535353;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
  .top-section3__item {
    max-width: 100%;
    width: 47%;
    margin-bottom: 0.625rem;
  }
}
.top-section3__item img {
  width: 100%;
  max-width: 10.125rem;
  height: 10.125rem;
  margin-right: auto;
  margin-bottom: 0.9375rem;
  margin-left: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0 41px 0 41px;
}
.top-section3__item .is_title {
  margin-bottom: 0.5rem;
  text-align: center;
}
.top-section3__item .is_textarea {
  font-size: 0.875rem;
  line-height: 2;
}

.top-section3__button {
  margin-right: auto;
  margin-left: auto;
}

/*============
top-question
=============*/
.top-question {
  margin-bottom: 96px;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: url(../img/qa_bg.webp);
}
@media screen and (max-width: 768px) {
  .top-question {
    margin-bottom: 5.125rem;
    background: url(../img/qa_bg_sp.webp);
  }
}

.top-question__button {
  margin: 0 auto;
}

.top-question__heading {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .top-question__heading {
    margin-bottom: 2rem;
  }
}

.no-webp .top-question {
  background: url(../img/qa_bg.png);
}
@media screen and (max-width: 768px) {
  .no-webp .top-question {
    background: url(../img/qa_bg_sp.png);
  }
}

.top-question__contents {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .top-question__contents {
    margin-bottom: 2rem;
  }
}

/*============
top-section4
=============*/
.top-section4 .slick-dots li button {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.top-section4 .slick-dots li button:before {
  content: "" !important;
  background: #FFFFFF !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50%;
}
.top-section4 .slick-dots li.slick-active button:before {
  background: #B4BEBF !important;
}
@media screen and (max-width: 768px) {
  .top-section4 .slick-list {
    padding: 0 30% 0 0 !important;
  }
}

/* right */
.top-section4.right-slide {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .top-section4.right-slide {
    margin-bottom: 4rem;
  }
}
.top-section4.right-slide .top-section4__item {
  order: 1;
}
.top-section4.right-slide .top-section4__images {
  margin-right: -280px;
  order: 2;
}
@media screen and (max-width: 768px) {
  .top-section4.right-slide .top-section4__images {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .top-section4.right-slide .top-section4__button {
    margin: 0 auto;
    order: 3;
  }
}
.top-section4.right-slide .slick-dots {
  bottom: -48px;
  max-width: 640px;
  text-align: right !important;
}
@media screen and (max-width: 1250px) {
  .top-section4.right-slide .slick-dots {
    max-width: 46vw;
  }
}
@media screen and (max-width: 768px) {
  .top-section4.right-slide .slick-dots {
    bottom: -45px;
    max-width: inherit;
  }
}

/* left */
.top-section4.left-slide {
  margin-bottom: 128px;
}
@media screen and (max-width: 768px) {
  .top-section4.left-slide {
    margin-bottom: 4rem;
  }
  .top-section4.left-slide .top-section4__heading {
    margin-left: auto;
  }
}
.top-section4.left-slide .top-section4__item {
  order: 2;
}
.top-section4.left-slide .top-section4__images {
  margin-left: -280px;
  order: 1;
}
@media screen and (max-width: 768px) {
  .top-section4.left-slide .top-section4__images {
    margin-left: 0;
  }
}
.top-section4.left-slide .top-section4__button {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .top-section4.left-slide .top-section4__button {
    order: 3;
    margin: 0 auto;
  }
}
.top-section4.left-slide .slick-dots {
  bottom: -48px;
  right: 0;
  max-width: 640px;
  text-align: left !important;
}
@media screen and (max-width: 1250px) {
  .top-section4.left-slide .slick-dots {
    max-width: 45vw;
  }
}
@media screen and (max-width: 768px) {
  .top-section4.left-slide .slick-dots {
    bottom: -45px;
    max-width: inherit;
  }
}

.top-section4__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .top-section4__items {
    flex-direction: column;
  }
}

.top-section4__item {
  max-width: 397px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .top-section4__item {
    display: contents;
    max-width: 100%;
    width: 100%;
  }
}
.top-section4__item .top-section4__heading {
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .top-section4__item .top-section4__heading {
    margin-left: 0.625rem;
  }
}
@media screen and (max-width: 768px) {
  .top-section4__item .top-section4__heading {
    margin-bottom: 2rem;
  }
}
.top-section4__item p {
  margin-bottom: 64px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .top-section4__item p {
    margin-bottom: 1.5rem;
  }
}

.top-section4__images {
  max-width: 917px;
  width: 84%;
}
@media screen and (max-width: 768px) {
  .top-section4__images {
    max-width: 100%;
    width: 100%;
    margin-bottom: 66px !important;
  }
}

.top-section4__image {
  margin: 0 10px;
}
.top-section4__image img {
  width: 100%;
  height: 18.125rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 480px) {
  .top-section4__image img {
    height: 13.3125rem;
  }
}

/*============
posts
=============*/
.news-fv {
  margin-bottom: 113px;
}
@media screen and (max-width: 768px) {
  .news-fv {
    margin-bottom: 5.125rem;
  }
}

.posts-contents {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 128px;
}
@media screen and (max-width: 768px) {
  .posts-contents {
    flex-direction: column;
    margin-bottom: 4rem;
  }
}

.posts-content {
  max-width: 698px;
  width: 65%;
}
@media screen and (max-width: 768px) {
  .posts-content {
    max-width: 100%;
    width: 100%;
    margin-bottom: 4rem;
  }
}

.posts__heading {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .posts__heading {
    margin-bottom: 1.5rem;
    margin-left: 0.625rem;
  }
}
.posts__heading .is_en {
  text-transform: capitalize;
}

.c-news__items.page {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .c-news__items.page {
    margin-bottom: 2rem;
  }
}

.c-news_item.page dl {
  max-width: 595px;
}

.posts-navigation {
  text-align: center;
}
.posts-navigation .page-numbers {
  display: inline-block;
  width: 2.375rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 0.875rem;
}
.posts-navigation a.page-numbers {
  text-decoration: none;
}
.posts-navigation .page-numbers.current {
  color: #FFFFFF;
  text-align: center;
}

/*============
post
=============*/
.post-content__thumbnail {
  position: relative;
  margin-bottom: 1rem;
}
.post-content__thumbnail img {
  width: 100%;
  height: auto;
}

.post-content__category {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 0.1875rem;
  padding-right: 1.75rem;
  padding-bottom: 0.1875rem;
  padding-left: 1.75rem;
  background: #FFFFFF;
}
.post-content__category span:not(:last-child):after {
  content: ",";
}

.post-content__date {
  margin-bottom: 2rem;
  text-align: right;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .post-content__date {
    margin-bottom: 1rem;
  }
}

.post-content__title {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 23px;
}
@media screen and (max-width: 768px) {
  .post-content__title {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    font-size: 1.125rem;
  }
}

.post-content__entry {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .post-content__entry {
    margin-bottom: 2rem;
  }
}
.post-content__entry h2 {
  margin-bottom: 24px;
  padding-top: 16px;
  padding-right: 1.5625rem;
  padding-bottom: 1rem;
  padding-left: 1.5625rem;
  font-size: 1.125rem;
  background: #F4F4F4;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .post-content__entry h2 {
    margin-bottom: 1rem;
  }
}
.post-content__entry p {
  line-height: 1.875;
}
.post-content__entry p:not(:last-child) {
  margin-bottom: 2rem;
}
.post-content__entry table {
  margin-bottom: 2rem;
  border-collapse: collapse;
  width: 100%;
  font-weight: 400;
}
.post-content__entry table th {
  padding: 8px 10px;
  border: 1px solid #ddd;
}
.post-content__entry table td {
  padding: 8px 10px;
  border: 1px solid #ddd;
}
.post-content__entry ul {
  line-height: 1.875;
  list-style: disc;
  font-weight: 400;
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
}
.post-content__entry ol {
  line-height: 1.875;
  list-style: decimal;
  font-weight: 400;
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
}

.posts-content .addtoany_shortcode {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .posts-content .addtoany_shortcode {
    margin-bottom: 2rem;
  }
}

.post-navigation {
  position: relative;
  max-width: 520px;
  height: 45px;
  margin-right: auto;
  margin-bottom: 1.5rem;
  margin-left: auto;
}
.post-navigation .post-previous {
  position: absolute;
  left: 0;
  width: 48%;
}
.post-navigation .post-previous a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 1.1875rem;
  width: 5px;
  height: 5px;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  transform: rotate(45deg);
}
.post-navigation .post-next {
  position: absolute;
  right: 0;
  width: 48%;
}
.post-navigation .post-next a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 1.1875rem;
  width: 5px;
  height: 5px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transform: rotate(45deg);
}
.post-navigation a {
  position: relative;
  display: block;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  border-radius: 4px;
  transition: 0.4s;
}

.post-archive {
  position: relative;
  display: block;
  max-width: 250px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  margin: 0 auto;
  text-decoration: none;
  border-radius: 4px;
  transition: 0.4s;
}

/*============
contact
=============*/
.contact-fv {
  margin-bottom: 128px;
}
@media screen and (max-width: 768px) {
  .contact-fv {
    margin-bottom: 6rem;
  }
}

.contact__heading {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .contact__heading {
    margin-bottom: 2rem;
  }
}

.contact-contents {
  margin-bottom: 128px;
}
@media screen and (max-width: 768px) {
  .contact-contents {
    margin-bottom: 4rem;
  }
}
.contact-contents .wpcf7cp-btns {
  display: flex;
  justify-content: space-around;
  max-width: 580px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contact-contents .wpcf7cp-btns {
    flex-direction: column;
    align-items: center;
  }
  .contact-contents .wpcf7cp-btns button:not(:last-child) {
    margin-bottom: 16px;
  }
}
.contact-contents .wpcf7cp-btns button {
  position: relative;
  display: block;
  max-width: 250px;
  width: 48%;
  height: 45px;
  margin: 0 auto;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  background: #E54D46;
  border-radius: 4px;
  transition: 0.4s;
}
.contact-contents .wpcf7cp-btns button:hover {
  opacity: 0.6;
}
.contact-contents .wpcf7cp-btns button:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 20px;
  right: 1.25rem;
  width: 6px;
  height: 6px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  transform: rotate(45deg);
  vertical-align: middle;
}
.contact-contents .form-text {
  margin-top: 0.625rem;
  padding-left: 0.9375rem;
  color: #ACACAC;
  font-size: 0.875rem;
}

.contact__textarea {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .contact__textarea {
    margin-bottom: 2rem;
  }
}
.contact__textarea p {
  text-align: center;
  line-height: 2.1875;
}

.contact__form table {
  max-width: 1000px;
  width: 100%;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .contact__form table {
    margin-bottom: 2.5rem;
  }
}
.contact__form table th {
  width: 300px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: left;
  font-weight: 600;
  vertical-align: baseline;
  border-bottom: solid 1px #E5E5E5;
}
@media screen and (max-width: 768px) {
  .contact__form table th {
    display: block;
    width: 100%;
    border-bottom: 0;
  }
}
.contact__form table th .hissu {
  display: inline-block;
  width: 3.25rem;
  height: 1.5625rem;
  margin-right: 1.25rem;
  line-height: 1.5625rem;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.75rem;
  border-radius: 5px;
  background: #C35709;
}
.contact__form table th .ninni {
  display: inline-block;
  width: 3.25rem;
  height: 1.5625rem;
  margin-right: 1.25rem;
  line-height: 1.5625rem;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.75rem;
  border-radius: 5px;
  background: #B4BEBF;
}
.contact__form table td {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: solid 1px #E5E5E5;
}
@media screen and (max-width: 768px) {
  .contact__form table td {
    display: block;
    width: 100%;
    padding-top: 0;
  }
}
.contact__form table td .wpcf7-text,
.contact__form table td .wpcf7-textarea,
.contact__form table td select {
  padding-top: 0.25rem;
  padding-right: 1rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  border: solid 1px #B4BEBF;
}
.contact__form table td select {
  width: 100%;
}
.contact__form table td .is_short {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .contact__form table td .is_short {
    width: 100%;
  }
}
.contact__form table td .is_normal {
  width: 100%;
}
.contact__form table td .postalcode {
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
.contact__form table td .is_postalcode1 {
  width: 76px;
  margin: 0 5px;
}
.contact__form table td .is_postalcode2 {
  width: 94px;
  margin: 0 5px;
}
.contact__form table td.is_name .m_bottom .is_short {
  margin-bottom: 0.9375rem;
}

.form-select {
  position: relative;
}
.form-select:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #2B2B2B;
  border-right: 1px solid #2B2B2B;
}

::-moz-placeholder {
  color: #ACACAC;
  font-size: 0.875rem;
}

::placeholder {
  color: #ACACAC;
  font-size: 0.875rem;
}

.form-privacy {
  max-width: 910px;
  margin: 0 auto 70px;
  padding-top: 1.875rem;
  padding-right: 0.625rem;
  padding-bottom: 1.875rem;
  padding-left: 0.625rem;
  border: solid 1px #707070;
}
.form-privacy .wpcf7-list-item {
  margin: 0;
}
.form-privacy .inner {
  max-width: 700px;
  margin: 0 auto;
}

.form-privacy_box {
  height: 130px;
  margin-top: 0.75rem;
  padding: 1rem;
  overflow: auto;
  border: solid 1px #B4BEBF;
}
.form-privacy_box p {
  color: #535353;
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.1rem;
}

.form-button_wrap {
  position: relative;
  max-width: 250px;
  width: 100%;
  height: 45px;
  margin: 0 auto;
}
.form-button_wrap:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 20px;
  right: 2.0625rem;
  width: 6px;
  height: 6px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  transform: rotate(45deg);
}

.form-button {
  display: block;
  max-width: 250px;
  width: 100%;
  height: 45px;
  margin: 0 auto;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  background: #E54D46;
  border-radius: 4px;
  border: none;
  transition: 0.4s;
}
.form-button:hover {
  opacity: 0.6;
}

.wpcf7 .wpcf7-submit:disabled {
  opacity: 0.6;
}

.sent table,
.sent .form-privacy,
.sent .form-button_wrap,
.sent p {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: none;
}

/*============
privacy
=============*/
.privacy-fv {
  margin-bottom: 127px;
}
@media screen and (max-width: 768px) {
  .privacy-fv {
    margin-bottom: 5.875rem;
  }
}

.privacy__heading {
  margin-bottom: 134px;
}
@media screen and (max-width: 768px) {
  .privacy__heading {
    margin-bottom: 4rem;
  }
}

.privacy-contents {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .privacy-contents {
    margin-bottom: 4rem;
  }
}

.privacy-content__heading {
  margin-bottom: 4rem;
  padding-bottom: 1.5rem;
  font-size: 23px;
}
@media screen and (max-width: 768px) {
  .privacy-content__heading {
    font-size: 1.25rem;
  }
}

.privacy-content__freespace {
  margin-bottom: 48px;
}

.privacy-content__text {
  line-height: 2.1875;
}

.privacy-content__box {
  margin-bottom: 48px;
}

.privacy-content__box-title {
  margin-bottom: 16px;
  font-size: 16px;
}

.privacy-content__right {
  text-align: right;
}

/*============
about
=============*/
.about-fv {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .about-fv {
    margin-bottom: 6rem;
  }
}

/*============
about-lead 
=============*/
.about-lead {
  margin-bottom: 127px;
}
@media screen and (max-width: 768px) {
  .about-lead {
    margin-bottom: 5rem;
  }
}

.about-lead__heading {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .about-lead__heading {
    margin-bottom: 2rem;
  }
}

.about-lead__title {
  margin-bottom: 3rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
}

.about-lead__textarea {
  max-width: 800px;
  margin-right: auto;
  margin-bottom: 3rem;
  margin-left: auto;
  text-align: center;
}
.about-lead__textarea p {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .about-lead__textarea {
    text-align: left;
  }
}

.about-lead__table-box {
  padding-top: 3rem;
  padding-right: 0.625rem;
  padding-bottom: 72px;
  padding-left: 0.625rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .about-lead__table-box {
    padding-bottom: 3rem;
  }
}

.about-lead__table {
  max-width: 940px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  line-height: 2.1875;
  border-collapse: collapse;
}

.about-lead__table tr:not(:last-child) th,
.about-lead__table tr:not(:last-child) td {
  border-bottom: solid 1px #D8D8D8;
}
.about-lead__table tr:first-child th,
.about-lead__table tr:first-child td {
  padding-top: 0;
}
.about-lead__table tr:last-child th,
.about-lead__table tr:last-child td {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .about-lead__table tr:not(:last-child) th {
    border-bottom: 0;
  }
}

.about-lead__table th {
  width: 200px;
  padding-top: 24px;
  padding-right: 10px;
  padding-bottom: 24px;
  padding-left: 40px;
  font-weight: 400;
  font-size: 1.125rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .about-lead__table th {
    display: block;
    width: 100%;
    padding-top: 1rem;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}

.about-lead__table td {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .about-lead__table td {
    display: block;
    width: 100%;
    padding-top: 0rem;
    padding-bottom: 1rem;
  }
}

.about-lead__table td a {
  text-decoration: none;
  color: #2B2B2B;
  transition: 0.4s;
}
.about-lead__table td a:hover {
  opacity: 0.6;
}

/*============
about-message
=============*/
.about-message {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .about-message {
    margin-bottom: 4rem;
  }
}

.about-message__heading {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .about-message__heading {
    margin-bottom: 2rem;
  }
}

.about-message__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .about-message__items {
    flex-direction: column;
    align-items: center;
  }
}

.about-message__image {
  max-width: 538px;
  width: 49%;
  margin-right: 44px;
}
@media screen and (max-width: 768px) {
  .about-message__image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
}

.about-message__item {
  width: 100%;
  flex: 2;
}

.about-message__item-title {
  margin-bottom: 2rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75;
}

.about-message__item-textarea {
  margin-bottom: 48px;
}
.about-message__item-textarea p {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .about-message__item-textarea {
    margin-bottom: 2rem;
  }
}

.about-message__item-name {
  text-align: right;
}

/*============
about-history
=============*/
.about-history {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .about-history {
    margin-bottom: 3rem;
  }
}

.about-history__heading {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .about-history__heading {
    margin-bottom: 2rem;
    margin-left: 0.625rem;
  }
}

.about-history__table {
  width: 100%;
  border-collapse: collapse;
}

.about-history__table tr:nth-of-type(odd) {
  background: #F0F0F0;
}
.about-history__table tr:nth-of-type(even) {
  background: #FFFFFF;
}

.about-history__table th {
  width: 278px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-weight: 400;
  border-right: solid 2px #E6E6E6;
  vertical-align: baseline;
}
@media screen and (max-width: 768px) {
  .about-history__table th {
    width: 120px;
  }
}

.about-history__table td {
  padding-top: 1rem;
  padding-right: 32px;
  padding-bottom: 1rem;
  padding-left: 32px;
}
@media screen and (max-width: 768px) {
  .about-history__table td {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

/*============
service
=============*/
.service-fv {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .service-fv {
    margin-bottom: 6rem;
  }
}

.service-contents {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .service-contents {
    margin-bottom: 2.875rem;
  }
}

@media screen and (max-width: 768px) {
  .service-bottom__image {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .service-bottom__image img {
    max-width: 100%;
    min-width: 768px;
  }
}

/*============
service-lead
=============*/
.service-lead {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .service-lead {
    margin-bottom: 3rem;
  }
}

.service-lead__heading {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .service-lead__heading {
    margin-bottom: 2rem;
  }
}

.service-lead__title {
  margin-bottom: 3rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
}

.service-lead__textarea {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.service-lead__textarea p {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .service-lead__textarea {
    text-align: left;
  }
}

/*============
service1(画像あり)
=============*/
.service1-content {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .service1-content {
    margin-bottom: 5.5rem;
  }
}

.service1-title {
  margin-bottom: 32px;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .service1-title {
    margin-bottom: 1.5rem;
  }
}

.service1-textarea {
  margin-bottom: 2rem;
}
.service1-textarea p {
  line-height: 2.1875;
}

.service1-items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.service1-items:not(:last-child) {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .service1-items {
    flex-direction: column;
    align-items: center;
  }
  .service1-items:not(:last-child) {
    margin-bottom: 4rem;
  }
}

.service1-image {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .service1-image {
    width: 100%;
    margin-bottom: 1.5rem;
    order: 2;
  }
}

.service1-item {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .service1-item {
    display: contents;
    width: 100%;
  }
}

.service1-item__title {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .service1-item__title {
    width: 100%;
    margin-bottom: 1.5rem;
    order: 1;
  }
}

.service1-item__textarea {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .service1-item__textarea {
    order: 3;
  }
}

.service1-item__price {
  margin-top: 0.5rem;
  font-size: 1.25rem;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .service1-item__price {
    width: 100%;
    order: 4;
  }
}

/*============
service2(画像なし)
=============*/
.service2-content {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .service2-content {
    margin-bottom: 1rem;
  }
}

.service2-items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 88px;
}
@media screen and (max-width: 768px) {
  .service2-items {
    flex-direction: column;
    align-items: center;
    margin-bottom: 4rem;
  }
}

.service2-image {
  max-width: 480px;
  width: 44%;
}
@media screen and (max-width: 768px) {
  .service2-image {
    max-width: 100%;
    width: 100%;
    margin-bottom: 1.5rem;
    order: 2;
  }
}

.service2-item {
  max-width: 600px;
  width: 55%;
}
@media screen and (max-width: 768px) {
  .service2-item {
    display: contents;
    max-width: 100%;
    width: 100%;
  }
}

.service2-title {
  margin-bottom: 24px;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .service2-title {
    width: 100%;
    margin-bottom: 1.5rem;
    order: 1;
  }
}

.service2-textarea p {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .service2-textarea {
    order: 3;
  }
}

.service2-boxes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1018px;
  margin-right: auto;
  margin-left: auto;
}

.service2-box {
  position: relative;
  width: 48%;
  margin-bottom: 72px;
  padding-top: 2.5rem;
  padding-right: 0.625rem;
  padding-bottom: 2.5rem;
  padding-left: 1.25rem;
}
.service2-box:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 32px;
  width: 12px;
  height: 6.375rem;
}
@media screen and (max-width: 768px) {
  .service2-box {
    width: 100%;
    margin-bottom: 4.5rem;
  }
  .service2-box:before {
    top: 1.6875rem;
    width: 0.625rem;
  }
}

.service2-box__inner {
  max-width: 410px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .service2-box__inner {
    max-width: 100%;
  }
}

.service2-item__title {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.service2-item__textarea {
  line-height: 2.1875;
}

.service2-item__price {
  margin-top: 0.5rem;
  font-size: 1.25rem;
  text-align: right;
}

/*============
question
=============*/
.question-fv {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .question-fv {
    margin-bottom: 6rem;
  }
}

.question-content {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .question-content {
    margin-bottom: 2.875rem;
  }
}

.question__heading {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .question__heading {
    margin-bottom: 2rem;
  }
}

.question__textarea {
  margin-bottom: 4rem;
}
.question__textarea p {
  text-align: center;
  line-height: 2.1875;
}

/*============
question2
=============*/
.question2-bg {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  margin-bottom: 120px;
  padding-top: 88px;
  padding-bottom: 104px;
  background: url(../img/question_bg.webp);
}
@media screen and (max-width: 768px) {
  .question2-bg {
    margin-bottom: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: url(../img/question_bg_sp.webp);
  }
}

.no-webp .question2-bg {
  background: url(../img/question_bg.jpg);
}
@media screen and (max-width: 768px) {
  .no-webp .question2-bg {
    background: url(../img/question_bg_sp.jpg);
  }
}

.question2__menus {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 872px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}
.question2__menus:before {
  content: "";
  width: 24%;
  max-width: 200px;
  order: 1;
}
.question2__menus:after {
  content: "";
  width: 24%;
  max-width: 200px;
}
@media screen and (max-width: 768px) {
  .question2__menus {
    margin-bottom: 1.375rem;
  }
}

.question2__menu {
  width: 24%;
  max-width: 200px;
  margin-bottom: 24px;
}
.question2__menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.625rem;
  padding-right: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.625rem;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .question2__menu {
    width: 48%;
    max-width: 100%;
  }
}

.question2-content {
  max-width: 910px;
  margin-right: auto;
  margin-left: auto;
}
.question2-content:not(:last-child) {
  margin-bottom: 3rem;
}

.question__heading-page {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}

/*============
recruit
=============*/
.recruit-fv {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .recruit-fv {
    margin-bottom: 6rem;
  }
}

.recruit__heading {
  margin-bottom: 46px;
}
@media screen and (max-width: 768px) {
  .recruit__heading {
    margin-bottom: 2rem;
  }
}

/*============
recruit-lead
=============*/
.recruit-lead {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .recruit-lead {
    margin-bottom: 3rem;
  }
}

.recruit-lead__title {
  margin-bottom: 3rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
}

.recruit-lead__textarea {
  max-width: 800px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
  text-align: center;
}
.recruit-lead__textarea p {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .recruit-lead__textarea {
    margin-bottom: 3rem;
    text-align: left;
  }
}

.recruit-lead__image {
  max-width: 797px;
  margin-right: auto;
  margin-left: auto;
}

/*============
recruit-contents
=============*/
.recruit-contents {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .recruit-contents {
    margin-bottom: 3rem;
  }
}

.recruit-content:not(:last-child) {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .recruit-content:not(:last-child) {
    margin-bottom: 3rem;
  }
}

.recruit__title {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}

.recruit__textarea {
  margin-bottom: 2rem;
}
.recruit__textarea p {
  line-height: 2.1875;
}

.recruit__buttons {
  display: flex;
  justify-content: center;
  max-width: 814px;
  margin-right: auto;
  margin-bottom: 2.875rem;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .recruit__buttons {
    flex-direction: column;
    align-items: center;
  }
}

.recruit__button {
  width: 32%;
}
.recruit__button:not(:first-child) {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .recruit__button {
    width: 100%;
  }
  .recruit__button:not(:first-child) {
    margin-left: 0;
  }
  .recruit__button:not(:last-child) {
    margin-bottom: 2rem;
  }
}

.recruit__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 65px;
  padding-right: 60px;
  padding-left: 18px;
  background: #F4F4F4;
  border-radius: 5px;
  cursor: pointer;
}
.recruit__item .is_line {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .recruit__item {
    padding-right: 2.375rem;
    padding-left: 0.1875rem;
  }
  .recruit__item .is_line {
    right: 0.625rem;
  }
}

.recruit__item-title {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.recruit__item-table {
  width: 100%;
  border-collapse: collapse;
  line-height: 2.1875;
}

.recruit__item-table th {
  width: 43%;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 90px;
  font-weight: 400;
  text-align: left;
  vertical-align: baseline;
  border-bottom: solid 1px #D8D8D8;
}
@media screen and (max-width: 768px) {
  .recruit__item-table th {
    display: block;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0;
    padding-left: 0;
    border-bottom: 0;
  }
}

.recruit__item-table td {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 0;
  border-bottom: solid 1px #D8D8D8;
}
@media screen and (max-width: 768px) {
  .recruit__item-table td {
    display: block;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 0.625rem;
  }
}

/*============
flow
=============*/
.flow-fv {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .flow-fv {
    margin-bottom: 6rem;
  }
}

.flow-contents {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .flow-contents {
    margin-bottom: 4rem;
  }
}

.flow__heading {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .flow__heading {
    margin-bottom: 2rem;
  }
}

.flow__title {
  margin-bottom: 3rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
}

.flow__textarea {
  max-width: 800px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
  text-align: center;
}
.flow__textarea p {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .flow__textarea {
    margin-bottom: 3rem;
    text-align: left;
  }
}

/*============
lp-fv
=============*/
.lp-fv {
  position: relative;
  margin-bottom: 152px;
}
@media screen and (max-width: 768px) {
  .lp-fv {
    margin-bottom: 6rem;
  }
}

.lp-fv__image img {
  width: 100%;
  height: 353px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .lp-fv__image img {
    height: 360px;
  }
}

.lp-fv__contents {
  max-width: 1200px;
  margin: 0 auto;
}

.lp-fv__heading {
  position: absolute;
  bottom: 54px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.7;
}
@media screen and (max-width: 1250px) {
  .lp-fv__heading {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .lp-fv__heading {
    font-size: 1.75rem;
  }
}

/*============
lp-section1
=============*/
.lp-section1 {
  margin-bottom: 192px;
}
@media screen and (max-width: 768px) {
  .lp-section1 {
    margin-bottom: 6rem;
  }
}

.lp-section1__heading {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .lp-section1__heading {
    margin-bottom: 2rem;
  }
}

.lp-section1__textarea {
  max-width: 910px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
  text-align: center;
}
.lp-section1__textarea p {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .lp-section1__textarea {
    margin-bottom: 3rem;
  }
}

.lp-section1__lists {
  display: flex;
  justify-content: space-between;
  max-width: 910px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .lp-section1__lists {
    flex-direction: column;
    align-items: center;
  }
}

.lp-section1__list {
  width: 32%;
  max-width: 276px;
  padding-top: 1.5rem;
  padding-right: 0.625rem;
  padding-bottom: 1.5rem;
  padding-left: 0.625rem;
  text-align: center;
  font-size: 20px;
  line-height: 1.75;
  background: #F8F8F8;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .lp-section1__list {
    width: 100%;
  }
  .lp-section1__list:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}

/*============
lp-section2
=============*/
.lp-section2 {
  margin-bottom: 168px;
}
@media screen and (max-width: 768px) {
  .lp-section2 {
    margin-bottom: 6rem;
  }
}

.lp-section2__heading {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .lp-section2__heading {
    margin-bottom: 2rem;
  }
}

.lp-section2__textarea {
  max-width: 910px;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  text-align: center;
}
.lp-section2__textarea p {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .lp-section2__textarea {
    margin-bottom: 3rem;
  }
}

.lp-section2__box-title {
  margin-bottom: 48px;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .lp-section2__box-title {
    margin-bottom: 1.5rem;
  }
}

.lp-section2__box:not(:last-child) {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .lp-section2__box:not(:last-child) {
    margin-bottom: 3.5rem;
  }
}

.lp-section2__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .lp-section2__items {
    flex-direction: column;
    align-items: center;
  }
}

.lp-section2__item {
  max-width: 536px;
  width: 49%;
  margin-top: 40px;
}
.lp-section2__item p {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .lp-section2__item {
    max-width: 100%;
    width: 100%;
    margin-top: 0;
    margin-bottom: 2rem;
  }
}

.lp-section2__image {
  position: relative;
  max-width: 470px;
  width: 43%;
  margin-right: 36px;
}
.lp-section2__image:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -52px;
  right: -36px;
  width: 100%;
  max-width: 470px;
  height: 18rem;
  background: url(../img/lp_deco1.jpg) no-repeat;
  background-size: cover;
  z-index: -1;
}
.lp-section2__image img {
  width: 100%;
  height: 18rem;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .lp-section2__image {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }
  .lp-section2__image:before {
    bottom: -1.875rem;
  }
}

.lp-section2__link .c-link {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .lp-section2__link .c-link {
    margin-bottom: 6rem;
  }
}

/*============
lp-section3
=============*/
.lp-section3 {
  margin-bottom: 136px;
}
@media screen and (max-width: 768px) {
  .lp-section3 {
    margin-bottom: 4rem;
  }
}

.lp-section3 .l-inner {
  max-width: 1200px;
}

.lp-section3__heading {
  margin-bottom: 72px;
}
@media screen and (max-width: 768px) {
  .lp-section3__heading {
    margin-bottom: 2rem;
  }
}

.lp-section3__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.lp-section3__content:not(:last-child) {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .lp-section3__content {
    flex-direction: column;
    align-items: center;
  }
  .lp-section3__content:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}

.lp-section3__image {
  position: relative;
  max-width: 642px;
  width: 54%;
}
.lp-section3__image:before {
  content: "";
  display: block;
  position: absolute;
  left: 50px;
  bottom: -54px;
  max-width: 651px;
  width: 100%;
  height: 377px;
  background: url(../img/lp_deco2.jpg) no-repeat;
  background-size: cover;
  z-index: -1;
}
.lp-section3__image img {
  width: 100%;
  height: 395px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .lp-section3__image {
    max-width: 100%;
    width: 100%;
    margin-bottom: 3.5rem;
  }
  .lp-section3__image img {
    height: 15rem;
  }
  .lp-section3__image:before {
    left: -1.25rem;
    bottom: -1.875rem;
    height: 15rem;
  }
}

.lp-section3__item {
  max-width: 440px;
  width: 37%;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .lp-section3__item {
    max-width: 100%;
    width: 100%;
    margin-top: 0;
  }
}

.lp-section3__item-title {
  margin-bottom: 2rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75;
}

.lp-section3__item-textarea {
  margin-bottom: 2rem;
  line-height: 2.1875;
}

.lp-section3__item-text {
  text-align: right;
}
.lp-section3__item-text .price {
  font-size: 20px;
}

/*============
lp-flow
=============*/
.lp-flow {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .lp-flow {
    margin-bottom: 4rem;
  }
}

.lp-flow .l-inner__first {
  max-width: 1200px;
}

.lp-flow__bg {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 4rem;
  background: url(../img/lp_flow_bg.webp);
  background-size: cover;
  z-index: -2;
}
@media screen and (max-width: 768px) {
  .lp-flow__bg {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background: url(../img/lp_flow_bg_sp.webp);
    background-size: cover;
  }
}

.no-webp .lp-flow__bg {
  background: url(../img/lp_flow_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .lp-flow__bg {
    background: url(../img/lp_flow_bg_sp.png);
    background-size: cover;
  }
}

.lp-flow__heading {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .lp-flow__heading {
    margin-bottom: 3rem;
  }
}

.lp-flow__link .c-link {
  margin-bottom: 136px;
}
@media screen and (max-width: 768px) {
  .lp-flow__link .c-link {
    margin-bottom: 5rem;
  }
}

/*============
lp-voice
=============*/
.lp-voice {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .lp-voice {
    margin-bottom: 4rem;
  }
}

.lp-voice__heading {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1250px) {
  .lp-voice__heading {
    margin-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .lp-voice__heading {
    margin-bottom: 2rem;
  }
}

.lp-voice__item {
  display: flex;
  justify-content: space-between;
}
.lp-voice__item:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .lp-voice__item {
    flex-direction: column;
    align-items: center;
  }
}

.lp-voice__item:nth-of-type(even) .lp-voice__item-image {
  margin-left: 50px;
  order: 2;
}
.lp-voice__item:nth-of-type(even) .lp-voice__item-textarea {
  order: 1;
}
.lp-voice__item:nth-of-type(even) .lp-voice__item-textarea:before {
  content: "";
  position: absolute;
  top: 15px;
  right: -15px;
  transform: rotate(180deg);
  width: 15px;
  height: 8px;
  background: url(../img/lp_voice_chat.png) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .lp-voice__item:nth-of-type(even) .lp-voice__item-image {
    margin-left: 0;
    order: 1;
  }
  .lp-voice__item:nth-of-type(even) .lp-voice__item-textarea {
    order: 2;
  }
  .lp-voice__item:nth-of-type(even) .lp-voice__item-textarea:before {
    top: -13px;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 13px;
    background: url(../img/lp_voice_chat_sp.png) no-repeat;
    background-size: cover;
  }
}

.lp-voice__item:nth-of-type(odd) .lp-voice__item-image {
  margin-right: 50px;
}
.lp-voice__item:nth-of-type(odd) .lp-voice__item-textarea:before {
  content: "";
  position: absolute;
  top: 15px;
  left: -15px;
  width: 15px;
  height: 8px;
  background: url(../img/lp_voice_chat.png) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .lp-voice__item:nth-of-type(odd) .lp-voice__item-image {
    margin-right: 0;
  }
  .lp-voice__item:nth-of-type(odd) .lp-voice__item-textarea:before {
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 13px;
    background: url(../img/lp_voice_chat_sp.png) no-repeat;
    background-size: cover;
  }
}

.lp-voice__item-image {
  max-width: 182px;
}
.lp-voice__item-image img {
  width: 100%;
  height: 165px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .lp-voice__item-image {
    max-width: 100%;
    width: 100%;
    margin-bottom: 1.875rem;
  }
  .lp-voice__item-image img {
    height: auto;
  }
}

.lp-voice__item-textarea {
  position: relative;
  max-width: 868px;
  width: 79%;
  padding-top: 2rem;
  padding-right: 1.25rem;
  padding-bottom: 2rem;
  padding-left: 1.25rem;
  border: solid 1px #707070;
  flex: 2;
}
@media screen and (max-width: 768px) {
  .lp-voice__item-textarea {
    max-width: 100%;
    width: 100%;
  }
}

.lp-voice__item-textarea-inner {
  max-width: 806px;
  margin: 0 auto;
}

.lp-voice__item-title {
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 500;
}

.lp-voice__item-text {
  line-height: 2.1875;
}

/*============
lp-qa
=============*/
.lp-qa {
  margin-bottom: 120px;
  padding-top: 6rem;
  padding-bottom: 4rem;
  background: url(../img/qa_bg.webp);
}
@media screen and (max-width: 768px) {
  .lp-qa {
    margin-bottom: 4rem;
    background: url(../img/qa_bg_sp.webp);
  }
}

.no-webp .lp-qa {
  background: url(../img/qa_bg.png);
}
@media screen and (max-width: 768px) {
  .no-webp .lp-qa {
    background: url(../img/qa_bg_sp.png);
  }
}

.lp-qa__heading {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .lp-qa__heading {
    margin-bottom: 2rem;
  }
}

.lp-question__contents {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .lp-question__contents {
    margin-bottom: 2rem;
  }
}

/*============
works
=============*/
.works-fv {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .works-fv {
    margin-bottom: 6rem;
  }
}

/*============
.works-lead
=============*/
.works-lead {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .works-lead {
    margin-bottom: 4rem;
  }
}

.works-lead__heading {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .works-lead__heading {
    margin-bottom: 2rem;
  }
}

.works-lead__title {
  margin-bottom: 3rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
}

.works-lead__textarea {
  max-width: 800px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  text-align: center;
}
.works-lead__textarea p {
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .works-lead__textarea {
    margin-bottom: 3rem;
  }
}

.works-lead__box {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .works-lead__box {
    flex-direction: column;
  }
}

.works-lead__box-category {
  position: relative;
  width: 49%;
}
.works-lead__box-category:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 23px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  transform: rotate(45deg);
}
.works-lead__box-category select {
  width: 100%;
  padding-top: 0.875rem;
  padding-right: 1.5rem;
  padding-bottom: 0.875rem;
  padding-left: 1.5rem;
  color: #FFFFFF;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .works-lead__box-category {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.works-lead__box-tag {
  position: relative;
  width: 49%;
}
.works-lead__box-tag:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 23px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}
.works-lead__box-tag select {
  width: 100%;
  padding-top: 0.875rem;
  padding-right: 1.5rem;
  padding-bottom: 0.875rem;
  padding-left: 1.5rem;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .works-lead__box-tag {
    width: 100%;
  }
}

/*============
.work
=============*/
.work-contents {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .work-contents {
    margin-bottom: 2.875rem;
  }
}

.work__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .work__items {
    flex-direction: column;
    align-items: center;
    margin-bottom: 4rem;
  }
}

.work__item-image {
  position: relative;
  max-width: 550px;
  width: 50%;
}
.work__item-image img {
  width: 100%;
  min-height: 407px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .work__item-image {
    max-width: 100%;
    width: 100%;
    margin-bottom: 2rem;
  }
  .work__item-image img {
    min-height: 13.625rem;
  }
}

.work__item {
  max-width: 490px;
  width: 45%;
}
@media screen and (max-width: 768px) {
  .work__item {
    max-width: 100%;
    width: 100%;
  }
}

.work__item-category {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 0.125rem;
  padding-right: 0.75rem;
  padding-bottom: 0.125rem;
  padding-left: 0.75rem;
  border: solid 1px #FFFFFF;
}
.work__item-category a {
  text-decoration: none;
  color: #FFFFFF;
  transition: 0.4s;
}
.work__item-category a:not(:last-child):after {
  content: ",";
}
.work__item-category a:hover {
  opacity: 0.7;
}

.work__item-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
}

.work__item-tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -0.25rem;
  margin-left: -0.25rem;
}
.work__item-tags a {
  display: block;
  min-width: 98px;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
  padding-top: 0.125rem;
  padding-right: 0.75rem;
  padding-bottom: 0.125rem;
  padding-left: 0.75rem;
  text-decoration: none;
  text-align: center;
  font-size: 0.875rem;
  border-radius: 15px;
  transition: 0.4s;
}
.work__item-tags a:hover {
  opacity: 0.7;
}

.work__item-add {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .work__item-add {
    margin-bottom: 1.5rem;
  }
}

.work__item-textarea p {
  line-height: 2.1875;
}

/*============
.works
=============*/
.works-contents {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .works-contents {
    margin-bottom: 4rem;
  }
}

.works-lists {
  margin-bottom: 74px;
}
@media screen and (max-width: 768px) {
  .works-lists {
    margin-bottom: 2rem;
  }
}

.works-lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.works-lists:after {
  content: "";
  max-width: 340px;
  width: 32%;
}

.works-list {
  position: relative;
  max-width: 340px;
  width: 32%;
  margin-bottom: 46px;
}
@media screen and (max-width: 768px) {
  .works-list {
    max-width: 100%;
    width: 100%;
    margin-bottom: 2rem;
  }
}

.works-list a {
  text-decoration: none;
  color: #2B2B2B;
  transition: 0.4s;
}
.works-list a:hover img {
  opacity: 0.6;
  transition-duration: 0.4s;
}
.works-list a:hover .works-list__contents {
  opacity: 1;
}

.works-list__image {
  position: relative;
  margin-bottom: 1rem;
  overflow: hidden;
}
.works-list__image img {
  width: 100%;
  height: 15.125rem;
  -o-object-fit: cover;
     object-fit: cover;
  transition-duration: 0.4s;
}

.works-list__category {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 0;
  left: 0;
  padding-top: 0.125rem;
  padding-right: 0.75rem;
  padding-bottom: 0.125rem;
  padding-left: 0.75rem;
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
.works-list__category li:not(:last-child):after {
  content: ",";
}

.works-list__tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -0.25rem;
  margin-left: -0.25rem;
}
.works-list__tags li {
  min-width: 98px;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
  padding-top: 0.125rem;
  padding-right: 0.75rem;
  padding-bottom: 0.125rem;
  padding-left: 0.75rem;
  text-align: center;
  font-size: 0.875rem;
  border-radius: 15px;
}

.works-list__contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.4s;
}

.works-list__content {
  padding-top: 2.5rem;
  padding-right: 1.875rem;
  padding-bottom: 2.5rem;
  padding-left: 1.875rem;
  color: #FFFFFF;
}

.works-list__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 18px;
  font-weight: 400;
}

.works-list__textarea {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 2.1875;
}

/*============
notfound
=============*/
.notfound-heading {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .notfound-heading {
    margin-bottom: 1.5rem;
    margin-left: 0.625rem;
  }
  .notfound-heading .is_jp {
    display: block;
  }
}

.notfound-button {
  margin-top: 4.5rem;
  margin-right: auto;
  margin-left: auto;
}
/*# sourceMappingURL=style.css.map */