@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  line-height: 2;
  font-size: 1.5em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Arial, sans-serif;
  color: #473933;
}
@media (max-width: 767px) {
  body {
    font-size: 1.3em;
  }
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a {
  color: #473933;
  text-decoration: none;
  outline: none;
}

li {
  list-style: none;
}

textarea,
input[type=text],
input[type=tel],
input[type=password] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input::-ms-clear,
input::-ms-reveal {
  visibility: hidden;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: #fff;
}
@media (max-width: 767px) {
  .header {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
}
@media (max-width: 1024px) {
  .header__inner {
    padding: 10px 30px;
    height: 70px;
  }
}
.header__site-title {
  margin-right: 3%;
  width: 25%;
  max-width: 350px;
  min-width: 180px;
  font-size: 0;
}
.header__nav {
  padding-bottom: 4px;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.2em;
}
@media (max-width: 1024px) {
  .header__nav {
    display: none;
  }
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  max-width: 1040px;
  width: 80.33%;
}
@media (max-width: 767px) {
  .container {
    width: 100%;
  }
}

.feature-container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  max-width: 910px;
  width: 71.09%;
}
@media (max-width: 1024px) {
  .feature-container {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .feature-container {
    width: 100%;
  }
}

.footer {
  margin-top: -1px;
  padding: 40px 0 30px;
  background-color: #473933;
  color: #fff;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .footer {
    padding: 40px 0 100px;
  }
}
.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1024px) {
  .footer__inner {
    display: block;
    width: 100%;
  }
}
.footer__left {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.footer__balloon {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .footer__balloon {
    margin: 0 auto 10px;
  }
}
@media (max-width: 767px) {
  .footer__balloon {
    width: 100%;
  }
}
.footer__text {
  font-size: 1.3rem;
  letter-spacing: 0.2em;
}
@media (max-width: 1024px) {
  .footer__text {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer__text {
    font-size: 1.2rem;
    text-align: left;
  }
  .footer__text span {
    padding-left: 1em;
  }
}
.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__nav .footer__list {
  margin-right: 20px;
}
.footer__nav .footer__list:last-of-type {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .footer__nav .footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .footer__nav {
    display: block;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .footer__nav {
    display: none;
  }
}
.footer__list-item {
  margin-top: 8px;
}
.footer__list-item::before {
  content: "-";
  display: inline-block;
  padding-right: 5px;
}
.footer__list-item a {
  color: #fff;
  font-size: 1.3rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footer__list-item a:focus, .footer__list-item a:hover {
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .footer__list-item {
    margin-right: 4%;
  }
}
.footer__sns-link {
  padding-top: 20px;
}
@media (max-width: 1024px) {
  .footer__sns-link {
    margin: 10px auto 0;
    padding-top: 0;
    text-align: center;
  }
}

.only-pc {
  display: block;
}
@media (max-width: 767px) {
  .only-pc {
    display: none;
  }
}

.only-s-pc {
  display: none;
}
@media (max-width: 1024px) {
  .only-s-pc {
    display: block;
  }
}

.only-sp {
  display: none;
}
@media (max-width: 767px) {
  .only-sp {
    display: block;
  }
}

.horizontal-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.horizontal-nav__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
}
.horizontal-nav__item:hover, .horizontal-nav__item:focus {
  opacity: 0.7;
}
.horizontal-nav__item:last-child {
  margin-right: 0;
}
.horizontal-nav__text {
  font-size: 1.4rem;
  line-height: 1.17;
}
.horizontal-nav__sub-text {
  padding-top: 10px;
  color: #8FA702;
  font-family: copse, serif;
  font-size: 1.2rem;
  line-height: 1.08;
}
.horizontal-nav__icon {
  margin-bottom: 10px;
  line-height: 1;
  text-align: center;
}
.horizontal-nav__icon img {
  display: inline-block;
  height: 13px;
}

.header-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 40px;
  right: 50px;
  z-index: 102;
}
@media (max-width: 1024px) {
  .header-buttons {
    display: none;
  }
}
.header-buttons__item {
  margin-right: 30px;
}
.header-buttons__item:last-of-type {
  margin-right: 0;
}
.header-buttons__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42px;
  height: 42px;
  background-color: #fff;
  border: 1px solid #B0BF24;
  border-radius: 50%;
  cursor: pointer;
}
.header-buttons__button:last-of-type {
  margin-right: 0;
}
.header-buttons__button img {
  width: 24px;
  height: 24px;
}
.header-buttons__button--green {
  background-color: #B0BF24;
}
.header-buttons__content {
  display: none;
  margin-top: 4px;
}

.balloon1 {
  position: relative;
}
.balloon1 p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  font-size: 1.2rem;
  font-family: irohamaru, sans-serif;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
  letter-spacing: 0.2em;
}
_::-webkit-full-page-media, _:future, :root .balloon1 p {
	width: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .balloon1 p {
		width: 12px;
	}
}

.humburger-btn {
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 120;
  display: none;
  width: 50px;
  height: 50px;
  padding: 0;
  border: none;
  border-radius: 5px;
  background-color: #b0bf24;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .humburger-btn {
    display: block;
  }
}
.humburger-btn .humburger-btn__line {
  width: 30px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 40%;
  left: 10px;
}
.humburger-btn .humburger-btn__line::before {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.humburger-btn .humburger-btn__line::after {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.humburger-btn__text {
  position: absolute;
  bottom: 6px;
  left: 10px;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: copse, serif;
  line-height: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.humburger-btn__text--cross {
  display: none;
  color: #473933;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.humburger-btn.cross {
  background-color: transparent;
}
.humburger-btn.cross .humburger-btn__line {
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.humburger-btn.cross .humburger-btn__line::before {
  background-color: #473933;
  -webkit-transform: translate(-50%, 8px) rotate(45deg);
          transform: translate(-50%, 8px) rotate(45deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  z-index: 120;
}
.humburger-btn.cross .humburger-btn__line::after {
  background: #473933;
  -webkit-transform: translate(-50%, -6px) rotate(-45deg);
          transform: translate(-50%, -6px) rotate(-45deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  z-index: 120;
}
.humburger-btn.cross .humburger-btn__text {
  display: none;
  line-height: 1;
}
.humburger-btn.cross .humburger-btn__text--cross {
  bottom: 5px;
  display: block;
}

.humburger-nav-wrapper {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 110;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.humburger-nav-wrapper.open {
  right: 0;
}
@media (max-width: 1024px) {
  .humburger-nav-wrapper {
    width: 400px;
  }
}
@media (max-width: 767px) {
  .humburger-nav-wrapper {
    width: 100%;
  }
}
.humburger-nav-wrapper .humburger-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background-color: #eae4d0;
}
.humburger-nav-wrapper .humburger-nav .humburger-nav_list {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.humburger-nav-wrapper .humburger-nav .humburger-nav_list .humburger-nav_item {
  margin-bottom: 20px;
}
.humburger-nav-wrapper .humburger-nav .humburger-nav_list .humburger-nav_item:last-child {
  margin-bottom: 0;
}
.humburger-nav-wrapper .humburger-nav .humburger-nav_list .humburger-nav_item a {
  color: #fff;
  font-size: 1.8rem;
}
.humburger-nav-wrapper .humburger-nav__content {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}
.humburger-nav-wrapper .humburger-nav__content ul {
  margin-top: 30px;
}
.humburger-nav-wrapper .humburger-nav__content ul:nth-of-type(2) {
  margin-top: 0;
}
.humburger-nav-wrapper .humburger-nav__img {
  padding: 0 20px;
}
.humburger-nav-wrapper .humburger-nav__img img {
  width: 100%;
}
.humburger-nav-wrapper .humburger-nav__list {
  display: block;
  margin-top: 30px;
  padding-bottom: 4px;
  border-bottom: 1px solid currentColor;
  font-size: 1.5rem;
  font-family: irohamaru, sans-serif;
}
.humburger-nav-wrapper .humburger-nav__list.horizontal-nav__item {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
}
.humburger-nav-wrapper .humburger-nav__list--icon figure {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  padding: 5px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #fff;
}
.humburger-nav-wrapper .humburger-nav__list--icon figure img {
  width: 20px;
  height: 20px;
}
.humburger-nav-wrapper .humburger-nav__sns-link {
  margin: 40px auto 0;
}
.humburger-nav-wrapper .humburger-nav__bottom-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 70%;
}

.fv {
  position: relative;
  min-height: 600px;
  height: 100vh;
  overflow: hidden;
}
.fv .swiper1 .slide-img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
  min-height: 600px;
  height: 100vh;
  width: 100%;
}
@media (max-width: 767px) {
  .fv {
    min-height: auto;
    height: auto;
  }
  .fv .swiper1 .slide-img img {
    min-height: auto;
    height: 435px;
  }
}
.fv .swiper-pagination {
  position: absolute;
  bottom: 20px;
  z-index: 90;
}
.fv .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
.fv__content {
  position: absolute;
  z-index: 1;
  right: 45px;
  bottom: 45px;
}
@media (max-width: 767px) {
  .fv__content {
/*    display: none;*/
	  right: -70px;
	  bottom: 10px;
  }
}
.fv__content .calendar {
  position: relative;
  right: 20px;
  margin-top: 6px;
}
@media (max-width: 1024px) {
  .fv__content .calendar {
    right: 0;
  }
}
.fv__bottom-text {
  position: absolute;
  bottom: 20px;
  left: 30px;
  z-index: 90;
  color: #fff;
  font-size: 3.2rem;
  font-family: irohamaru, sans-serif;
  line-height: 1.96;
  letter-spacing: 0.25em;
}
@media screen and (min-width: 1300px) {
  .fv__bottom-text {
    bottom: 60px;
  }
}
@media (max-width: 1024px) {
  .fv__bottom-text {
    font-size: 2.4rem;
    bottom: 20px;
    left: 20px;
  }
}
@media (max-width: 767px) {
  .fv__bottom-text {
    font-size: 1.4rem;
    bottom: 10px;
  }
}

.object1 {
  position: absolute;
  top: -30px;
  right: 0;
  z-index: 101;
  width: 19.14%;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-animation: 10s linear infinite rotation1;
          animation: 10s linear infinite rotation1;
}
@media (max-width: 1024px) {
  .object1 {
    width: 130px;
  }
}

@-webkit-keyframes rotation1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes rotation1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.object2 {
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: 80;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  max-width: 500px;
  width: 35%;
  -webkit-animation: 10s linear infinite rotation1;
          animation: 10s linear infinite rotation1;
}
@media (max-width: 1024px) {
  .object2 {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .object2 {
    width: 200px;
  }
}

@keyframes rotation1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.circle-balloon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  width: 180px;
  height: 200px;
/*  background-image: url("./../images/circle-balloon.png");*/
}
@media (max-width: 1024px) {
  .circle-balloon {
    width: 162px;
    height: 180px;
    padding: 0 20px 20px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.circle-balloon__text {
  color: #fff;
  font-size: 1.2rem;
}
@media (max-width: 1024px) {
  .circle-balloon__text {
    line-height: 1.5;
  }
}
.circle-balloon--left-bottom {
  background-image: url("./../images/circle-balloon2.png");
  padding: 0 20px;
  width: 180px;
  height: 180px;
}

.calendar {
  padding-left: 20px;
  width: 180px;
  height: 177px;
  background-image: url("./../images/calendar.png");
  background-size: contain;
  text-align: center;
  font-family: copse, serif;
}
@media (max-width: 1024px) {
  .calendar {
    width: 135px;
    height: 134px;
  }
}
@media (max-width: 767px) {
  .calendar {
    width: 60px;
    height: 59px;
  }
}
.calendar__month {
  padding-top: 40px;
  padding-left: 10px;
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .calendar__month {
    position: relative;
    left: -5px;
    padding-top: 10px;
    padding-left: 0;
    font-size: 1rem;
    line-height: 1;
  }
}
.calendar__day {
  padding-top: 10px;
  font-size: 6.8rem;
  letter-spacing: 0.15em;
  line-height: 1;
}
@media (max-width: 1024px) {
  .calendar__day {
    font-size: 3rem;
  }
}
@media (max-width: 767px) {
  .calendar__day {
    position: relative;
    left: -5px;
    padding-top: 5px;
    font-size: 2.2rem;
  }
}

.calendar--bird {
  position: relative;
}
.calendar--bird .calendar__img {
  position: absolute;
  width: 60px;
  top: -72px;
  right: -20px;
}
@media (max-width: 767px) {
.calendar--bird .calendar__img{
		position: absolute;
		width: 40px;
		top: -48px;
		right: -12px;
		
	}
}
@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
  -webkit-animation: zoomUp 10s linear 0s 1 normal both;
          animation: zoomUp 10s linear 0s 1 normal both;
}

.slide-img img {
  display: block;
}

.greeting {
  display: none;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .greeting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.greeting__balloon {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  padding: 7px 15px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  background: #473933;
  border-radius: 10px;
}
.greeting__balloon::before {
  content: "";
  position: absolute;
  top: 40%;
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 15px solid #473933;
}
.greeting__balloon-img {
  position: absolute;
  top: -50px;
  right: 0;
  z-index: 1;
  width: 40px;
}
.greeting .calendar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.section-wrapper {
  padding-top: 70px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .section-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.section-wrapper.service {
  padding-top: 120px;
}
@media (max-width: 767px) {
  .section-wrapper.service {
    padding-top: 80px;
  }
}
.section-wrapper.service--top {
  padding-top: 70px;
  padding-bottom: 140px;
}
@media (max-width: 767px) {
  .section-wrapper.service--top {
    padding-top: 50px;
    padding-bottom: 80px;
  }
}
.section-wrapper.qa {
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .section-wrapper.qa {
    padding-bottom: 50px;
  }
}
.section-wrapper.interview {
  margin-bottom: -4px;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .section-wrapper.interview {
    padding-top: 65px;
  }
}

.section-title {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1024px) {
  .section-title {
    position: relative;
    display: block;
  }
  .section-title::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .section-title::after {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.section-title::before, .section-title::after {
  content: "";
  display: inline-block;
  width: 110px;
  height: 70px;
  background-image: url("./../images/tree.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .section-title::before, .section-title::after {
    width: 77px;
    height: 49px;
  }
}
.section-title__texts {
  margin: 0 70px;
}
@media (max-width: 767px) {
  .section-title__texts {
    margin: 0 10px;
  }
}
.section-title__text {
  font-size: 2.2rem;
  font-family: irohamaru, sans-serif;
  line-height: 1.18;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  .section-title__text {
    font-size: 1.6rem;
    line-height: 1.66;
  }
}
.section-title__sub-text {
  margin-top: 6px;
  color: #b0bf24;
  font-family: copse, serif;
  letter-spacing: 0.2em;
}
@media (max-width: 767px) {
  .section-title__sub-text {
    margin-top: 0;
    font-size: 1.2rem;
  }
}
.section-title--white::before, .section-title--white::after {
  background-image: url("./../images/tree4.png");
}
.section-title--white .section-title__text {
  color: #fff;
}
.section-title--white .section-title__sub-text {
  color: #fff;
}

.news-list {
  margin: 50px auto 0;
  width: 74.46%;
}
@media (max-width: 767px) {
  .news-list {
    width: 100%;
  }
}
.news-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 10px;
  border-bottom: 1px solid #DAD7D6;
}
.news-list__link:hover .news-list__title {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .news-list__link {
    display: block;
  }
}
.news-list__date {
  margin-right: 5.71%;
  font-family: copse, serif;
  letter-spacing: 0.2em;
}
.news-list__title {
  letter-spacing: 0.2em;
}

.waves {
  position:relative;
  width: 100%;
  height:6vh;
  margin-bottom:-11px; /*Fix for safari gap*/
  min-height: 50px;
  max-height: 100px;
}

.w_under {
  transform: scale(1, -1);
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  animation-delay: -2s;
  animation-duration: 7s;
}

@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  
  h1 {
    font-size:24px;
  }
}

.about {
  margin-top: -1px;
  margin-bottom: -1px;
  background-color: #b0bf24;
}
.about .container {
  position: relative;
}
.about__tree1 {
  position: absolute;
  top: 100px;
  left: -40px;
  width: 166px;
}
@media (max-width: 1024px) {
  .about__tree1 {
    width: 100px;
  }
}
@media (max-width: 767px) {
  .about__tree1 {
    display: none;
  }
}
.about__tree2 {
  position: absolute;
  top: 50%;
  right: -40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 166px;
}
@media (max-width: 1024px) {
  .about__tree2 {
    width: 100px;
  }
}
@media (max-width: 767px) {
  .about__tree2 {
    display: none;
  }
}
.about__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 3rem;
  letter-spacing: 0.3em;
  font-family: irohamaru, sans-serif;
  text-align: center;
}
.about__lead::before, .about__lead::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 43px;
  background-size: contain;
  vertical-align: bottom;
}
@media (max-width: 767px) {
  .about__lead::before, .about__lead::after {
    width: 15px;
    height: 21px;
  }
}
.about__lead::before {
  margin-right: 50px;
  background-image: url("./../images/line1.png");
}
@media (max-width: 767px) {
  .about__lead::before {
    margin-right: 10px;
  }
}
.about__lead::after {
  margin-left: 50px;
  background-image: url("./../images/line2.png");
}
@media (max-width: 767px) {
  .about__lead::after {
    margin-left: 10px;
  }
}
@media (max-width: 1024px) {
  .about__lead {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .about__lead {
    font-size: 1.7rem;
  }
}
.about__main-img {
  margin: 20px auto 0;
  width: 90.90%;
}
@media (max-width: 767px) {
  .about__main-img {
    width: 100%;
  }
}
.about__text {
  margin-top: 50px;
  color: #fff;
  line-height: 3;
  letter-spacing: 0.2rem;
  text-align: center;
}
@media (max-width: 767px) {
  .about__text {
    line-height: 2.15;
    text-align: left;
  }
}
.about__brackets-text {
  margin-top: 46px;
  margin-right: auto;
  margin-left: auto;
  max-width: 461px;
}
.about__after-icon-link-wrapper {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .about__after-icon-link-wrapper {
    margin-top: 40px;
  }
}

.comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
@media (max-width: 767px) {
  .comment {
    display: block;
    margin-top: 20px;
    width: 100%;
  }
}
.comment__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 16px;
}
.comment__img img {
  width: 110px;
  height: 110px;
}
@media (max-width: 767px) {
  .comment__img {
    display: none;
  }
}
.comment__img-sp {
  display: none;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
  width: 90%;
}
@media (max-width: 767px) {
  .comment__img-sp {
    display: block;
  }
}
.comment__balloon {
  position: relative;
  display: inline-block;
  margin: 1em 0 1em 20px;
  padding: 10px 20px;
  min-width: 120px;
  max-width: 100%;
  border-radius: 10px;
  font-size: 1.4rem;
  letter-spacing: 0.15em;
  background: #fff;
}
.comment__balloon::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 20px solid #fff;
}
@media (max-width: 767px) {
  .comment__balloon::before {
    top: 100%;
    left: 50%;
    border: 10px solid transparent;
    border-top: 20px solid #fff;
  }
}
@media (max-width: 767px) {
  .comment__balloon {
    margin-left: 0;
  }
}

.comment-wrapper {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .comment-wrapper {
    display: block;
  }
}
@media (max-width: 767px) {
  .comment-wrapper {
    margin-top: 0;
  }
}
.comment-wrapper .comment {
  margin-right: 20px;
}
.comment-wrapper .comment:last-of-type {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .comment-wrapper .comment {
    margin-right: 0;
    width: 100%;
  }
}
.comment-wrapper .comment--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.comment-wrapper .comment--reverse .comment__img {
  margin-right: 0;
  margin-left: 16px;
}
.comment-wrapper .comment--reverse .comment__balloon {
  margin: 1em 20px 1em 0;
}
.comment-wrapper .comment--reverse .comment__balloon::before {
  left: 100%;
  border: 10px solid transparent;
  border-left: 20px solid #fff;
}
@media (max-width: 767px) {
  .comment-wrapper .comment--reverse .comment__balloon::before {
    top: 100%;
    left: 50%;
    border: 10px solid transparent;
    border-top: 20px solid #fff;
  }
}
@media (max-width: 767px) {
  .comment-wrapper .comment--reverse .comment__balloon {
    margin-right: 0;
  }
}

.after-icon-link {
  padding: 0 0.8em 1em;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: 1.6rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.after-icon-link:focus, .after-icon-link:hover {
  border-color: transparent;
}
.after-icon-link::after {
  content: "";
  display: inline-block;
  margin-left: 1em;
  width: 25px;
  height: 10px;
  background-image: url("./../images/arrow-white.svg");
  background-size: contain;
  vertical-align: middle;
}

.after-icon-link-wrapper {
  text-align: center;
}

.office__slide {
  position: relative;
  margin-top: 40px;
  width: 100%;
  padding: 10px;
  border: 3px solid;
  -o-border-image: url("./../images/border.jpg") 3;
     border-image: url("./../images/border.jpg") 3;
  border-image-slice: fill;
}
@media (max-width: 1024px) {
  .office__slide {
    height: auto;
  }
}
@media (max-width: 767px) {
  .office__slide {
    margin-top: 20px;
    padding: 5px;
  }
}
.office__slide .swiper2 {
  height: 100%;
  overflow: hidden;
}
.office__circle-balloon {
  position: absolute;
  top: -60px;
  right: -40px;
  z-index: 1;
  text-align: center;
}
@media (max-width: 767px) {
  .office__circle-balloon {
    display: none;
  }
}
.office__balloon {
  display: none;
  position: relative;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  width: 100%;
  max-width: 100%;
  color: #fff;
  background: #473933;
  border-radius: 10px;
  text-align: center;
}
.office__balloon::before {
  content: "";
  position: absolute;
  top: calc(100% - 10px);
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 20px solid #473933;
}
@media (max-width: 767px) {
  .office__balloon {
    display: inline-block;
  }
}

.section-lead {
  margin-top: 30px;
  font-weight: bold;
  line-height: 2.33;
  letter-spacing: 0.2em;
  text-align: center;
}
@media (max-width: 767px) {
  .section-lead {
    text-align: left;
  }
}

.service__head {
  position: relative;
  margin: 40px auto 0;
  width: 415px;
}
@media (max-width: 767px) {
  .service__head {
    width: 100%;
  }
}
.service__people {
  position: absolute;
  right: -130px;
  bottom: -10px;
}
.service__people img {
  width: 116px;
}
@media (max-width: 767px) {
  .service__people img {
    margin-right: auto;
    margin-left: auto;
    width: 90px;
  }
}
@media (max-width: 767px) {
  .service__people {
    position: static;
    margin-top: 10px;
  }
}
.service__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px;
}
@media (max-width: 767px) {
  .service__contents {
    display: block;
  }
}
@media (max-width: 767px) {
  .service__content {
    margin-top: 50px;
  }
  .service__content:first-of-type {
    margin-top: 0;
  }
}
.service__border {
  margin: 0 4.79%;
  width: 0;
  border-left: 2px dotted #473933;
}
@media (max-width: 767px) {
  .service__border {
    display: none;
  }
}
.service__title {
  height: 70px;
  border-radius: 10px;
  color: #fff;
  background-color: #473933;
  font-size: 2.2rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
  line-height: 70px;
  text-align: center;
}
.service__title--green {
  background-color: #b0bf24;
}
@media (max-width: 1024px) {
  .service__title {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .service__title {
    height: 50px;
    line-height: 50px;
  }
}
.service__text {
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .service__text {
    margin-top: -30px;
  }
}
.service__rounded-link-wrapper {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .service__rounded-link-wrapper .rounded-link {
    padding: 10px 35px;
  }
}

.rounded-link {
  padding: 12px 40px;
  border: 2px solid currentColor;
  border-radius: 30px;
  background-color: #fff;
  font-size: 1.6rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .rounded-link {
    padding: 12px 30px;
    font-size: 1.5rem;
  }
}
.rounded-link::after {
  content: "";
  display: inline-block;
  margin-bottom: 4px;
  margin-left: 1em;
  width: 25px;
  height: 10px;
  background-image: url("./../images/arrow-black.svg");
  background-size: contain;
  vertical-align: middle;
}
.rounded-link:focus, .rounded-link:hover {
  color: #fff;
  background-color: #473933;
}
.rounded-link:focus::after, .rounded-link:hover::after {
  background-image: url("./../images/arrow-white.svg");
}
.rounded-link--no-icon::after {
  content: none;
}

.rounded-link-wrapper {
  text-align: center;
}
@media (max-width: 767px) {
  .rounded-link-wrapper {
    width: 100%;
  }
}

.dotted-area {
  position: relative;
  margin-top: 110px;
  padding: 65px 20px 50px;
  border: 2px dotted #473933;
  border-radius: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .dotted-area {
    margin-top: 65px;
    padding-top: 50px;
  }
}
.dotted-area__img {
  position: absolute;
  top: -35px;
  left: 50%;
  z-index: 1;
  padding: 0 15px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 200px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .dotted-area__img {
    top: -15px;
    width: 140px;
  }
}
.dotted-area__title {
  font-size: 3rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  .dotted-area__title {
    font-size: 1.6rem;
  }
}
.dotted-area__text {
  margin-top: 25px;
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .dotted-area__text {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
.dotted-area__rounded-link-wrapper {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
.dotted-area__bottom-img {
  position: absolute;
  right: -10%;
  bottom: -100px;
  width: 31.39%;
}
@media (max-width: 767px) {
  .dotted-area__bottom-img {
    position: static;
    margin-top: 20px;
    width: 100%;
  }
  .dotted-area__bottom-img img {
    margin-right: auto;
    margin-left: auto;
  }
}

.qa {
  background-color: #eae4d0;
}
.qa__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.qa__wrapper .comment-balloon {
  margin-right: 3.72%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  cursor: pointer;
}
.qa__wrapper .comment-balloon:last-of-type {
  margin-right: 0;
}
@media (max-width: 767px) {
  .qa__wrapper .comment-balloon {
    margin-top: 80px;
    margin-right: 0;
  }
}
.qa__wrapper--2column {
  margin-right: auto;
  margin-left: auto;
  width: 66%;
}
@media (max-width: 767px) {
  .qa__wrapper--2column {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .qa__wrapper {
    display: block;
  }
  .qa__wrapper.only-pc {
    display: none;
  }
}
.qa__bottom {
  display: inline-block;
  position: relative;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .qa__bottom {
    display: block;
    margin-top: 30px;
    text-align: center;
  }
}
.qa__text {
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: 20px 0;
  font-size: 1.7rem;
  font-family: irohamaru, sans-serif;
  line-height: 1.65;
  letter-spacing: 0.3em;
  text-align: right;
}
.qa__text span {
  padding: 0.2em;
  font-size: 2.2rem;
  color: #fff;
  background-color: #b0bf24;
}
@media (max-width: 767px) {
  .qa__text span {
    font-size: 1.5rem;
  }
}
.qa__text::before, .qa__text::after {
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  width: 40px;
  height: 2px;
  border: 2px dotted #473933;
}
@media (max-width: 767px) {
  .qa__text::before, .qa__text::after {
    width: 25px;
  }
}
.qa__text::before {
  top: 0;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media (max-width: 767px) {
  .qa__text::before {
    top: auto;
    bottom: 30px;
    left: -30px;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
}
.qa__text::after {
  bottom: 0;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
@media (max-width: 767px) {
  .qa__text::after {
    bottom: 30px;
    right: -30px;
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
  }
}
@media (max-width: 767px) {
  .qa__text {
    line-height: 2.1;
    font-size: 1.3rem;
    text-align: center;
  }
}
.qa__more {
  display: none;
  margin-top: 40px;
  font-size: 4rem;
  line-height: 0.5;
  text-align: center;
}
@media (max-width: 767px) {
  .qa__more {
    display: block;
  }
}
.qa__rounded-link-wrapper {
  display: none;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .qa__rounded-link-wrapper {
    display: block;
  }
}
.qa__rounded-link-wrapper .rounded-link {
  padding: 4px 100px;
  border: 2px solid #473933;
  color: #473933;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 767px) {
  .qa__rounded-link-wrapper .rounded-link {
    padding: 4px 70px;
  }
}
.qa__bottom-img {
  position: absolute;
  right: -230px;
  bottom: -60px;
  z-index: 1;
}
@media (max-width: 1024px) {
  .qa__bottom-img {
    right: -220px;
  }
}
@media (max-width: 767px) {
  .qa__bottom-img {
    bottom: -90px;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
.qa__bottom-img img {
  width: 200px;
}
@media (max-width: 767px) {
  .qa__bottom-img img {
    width: 110px;
  }
}

.comment-balloon {
  position: relative;
  display: block;
  margin-top: 37px;
  padding: 50px 20px 40px;
  min-width: 120px;
  max-width: 100%;
  border-radius: 20px;
  background: #fff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.comment-balloon:focus, .comment-balloon:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .comment-balloon {
    padding-bottom: 20px;
  }
}
.comment-balloon::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -11px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 11px;
  background-image: url("./../images/comment-balloon.png");
  background-size: contain;
}
.comment-balloon__img {
  position: absolute;
  top: -37px;
  left: calc(50% - 37px);
  width: 74px;
  height: 74px;
  border: 2px solid #473933;
  border-radius: 50%;
}
.comment-balloon__text {
  font-weight: bold;
  letter-spacing: 0.15em;
}
.comment-balloon__name {
  position: absolute;
  bottom: 15px;
  right: 20px;
  color: #b0bf24;
  font-size: 1.3rem;
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .comment-balloon__name {
    position: static;
    text-align: right;
  }
}
.comment-balloon__more {
  position: relative;
  z-index: 2;
  display: none;
  margin-top: 10px;
}
.comment-balloon__more .rounded-link {
  padding: 4px 25px 4px 50px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #473933;
}
@media (max-width: 767px) {
  .comment-balloon__more {
    display: block;
  }
}

/* モーダルウィンドウ */
.modal-window {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 600px;
  width: 63.83%;
  background-color: #fff;
  border-radius: 20px;
  z-index: 201;
  padding: 60px 40px 30px;
}
@media (max-width: 767px) {
  .modal-window {
    width: 80%;
    padding: 30px 20px 15px;
  }
}
.modal-window p {
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .modal-window p {
    font-size: 1.5rem;
  }
}
.modal-window__border {
  margin-top: 50px;
}
.modal-window__border img {
  width: 100%;
}
.modal-window__img {
  margin: 40px auto 0;
  width: 29.16%;
}

/* 閉じるボタン */
.button-close {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 50px;
  height: 50px;
  color: #fff;
  background-color: #473933;
  border: none;
  border-radius: 50%;
  font-size: 3rem;
  line-height: 50px;
  cursor: pointer;
}

/* オーバーレイ */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(176, 191, 36, 0.8);
  width: 100%;
  height: 100%;
  z-index: 200;
}

.section-wave--reverse {
  margin-top: -1px;
}
.section-wave--reverse img {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.interview__ribbon {
  margin: 40px auto 0;
  width: 90%;
}
@media (max-width: 767px) {
  .interview__ribbon {
    width: 100%;
  }
}
.interview__lead {
  margin-top: -40px;
  font-weight: bold;
  line-height: 2.33;
  letter-spacing: 0.2em;
  text-align: center;
}
.interview__lead span {
  font-size: 1.2rem;
  font-weight: normal;
}
@media (max-width: 767px) {
  .interview__lead {
    margin-top: 30px;
    text-align: left;
  }
}
.interview__content {
  margin-top: 40px;
  background-image: url("./../images/interview.jpg");
  background-size: cover;
}
@media (max-width: 1024px) {
  .interview__content {
    margin-top: 30px;
    background-image: none;
  }
}
.interview__content-img {
  display: none;
}
@media (max-width: 1024px) {
  .interview__content-img {
    display: block;
  }
}
.interview__agenda {
  margin-left: auto;
  width: 60%;
  padding: 30px 30px 35px 40px;
  border: 2px dotted #473933;
  border-left: none;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .interview__agenda {
    width: 100%;
    border: none;
  }
}
@media (max-width: 767px) {
  .interview__agenda {
    padding: 30px 0;
    width: 100%;
  }
}
.interview__bottom-img {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .interview__bottom-img {
    margin-top: 50px;
  }
}
.interview__bottom-img img {
  margin-right: auto;
  margin-left: auto;
}

.agenda__title {
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
  text-align: center;
}
.agenda__item {
  position: relative;
  padding: 20px 30px 20px 0;
  border-bottom: 1px solid rgba(71, 57, 51, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.agenda__item:hover, .agenda__item:focus {
  opacity: 0.7;
}
.agenda__item::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 25px;
  height: 10px;
  background-image: url("./../images/arrow-black.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.agenda__item--icon-none::after {
  content: none;
}
.agenda__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.agenda__number {
  margin-right: 15px;
  color: #b0bf24;
  font-size: 4rem;
  font-family: copse, serif;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media (max-width: 767px) {
  .agenda__number {
    font-size: 2rem;
  }
}
.agenda__text {
  font-size: 1.7rem;
  letter-spacing: 0.2em;
  font-weight: bold;
}
@media (max-width: 767px) {
  .agenda__text {
    font-size: 1.2rem;
  }
}
.agenda__img {
  margin-right: 30px;
  width: 13%;
}
.agenda__balloon {
  position: absolute;
  right: 0;
  width: 14.54%;
}

.keijiban {
  position: relative;
  padding: 30px 0 60px;
  background-color: #473933;
}
@media (max-width: 767px) {
  .keijiban {
    padding-top: 0;
  }
}
.keijiban::before {
  content: "";
  display: block;
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 205px;
  height: 205px;
  border-radius: 50%;
  background-color: #473933;
  z-index: 1;
}
.keijiban__line {
  position: relative;
  z-index: 2;
}
.keijiban__line img {
  margin-right: auto;
  margin-left: auto;
  width: 60px;
}
@media (max-width: 767px) {
  .keijiban__line img {
    width: 40px;
  }
}
.keijiban__ribbon {
  position: relative;
  z-index: 2;
  margin-top: 30px;
}
.keijiban__ribbon img {
  margin-right: auto;
  margin-left: auto;
  width: 250px;
}
.keijiban__section-lead {
  position: relative;
  color: #fff;
  z-index: 1;
}
.keijiban__media {
  position: relative;
  margin-top: 10px;
}
.keijiban .swiper3 {
  margin-top: 30px;
}
.keijiban .swiper3 .swiper-wrapper {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
.keijiban .swiper3 .swiper-slide {
  height: auto;
}
.keijiban .swiper3 .swiper-slide .media {
  height: 100%;
}
.keijiban .swiper3 .swiper-button-prev {
  left: 14%;
}
@media (max-width: 767px) {
  .keijiban .swiper3 .swiper-button-prev {
    left: 2%;
  }
}
.keijiban .swiper3 .swiper-button-prev::after {
  content: url("./../images/swiper-left-arrow.png");
}
@media (max-width: 767px) {
  .keijiban .swiper3 .swiper-button-prev::after {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}
.keijiban .swiper3 .swiper-button-next {
  right: 14%;
}
@media (max-width: 767px) {
  .keijiban .swiper3 .swiper-button-next {
    right: 2%;
  }
}
.keijiban .swiper3 .swiper-button-next::after {
  content: url("./../images/swiper-right-arrow.png");
}
@media (max-width: 767px) {
  .keijiban .swiper3 .swiper-button-next::after {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 65px 40px 45px;
  background-color: #eae4d0;
}
@media (max-width: 1024px) {
  .media {
    display: block;
    position: relative;
  }
}
@media (max-width: 767px) {
  .media {
    padding: 30px 20px 50px;
  }
}
.media::before, .media::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -10px;
  width: 35px;
  height: 35px;
  background-image: url("./../images/pin.png");
  background-size: contain;
}
.media::before {
  left: 20px;
}
@media (max-width: 767px) {
  .media::before {
    width: 25px;
    height: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.media::after {
  right: 20px;
}
@media (max-width: 767px) {
  .media::after {
    content: none;
  }
}
.media__img {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin-right: 5.33%;
}
@media (max-width: 767px) {
  .media__img {
    margin-right: 0;
  }
}
.media__img-inner {
  border-radius: 10px;
  overflow: hidden;
}
.media__img img {
  width: 100%;
}
.media__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 1024px) {
  .media__body {
    margin-top: 20px;
  }
}
.media__title {
  padding-bottom: 10px;
  border-bottom: 2px solid currentColor;
  font-size: 1.8rem;
  font-family: irohamaru, sans-serif;
  line-height: 1.72;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  .media__title {
    font-size: 1.3rem;
    text-align: center;
  }
}
.media__text {
  margin-top: 20px;
  letter-spacing: 0.15em;
}
.media__rounded-link {
  position: relative;
  display: block;
  margin-top: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: center;
}
.media__rounded-link::after {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .media__rounded-link {
    margin-right: auto;
    margin-left: auto;
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .media__rounded-link {
    font-size: 1.3rem;
    -moz-text-align-last: left;
         text-align-last: left;
  }
}

.access__balloon {
  margin: 30px auto 0;
  width: 415px;
}
@media (max-width: 767px) {
  .access__balloon {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
.access__lead {
  margin-top: 30px;
  font-size: 2.2rem;
  letter-spacing: 0.3em;
  font-family: irohamaru, sans-serif;
  text-align: center;
}
.access__lead span {
  font-size: 3rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, rgba(255, 224, 54, 0.4)));
  background: linear-gradient(transparent 50%, rgba(255, 224, 54, 0.4) 0%);
}
@media (max-width: 767px) {
  .access__lead span {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .access__lead {
    font-size: 1.5rem;
  }
}
.access__text {
  margin-top: 10px;
  font-weight: bold;
  letter-spacing: 0.15em;
  text-align: center;
}
@media (max-width: 767px) {
  .access__text {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
.access__media2 {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .access__media2 {
    margin-top: 50px;
    font-size: 2.5rem;
    letter-spacing: 0.1em;
  }
  .access__media2 .media2__text {
    font-size: 1.3rem;
  }
}
.access__logo {
  width: 300px;
  max-width: 100%;
}
.access__parking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .access__parking {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.access__parking-icon {
  margin-right: 10px;
  width: 30px;
}
.access__parking-icon img {
  border-radius: 5px;
}
@media (max-width: 767px) {
  .access__parking-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 50px;
  }
}
.access__parking-main-text {
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .access__parking-main-text {
    font-size: 1.3rem;
  }
}
.access__parking-sub-text {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}
.access .swiper4 {
  margin-top: 60px;
}

.komaki {
  position: relative;
  margin-top: 45px;
  margin-bottom: 50px;
  background-color: rgba(176, 191, 36, 0.4);
}
.komaki__top-img {
  position: absolute;
  top: -60px;
  right: 14%;
  width: 176px;
}
@media (max-width: 1024px) {
  .komaki__top-img {
    width: 110px;
    top: -30px;
    right: 7%;
  }
}
.komaki__inner {
  padding-top: 40px;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .komaki__inner {
    display: block;
  }
}
.komaki__img {
  margin-right: 5.32%;
  width: 28.8%;
}
.komaki__content {
  -ms-flex-preferred-size: 54.25%;
      flex-basis: 54.25%;
}
@media (max-width: 767px) {
  .komaki__content {
    text-align: center;
  }
}
.komaki__content img {
  margin-right: auto;
  margin-left: auto;
  width: 63.33%;
}
.komaki__title {
  position: relative;
  display: inline-block;
  padding: 20px 0;
  font-size: 2.2rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
.komaki__title::before, .komaki__title::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -10px;
  width: 14px;
  height: 29px;
  background-size: contain;
}
@media (max-width: 767px) {
  .komaki__title::before, .komaki__title::after {
    left: auto;
  }
}
.komaki__title::before {
  background: url("./../images/komaki-dott-line.png") no-repeat;
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media (max-width: 767px) {
  .komaki__title::before {
    top: auto;
    left: -30px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.komaki__title::after {
  background: url("./../images/komaki-dott-line2.png") no-repeat;
  bottom: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media (max-width: 767px) {
  .komaki__title::after {
    right: -30px;
    bottom: auto;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .komaki__title {
    font-size: 1.6rem;
  }
}
.komaki__text {
  margin-top: 50px;
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .komaki__text {
    margin-top: 25px;
  }
}

.cta {
  position: relative;
}
.cta__head {
  padding: 30px 10px 25px;
  border-radius: 20px 20px 0 0;
  background-color: #B0BF24;
  text-align: center;
}
@media (max-width: 767px) {
  .cta__head {
    padding: 15px 5px 15px;
  }
}
.cta__title {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 3.5rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .cta__title {
    font-size: 2.2rem;
  }
}
@media (max-width: 767px) {
  .cta__title {
    font-size: 1.3rem;
  }
}
.cta__title::before, .cta__title::after {
  content: "";
  display: inline-block;
  margin-bottom: 4px;
  margin-left: 1em;
  width: 25px;
  height: 59px;
  background-size: contain;
  vertical-align: middle;
}
@media (max-width: 1110px) {
  .cta__title::before, .cta__title::after {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .cta__title::before, .cta__title::after {
    width: 10px;
    height: 24px;
    margin-bottom: 0;
  }
}
.cta__title::before {
  margin-right: 1.5em;
  background-image: url("./../images/cta-line1.png");
}
@media (max-width: 1100px) {
  .cta__title::before {
    margin-right: 1em;
  }
}
@media (max-width: 767px) {
  .cta__title::before {
    margin-right: 0.5em;
  }
}
.cta__title::after {
  margin-left: 1.5em;
  background-image: url("./../images/cta-line2.png");
}
@media (max-width: 1100px) {
  .cta__title::after {
    margin-left: 1em;
  }
}
@media (max-width: 767px) {
  .cta__title::after {
    margin-left: 0.5em;
  }
}
.cta__title span {
  font-size: 4.8rem;
}
@media (max-width: 1024px) {
  .cta__title span {
    font-size: 3.2rem;
  }
}
@media (max-width: 767px) {
  .cta__title span {
    font-size: 2rem;
  }
}
.cta__body {
  padding: 30px 10px 80px;
  border: 5px solid #B0BF24;
  border-radius: 0 0 20px 20px;
}
@media (max-width: 767px) {
  .cta__body {
    padding: 15px 10px 20px;
  }
}
.cta__text {
  font-weight: bold;
  letter-spacing: 0.15em;
  text-align: center;
}
@media (max-width: 767px) {
  .cta__text {
    font-size: 1.5rem;
  }
}
.cta__tel-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.cta__tel-wrapper .horizontal-text {
  margin-right: 4.08%;
}
@media (max-width: 1024px) {
  .cta__tel-wrapper .horizontal-text {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
    margin-right: 0;
  }
}
.cta__tel-wrapper .horizontal-text:last-of-type {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .cta__tel-wrapper {
    display: block;
  }
}
.cta__tel {
  margin-right: 10px;
  color: #B0BF24;
  font-size: 2rem;
  font-family: copse, serif;
  letter-spacing: 0.2em;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .cta__tel {
    font-size: 1.3rem;
  }
}
.cta__tel-number {
  font-size: 3.5rem;
  font-family: copse, serif;
  letter-spacing: 0.2em;
  line-height: 1;
}
@media (max-width: 1110px) {
  .cta__tel-number {
    font-size: 3.2rem;
  }
}
@media (max-width: 767px) {
  .cta__tel-number {
    font-size: 2.5rem;
    letter-spacing: 0.1em;
  }
}
.cta__rounded-link-wrapper {
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .cta__rounded-link-wrapper {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .cta__rounded-link-wrapper {
    position: static;
    margin-top: 25px;
    -webkit-transform: none;
            transform: none;
  }
  .cta__rounded-link-wrapper .rounded-link {
    font-size: 1.3rem;
    padding: 8px 10px;
    letter-spacing: 0;
  }
}

.horizontal-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.horizontal-text--align-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.media2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .media2 {
    display: block;
  }
}
.media2__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 33.67%;
      flex-basis: 33.67%;
  margin-right: 7.14%;
}
@media (max-width: 767px) {
  .media2__img {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .media2__body {
    margin-top: 20px;
  }
}
.media2__text {
  margin-top: 30px;
}
.media2__rounded-link-wrapper {
  margin-top: 25px;
  text-align: left;
}
@media (max-width: 767px) {
  .media2__rounded-link-wrapper {
    text-align: center;
  }
}

.sns-link {
  display: block;
  width: 33px;
  height: 33px;
}

.copyright {
  margin-top: 30px;
  font-size: 1.3rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Arial, sans-serif;
  text-align: center;
}
@media (max-width: 767px) {
  .copyright {
    font-size: 1.2rem;
  }
}

.page-top {
  position: fixed;
  right: 10px;
  bottom: -130px;
  z-index: 300;
}
@media (max-width: 767px) {
  .page-top {
    display: none;
  }
}
.page-top a {
  position: relative;
  display: block;
  padding-bottom: 56px;
  text-decoration: none;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.page-top a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 40px;
  height: 26px;
  background-image: url("./../images/page-top.png");
  background-size: contain;
}

.fixed-nav {
  display: none;
  position: fixed;
  z-index: 100;
  width: 100%;
  background-color: #fff;
  bottom: 0;
}
@media (max-width: 767px) {
  .fixed-nav {
    display: block;
  }
}
.fixed-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 10px 0;
  border-top: 2px solid #473933;
}
.fixed-nav__item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.1rem;
  font-family: irohamaru, sans-serif;
  text-align: center;
}
.fixed-nav__item:nth-of-type(2) {
  border-right: 1px solid #473933;
  border-left: 1px solid #473933;
}
.fixed-nav__img {
  display: inline-block;
  width: 20px;
  margin-bottom: 4px;
}
.fixed-nav__img--small {
  width: 14px;
}

.page-fv {
  position: relative;
  margin-top: 129px;
}
@media (max-width: 1024px) {
  .page-fv {
    margin-top: 70px;
  }
}
.page-fv__img {
  position: relative;
  width: 100%;
}
.page-fv__main-img {
  width: 100%;
}
.page-fv__main-img img {
  width: 100%;
}
.page-fv__wave {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.page-fv__wave img {
  width: 100%;
  height: 70px;
}
@media (max-width: 767px) {
  .page-fv__wave img {
    height: auto;
  }
}
.page-fv__top-wave {
  position: absolute;
  top: -1px;
  width: 100%;
}
.page-fv__top-wave img {
  width: 100%;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.page-fv__bottom-wave {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.page-fv__bottom-wave img {
  width: 100%;
}

.book {
  padding: 50px 0 120px;
  max-width: 772px;
  min-width: 680px;
  width: 60.31%;
  background-image: url("./../images/features/features_book.png");
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
}
@media (max-width: 767px) {
  .book {
    margin-right: auto;
    margin-left: auto;
    padding: 30px 0 30px;
    min-width: auto;
    width: 96%;
    background-position: center;
  }
}
.book__top-text {
  font-size: 19px;
  letter-spacing: 0.26em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .book__top-text {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
  }
}
.book__top-icon {
  margin-top: 10px;
}
.book__top-icon img {
  margin-right: auto;
  margin-left: auto;
  width: 17px;
}
@media (max-width: 767px) {
  .book__top-icon img {
    width: 10px;
  }
}
@media (max-width: 767px) {
  .book__top-icon {
    margin-top: 0;
  }
}
.book__title {
  display: inline-block;
  margin-top: 15px;
  border-bottom: 1px dashed #b0bf24;
  font-size: 30px;
  letter-spacing: 0.35em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .book__title {
    font-size: 2rem;
  }
}
.book__sub-title {
  margin-top: 5px;
  color: #b0bf24;
  font-family: copse, serif;
  font-size: 20px;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  .book__sub-title {
    font-size: 1.2rem;
  }
}
.book__text {
  margin-top: 20px;
  letter-spacing: 0.2em;
  font-weight: bold;
}
@media (max-width: 767px) {
  .book__text {
    display: none;
  }
}
.book__caption {
  font-size: 13px;
}
@media (max-width: 767px) {
  .book__caption {
    display: none;
  }
}

.features-head {
  position: relative;
  padding-top: 70px;
  padding-bottom: 150px;
  background-image: url("./../images/features/features_background1.jpg");
  background-size: cover;
}
@media (max-width: 767px) {
  .features-head {
    padding-top: 30px;
    padding-bottom: 90px;
  }
}
.features-head__book {
  position: absolute;
  top: -220px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px) {
  .features-head__book {
    position: relative;
    top: auto;
    left: auto;
    z-index: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.features-head__left-tree {
  position: absolute;
  top: -30px;
  left: 50px;
}
@media (max-width: 1024px) {
  .features-head__left-tree {
    display: none;
  }
}
.features-head__left-tree img {
  width: 135px;
}
.features-head__right-tree {
  position: absolute;
  top: -30px;
  right: 50px;
}
@media (max-width: 1024px) {
  .features-head__right-tree {
    display: none;
  }
}
.features-head__right-tree img {
  width: 135px;
}
.features-head__books {
  margin-top: 10px;
}
.features-head__books img {
  width: 100%;
}
@media (max-width: 767px) {
  .features-head__books {
    margin-top: -20px;
  }
}
.features-head__sp-text {
  display: none;
  margin-top: 30px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .features-head__sp-text {
    display: block;
  }
}
.features-head__sp-caption {
  display: none;
  margin-top: 10px;
  text-align: center;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .features-head__sp-caption {
    display: block;
  }
}
.features-head__features-introduction {
  margin-top: 125px;
}
@media (max-width: 767px) {
  .features-head__features-introduction {
    margin-top: 60px;
  }
}
.features-head__wave {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.features-head__wave img {
  width: 100%;
}

.features-introduction {
  text-align: center;
}
@media (max-width: 767px) {
  .features-introduction {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.features-introduction__balloon {
  position: relative;
  display: inline-block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding: 15px 40px;
  min-width: 120px;
  max-width: 100%;
  border-radius: 10px;
  color: #fff;
  background: #b0bf24;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
.features-introduction__balloon::before {
  content: "";
  position: absolute;
  top: 95%;
  left: 50%;
  margin-left: -10px;
  border: 15px solid transparent;
  border-top: 25px solid #b0bf24;
}
.features-introduction__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .features-introduction__wrapper {
    display: block;
  }
}
.features-introduction__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: irohamaru, sans-serif;
}
.features-introduction__item:last-of-type {
  margin-right: 0;
}
@media (max-width: 767px) {
  .features-introduction__item {
    margin-top: 10px;
  }
  .features-introduction__item:first-of-type {
    margin-top: 0;
  }
}
.features-introduction__item-left {
  margin-right: 20px;
  letter-spacing: 0.3em;
}
.features-introduction__img {
  position: relative;
}
.features-introduction__img img {
  width: 110px;
  height: 110px;
}
@media (max-width: 1024px) {
  .features-introduction__img img {
    width: 80px;
    height: 80px;
  }
}
.features-introduction__img::before {
  content: "";
  position: absolute;
  left: 4px;
  bottom: 4px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("./../images/features/features_mic.svg") no-repeat;
  background-size: contain;
}
.features-introduction__img--beginner::before {
  background: url("./../images/features/features_beginner.svg") no-repeat;
}
.features-introduction__item-right {
  padding-top: 30px;
  -moz-text-align-last: left;
       text-align-last: left;
}
.features-introduction__job {
  font-size: 1.6rem;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .features-introduction__job {
    font-size: 1.4rem;
  }
}
.features-introduction__name {
  font-size: 2.2rem;
  letter-spacing: 0.28em;
}
@media (max-width: 1024px) {
  .features-introduction__name {
    font-size: 1.6rem;
  }
}
.features-introduction__english-name {
  color: #b0bf24;
  font-family: copse, serif;
  letter-spacing: 0.18em;
}
@media (max-width: 1024px) {
  .features-introduction__english-name {
    font-size: 1.2rem;
  }
}

.features-eggs {
  margin: 100px auto 0;
  width: 57.81%;
  max-width: 740px;
}
@media (max-width: 767px) {
  .features-eggs {
    margin-top: 60px;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
  }
}
.features-eggs__balloon {
  position: relative;
  display: block;
  margin-bottom: 12px;
  padding: 16px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #FFF;
  border: solid 2px #473933;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
@media (max-width: 767px) {
  .features-eggs__balloon {
    padding: 8px;
  }
}
.features-eggs__balloon::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 6.2%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 14px solid #FFF;
  z-index: 2;
}
@media (max-width: 767px) {
  .features-eggs__balloon::before {
    bottom: -20px;
    border: 8px solid transparent;
    border-top: 12px solid #FFF;
    left: 8%;
  }
}
.features-eggs__balloon::after {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 6.2%;
  margin-left: -17px;
  border: 12px solid transparent;
  border-top: 16px solid #473933;
  z-index: 1;
}
@media (max-width: 767px) {
  .features-eggs__balloon::after {
    bottom: -25px;
    border: 10px solid transparent;
    border-top: 14px solid #473933;
    left: 8%;
  }
}
.features-eggs__balloon p {
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  .features-eggs__balloon p {
    font-size: 1.4rem;
  }
}
.features-eggs__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 20px;
}
.features-eggs__item {
  -ms-flex-preferred-size: 13.78%;
      flex-basis: 13.78%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.features-eggs__item:focus, .features-eggs__item:hover {
  opacity: 0.7;
}
.features-eggs__item--current:focus, .features-eggs__item--current:hover {
  opacity: 1;
}
@media (max-width: 767px) {
  .features-eggs__item {
    -ms-flex-preferred-size: 17%;
        flex-basis: 17%;
  }
}

.fukidasi {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 15px 30px;
  background: #eff2d3;
  border-radius: 30px;
  overflow-wrap: break-word;
  clear: both;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /*はてな用*/
}
@media (max-width: 767px) {
  .fukidasi {
    padding: 10px 15px;
  }
}
.fukidasi::after {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  bottom: 0;
}
.fukidasi.left {
  float: left;
}
.fukidasi.left::after {
  left: -6px;
  border-radius: 0 0px 10px 16px;
  -webkit-box-shadow: -8px -14px 0 -8px #eff2d3 inset;
          box-shadow: -8px -14px 0 -8px #eff2d3 inset;
}
.fukidasi.right {
  float: right;
}
.fukidasi.right::after {
  right: -4px;
  border-radius: 0 0px 16px 10px;
  -webkit-box-shadow: 8px -14px 0 -8px #eff2d3 inset;
          box-shadow: 8px -14px 0 -8px #eff2d3 inset;
}
.fukidasi--brown {
  background: #eae4d0;
}
.fukidasi--brown.left::after {
  -webkit-box-shadow: -8px -14px 0 -8px #eae4d0 inset;
          box-shadow: -8px -14px 0 -8px #eae4d0 inset;
}
.fukidasi--brown.right::after {
  -webkit-box-shadow: 8px -14px 0 -8px #eae4d0 inset;
          box-shadow: 8px -14px 0 -8px #eae4d0 inset;
}
.fukidasi--green {
  background: #b0bf24;
  color: #fff;
}
.fukidasi--green.left::after {
  -webkit-box-shadow: -8px -14px 0 -8px #b0bf24 inset;
          box-shadow: -8px -14px 0 -8px #b0bf24 inset;
}
.fukidasi--green.right::after {
  -webkit-box-shadow: 8px -14px 0 -8px #b0bf24 inset;
          box-shadow: 8px -14px 0 -8px #b0bf24 inset;
}

.feature-interview {
  text-align: center;
  padding: 20px 0 60px;
}
.feature-interview__ribbon {
  margin-right: auto;
  margin-left: auto;
  width: 67.06%;
}
@media (max-width: 767px) {
  .feature-interview__ribbon {
    width: 100%;
  }
}
.feature-interview__number {
  position: relative;
  display: inline-block;
  margin-top: -50px;
  font-family: irohamaru, sans-serif;
  font-size: 2.2rem;
  letter-spacing: 0.18em;
}
@media (max-width: 767px) {
  .feature-interview__number {
    font-size: 1.6rem;
  }
}
.feature-interview__number span {
  color: #b0bf24;
  font-size: 4rem;
  font-family: copse, serif;
}
@media (max-width: 767px) {
  .feature-interview__number span {
    font-size: 2rem;
  }
}
.feature-interview__number::before, .feature-interview__number::after {
  position: relative;
  display: inline-block;
  content: "";
  background: #473933;
  width: 2px;
  height: 20px;
  margin: 0 1em;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .feature-interview__number::before, .feature-interview__number::after {
    height: 10px;
  }
}
.feature-interview__number::before {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.feature-interview__number::after {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.feature-interview__title {
  position: relative;
  margin: 20px 30px 0;
  border-bottom: 2px dotted #b0bf24;
  font-size: 3rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .feature-interview__title {
    font-size: 2.2rem;
  }
}
@media (max-width: 767px) {
  .feature-interview__title {
    margin: 30px 0 0;
    font-size: 1.8rem;
  }
}
.feature-interview__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 58px;
  height: 64.5px;
  background: url("./../images/bird6.png") no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .feature-interview__title::before {
    width: 38.66px;
    height: 43px;
    top: auto;
    bottom: -20px;
    left: -20px;
  }
}
.feature-interview__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 55px;
  height: 70px;
  background: url("./../images/bird4.png") no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .feature-interview__title::after {
    width: 36.6px;
    height: 46.6px;
    top: auto;
    bottom: -20px;
    right: -20px;
  }
}
.feature-interview__img {
  position: relative;
  margin: 40px 30px 60px;
  padding: 10px;
  border: 3px solid;
  -o-border-image: url("./../images/border.jpg") 3;
     border-image: url("./../images/border.jpg") 3;
  border-image-slice: fill;
}
@media (max-width: 767px) {
  .feature-interview__img {
    margin-right: 0;
    margin-left: 0;
    padding: 4px;
    width: 100%;
  }
}
.feature-interview__right-tree {
  position: absolute;
  bottom: 0;
  right: -185px;
  width: 106px;
}
@media (max-width: 1024px) {
  .feature-interview__right-tree {
    display: none;
  }
}
.feature-interview__right-top-tree {
  position: absolute;
  top: 0;
  right: -185px;
  width: 106px;
}
@media (max-width: 1024px) {
  .feature-interview__right-top-tree {
    display: none;
  }
}
.feature-interview__left-tree {
  position: absolute;
  top: 0;
  left: -185px;
  width: 106px;
}
@media (max-width: 1024px) {
  .feature-interview__left-tree {
    display: none;
  }
}
.feature-interview__left-tree--bottom {
  top: auto;
  bottom: -300px;
}
.feature-interview__fukidasi {
  margin: 65px auto 0;
  max-width: 365px;
  width: 43%;
}
@media (max-width: 767px) {
  .feature-interview__fukidasi {
    width: 70%;
  }
}
.feature-interview__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.feature-interview__next:focus, .feature-interview__next:hover {
  opacity: 0.7;
}
.feature-interview__next-img {
  margin-right: 25px;
  width: 77px;
}
@media (max-width: 767px) {
  .feature-interview__next-img {
    margin-right: 15px;
    width: 40px;
  }
}
.feature-interview__next-text {
  position: relative;
  top: 20px;
  font-size: 2.5rem;
  letter-spacing: 0.26em;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .feature-interview__next-text {
    top: 5px;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .feature-interview__next-text {
    font-size: 1.3rem;
  }
}
.feature-container__closing_words {
  font-size: 3rem;
  letter-spacing: 0.3em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 1024px) {
  .feature-container__closing_words {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .feature-container__closing_words {
    font-size: 1.6rem;
  }
}

.conversation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 30px;
}
.conversation--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.conversation--right .conversation__img {
  margin-right: 0;
}
.conversation--right .conversation__text {
  margin-right: 10px;
}
.conversation__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  margin-right: 10px;
  width: 80px;
  height: 80px;
}
.conversation__img--bird1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 25px;
  background: url("./../images/bird4.png") no-repeat;
  background-size: contain;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.conversation__img--bird2::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 2px;
  display: inline-block;
  width: 20px;
  height: 22px;
  background: url("./../images/bird6.png") no-repeat;
  background-size: contain;
}
.conversation__text {
  max-width: 625px;
}
.conversation__text p {
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: left;
}

.features-index {
  position: relative;
  padding: 70px 90px;
  background-color: #eae4d0;
}
@media (max-width: 1024px) {
  .features-index {
    padding: 40px 0;
  }
}
.features-index__top-tree {
  position: absolute;
  top: -80px;
  right: 8.6%;
  width: 106px;
}
@media (max-width: 1024px) {
  .features-index__top-tree {
    top: -60px;
    width: 90px;
  }
}
@media (max-width: 767px) {
  .features-index__top-tree {
    top: -30px;
    right: 20px;
    width: 60px;
  }
}
.features-index__top-text {
  font-size: 2.6rem;
  letter-spacing: 0.3em;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .features-index__top-text {
    font-size: 1.5rem;
  }
}
.features-index__title {
  font-size: 4rem;
  letter-spacing: 0.3em;
  font-weight: bold;
  text-align: center;
}
.features-index__title span {
  color: #b0bf24;
  font-size: 6rem;
  font-family: copse, serif;
}
@media (max-width: 767px) {
  .features-index__title span {
    font-size: 3.6rem;
  }
}
@media (max-width: 767px) {
  .features-index__title {
    font-size: 2.4rem;
  }
}
.features-index__agenda {
  margin: 60px auto 0;
  max-width: 745px;
}
@media (max-width: 1024px) {
  .features-index__agenda {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .features-index__agenda {
    margin-top: 0;
  }
  .features-index__agenda .agenda__img {
    margin-right: 15px;
  }
}
.features-index__agenda .agenda__link {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 767px) {
  .features-index__agenda .agenda__link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.features-index__agenda .agenda__text {
  font-size: 2.5rem;
}
@media (max-width: 1024px) {
  .features-index__agenda .agenda__text {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .features-index__agenda .agenda__text {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  .features-index__agenda .agenda__item {
    padding-right: 25px;
  }
}
.features-index__agenda .agenda__item::after {
  width: 35px;
  height: 14px;
  right: 25px;
}
@media (max-width: 767px) {
  .features-index__agenda .agenda__item::after {
    width: 25px;
    height: 10px;
    right: 5px;
  }
}

.book2 {
  padding: 50px 0 190px;
  max-width: 772px;
  min-width: 680px;
  width: 60.31%;
  text-align: center;
}
@media (max-width: 767px) {
  .book2 {
    margin-right: auto;
    margin-left: auto;
    padding: 30px 0 0;
    min-width: auto;
    width: 96%;
    background-position: center;
  }
}
.book2__top-text {
  font-size: 19px;
  letter-spacing: 0.26em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .book2__top-text {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
  }
}
.book2__top-icon {
  margin-top: 10px;
}
.book2__top-icon img {
  margin-right: auto;
  margin-left: auto;
  width: 17px;
}
@media (max-width: 767px) {
  .book2__top-icon img {
    width: 10px;
  }
}
@media (max-width: 767px) {
  .book2__top-icon {
    margin-top: 0;
  }
}
.book2__title {
  margin-top: 15px;
  font-size: 30px;
  letter-spacing: 0.35em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .book2__title {
    margin-top: 40px;
    font-size: 2rem;
  }
}
.book2__sub-title {
  margin-top: 5px;
  color: #b0bf24;
  font-family: copse, serif;
  font-size: 20px;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  .book2__sub-title {
    font-size: 1.2rem;
  }
}
.book2__text {
  margin-top: 20px;
  letter-spacing: 0.2em;
  font-weight: bold;
}
@media (max-width: 767px) {
  .book2__text {
    display: none;
  }
}
.book2__caption {
  font-size: 13px;
}
@media (max-width: 767px) {
  .book2__caption {
    display: none;
  }
}

.features-head2 {
  position: relative;
  padding-top: 120px;
  padding-bottom: 70px;
}
@media (max-width: 767px) {
  .features-head2 {
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 0;
  }
}
.features-head2__book {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .features-head2__book {
    position: relative;
    top: auto;
    left: auto;
    z-index: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.features-head2__left-tree {
  position: absolute;
  top: 180px;
  left: 50px;
}
@media (max-width: 1024px) {
  .features-head2__left-tree {
    display: none;
  }
}
.features-head2__left-tree img {
  width: 135px;
}
.features-head2__right-tree {
  position: absolute;
  top: 180px;
  right: 50px;
}
@media (max-width: 1024px) {
  .features-head2__right-tree {
    display: none;
  }
}
.features-head2__right-tree img {
  width: 135px;
}
.features-head2__books {
  margin-top: 10px;
}
.features-head2__books img {
  width: 100%;
}
@media (max-width: 767px) {
  .features-head2__books {
    margin-top: -40px;
  }
}
.features-head2__sp-text {
  display: none;
  margin-top: 30px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .features-head2__sp-text {
    display: block;
  }
}
.features-head2__sp-caption {
  display: none;
  margin-top: 10px;
  text-align: center;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .features-head2__sp-caption {
    margin-bottom: 50px;
    display: block;
  }
}
.features-head2__features-introduction2 {
  position: absolute;
  margin-top: 20px;
  top: -135px;
  right: 0;
  left: 0;
}
@media (max-width: 767px) {
  .features-head2__features-introduction2 {
    position: static;
  }
}
.features-head2__wave {
  position: absolute;
  bottom: 40px;
  width: 100%;
}
.features-head2__wave img {
  width: 100%;
}
@media (max-width: 767px) {
  .features-head2__wave {
    bottom: 0;
  }
}
.features-head2__introduction-bg {
  position: relative;
  background: rgba(176, 191, 36, 0.3);
  padding: 50px 0 100px;
}

.features-introduction2 {
  text-align: center;
}
@media (max-width: 767px) {
  .features-introduction2 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.features-introduction2__balloon {
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.features-introduction2__balloon img {
  width: 415px;
  -webkit-filter: drop-shadow(2px 2px 0 #b0bf24);
          filter: drop-shadow(2px 2px 0 #b0bf24);
}
@media (max-width: 1024px) {
  .features-introduction2__balloon {
    top: 12px;
  }
}
@media (max-width: 767px) {
  .features-introduction2__balloon {
    position: static;
    left: auto;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 10px;
  }
}
.features-introduction2__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("./../images/features/features-introduction2-bg-image01.png") center center/cover no-repeat;
  width: 981px;
  height: 219px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .features-introduction2__wrapper {
    width: 95%;
    background-size: contain;
  }
}
@media (max-width: 767px) {
  .features-introduction2__wrapper {
    display: block;
    padding: 20px 15px;
    width: 100%;
    height: auto;
    border: 2px dotted #473933;
    border-radius: 10px;
    background-image: url("./../images/features/features-introduction2-bg-image01-sp.png");
    background-size: cover;
  }
}
.features-introduction2__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: irohamaru, sans-serif;
}
.features-introduction2__item:last-of-type {
  margin-right: 0;
}
@media (max-width: 767px) {
  .features-introduction2__item {
    margin-top: 10px;
  }
  .features-introduction2__item:first-of-type {
    margin-top: 0;
  }
}
.features-introduction2__item-left {
  margin-right: 20px;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .features-introduction2__item-left {
    margin-right: 10px;
  }
}
.features-introduction2__img {
  position: relative;
}
.features-introduction2__img img {
  width: 110px;
  height: 110px;
}
@media (max-width: 1024px) {
  .features-introduction2__img img {
    width: 80px;
    height: 80px;
  }
}
.features-introduction2__img::before {
  content: "";
  position: absolute;
  left: 4px;
  bottom: 4px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("./../images/features/features_mic.svg") no-repeat;
  background-size: contain;
}
.features-introduction2__img--beginner::before {
  background: url("./../images/features/features_beginner.svg") no-repeat;
}
.features-introduction2__item-right {
  padding-top: 30px;
  -moz-text-align-last: left;
       text-align-last: left;
}
.features-introduction2__job {
  font-size: 1.6rem;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .features-introduction2__job {
    font-size: 1.4rem;
  }
}
.features-introduction2__name {
  font-size: 2.2rem;
  letter-spacing: 0.28em;
}
@media (max-width: 1024px) {
  .features-introduction2__name {
    font-size: 1.6rem;
  }
}
.features-introduction2__english-name {
  color: #b0bf24;
  font-family: copse, serif;
  letter-spacing: 0.18em;
}
@media (max-width: 1024px) {
  .features-introduction2__english-name {
    font-size: 1.2rem;
  }
}

.features-eggs2 {
  margin: 100px auto 0;
  width: 57.81%;
  max-width: 740px;
}
@media (max-width: 767px) {
  .features-eggs2 {
    margin-top: 60px;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
  }
}
.features-eggs2__balloon {
  position: relative;
  display: block;
  margin-bottom: 12px;
  padding: 16px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #FFF;
  border: solid 2px #473933;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
@media (max-width: 767px) {
  .features-eggs2__balloon {
    padding: 8px;
  }
}
.features-eggs2__balloon::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 29.2%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 14px solid #FFF;
  z-index: 2;
}
@media (max-width: 767px) {
  .features-eggs2__balloon::before {
    bottom: -20px;
    border: 8px solid transparent;
    border-top: 12px solid #FFF;
    left: 8%;
  }
}
.features-eggs2__balloon::after {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 29.2%;
  margin-left: -17px;
  border: 12px solid transparent;
  border-top: 16px solid #473933;
  z-index: 1;
}
@media (max-width: 767px) {
  .features-eggs2__balloon::after {
    bottom: -25px;
    border: 10px solid transparent;
    border-top: 14px solid #473933;
    left: 8%;
  }
}
@media (max-width: 767px) {
  .features-eggs2__balloon--2::before, .features-eggs2__balloon--2::after {
    left: 30%;
  }
}
.features-eggs2__balloon--3::before, .features-eggs2__balloon--3::after {
  left: 52%;
}
.features-eggs2__balloon--4::before, .features-eggs2__balloon--4::after {
  left: 73%;
}
.features-eggs2__balloon--5::before, .features-eggs2__balloon--5::after {
  left: 93%;
}
.features-eggs2__balloon p {
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  .features-eggs2__balloon p {
    font-size: 1.4rem;
  }
}
.features-eggs2__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 20px;
}
.features-eggs2__item {
  -ms-flex-preferred-size: 13.78%;
      flex-basis: 13.78%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.features-eggs2__item:focus, .features-eggs2__item:hover {
  opacity: 0.7;
}
.features-eggs2__item--current {
  cursor: auto;
}
.features-eggs2__item--current:focus, .features-eggs2__item--current:hover {
  opacity: 1;
}
@media (max-width: 767px) {
  .features-eggs2__item {
    -ms-flex-preferred-size: 17%;
        flex-basis: 17%;
  }
}

.page-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  padding: 50px 40px 20px;
  max-width: 1400px;
  text-align: center;
}
@media (max-width: 767px) {
  .page-title {
    padding-top: 20px;
    display: block;
  }
}
.page-title::before, .page-title::after {
  content: "";
  display: inline-block;
  width: 186px;
  height: 121px;
  background-image: url("./../images/tree.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .page-title::before, .page-title::after {
    width: 93px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  .page-title::before, .page-title::after {
    content: none;
  }
}
.page-title__title {
  font-size: 3rem;
  letter-spacing: 0.2em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .page-title__title {
    font-size: 2rem;
  }
}
.page-title__sub {
  color: #b0bf24;
  font-size: 2rem;
  letter-spacing: 0.3em;
  font-family: copse, serif;
}
@media (max-width: 767px) {
  .page-title__sub {
    font-size: 1.2rem;
  }
}

.about-head {
  position: relative;
  padding-bottom: 120px;
  background-color: #eae4d0;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .about-head {
    padding-top: 30px;
    text-align: left;
  }
}
.about-head__wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.about-head__gif1 {
  position: absolute;
  width: 87px;
  top: 117px;
  left: -147px;
}
@media (max-width: 1024px) {
  .about-head__gif1 {
    width: 58px;
    left: -97px;
  }
}
@media (max-width: 767px) {
  .about-head__gif1 {
    display: none;
  }
}
.about-head__gif2 {
  position: absolute;
  width: 70px;
  top: 220px;
  left: -80px;
}
@media (max-width: 1024px) {
  .about-head__gif2 {
    width: 46px;
    left: -30px;
  }
}
@media (max-width: 767px) {
  .about-head__gif2 {
    display: none;
  }
}
.about-head__gif3 {
  position: absolute;
  width: 41px;
  top: 320px;
  left: -108px;
}
@media (max-width: 1024px) {
  .about-head__gif3 {
    width: 27px;
    left: -58px;
  }
}
@media (max-width: 767px) {
  .about-head__gif3 {
    display: none;
  }
}
.about-head__gif4 {
  position: absolute;
  width: 119px;
  top: 400px;
  left: -140px;
}
@media (max-width: 1024px) {
  .about-head__gif4 {
    width: 79px;
    left: -90px;
  }
}
@media (max-width: 767px) {
  .about-head__gif4 {
    display: none;
  }
}
.about-head__gif5 {
  position: absolute;
  width: 106px;
  top: 120px;
  right: -166px;
}
@media (max-width: 1024px) {
  .about-head__gif5 {
    width: 70px;
    right: -106px;
  }
}
@media (max-width: 767px) {
  .about-head__gif5 {
    display: none;
  }
}
.about-head__gif6 {
  position: absolute;
  width: 43px;
  top: 246px;
  right: -30px;
}
@media (max-width: 1024px) {
  .about-head__gif6 {
    width: 29px;
    right: -30px;
  }
}
@media (max-width: 767px) {
  .about-head__gif6 {
    display: none;
  }
}
.about-head__gif7 {
  position: absolute;
  width: 88px;
  top: 317px;
  right: -166px;
}
@media (max-width: 1024px) {
  .about-head__gif7 {
    width: 58px;
    right: -106px;
  }
}
@media (max-width: 767px) {
  .about-head__gif7 {
    display: none;
  }
}
.about-head__gif8 {
  position: absolute;
  width: 89px;
  top: 410px;
  right: -88px;
}
@media (max-width: 1024px) {
  .about-head__gif8 {
    width: 58px;
    right: -58px;
  }
}
@media (max-width: 767px) {
  .about-head__gif8 {
    display: none;
  }
}
.about-head__top-text {
  display: inline-block;
  font-size: 2.2rem;
  line-height: 2.27;
  letter-spacing: 0.2em;
  font-weight: bold;
}
@media (max-width: 767px) {
  .about-head__top-text {
    font-size: 1.4rem;
  }
}
.about-head__top-text span {
  padding: 2px 6px;
  color: #fff;
  background-color: #b0bf24;
  font-size: 2.8rem;
}
@media (max-width: 767px) {
  .about-head__top-text span {
    font-size: 1.8rem;
  }
}
.about-head__top-img {
  display: inline-block;
}
.about-head__top-img img {
  width: 125px;
}
@media (max-width: 1024px) {
  .about-head__top-img img {
    width: 80px;
  }
}
@media (max-width: 767px) {
  .about-head__top-img img {
    width: 50px;
  }
}
.about-head__main-text {
  display: inline-block;
  margin-top: 20px;
  font-size: 4rem;
  letter-spacing: 0.2em;
  font-family: irohamaru, sans-serif;
  -webkit-text-decoration: underline dotted 2px;
          text-decoration: underline dotted 2px;
  white-space: nowrap;
  text-underline-offset: 0.5em;
}
@media (max-width: 1024px) {
  .about-head__main-text {
    white-space: normal;
  }
}
@media (max-width: 767px) {
  .about-head__main-text {
    margin-top: 10px;
    font-size: 2.6rem;
  }
}
.about-head__main-text span {
  color: #b0bf24;
}
.about-head__gif-wrapper {
  display: inline-block;
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .about-head__gif-wrapper {
    text-align: left;
  }
}
.about-head__text {
  display: inline-block;
  margin-top: 50px;
  font-weight: bold;
  line-height: 2.33;
  letter-spacing: 0.2em;
}
@media (max-width: 767px) {
  .about-head__text {
    margin-top: 35px;
  }
}
.about-head__text .white {
  padding: 0.2em;
  background-color: #fff;
}
.about-head__text .large {
  font-size: 2rem;
}
@media (max-width: 767px) {
  .about-head__text .large {
    font-size: 1.5rem;
  }
}

.stuff {
  position: relative;
  margin-top: 135px;
  padding: 120px 7.86% 90px;
  background-image: url("./../images/about/about-frame.png");
  background-size: 100% 100%;
}
@media (max-width: 1024px) {
  .stuff {
    padding: 80px 30px 50px;
    margin-right: -30px;
    margin-left: -30px;
  }
}
@media (max-width: 767px) {
  .stuff {
    margin: 60px 0 0;
    padding: 50px 30px 80px;
    background-image: url("./../images/about/about-frame-sp.png");
  }
}
.stuff__balloon {
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 548px;
}
@media (max-width: 1024px) {
  .stuff__balloon {
    width: 450px;
  }
}
@media (max-width: 767px) {
  .stuff__balloon {
    top: -20px;
    width: 291px;
  }
}
.stuff__balloon2 {
  position: absolute;
  right: -50px;
  top: -50px;
}
.stuff__balloon2 img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 181px;
}
@media (max-width: 1024px) {
  .stuff__balloon2 img {
    width: 140px;
  }
}
@media (max-width: 767px) {
  .stuff__balloon2 img {
    display: none;
  }
}
.stuff__balloon2 img:focus, .stuff__balloon2 img:hover {
  opacity: 0.7;
}
.stuff__balloon2-sp {
  position: relative;
  display: none;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .stuff__balloon2-sp {
    display: block;
  }
}
.stuff__balloon2-sp::before, .stuff__balloon2-sp::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
.stuff__balloon2-sp::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 68px;
  height: 75px;
  background-image: url("./../images/bird6.png");
}
.stuff__balloon2-sp::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 65px;
  height: 82px;
  background-image: url("./../images/bird4.png");
}
.stuff__balloon2-sp img {
  margin-right: auto;
  margin-left: auto;
  width: 180px;
}
.stuff__bird {
  position: absolute;
  top: 1060px;
  right: -50px;
  width: 159px;
}
@media (max-width: 1024px) {
  .stuff__bird {
    top: 1160px;
    right: -90px;
  }
}
@media (max-width: 767px) {
  .stuff__bird {
    display: none;
  }
}
.stuff__main-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .stuff__main-wrapper {
    display: block;
  }
}
.stuff__main-stuff {
  -ms-flex-preferred-size: 46%;
      flex-basis: 46%;
}
@media (max-width: 767px) {
  .stuff__main-stuff {
    margin-top: 30px;
  }
  .stuff__main-stuff:first-of-type {
    margin-top: 0;
  }
}
.stuff__img img {
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  max-width: 310px;
  width: 100%;
  background-image: url("./../images/about/stuff-border.png");
  background-size: cover;
}
@media (max-width: 767px) {
  .stuff__img img {
    max-width: 220px;
  }
}
.stuff__job {
  margin-top: 30px;
  font-size: 1.4rem;
  letter-spacing: 0.12em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .stuff__job {
    margin-top: 10px;
    text-align: center;
    font-size: 1.6rem;
  }
}
.stuff__name {
  font-size: 2.4rem;
  letter-spacing: 0.3em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .stuff__name {
    text-align: center;
  }
}
.stuff__english-name {
  color: #b0bf24;
  font-family: copse, serif;
  letter-spacing: 0.2em;
}
@media (max-width: 767px) {
  .stuff__english-name {
    text-align: center;
    font-size: 1.5rem;
  }
}
.stuff__text {
  margin-top: 30px;
  font-size: 1.4rem;
  letter-spacing: 0.12em;
  text-align: left;
}
@media (max-width: 767px) {
  .stuff__text {
    margin-top: 15px;
  }
}
.stuff__border-area {
  margin-top: 50px;
  padding: 22px 35px;
  width: 100%;
  border: 2px dotted currentColor;
  text-align: center;
}
@media (max-width: 767px) {
  .stuff__border-area {
    margin-top: 30px;
    padding: 16px 20px;
  }
}
.stuff__border-area-title {
  display: inline-block;
  padding-right: 0.2em;
  padding-left: 0.2em;
  border-bottom: 1px solid currentColor;
  font-size: 1.6rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  .stuff__border-area-title {
    font-size: 1.5rem;
  }
}
.stuff__border-area-lists {
  margin-top: 15px;
}
.stuff__border-area-list {
  -moz-text-align: left;
       text-align: left;
  font-size: 1.4rem;
  letter-spacing: 0.12em;
}
@media (max-width: 767px) {
  .stuff__border-area-list {
    margin-top: 8px;
    font-size: 1.2rem;
  }
  .stuff__border-area-list:first-of-type {
    margin-top: 0;
  }
  .stuff__border-area-list span {
    padding-left: 1.2em;
  }
}
.stuff__border-area-list::before {
  content: "";
  margin-right: 1em;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #473933;
}
@media (max-width: 767px) {
  .stuff__border-area-list::before {
    width: 6px;
    height: 6px;
    margin-right: 0.6em;
  }
}
.stuff__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 55px;
}
@media (max-width: 767px) {
  .stuff__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 35px;
  }
}
.stuff__stuff {
  -ms-flex-preferred-size: 22%;
      flex-basis: 22%;
}
@media (max-width: 767px) {
  .stuff__stuff {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    margin-top: 30px;
  }
  .stuff__stuff:first-of-type, .stuff__stuff:nth-of-type(2) {
    margin-top: 0;
  }
}
.stuff__stuff .stuff__img img {
  padding: 6px;
}
.stuff__stuff .stuff__job {
  font-size: 1.3rem;
}
@media (max-width: 767px) {
  .stuff__stuff .stuff__job {
    font-size: 1.2rem;
  }
}
.stuff__stuff .stuff__name {
  font-size: 1.7rem;
}
@media (max-width: 767px) {
  .stuff__stuff .stuff__name {
    font-size: 1.3rem;
  }
}
.stuff__stuff .stuff__text {
  font-size: 1.3rem;
}
@media (max-width: 767px) {
  .stuff__stuff .stuff__text {
    font-size: 1.2rem;
  }
}

.works {
  background-color: #b0bf24;
}
.works__balloon {
  position: relative;
  padding: 15px;
  border-radius: 15px;
  background: #fff;
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 0.3em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .works__balloon {
    font-size: 1.8rem;
    padding: 6px;
  }
}
.works__balloon::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -11px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 11px;
  background-image: url("./../images/comment-balloon.png");
  background-size: contain;
}
.works__wrapper {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1024px) {
  .works__wrapper {
    display: block;
  }
}
@media (max-width: 767px) {
  .works__wrapper {
    margin-top: 30px;
  }
}
.works__item {
  -ms-flex-preferred-size: 30.61%;
      flex-basis: 30.61%;
}
@media (max-width: 1024px) {
  .works__item {
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    max-width: 460px;
  }
  .works__item:first-of-type {
    margin-top: 0;
  }
}
.works__img {
  margin-top: 35px;
}
.works__img img {
  margin-right: auto;
  margin-left: auto;
  width: 100px;
  height: 100px;
}
.works__title {
  margin-top: 15px;
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.12em;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .works__title {
    font-size: 1.6rem;
  }
}
.works__text {
  color: #fff;
  margin-top: 10px;
  font-size: 1.4rem;
  letter-spacing: 0.12em;
}
.works__rounded-link-wrapper {
  margin-top: 40px;
}
.works__rounded-link-wrapper .rounded-link {
  display: inline-block;
  padding: 8px 20px;
  width: 100%;
  max-width: 260px;
  background-color: #b0bf24;
  color: #fff;
}
.works__rounded-link-wrapper .rounded-link::after {
  content: "";
  background-image: url("./../images/arrow-white.svg");
}
.works__rounded-link-wrapper .rounded-link:focus, .works__rounded-link-wrapper .rounded-link:hover {
  color: #b0bf24;
  background-color: #fff;
}
.works__rounded-link-wrapper .rounded-link:focus::after, .works__rounded-link-wrapper .rounded-link:hover::after {
  background-image: url("./../images/arrow-green.svg");
}

.about-office__section-lead {
  position: relative;
}
.about-office__section-lead::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -30px;
  bottom: 0;
  width: 174px;
  height: 82px;
  background-image: url("./../images/people.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .about-office__section-lead::after {
    right: -50px;
    width: 115px;
    height: 54px;
  }
}
@media (max-width: 767px) {
  .about-office__section-lead::after {
    content: none;
  }
}
.about-office__media-wrapper {
  margin-top: 60px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .about-office__media-wrapper {
    margin-top: 30px;
  }
}
.about-office__media {
  margin-top: -2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -20px;
}
@media (max-width: 1024px) {
  .about-office__media {
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  .about-office__media {
    display: block;
    margin-top: 40px;
    margin-left: 0;
    padding-right: 30px;
    padding-left: 30px;
  }
  .about-office__media:first-of-type {
    margin-top: 0;
  }
}
.about-office__media:first-of-type {
  margin-top: 0;
}
.about-office__media-body {
  position: relative;
  margin-top: -30px;
  margin-left: -20px;
  z-index: 2;
}
@media (max-width: 1024px) {
  .about-office__media-body {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .about-office__media-body {
    margin-top: 10px;
    margin-left: 0;
    text-align: center;
  }
}
.about-office__media-img {
  -ms-flex-preferred-size: 46.87%;
      flex-basis: 46.87%;
}
.about-office__media-line {
  display: inline-block;
  vertical-align: top;
  margin-top: 25px;
  margin-right: 10px;
  width: 83px;
  height: 0;
  border-bottom: 2px dotted #473933;
}
@media (max-width: 767px) {
  .about-office__media-line {
    display: none;
  }
}
.about-office__media-texts {
  display: inline-block;
}
.about-office__media-title {
  font-size: 2.5rem;
  letter-spacing: 0.2em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .about-office__media-title {
    font-size: 1.5rem;
  }
}
.about-office__media-text {
  letter-spacing: 0.2em;
}
.about-office__media--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-right: -20px;
  margin-left: 0;
}
@media (max-width: 1024px) {
  .about-office__media--reverse {
    margin-right: 0;
  }
}
.about-office__media--reverse .about-office__media-body {
  margin-right: -20px;
  margin-left: 0;
}
@media (max-width: 1024px) {
  .about-office__media--reverse .about-office__media-body {
    margin-right: 0;
  }
}
.about-office__media--reverse .about-office__media-line {
  width: 160px;
  margin-right: 0;
  margin-left: 10px;
}
@media (max-width: 1024px) {
  .about-office__media--reverse .about-office__media-line {
    width: 120px;
  }
}

.company {
  background-color: #eae4d0;
}
.company__table {
  margin: 50px auto 0;
  max-width: 820px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 40px 0px;
}
@media (max-width: 767px) {
  .company__table {
    margin-top: 30px;
    border-spacing: 10px 0px;
  }
}
.company__table tbody {
  width: 100%;
}
.company__th, .company__td {
  padding: 13px 0.5em;
  border-bottom: 1px dotted #473933;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: left;
}
@media (max-width: 767px) {
  .company__th {
    width: 30%;
  }
  .company__td {
    width: 100%;
    font-size: 1.2rem;
  }
}
.company__wave {
  margin-bottom: 0;
}

.kaikei-head {
  margin-top: 129px;
  padding-bottom: 50px;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .kaikei-head {
    margin-top: 70px;
  }
}
.kaikei-head .container {
  position: relative;
}
.kaikei-head__heading {
  margin-top: 60px;
  font-size: 2.2rem;
  letter-spacing: 0.2em;
  line-height: 2.81;
  font-family: irohamaru, sans-serif;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 2px;
  text-decoration-color: #473933;
  text-underline-offset: 0.5em;
}
@media (max-width: 767px) {
  .kaikei-head__heading {
    margin-top: 10px;
    font-size: 1.5rem;
  }
}
.kaikei-head__text {
  margin-top: 40px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 2.33;
}
@media (max-width: 767px) {
  .kaikei-head__text {
    margin-top: 30px;
    text-align: left;
  }
}
.kaikei-head__gif1 {
  position: absolute;
  bottom: 200px;
  left: 50px;
  width: 72px;
}
@media (max-width: 1024px) {
  .kaikei-head__gif1 {
    left: -30px;
  }
}
@media (max-width: 767px) {
  .kaikei-head__gif1 {
    bottom: auto;
    top: 0;
    left: 15px;
    width: 36px;
  }
}
.kaikei-head__gif2 {
  bottom: 100px;
  left: 0;
  position: absolute;
  width: 51px;
}
@media (max-width: 1024px) {
  .kaikei-head__gif2 {
    left: -80px;
  }
}
@media (max-width: 767px) {
  .kaikei-head__gif2 {
    bottom: auto;
    top: 50px;
    left: 45px;
    width: 25px;
  }
}
.kaikei-head__gif3 {
  position: absolute;
  bottom: 10px;
  left: 30px;
  width: 91px;
}
@media (max-width: 1024px) {
  .kaikei-head__gif3 {
    left: -50px;
  }
}
@media (max-width: 767px) {
  .kaikei-head__gif3 {
    bottom: auto;
    top: 90px;
    left: 15px;
    width: 45px;
  }
}
.kaikei-head__gif4 {
  position: absolute;
  bottom: 220px;
  right: 50px;
  width: 43px;
}
@media (max-width: 1024px) {
  .kaikei-head__gif4 {
    right: -30px;
  }
}
@media (max-width: 767px) {
  .kaikei-head__gif4 {
    bottom: auto;
    top: 0;
    right: 10px;
    width: 35px;
  }
}
.kaikei-head__gif5 {
  position: absolute;
  right: 0;
  bottom: 120px;
  width: 70px;
}
@media (max-width: 1024px) {
  .kaikei-head__gif5 {
    right: -80px;
  }
}
@media (max-width: 767px) {
  .kaikei-head__gif5 {
    bottom: auto;
    top: 40px;
    right: 40px;
    width: 38px;
  }
}
.kaikei-head__gif6 {
  position: absolute;
  bottom: 0;
  right: 30px;
  width: 75px;
}
@media (max-width: 1024px) {
  .kaikei-head__gif6 {
    right: -50px;
  }
}
@media (max-width: 767px) {
  .kaikei-head__gif6 {
    bottom: auto;
    top: 90px;
    right: 10px;
    width: 38px;
  }
}
.kaikei__wave .waves {
  margin-bottom: -10px;
}
@media (max-width: 767px) {
  .kaikei__wave .waves {
    margin-bottom: -9px;
  }
}

.kaikei-contents {
  background-color: rgba(176, 191, 36, 0.4);
}
.kaikei-contents__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -140px;
	padding-top: 200px;
}
.kaikei-contents__media:first-of-type {
  margin-top: -200px;
}
@media (max-width: 767px) {
  .kaikei-contents__media {
    display: block;
    padding-right: 30px;
    padding-left: 30px;
		margin-top: -40px;
		padding-top: 100px;
  }
	.kaikei-contents__media:first-of-type {
  margin-top: -100px;
}
}
.kaikei-contents__img {
  -ms-flex-preferred-size: 46.875%;
      flex-basis: 46.875%;
  margin-right: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .kaikei-contents__img {
    width: 100%;
  }
  .kaikei-contents__img img {
    border-radius: 15px;
  }
}
.kaikei-contents__body {
  max-width: 480px;
  padding-top: 15px;
}
@media (max-width: 1024px) {
  .kaikei-contents__body {
    padding-top: 0;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .kaikei-contents__body {
    margin-top: 15px;
    padding-right: 0;
  }
}
.kaikei-contents__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px dotted #473933;
}
.kaikei-contents__heading h3 {
  font-size: 2.4rem;
  letter-spacing: 0.3em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 1024px) {
  .kaikei-contents__heading h3 {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .kaikei-contents__heading h3 {
    font-size: 1.5rem;
  }
}
.kaikei-contents__icon {
  margin-right: 15px;
  width: 30px;
}
@media (max-width: 767px) {
  .kaikei-contents__icon {
    width: 25px;
  }
}
.kaikei-contents__icon--saifu {
  width: 25px;
}
@media (max-width: 767px) {
  .kaikei-contents__icon--saifu {
    width: 20px;
  }
}
.kaikei-contents__text {
  margin-top: 20px;
  letter-spacing: 0.12em;
}
@media (max-width: 1024px) {
  .kaikei-contents__text {
    margin-top: 10px;
  }
}
.kaikei-contents__number-list {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .kaikei-contents__number-list {
    margin-top: 15px;
  }
}

.number-list__item {
  margin-top: 8px;
  font-weight: bold;
}
.number-list__item:first-of-type {
  margin-top: 0;
}
.number-list__number {
  display: inline-block;
  margin-right: 0.5em;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #fff;
  background-color: #473933;
  font-size: 1.8rem;
  font-family: copse, serif;
  line-height: 25px;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 767px) {
  .number-list__number {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.5rem;
  }
}

.price__inner {
  margin: 50px auto 0;
  width: 83.16%;
}
@media (max-width: 1024px) {
  .price__inner {
    width: 90%;
  }
}
.price__balloon {
  position: relative;
  padding: 35px 20px;
  border-radius: 15px;
  color: #fff;
  background-color: #473933;
  font-size: 2rem;
  letter-spacing: 0.2em;
  text-align: center;
}
.price__balloon::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -23px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 43px;
  height: 23px;
  background-image: url("./../images/kaikei/kaikei-balloon-bottom.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .price__balloon {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .price__balloon {
    padding: 15px;
    font-size: 1.3rem;
    text-align: left;
  }
}
.price__balloon p {
  font-weight: bold;
}
.price__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 35px;
}
@media (max-width: 767px) {
  .price__texts {
    margin-top: 50px;
  }
}
.price__text {
  position: relative;
  margin-right: 20px;
  font-size: 2rem;
  letter-spacing: 0.3em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 767px) {
  .price__text {
    font-size: 1.4rem;
  }
}
.price__text::before, .price__text::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  width: 26px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
}
.price__text::before {
  top: -15px;
  background-image: url("./../images/kaikei/kaikei-line2.png");
}
.price__text::after {
  bottom: -15px;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
  background-image: url("./../images/kaikei/kaikei-line2.png");
}
.price__text span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(255, 224, 54, 0.4)));
  background: linear-gradient(transparent 60%, rgba(255, 224, 54, 0.4) 0%);
}
.price__bird {
  width: 141px;
}
@media (max-width: 767px) {
  .price__bird {
    width: 80px;
  }
}
.price__case {
  margin-top: 55px;
}
.price__case:first-of-type {
  margin-top: 60px;
}

.case {
  position: relative;
  border: 3px solid #B0BF24;
  border-radius: 10px;
}
.case__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 35px 7.29% 50px 0;
}
@media (max-width: 1024px) {
  .case__head {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .case__head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 10px;
    padding-bottom: 20px;
  }
}
.case__head-left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5.2%;
}
@media (max-width: 1024px) {
  .case__head-left {
    margin-right: 3%;
  }
}
@media (max-width: 767px) {
  .case__head-left {
    margin-right: 0;
  }
}
.case__ribbon {
  display: inline-block;
  position: relative;
  left: -10px;
  padding: 0 40px 0 30px;
  height: 45px;
  border-radius: 5px;
  background: #B0BF24;
  color: #FFF;
  line-height: 45px;
  text-align: center;
  font-size: 2rem;
  letter-spacing: 0.3em;
  font-family: irohamaru, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.case__ribbon::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 22.5px 15px 22.5px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  z-index: 1;
}
@media (max-width: 1024px) {
  .case__ribbon {
    font-size: 1.8rem;
    padding: 0 25px 0 15px;
  }
}
@media (max-width: 767px) {
  .case__ribbon {
    position: absolute;
    top: -8px;
    left: -10px;
    padding: 0 20px 0 10px;
    height: 35px;
    line-height: 35px;
    font-size: 1.3rem;
  }
  .case__ribbon::after {
    border-width: 17.5px 10px 17.5px 0px;
  }
}
.case__ribbon span {
  margin-right: 0.2em;
  font-family: copse, serif;
  letter-spacing: 0.2em;
}
.case__img {
  margin-top: 20px;
  margin-left: 70px;
}
@media (max-width: 1024px) {
  .case__img {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .case__img {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.case__img img {
  padding: 6px;
  width: 130px;
  height: 130px;
  background-image: url("./../images/kaikei/case-border.png");
  background-size: cover;
}
@media (max-width: 767px) {
  .case__img img {
    width: 70px;
    height: 70px;
  }
}
.case__head-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.case__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 6px;
  padding-bottom: 4px;
  border-bottom: 2px dotted #473933;
}
.case__title {
  font-size: 2rem;
  letter-spacing: 0.2em;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .case__title {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .case__title {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
  }
}
.case__title--small {
  margin-top: -5px;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .case__title--small {
    font-size: 1.1rem;
  }
}
.case__sub-title {
  color: #B0BF24;
  font-size: 1.8rem;
  letter-spacing: 0.15em;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .case__sub-title {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .case__sub-title {
    font-size: 1.2rem;
  }
}
.case__text {
  margin-top: 30px;
  letter-spacing: 0.12em;
}
@media (max-width: 767px) {
  .case__text {
    display: none;
  }
}
.case__text-sp {
  display: none;
}
@media (max-width: 767px) {
  .case__text-sp {
    display: block;
    margin-bottom: 30px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.case__body {
  position: relative;
  padding: 65px 5.2% 50px;
  background-color: rgba(176, 191, 36, 0.4);
  text-align: center;
}
@media (max-width: 1024px) {
  .case__body {
    padding: 50px 2% 40px;
  }
}
@media (max-width: 767px) {
  .case__body {
    padding: 50px 30px 40px;
  }
}
.case__balloon {
  position: absolute;
  top: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  padding: 7px 11px;
  color: #fff;
  background-color: #473933;
  border-radius: 8px;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
  white-space: nowrap;
}
.case__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: center;
}
@media (max-width: 767px) {
  .case__wrapper {
    display: block;
  }
}
.case__box {
  position: relative;
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 15px 45px;
  border-radius: 15px;
  background-color: #fff;
  text-align: center;
}
@media (max-width: 1110px) {
  .case__box {
    padding: 15px 10px 60px;
  }
}
@media (max-width: 767px) {
  .case__box {
    padding-bottom: 45px;
  }
}
.case__plus {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 5px;
  width: 20px;
  position: relative;
}
.case__plus::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 4px;
  background-color: #473933;
}
.case__plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4px;
  height: 20px;
  background-color: #473933;
}
@media (max-width: 1024px) {
  .case__plus {
    width: 15px;
  }
  .case__plus::before {
    width: 15px;
    height: 3px;
  }
  .case__plus::after {
    width: 3px;
    height: 15px;
  }
}
@media (max-width: 767px) {
  .case__plus {
    margin: 10px auto;
    width: 15px;
    height: 15px;
  }
}
.case__name {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1.75;
}
@media (max-width: 1024px) {
  .case__name {
    letter-spacing: 0.1em;
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .case__name {
    font-size: 1.3rem;
  }
}
.case__price {
  position: absolute;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  color: #B0BF24;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media (max-width: 1024px) {
  .case__price {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .case__price {
    font-size: 1.5rem;
  }
}
.case__price--small {
  bottom: 15px;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .case__price--small {
    font-size: 1.3rem;
  }
}
.case__price--caption {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  text-align: right;
}
@media (max-width: 1110px) {
  .case__price--caption {
    margin-top: 4px;
    display: block;
  }
}
@media (max-width: 767px) {
  .case__price--caption {
    display: inline-block;
  }
}
.case__arrow {
  margin-top: 20px;
}
.case__arrow img {
  width: 10px;
  margin-right: auto;
  margin-left: auto;
}
.case__total {
  display: inline-block;
  margin-top: 10px;
  border-bottom: 2px solid #473933;
  font-size: 3rem;
  letter-spacing: 0.2em;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .case__total {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .case__total {
    font-size: 1.8rem;
  }
}
.case__caption {
  margin-top: 8px;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  font-weight: bold;
}
@media (max-width: 767px) {
  .case__caption {
    font-size: 1.2rem;
  }
}
.case--gray {
  border-color: #BFB098;
}
.case--gray .case__ribbon {
  background: #BFB098;
}
.case--gray .case__sub-title {
  color: #BFB098;
}
.case--gray .case__body {
  background-color: #EAE4D0;
  border-radius: 0 0 10px 10px;
}
.case--gray .case__price {
  color: #BFB098;
}
.case--orange {
  border-color: #D7B450;
}
.case--orange .case__ribbon {
  background: #D7B450;
}
.case--orange .case__sub-title {
  color: #D7B450;
}
.case--orange .case__body {
  background-color: rgba(243, 209, 118, 0.4);
}
.case--orange .case__price {
  color: #D7B450;
}

.sozoku-head {
  position: relative;
  margin-top: 129px;
  padding-bottom: 80px;
  text-align: center;
}
@media (max-width: 1024px) {
  .sozoku-head {
    margin-top: 70px;
  }
}
.sozoku-head__heading {
  margin-top: 60px;
  font-size: 2.2rem;
  letter-spacing: 0.2em;
  line-height: 2.81;
  font-family: irohamaru, sans-serif;
  text-decoration-line: underline;
  text-decoration-color: #473933;
  text-decoration-style: dotted;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.5em;
}
@media (max-width: 1024px) {
  .sozoku-head__heading {
    margin-top: 30px;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .sozoku-head__heading {
    margin-top: 10px;
    font-size: 1.5rem;
  }
}
.sozoku-head__bird {
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  width: 175px;
}
@media (max-width: 767px) {
  .sozoku-head__bird {
    bottom: -50px;
    width: 120px;
  }
}

.worries {
  position: relative;
  background-color: #b0bf24;
}
.worries__lead {
  color: #fff;
  letter-spacing: 0.2em;
  line-height: 2.33;
  font-weight: bold;
  text-align: center;
}
.worries__balloon {
  margin-top: 30px;
}
.worries__balloon img {
  margin-right: auto;
  margin-left: auto;
  width: 415px;
}
@media (max-width: 767px) {
  .worries__balloon img {
    width: 100%;
  }
}
.worries__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 35px;
}
@media (max-width: 767px) {
  .worries__wrapper {
    display: block;
  }
}
.worries__item {
  -ms-flex-preferred-size: 46.94%;
      flex-basis: 46.94%;
  margin-top: 50px;
  padding: 40px 4.08% 50px;
  border-radius: 15px;
  background-color: #fff;
}
.worries__item:first-of-type, .worries__item:nth-of-type(2) {
  margin-top: 0;
}
@media (max-width: 767px) {
  .worries__item:first-of-type, .worries__item:nth-of-type(2) {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .worries__item {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    padding-top: 30px;
    padding-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .worries__item {
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.worries__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 6px;
  height: 96px;
  border-bottom: 2px dotted #473933;
}
@media (max-width: 1024px) {
  .worries__head {
    height: 110px;
  }
}
@media (max-width: 767px) {
  .worries__head {
    height: 70px;
  }
}
.worries__title {
  font-size: 2.2rem;
  letter-spacing: 0.2em;
  font-family: irohamaru, sans-serif;
  text-align: center;
}
@media (max-width: 1024px) {
  .worries__title {
    letter-spacing: 0.1em;
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .worries__title {
    font-size: 1.5rem;
  }
  .worries__title .only-s-pc {
    display: none;
  }
}
.worries__img {
  margin-top: 30px;
}
.worries__img img {
  margin-right: auto;
  margin-left: auto;
  width: 57.22%;
}
.worries__text {
  margin-top: 15px;
  letter-spacing: 0.2em;
}
.worries__text span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(255, 224, 54, 0.4)));
  background: linear-gradient(transparent 60%, rgba(255, 224, 54, 0.4) 0%);
  font-weight: bold;
}
.worries__bottom-line {
  position: absolute;
  bottom: -60px;
  left: 50%;
  z-index: 1;
  width: 1px;
  height: 80px;
  background-color: #473933;
}
@media (max-width: 767px) {
  .worries__bottom-line {
    bottom: -30px;
    height: 40px;
  }
}

.consultation-flow__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.consultation-flow__lead::before, .consultation-flow__lead::after {
  content: "";
  display: inline-block;
  width: 29px;
  height: 41px;
  background-size: contain;
  vertical-align: bottom;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .consultation-flow__lead::before, .consultation-flow__lead::after {
    width: 15px;
    height: 21px;
  }
}
.consultation-flow__lead::before {
  margin-right: 50px;
  background-image: url("./../images/sozoku/sozoku-line1.png");
}
@media (max-width: 767px) {
  .consultation-flow__lead::before {
    margin-right: 10px;
  }
}
.consultation-flow__lead::after {
  margin-left: 50px;
  background-image: url("./../images/sozoku/sozoku-line2.png");
}
@media (max-width: 767px) {
  .consultation-flow__lead::after {
    margin-left: 10px;
  }
}
.consultation-flow__lead p {
  font-size: 3.2rem;
  letter-spacing: 0.32em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 1024px) {
  .consultation-flow__lead p {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .consultation-flow__lead p {
    font-size: 1.6rem;
  }
}
@media (max-width: 1024px) {
  .consultation-flow__lead {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .consultation-flow__lead {
    font-size: 1.7rem;
  }
}
.consultation-flow__img-wrapper {
  position: relative;
  margin-top: 35px;
}
@media (max-width: 767px) {
  .consultation-flow__img-wrapper {
    margin-top: 20px;
  }
}
.consultation-flow__img {
  margin-right: auto;
  margin-left: auto;
  width: 89.8%;
}
@media (max-width: 767px) {
  .consultation-flow__img {
    width: 100%;
  }
}
.consultation-flow__tree1 {
  position: absolute;
  top: -10px;
  left: 0;
  width: 187px;
}
@media (max-width: 1024px) {
  .consultation-flow__tree1 {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .consultation-flow__tree1 {
    display: none;
  }
}
.consultation-flow__tree2 {
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 187px;
}
@media (max-width: 1024px) {
  .consultation-flow__tree2 {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .consultation-flow__tree2 {
    display: none;
  }
}
.consultation-flow__text {
  margin-top: 40px;
  letter-spacing: 0.2em;
  line-height: 2.33;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .consultation-flow__text {
    margin-top: 25px;
    text-align: left;
  }
  .consultation-flow__text .only-s-pc {
    display: none;
  }
}
.consultation-flow__media-flow {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .consultation-flow__media-flow {
    margin-top: 50px;
  }
}

.media-flow {
  position: relative;
  padding: 50px 6.63% 65px;
  background-color: rgba(176, 191, 36, 0.2);
}
@media (max-width: 767px) {
  .media-flow {
    padding: 30px 20px 45px;
  }
}
.media-flow::before, .media-flow::after {
  content: "";
  position: absolute;
  top: -10px;
  display: inline-block;
  width: 20px;
  height: 54px;
  background-image: url("./../images/sozoku/sozoku-pin.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .media-flow::before, .media-flow::after {
    width: 12px;
    height: 33px;
  }
}
.media-flow::before {
  left: 35px;
}
.media-flow::after {
  right: 35px;
}
.media-flow__title {
  font-size: 2.2rem;
  font-family: irohamaru, sans-serif;
  line-height: 1.18;
  letter-spacing: 0.3em;
  text-align: center;
}
@media (max-width: 767px) {
  .media-flow__title {
    font-size: 1.6rem;
    line-height: 1.66;
  }
}
.media-flow__sub-title {
  margin-top: 6px;
  color: #b0bf24;
  font-family: copse, serif;
  letter-spacing: 0.2em;
  text-align: center;
}
@media (max-width: 767px) {
  .media-flow__sub-title {
    margin-top: 0;
    font-size: 1.2rem;
  }
}
.media-flow__lead {
  margin-top: 20px;
  letter-spacing: 0.2em;
  text-align: center;
  line-height: 2.33;
}
@media (max-width: 767px) {
  .media-flow__lead {
    margin-top: 15px;
  }
}
.media-flow__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 53px;
}
.media-flow__item:first-of-type {
  margin-top: 55px;
}
@media (max-width: 767px) {
  .media-flow__item:first-of-type {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .media-flow__item {
    display: block;
    margin-top: 30px;
  }
}
.media-flow__img {
  -ms-flex-preferred-size: 36.47%;
      flex-basis: 36.47%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5.29%;
}
@media (max-width: 1024px) {
  .media-flow__img {
    -ms-flex-preferred-size: 43%;
        flex-basis: 43%;
  }
}
@media (max-width: 767px) {
  .media-flow__img {
    margin-right: 0;
  }
}
.media-flow__img img {
  border-radius: 4%;
}
.media-flow__heading {
  font-size: 2.2rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .media-flow__heading {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .media-flow__heading {
    margin-top: 10px;
    font-size: 1.6rem;
  }
}
.media-flow__heading span {
  display: inline-block;
  margin-right: 1em;
  padding-left: 8px;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #473933;
  border-radius: 50%;
  font-size: 2rem;
  line-height: 30px;
  text-align: center;
}
@media (max-width: 1024px) {
  .media-flow__heading span {
    margin-right: 0.6em;
    padding-left: 4px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .media-flow__heading span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.4rem;
  }
}
.media-flow__text {
  margin-top: 20px;
  letter-spacing: 0.12em;
}
@media (max-width: 1024px) {
  .media-flow__text {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .media-flow__text {
    margin-top: 10px;
    font-size: 1.3rem;
  }
}
.media-flow__separation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.media-flow__separation::before {
  content: "";
  display: block;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-right: 20px;
  border-bottom: 2px dotted #473933;
}
.media-flow__separation + .media-flow__item {
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .media-flow__separation + .media-flow__item {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .media-flow__separation {
    margin-top: 20px;
  }
}
.media-flow__separation-text {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
  font-weight: bold;
  letter-spacing: 0.2em;
}
@media (max-width: 767px) {
  .media-flow__separation-text {
    font-size: 1.2rem;
  }
}
.media-flow__separation-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 95px;
}
@media (max-width: 1024px) {
  .media-flow__separation-img {
    width: 60px;
  }
}
@media (max-width: 767px) {
  .media-flow__separation-img {
    display: none;
  }
}
.media-flow--section {
  padding: 70px 0;
  background-color: #eae4d0;
}
@media (max-width: 767px) {
  .media-flow--section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.media-flow--section::before, .media-flow--section::after {
  content: none;
}
.media-flow__flex-bullet-list {
  margin-top: 45px;
  margin-bottom: 30px;
}

.sozoku-qa {
  background-color: #eae4d0;
}
.sozoku-qa__accordion {
  margin: 50px auto 0;
  width: 91.83%;
}
@media (max-width: 767px) {
  .sozoku-qa__accordion {
    margin: 30px 0 0;
    width: 100%;
  }
}

.accordion {
  border: 1px solid #E5E5E5;
}
.accordion__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 12px 40px 12px 30px;
  color: #fff;
  background-color: #b0bf24;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.accordion__btn:hover, .accordion__btn:focus {
  opacity: 0.7;
}
.accordion__btn::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("./../images/white-triangle.png");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .accordion__btn::after {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 767px) {
  .accordion__btn::after {
    right: 15px;
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 1024px) {
  .accordion__btn {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .accordion__btn {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 10px 20px 8px 15px;
    font-size: 1.4rem;
  }
}
.accordion__btn-text {
  font-size: 1.8rem;
  letter-spacing: 0.2em;
  text-align: left;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .accordion__btn-text {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .accordion__btn-text {
    font-size: 1.4rem;
  }
}
.accordion__question {
  margin-right: 15px;
  font-size: 2.2rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .accordion__question {
    font-size: 1.8rem;
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .accordion__question {
    margin-top: -2px;
    font-size: 1.6rem;
  }
}
.accordion__body {
  display: none;
  padding: 35px 30px;
  background-color: #FFF;
}
.accordion__body:first-of-type {
  display: block;
}
@media (max-width: 767px) {
  .accordion__body {
    padding: 20px 15px;
  }
}
.accordion__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.accordion__title {
  margin-top: 35px;
}
.accordion__title:first-of-type {
  margin-top: 0;
}
.accordion__title.open .accordion__btn {
  border-radius: 5px 5px 0 0;
}
.accordion__title.open .accordion__btn::after {
  -webkit-transform: translateY(-50%) scale(1, -1);
          transform: translateY(-50%) scale(1, -1);
}
.accordion__text {
  line-height: 2.33;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .accordion__text {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .accordion__text {
    font-size: 1.3rem;
  }
}
.accordion__ans {
  margin-right: 15px;
  color: #b0bf24;
  font-size: 2.2rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
  line-height: 36px;
  font-weight: 400;
  vertical-align: top;
}
@media (max-width: 1024px) {
  .accordion__ans {
    margin-right: 5px;
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .accordion__ans {
    margin-top: -4px;
    font-size: 1.6rem;
  }
}

.news-head {
  margin-top: 129px;
}
@media (max-width: 1024px) {
  .news-head {
    margin-top: 70px;
  }
}

.news-archive {
  background-color: #eae4d0;
}
.news-archive__month {
  margin-bottom: 40px;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .news-archive__month {
    font-size: 2rem;
  }
}
.news-archive__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.news-archive__sidebar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 4.59%;
}
@media (max-width: 1024px) {
  .news-archive__container {
    display: block;
  }
  .news-archive__sidebar {
    margin-bottom: 40px;
  }
  .archive-list {
    display: none;
  }
}
.news-archive__container > div {
  flex-grow: 1;
}

.sidebar {
  width: 170px;
}
.sidebar .monthly-archive-title {
  color: #fff;
  background-color: #473933;
  font-family: copse, serif;
  letter-spacing: 0.2em;
  text-align: center;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .sidebar .monthly-archive-title {
    border-radius: 6px;
    pointer-events: auto;
  }
}
.sidebar .year {
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #473933;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.35em;
}
.sidebar .year:last-of-type {
  border-bottom: none;
}
.sidebar .month-archive-list {
  padding-left: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Arial, sans-serif;
}
.sidebar .month-archive-list a {
  transition: .3s;
}
.sidebar .month-archive-list a:focus,
.sidebar .month-archive-list a:hover {
  opacity: .7;
}

.news-post {
  margin-top: 65px;
}
@media (max-width: 767px) {
  .news-post {
    margin-top: 45px;
  }
}
.news-post:first-of-type {
  margin-top: 0;
}
.news-post__wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.news-post__head {
  border-bottom: 2px solid #473933;
}
.news-post__date {
  font-size: 1.3rem;
  font-family: copse, serif;
  letter-spacing: 0.18em;
}
@media (max-width: 767px) {
  .news-post__date {
    font-size: 1.2rem;
  }
}
.news-post__title {
  margin-top: 8px;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.2em;
}
@media (max-width: 1024px) {
  .news-post__title {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .news-post__title {
    margin-top: 2px;
    font-size: 1.6rem;
  }
}
.news-post__body {
  margin-top: 35px;
  padding: 50px 7% 40px;
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .news-post__body {
    margin-top: 25px;
    padding: 25px 20px 20px;
  }
}
.news-post__body a {
  color: #b0bf24;
  font-weight: bold;
  text-decoration: underline;
}
.news-post__img {
  margin-bottom: 30px;
}
.news-post__img img {
  border-radius: 20px;
}
.news-post__text {
  letter-spacing: 0.3em;
}

.guide-fv {
  position: relative;
  margin-top: 129px;
  padding: 95px 15px 120px;
  background-image: url("./../images/guide/guide-fv.jpg");
  background-size: cover;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .guide-fv {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .guide-fv {
    padding: 60px 0 160px;
  }
}
.guide-fv::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(176, 191, 36, 0.8);
}
.guide-fv__nav {
  position: absolute;
  z-index: 2;
  width: 210px;
  top: 75px;
  right: 0;
  text-align: right;
}
@media (max-width: 1024px) {
  .guide-fv__nav {
    top: 50px;
  }
}
@media (max-width: 767px) {
  .guide-fv__nav {
    top: auto;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px;
    width: 360px;
  }
  .guide-fv__nav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.guide-fv__nav-list {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  padding: 5px 35px 5px 20px;
  width: 200px;
  background-color: #fff;
  letter-spacing: 0.2em;
  font-family: irohamaru, sans-serif;
  text-align: left;
}
@media (max-width: 767px) {
  .guide-fv__nav-list {
    padding: 2px 30px 2px 15px;
    width: 170px;
    font-size: 1.2rem;
  }
}
.guide-fv__nav-list::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  background-image: url("./../images/guide/guide-arrow.png");
  width: 9px;
  height: 9px;
}
.guide-fv__nav-list:focus, .guide-fv__nav-list:hover {
  width: 210px;
}
@media (max-width: 767px) {
  .guide-fv__nav-list:focus, .guide-fv__nav-list:hover {
    width: 180px;
  }
}
.guide-fv__content {
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
  padding-top: 90px;
  width: 690px;
  height: 690px;
  background-image: url("./../images/guide/guide-top-balloon.png");
  background-size: contain;
  font-family: irohamaru, sans-serif;
  text-align: center;
}
@media (max-width: 1024px) {
  .guide-fv__content {
    padding-top: 60px;
    width: 540px;
    height: 540px;
  }
}
@media (max-width: 767px) {
  .guide-fv__content {
    padding: 10px;
    width: 320px;
    height: 320px;
    border-radius: 10px;
    background-image: none;
    background-color: #fff;
  }
}
.guide-fv__top-text {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 131px;
}
@media (max-width: 767px) {
  .guide-fv__top-text {
    display: none;
  }
}
.guide-fv__beginner {
  margin-right: auto;
  margin-left: auto;
  width: 60px;
}
@media (max-width: 1024px) {
  .guide-fv__beginner {
    width: 40px;
  }
}
@media (max-width: 767px) {
  .guide-fv__beginner {
    width: 15px;
  }
}
.guide-fv__title {
  margin-top: 20px;
  font-size: 3.8rem;
  letter-spacing: 0.3em;
  line-height: 1.8;
}
@media (max-width: 1024px) {
  .guide-fv__title {
    margin-top: 10px;
    font-size: 3rem;
  }
  .guide-fv__title:first-of-type {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .guide-fv__title {
    margin-top: 0;
    font-size: 2rem;
  }
  .guide-fv__title:first-of-type {
    margin-top: 5px;
  }
}
.guide-fv__text {
  margin-top: 15px;
  font-size: 1.6rem;
  line-height: 2.625;
  text-decoration: underline;
  -webkit-text-decoration-color: #C8C4C2;
          text-decoration-color: #C8C4C2;
  text-underline-offset: 0.5em;
}
@media (max-width: 1024px) {
  .guide-fv__text {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .guide-fv__text {
    font-size: 1.3rem;
    line-height: 2.3;
  }
}
.guide-fv__bird1 {
  position: absolute;
  bottom: 50px;
  left: 40px;
  width: 147px;
}
@media (max-width: 1024px) {
  .guide-fv__bird1 {
    bottom: 30px;
    left: 15px;
    width: 124px;
  }
}
@media (max-width: 767px) {
  .guide-fv__bird1 {
    display: none;
  }
}
.guide-fv__bird2 {
  position: absolute;
  bottom: 40px;
  right: 25px;
  width: 141px;
}
@media (max-width: 1024px) {
  .guide-fv__bird2 {
    bottom: 20px;
    right: 10px;
    width: 120px;
  }
}
@media (max-width: 767px) {
  .guide-fv__bird2 {
    display: none;
  }
}
.guide-fv__wave {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

.about-tax {
  position: relative;
  padding-bottom: 200px;
  background-color: rgba(143, 167, 2, 0.2);
}
@media (max-width: 767px) {
  .about-tax {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 0;
  }
}
.about-tax__item {
  margin-top: 75px;
}
@media (max-width: 767px) {
  .about-tax__item {
    margin-top: 40px;
  }
}
.about-tax__item:first-of-type {
  margin-top: 50px;
}
.about-tax__balloon {
  margin-right: auto;
  margin-left: auto;
  width: 588px;
}
@media (max-width: 767px) {
  .about-tax__balloon {
    width: 100%;
  }
}
.about-tax__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .about-tax__media {
    display: block;
    margin-top: 10px;
  }
}
.about-tax__img {
  -ms-flex-preferred-size: 40.625%;
      flex-basis: 40.625%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 3.9%;
}
@media (max-width: 767px) {
  .about-tax__img {
    margin-right: 0;
  }
  .about-tax__img img {
    border-radius: 10px;
  }
}
.about-tax__text {
  padding-right: 30px;
  max-width: 590px;
  letter-spacing: 0.12em;
}
.about-tax__text span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #fff));
  background: linear-gradient(transparent 60%, #fff 0%);
  font-weight: bold;
}
@media (max-width: 767px) {
  .about-tax__text {
    padding-right: 0;
    margin-top: 15px;
  }
}
.about-tax__media--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.about-tax__media--reverse .about-tax__img {
  margin-right: 0;
}
.about-tax__media--reverse .about-tax__text {
  margin-right: 3.9%;
  padding-right: 0;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .about-tax__media--reverse .about-tax__text {
    margin-right: 0;
    padding-left: 0;
  }
}
.about-tax__bottom {
  display: inline-block;
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  .about-tax__bottom {
    display: block;
    position: static;
    margin-top: 30px;
    text-align: center;
  }
}
.about-tax__bottom-text {
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: 20px 0;
  font-size: 1.7rem;
  font-family: irohamaru, sans-serif;
  line-height: 1.65;
  letter-spacing: 0.3em;
  text-align: right;
}
.about-tax__bottom-text span {
  padding: 0.2em;
  font-size: 2.2rem;
  color: #fff;
  background-color: #b0bf24;
}
@media (max-width: 767px) {
  .about-tax__bottom-text span {
    font-size: 1.5rem;
  }
}
.about-tax__bottom-text::before, .about-tax__bottom-text::after {
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  width: 40px;
  height: 2px;
  border: 2px dotted #473933;
}
@media (max-width: 767px) {
  .about-tax__bottom-text::before, .about-tax__bottom-text::after {
    width: 25px;
  }
}
.about-tax__bottom-text::before {
  top: 0;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media (max-width: 767px) {
  .about-tax__bottom-text::before {
    top: auto;
    bottom: 30px;
    left: -30px;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
}
.about-tax__bottom-text::after {
  bottom: 0;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
@media (max-width: 767px) {
  .about-tax__bottom-text::after {
    bottom: 30px;
    right: -30px;
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
  }
}
@media (max-width: 767px) {
  .about-tax__bottom-text {
    line-height: 2.1;
    font-size: 1.3rem;
    text-align: center;
  }
}
.about-tax__bottom-img {
  position: absolute;
  right: -235px;
  bottom: -60px;
  z-index: 1;
}
@media (max-width: 1024px) {
  .about-tax__bottom-img {
    right: -220px;
  }
}
@media (max-width: 767px) {
  .about-tax__bottom-img {
    position: static;
  }
}
.about-tax__bottom-img img {
  width: 200px;
}
@media (max-width: 767px) {
  .about-tax__bottom-img img {
    margin-right: auto;
    margin-left: auto;
    width: 110px;
  }
}

.flex-bullet-list {
  padding: 40px 7.14%;
  border-radius: 15px;
  background-color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  .flex-bullet-list {
    padding: 25px 20px;
  }
}
.flex-bullet-list__heading {
  display: inline-block;
  border-bottom: 2px dotted #473933;
  font-size: 1.8rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  .flex-bullet-list__heading {
    font-size: 1.5rem;
  }
}
.flex-bullet-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #C8C4C2;
}
@media (max-width: 767px) {
  .flex-bullet-list__item {
    padding: 10px 0;
  }
}
.flex-bullet-list__item:first-of-type {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .flex-bullet-list__item:first-of-type {
    padding-top: 20px;
  }
}
.flex-bullet-list__item:last-of-type {
  border-bottom: none;
}
@media (max-width: 767px) {
  .flex-bullet-list__item {
    display: block;
  }
}
.flex-bullet-list__title-wrapper {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .flex-bullet-list__title-wrapper {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    margin-right: 15px;
  }
}
.flex-bullet-list__icon {
  margin-right: 28px;
  width: 30px;
}
@media (max-width: 1024px) {
  .flex-bullet-list__icon {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .flex-bullet-list__icon {
    width: 20px;
    margin-right: 10px;
  }
}
.flex-bullet-list__icon--saifu {
  margin-right: 32px;
  width: 25px;
}
@media (max-width: 1024px) {
  .flex-bullet-list__icon--saifu {
    margin-right: 22px;
  }
}
@media (max-width: 767px) {
  .flex-bullet-list__icon--saifu {
    width: 17px;
    margin-right: 12px;
  }
}
.flex-bullet-list__title {
  font-size: 1.8rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .flex-bullet-list__title {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .flex-bullet-list__title {
    font-size: 1.5rem;
  }
}
.flex-bullet-list__list {
  text-align: left;
}
@media (max-width: 767px) {
  .flex-bullet-list__list {
    margin-top: 10px;
  }
}
.flex-bullet-list__list-item {
  margin-top: 3px;
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  font-weight: bold;
}
.flex-bullet-list__list-item::before {
  content: "";
  display: inline-block;
  margin-right: 1em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #B0BF24;
}
@media (max-width: 1024px) {
  .flex-bullet-list__list-item {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .flex-bullet-list__list-item {
    font-size: 1.3rem;
  }
}

.guide-qa__accordion {
  margin-right: auto;
  margin-left: auto;
  margin-top: 35px;
  max-width: 900px;
  border: none;
}
.guide-qa__accordion .accordion__body {
  border: 1px solid #B0BF24;
  border-radius: 0 0 5px 5px;
}
.guide-qa__text-wrapper {
  margin-top: 80px;
  text-align: center;
}
@media (max-width: 767px) {
  .guide-qa__text-wrapper {
    margin-top: 40px;
  }
}
.guide-qa__text {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .guide-qa__text {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .guide-qa__text {
    font-size: 1.5rem;
  }
}
.guide-qa__text::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -90px;
  width: 30px;
  height: 42px;
  background-image: url("./../images/sozoku/sozoku-line1.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .guide-qa__text::before {
    left: -30px;
    width: 15px;
    height: 21px;
  }
}
.guide-qa__text::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: -90px;
  width: 30px;
  height: 42px;
  background-image: url("./../images/sozoku/sozoku-line2.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .guide-qa__text::after {
    right: -30px;
    width: 15px;
    height: 21px;
  }
}
.guide-qa__text-line1, .guide-qa__text-line2 {
  width: 30px;
}
.guide-qa__bottom-img {
  margin: 15px auto 0;
  width: 175px;
}
@media (max-width: 1024px) {
  .guide-qa__bottom-img {
    width: 140px;
  }
}
@media (max-width: 767px) {
  .guide-qa__bottom-img {
    width: 100px;
  }
}

.contact-head {
  margin-top: 129px;
  padding-bottom: 70px;
}
@media (max-width: 1024px) {
  .contact-head {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .contact-head {
    padding-bottom: 50px;
  }
}
.contact-head__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 130px;
}
@media (max-width: 1024px) {
  .contact-head__wrapper {
    margin-top: 100px;
  }
}
@media (max-width: 767px) {
  .contact-head__wrapper {
    display: block;
    margin-top: 50px;
  }
}
.contact-head__link {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: block;
  position: relative;
  margin-right: 4.08%;
  padding: 30px 10px;
  max-width: 400px;
  border-radius: 15px;
  background-color: #B0BF24;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .contact-head__link {
    margin-right: auto;
    margin-left: auto;
    padding: 15px 10px;
  }
}
.contact-head__link:focus, .contact-head__link:hover {
  opacity: 0.7;
}
.contact-head__link:last-of-type {
  margin-right: 0;
}
@media (max-width: 767px) {
  .contact-head__link:last-of-type {
    margin-top: 40px;
    margin-right: auto;
  }
}
.contact-head__link--bird {
  padding-top: 51px;
}
@media (max-width: 767px) {
  .contact-head__link--bird {
    padding-top: 35px;
  }
}
.contact-head__icon {
  margin-right: auto;
  margin-left: auto;
  width: 34px;
}
.contact-head__balloon {
  position: absolute;
  top: -70px;
  right: -100px;
  width: 194px;
}
@media (max-width: 1024px) {
  .contact-head__balloon {
    top: -50px;
    right: -80px;
    width: 160px;
  }
}
@media (max-width: 767px) {
  .contact-head__balloon {
    width: 100px;
    top: -20px;
    right: -20px;
  }
}
.contact-head__bird {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 136px;
}
@media (max-width: 1024px) {
  .contact-head__bird {
    width: 110px;
  }
}
@media (max-width: 767px) {
  .contact-head__bird {
    top: -20px;
    width: 90px;
  }
}
.contact-head__link-text {
  margin-top: 10px;
  color: #fff;
  font-size: 2rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .contact-head__link-text {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .contact-head__link-text {
    font-size: 1.5rem;
  }
}
.contact-head__corner-missed {
  margin: 55px auto 0;
  max-width: 845px;
}

.corner-missed {
  position: relative;
  padding: 15px;
  background-color: rgba(176, 191, 36, 0.2);
}
.corner-missed__top-left, .corner-missed__top-right, .corner-missed__bottom-right, .corner-missed__bottom-left {
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #fff;
}
.corner-missed__top-left {
  top: -10px;
  left: -10px;
}
.corner-missed__top-right {
  top: -10px;
  right: -10px;
}
.corner-missed__bottom-right {
  bottom: -10px;
  right: -10px;
}
.corner-missed__bottom-left {
  bottom: -10px;
  left: -10px;
}
.corner-missed__inner {
  padding: 25px 30px 40px;
  border: 1px dashed #473933;
}
@media (max-width: 767px) {
  .corner-missed__inner {
    padding: 15px 20px 25px;
  }
}
.corner-missed__phone {
  margin-right: auto;
  margin-left: auto;
  width: 20px;
}
@media (max-width: 767px) {
  .corner-missed__phone {
    width: 15px;
  }
}
.corner-missed__main-text {
  margin-top: 10px;
  font-size: 2rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
  text-align: center;
}
@media (max-width: 767px) {
  .corner-missed__main-text {
    font-size: 1.5rem;
  }
}
.corner-missed__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .corner-missed__wrapper {
    display: block;
    text-align: center;
  }
}
.corner-missed__horizontal-texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 7%;
  line-height: 1;
}
@media (max-width: 1024px) {
  .corner-missed__horizontal-texts {
    margin-right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.corner-missed__horizontal-text:first-of-type {
  margin-right: 5%;
  padding-bottom: 4px;
  font-size: 2rem;
  letter-spacing: 0.2em;
  font-family: copse, serif;
}
@media (max-width: 1024px) {
  .corner-missed__horizontal-text:first-of-type {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .corner-missed__horizontal-text:first-of-type {
    font-size: 1.2rem;
  }
}
.corner-missed__horizontal-text:last-of-type {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 3.5rem;
  letter-spacing: 0.2em;
  font-family: copse, serif;
}
@media (max-width: 767px) {
  .corner-missed__horizontal-text:last-of-type {
    font-size: 1.8em;
  }
}
.corner-missed__caption {
  font-size: 1.3rem;
  letter-spacing: 0.12em;
}
@media (max-width: 1024px) {
  .corner-missed__caption {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .corner-missed__caption {
    font-size: 1.2rem;
  }
}

.contact-preparation {
  background-color: #eae4d0;
  text-align: center;
}
.contact-preparation__section-title {
  position: relative;
  display: inline-block;
  margin: 0 0 1.5em;
  padding: 7px 0;
  min-width: 120px;
  max-width: 100%;
  border-bottom: solid 2px #473933;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.7rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 767px) {
  .contact-preparation__section-title {
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
}
.contact-preparation__section-title::before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 13px solid #eae4d0;
  z-index: 2;
}
.contact-preparation__section-title::after {
  content: "";
  position: absolute;
  bottom: -29.2px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #473933;
  z-index: 1;
}
.contact-preparation__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 45px;
}
@media (max-width: 767px) {
  .contact-preparation__wrapper {
    display: block;
    margin-top: 40px;
  }
}
.contact-preparation__item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 6.1%;
  max-width: 240px;
}
.contact-preparation__item:last-of-type {
  margin-right: 0;
}
@media (max-width: 767px) {
  .contact-preparation__item:last-of-type {
    margin-right: auto;
  }
}
@media (max-width: 1024px) {
  .contact-preparation__item {
    margin-right: 5%;
  }
}
@media (max-width: 767px) {
  .contact-preparation__item {
    margin: 30px auto 0;
  }
}
.contact-preparation__icon {
  margin-right: auto;
  margin-left: auto;
  width: 30px;
}
@media (max-width: 767px) {
  .contact-preparation__icon {
    width: 20px;
  }
}
.contact-preparation__icon--saifu {
  width: 25px;
}
@media (max-width: 767px) {
  .contact-preparation__icon--saifu {
    width: 18px;
  }
}
.contact-preparation__title {
  padding: 8px 0;
  border-bottom: 1px solid #473933;
  font-size: 1.8rem;
  font-family: irohamaru, sans-serif;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .contact-preparation__title {
    font-size: 1.6rem;
  }
}
.contact-preparation__lists {
  margin-top: 20px;
  text-align: left;
}
.contact-preparation__list {
  margin-top: 4px;
  font-weight: bold;
  letter-spacing: 0.12em;
  padding-left: 3rem;
  text-indent: -2.5rem;
}
@media (max-width: 1024px) {
  .contact-preparation__list {
    text-indent: -2.3rem;
  }
}
.contact-preparation__list:first-of-type {
  margin-top: 0;
}
.contact-preparation__list::before {
  content: "";
  display: inline-block;
  margin-right: 1em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #B0BF24;
}

.contact-form--pt0 {
  padding-top: 0;
}
.contact-form .container {
  position: relative;
}
.contact-form__section-title figure {
  margin-right: auto;
  margin-left: auto;
  width: 41px;
}
@media (max-width: 767px) {
  .contact-form__section-title figure {
    width: 25px;
  }
}
.contact-form__section-title .section-title__text {
  margin-top: 30px;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  -webkit-text-decoration-color: #473933;
          text-decoration-color: #473933;
  text-underline-offset: 0.8em;
}
@media (max-width: 767px) {
  .contact-form__section-title .section-title__text {
    margin-top: 15px;
  }
}
.contact-form__section-lead {
  font-weight: normal;
  margin-top: 80px;
}
@media (max-width: 767px) {
  .contact-form__section-lead {
    margin-top: 50px;
  }
}
.contact-form__section-lead span {
  font-weight: bold;
}
.contact-form__people {
  position: absolute;
  bottom: -40px;
  right: -20px;
  width: 198px;
}
@media (max-width: 1024px) {
  .contact-form__people {
    width: 150px;
  }
}
@media (max-width: 767px) {
  .contact-form__people {
    margin-top: 30px;
    margin-left: auto;
    width: 110px;
    position: static;
  }
}

.contact-direct__wave .waves {
  margin-bottom: -10px;
}
.contact-direct {
  background-color: rgba(171, 191, 36, 0.3);
  text-align: center;
}
.contact-direct__section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.2rem;
  letter-spacing: 0.3em;
  font-family: irohamaru, sans-serif;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  -webkit-text-decoration-color: #473933;
          text-decoration-color: #473933;
  text-underline-offset: 0.6em;
  text-align: center;
}
.contact-direct__section-title::before, .contact-direct__section-title::after {
  content: "";
  display: inline-block;
  width: 35px;
  height: 49px;
  background-size: contain;
  vertical-align: text-bottom;
}
@media (max-width: 767px) {
  .contact-direct__section-title::before, .contact-direct__section-title::after {
    width: 15px;
    height: 21px;
  }
}
.contact-direct__section-title::before {
  margin-right: 10%;
  background-image: url("./../images/contact/contact-line1.png");
}
@media (max-width: 767px) {
  .contact-direct__section-title::before {
    margin-right: 10px;
  }
}
.contact-direct__section-title::after {
  margin-left: 10%;
  background-image: url("./../images/contact/contact-line2.png");
}
@media (max-width: 767px) {
  .contact-direct__section-title::after {
    margin-left: 10px;
  }
}
@media (max-width: 1024px) {
  .contact-direct__section-title {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .contact-direct__section-title {
    font-size: 1.6rem;
  }
}
.contact-direct__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 70px;
}
@media (max-width: 767px) {
  .contact-direct__wrapper {
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 320px;
  }
}
.contact-direct__item {
  position: relative;
  margin-right: 8.16%;
  padding: 35px 50px;
  max-width: 400px;
  background-image: url("./../images/contact/frame.png");
  background-size: 100% 100%;
}
@media (max-width: 1024px) {
  .contact-direct__item {
    margin-right: 5%;
    padding: 25px 30px;
  }
}
@media (max-width: 767px) {
  .contact-direct__item {
    padding: 35px 30px;
    margin-top: 45px;
    margin-right: 0;
  }
}
.contact-direct__item:last-of-type {
  margin-right: 0;
}
.contact-direct__balloon {
  position: absolute;
  width: 193px;
  top: -50px;
  left: -90px;
}
@media (max-width: 1024px) {
  .contact-direct__balloon {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .contact-direct__balloon {
    top: -30px;
    left: -20px;
    width: 120px;
  }
}
.contact-direct__balloon--right {
  left: auto;
  right: -90px;
}
@media (max-width: 767px) {
  .contact-direct__balloon--right {
    right: -20px;
  }
}
.contact-direct__img {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: auto;
  margin-left: auto;
  width: 64%;
}
@media (max-width: 767px) {
  .contact-direct__img {
    width: 140px;
  }
}
.contact-direct__name {
  margin-top: 10px;
  font-size: 2.5rem;
  letter-spacing: 0.28em;
  font-family: irohamaru, sans-serif;
}
@media (max-width: 1024px) {
  .contact-direct__name {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .contact-direct__name {
    font-size: 1.5rem;
  }
}
.contact-direct__name span {
  font-size: 1.9rem;
  letter-spacing: 0.3em;
}
@media (max-width: 1024px) {
  .contact-direct__name span {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .contact-direct__name span {
    font-size: 1.3rem;
  }
}
.contact-direct__english-name {
  font-size: 1.8rem;
  color: #b0bf24;
  font-family: copse, serif;
  letter-spacing: 0.18em;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .contact-direct__english-name {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .contact-direct__english-name {
    font-size: 1.2rem;
  }
}
.contact-direct__rounded-link {
  position: relative;
  display: block;
  margin-top: 15px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Arial, sans-serif;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .contact-direct__rounded-link {
    padding: 8px 30px;
  }
}
@media (max-width: 767px) {
  .contact-direct__rounded-link {
    font-size: 1.3rem;
  }
}
.contact-direct__rounded-link::after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 11px;
  height: 11px;
  background-image: url("./../images/contact/contact-arrow.svg");
  background-repeat: no-repeat;
}
.contact-direct__rounded-link:hover::after, .contact-direct__rounded-link:focus::after {
  background-image: url("./../images/contact/contact-arrow-white.svg");
}
.contact-direct__rounded-link--phone {
  padding: 12px 20px 12px 60px;
  font-size: 2rem;
  font-family: copse, serif;
  letter-spacing: 0.2em;
  line-height: 1.55;
  font-weight: 400;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .contact-direct__rounded-link--phone {
    padding: 8px 15px 8px 30px;
    font-size: 1.5rem;
    line-height: 2;
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  .contact-direct__rounded-link--phone {
    pointer-events: auto;
  }
}
.contact-direct__rounded-link--phone::after {
  right: auto;
  left: 20px;
  margin-right: 0;
  margin-left: 0;
  width: 15px;
  height: 24px;
  background-image: url("./../images/contact/phone.svg");
}
@media (max-width: 1024px) {
  .contact-direct__rounded-link--phone::after {
    left: 15px;
    width: 12px;
    height: 19px;
  }
}
.contact-direct__rounded-link--phone:hover::after, .contact-direct__rounded-link--phone:focus::after {
  background-image: url("./../images/contact/phone-white.svg");
}

.contact-form form {
  margin: 70px auto 0;
  max-width: 640px;
}
@media (max-width: 767px) {
  .contact-form form {
    margin-top: 40px;
  }
}
.contact-form form .form-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 45px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .contact-form form .form-head {
    margin-top: 25px;
    margin-bottom: 10px;
  }
}
.contact-form form .form-tree {
  margin-right: 12px;
  width: 25px;
}
.contact-form form .form-title::before {
  content: "";
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  margin-right: 10px;
  width: 25px;
  /*画像の幅*/
  height: 26px;
  /*画像の高さ*/
  background-image: url("./../images/contact/form-tree.png");
  background-size: contain;
  vertical-align: middle;
}
.contact-form form .error {
  margin-left: 10px;
  color: #C74B45;
  font-size: 1.4rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .contact-form form .error {
    font-size: 1.2rem;
  }
}
.contact-form form .form-needed {
  padding: 0 15px;
  border-radius: 30px;
  background-color: #B0BF24;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .contact-form form .form-needed {
    font-size: 1.2rem;
  }
}
.contact-form form .form-title {
  margin-right: 14px;
  font-weight: bold;
  letter-spacing: 0.24em;
}
.contact-form form input,
.contact-form form textarea {
  padding: 8px 15px;
  width: 100%;
  border: none;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #F7F9E9;
}
.contact-form form .mwform-radio-field {
  margin-right: 4%;
}
.contact-form form .mwform-radio-field:last-of-type {
  margin-right: 0;
}
@media (max-width: 767px) {
  .contact-form form .mwform-radio-field {
    margin-right: 3.8%;
  }
}
.contact-form form .mwform-radio-field label {
  vertical-align: top;
  display: inline-block;
  padding: 25px 10px 20px;
  width: 30%;
  height: 100px;
  border: 2px solid #473933;
  border-radius: 10px;
  cursor: pointer;
}
.contact-form form .mwform-radio-field label:hover {
  background-color: #D8DF91;
}
.contact-form form .mwform-radio-field label.selected {
  background-color: #D8DF91;
}
@media (max-width: 767px) {
  .contact-form form .mwform-radio-field label {
    padding: 15px 10px 10px;
    height: 80px;
  }
}
.contact-form form p .mwform-radio-field:first-of-type span::before {
  content: "";
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: -15px;
  width: 31px;
  height: 26px;
  background-image: url("./../images/flag.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .contact-form form p .mwform-radio-field:first-of-type span::before {
    margin-bottom: -10px;
    width: 25px;
    height: 20px;
  }
}
.contact-form form p .mwform-radio-field:first-of-type span::after {
  content: "開業";
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media (max-width: 767px) {
  .contact-form form p .mwform-radio-field:first-of-type span::after {
    font-size: 1.3rem;
  }
}
.contact-form form p .mwform-radio-field:nth-of-type(2) span::before {
  content: "";
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: -15px;
  width: 24px;
  height: 24px;
  background-image: url("./../images/saifu.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .contact-form form p .mwform-radio-field:nth-of-type(2) span::before {
    margin-bottom: -10px;
    width: 20px;
    height: 20px;
  }
}
.contact-form form p .mwform-radio-field:nth-of-type(2) span::after {
  content: "税務顧問";
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media (max-width: 767px) {
  .contact-form form p .mwform-radio-field:nth-of-type(2) span::after {
    font-size: 1.3rem;
  }
}
.contact-form form p .mwform-radio-field:nth-of-type(3) span::before {
  content: "";
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: -15px;
  width: 24px;
  height: 24px;
  background-image: url("./../images/house.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .contact-form form p .mwform-radio-field:nth-of-type(3) span::before {
    margin-bottom: -10px;
    width: 20px;
    height: 20px;
  }
}
.contact-form form p .mwform-radio-field:nth-of-type(3) span::after {
  content: "相続";
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media (max-width: 767px) {
  .contact-form form p .mwform-radio-field:nth-of-type(3) span::after {
    font-size: 1.3rem;
  }
}
.contact-form form .mwform-radio-field label input {
  display: none;
}
.contact-form form .mwform-radio-field label span {
  font-size: 0;
}
.contact-form form .form-2column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .contact-form form .form-2column {
    display: block;
  }
}
.contact-form form .form-2column__item {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .contact-form form .form-2column__item {
    margin-top: 15px;
    margin-right: 0;
  }
}
.contact-form form .form-2column__item:last-of-type {
  margin-right: 0;
}
.contact-form form .form-2column__item label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  font-size: 1.4rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .contact-form form .form-2column__item label {
    font-size: 1.2rem;
  }
}
.contact-form form .form-2column__item p {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.contact-form form .form-2column__item br {
  display: none;
}
.contact-form form .confirm {
  position: relative;
  margin: 45px auto 0;
  width: 300px;
  border-radius: 30px;
  background-color: #473933;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 767px) {
  .contact-form form .confirm {
    margin-top: 30px;
    width: 260px;
    font-size: 1.5rem;
  }
}
.contact-form form .confirm::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 11px;
  height: 11px;
  background-image: url("./../images/contact/contact-arrow-white.svg");
  background-repeat: no-repeat;
}
.contact-form form .confirm:focus, .contact-form form .confirm:hover {
  opacity: 0.7;
  cursor: pointer;
}
.contact-form form .confirm input {
  position: relative;
  left: -20px;
  padding: 15px 40px;
  background-color: transparent;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .contact-form form .confirm input {
    padding: 6px 10px;
  }
}
.contact-form form .confirm.submit[value="送信する"] {
  background-color: #B0BF24;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

.moreButton #more-button {
  display: block !important;
  margin-top: 30px;
  width: 100%;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  color: #473933;
  font-size: 4rem;
  font-weight: bold;
  line-height: 0.4;
  text-align: center;
}
/*# sourceMappingURL=style.css.map */

.access_parking_pc{
	display: block;
	margin-top: 60px;
}
.access_parking_pc img{
	width: 980px;
	margin: 0 auto;
}
.access_parking_sp{
	display: none;
}
@media (max-width: 767px) {
.access_parking_pc{
	display: none;
}
.access_parking_sp{
	display: block;
	margin-top: 40px;
}
.access_parking_sp img{
	width: 85%;
	margin: 0 auto;
}
	
}

@media screen and (min-width: 767px) {
	.access__media2{
		justify-content: center
	}
	
}