@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp_s.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

body {
  min-height: 100vh;
  line-height: 1.5;
}

h1, h2, h3, h4, button, input, label {
  line-height: 1.1;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

textarea:not([rows]) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

/****************************************

          $breakpoint

@include maxs($breakpoint-sp) {}

*****************************************/
/*============================
color
============================*/
/*============================

============================*/
/*============================
body
============================*/
body {
  font-family: YakuHanJP, "Noto Sans JP", Roboto, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", "Source Sans Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
  font-kerning: auto;
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  text-size-adjust: 100%;
  overflow-wrap: break-word;
  color: #000000;
  position: relative;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 3.5185185185vw;
  }
}

/*============================
base
============================*/
* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}

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

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

small {
  font-size: 70%;
}

strong {
  font-weight: 700;
}

sup {
  position: relative;
  vertical-align: top;
  font-size: 70%;
  top: -0.1em;
}

sub {
  position: relative;
  vertical-align: bottom;
  font-size: 70%;
  bottom: -0.1em;
}

.center {
  text-align: center;
}

hr {
  border: none;
  border-bottom: 1px solid #bbbbbb;
}

ul li {
  margin-top: 6px;
  line-height: 1.6;
}

/*============================
extend：extend %base;
============================*/
/*============================
extend

%example {

}
div.example {
  @extend %example;
}

============================*/
/*============================
ボタン
============================*/
.btnwrap {
  display: flex;
  justify-content: center;
}

.btn {
  display: inline-block;
  text-align: center;
  padding: 12px 26px;
  background-color: #000000;
  color: #ffffff;
  position: relative;
  transition: all 0.2s;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  border-radius: 50px 0 50px 50px;
  overflow: hidden;
}
.btn::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: -112%;
  transition: all 0.3s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); /* easeInOutQuad */
  width: 110%;
  height: 101%;
  background-color: #A37E39;
  transform: skew(-20deg);
}
.btn.t_blank::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 18px;
  background: url(../img/icon_target_blank.svg) no-repeat;
  transform: translate(0, -50%);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .btn:hover {
    background-color: #252525;
  }
  .btn:hover::before {
    left: -2%;
  }
}
@media screen and (max-width: 768px) {
  .btn {
    width: 44.4444444444vw;
    padding: 2.7777777778vw;
    font-size: 3.5185185185vw;
  }
}
.btn span {
  position: relative;
  z-index: 2;
}
.btn span.s {
  display: block;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .btn span.s {
    font-size: 2.7777777778vw;
  }
}

.btn_s {
  display: inline-block;
  text-align: center;
  padding: 8px 26px;
  background-color: #000000;
  color: #ffffff;
  position: relative;
  transition: all 0.2s;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  border-radius: 50px 0 50px 50px;
  overflow: hidden;
}
.btn_s::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: -112%;
  transition: all 0.3s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); /* easeInOutQuad */
  width: 110%;
  height: 100%;
  background-color: #A37E39;
  transform: skew(-20deg);
}
@media screen and (min-width: 768px) {
  .btn_s:hover {
    background-color: #252525;
  }
  .btn_s:hover::before {
    left: 0;
  }
}
.btn_s span {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .btn_s {
    width: 37.037037037vw;
    padding: 1.8518518519vw;
    font-size: 3.3333333333vw;
  }
}

.btn_l {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px 26px;
  background-color: #000000;
  color: #ffffff;
  width: 250px;
  position: relative;
  transition: all 0.2s;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  border-radius: 50px 0 50px 50px;
  overflow: hidden;
}
.btn_l::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: -112%;
  transition: all 0.3s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); /* easeInOutQuad */
  width: 110%;
  height: 100%;
  background-color: #A37E39;
  transform: skew(-20deg);
}
@media screen and (min-width: 768px) {
  .btn_l:hover {
    background-color: #252525;
  }
  .btn_l:hover::before {
    left: -2%;
  }
}
.btn_l.btn_contact {
  width: 365px;
  height: 85px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .btn_l.btn_contact {
    width: 80vw;
    height: 14vw;
    margin: 6vw auto 0;
  }
}
.btn_l span {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .btn_l {
    width: 44.4444444444vw;
    padding: 2.7777777778vw;
    font-size: 3.5185185185vw;
  }
}

.main_tit {
  width: 100%;
  height: 15vw;
  background-size: cover;
  background-position: center center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .main_tit {
    height: 27.7777777778vw;
  }
}
.main_tit .main_tit_txt {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .main_tit .main_tit_txt {
    height: 4.6296296296vw;
  }
}

.inner {
  width: 1080px;
  margin: 0 auto;
  padding: 0 60px;
}
@media screen and (max-width: 768px) {
  .inner {
    width: 100%;
    padding: 0 5.5555555556vw;
  }
}

@media screen and (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.inview {
  transition: all 1s 0.4s;
  opacity: 0;
  transform: translate(0, 2vw);
}
.inview.active {
  opacity: 1;
  transform: translate(0, 0);
}
@media screen and (min-width: 768px) {
  .inview.inviewlefttit.active {
    opacity: 1;
    transform: translate(-145px, 0);
  }
}
.inview.inviewlefttit2.active {
  opacity: 1;
  transform: translate(0, 0);
}
.inview.inviewleft {
  transform: translate(-2vw, 0);
}
.inview.inviewleft.active {
  opacity: 1;
  transform: translate(0, 0);
}
.inview.inviewrighttit {
  transform: translate(350px, 0);
}
.inview.inviewrighttit.active {
  opacity: 1;
  transform: translate(250px, 0);
}
.inview.inviewright {
  transform: translate(2vw, 0);
}
.inview.inviewright.active {
  opacity: 1;
  transform: translate(0, 0);
}
.inview.inviewimg {
  transform: translate(0, 0);
  overflow: hidden;
}
.inview.inviewimg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 130%;
  height: 100%;
  background-color: #A37E39;
  transform: translate(-120%, 0) skew(-20deg);
  z-index: 1;
}
.inview.inviewimg img {
  opacity: 0;
}
.inview.inviewimg.active::after {
  animation: mask-bg2 1.2s 1s cubic-bezier(0.8, 0, 0.17, 1);
}
.inview.inviewimg.active img {
  animation: linetxt 1.2s 1s cubic-bezier(0.8, 0, 0.17, 1) forwards;
}
.inview.inviewcopy .line {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.inview.inviewcopy .line::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 100%;
  background-color: #A37E39;
  transform: translate(-106%, 0) skew(-20deg);
  z-index: 1;
}
.inview.inviewcopy .line .bk {
  position: relative;
  z-index: 2;
}
.inview.inviewcopy .line .brown {
  position: relative;
  z-index: 2;
  opacity: 0;
}
.inview.inviewcopy .line .pc {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .inview.inviewcopy .line .pc {
    display: none;
  }
}
.inview.inviewcopy .line .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .inview.inviewcopy .line .sp {
    display: inline-block;
  }
}
@keyframes mask-bg2 {
  0% {
    transform: translate(-101%, 0) skew(-20deg);
  }
  40%, 60% {
    transform: translate(-10%, 0%) skew(-20deg);
  }
  100% {
    transform: translate(100%, 0) skew(-20deg);
  }
}
@keyframes linetxt {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.inview.inviewcopy.active .line1::after {
  animation: mask-bg2 1.2s 0.6s cubic-bezier(0.8, 0, 0.17, 1);
}
.inview.inviewcopy.active .line1 .brown {
  animation: linetxt 1.2s 0.6s cubic-bezier(0.8, 0, 0.17, 1) forwards;
}
.inview.inviewcopy.active .line2::after {
  animation: mask-bg2 1.2s 0.8s cubic-bezier(0.8, 0, 0.17, 1);
}
.inview.inviewcopy.active .line2 .brown {
  animation: linetxt 1.2s 0.8s cubic-bezier(0.8, 0, 0.17, 1) forwards;
}
.inview.inviewcopy.active .line3::after {
  animation: mask-bg2 1.2s 1s cubic-bezier(0.8, 0, 0.17, 1);
}
.inview.inviewcopy.active .line3 .brown {
  animation: linetxt 1.2s 1s cubic-bezier(0.8, 0, 0.17, 1) forwards;
}
.inview.inviewcopy.active .line4::after {
  animation: mask-bg2 1.2s 1.2s cubic-bezier(0.8, 0, 0.17, 1);
}
.inview.inviewcopy.active .line4 .brown {
  animation: linetxt 1.2s 1.2s cubic-bezier(0.8, 0, 0.17, 1) forwards;
}

.bannerwrap {
  background-color: #fff;
}
.bannerwrap .banner_s {
  background-color: #EAE0C6;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .bannerwrap .banner_s {
    margin-top: 0;
  }
}
.bannerwrap .banner_s ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  width: 1080px;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .bannerwrap .banner_s ul {
    width: 100%;
    flex-direction: column;
    padding: 0 5vw;
  }
}
.bannerwrap .banner_s ul li {
  margin-top: 15px;
  margin-left: 15px;
}
.bannerwrap .banner_s ul li:nth-child(3n+1) {
  margin-left: 0;
}
.bannerwrap .banner_s ul li:nth-child(1), .bannerwrap .banner_s ul li:nth-child(2), .bannerwrap .banner_s ul li:nth-child(3) {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .bannerwrap .banner_s ul li {
    margin-left: 0;
    margin-top: 0;
  }
  .bannerwrap .banner_s ul li:not(:first-child) {
    margin-top: 5vw;
  }
}
.bannerwrap .banner_s ul li a {
  transition: opacity 0.2s;
}
.bannerwrap .banner_s ul li a:hover {
  opacity: 0.7;
}
.bannerwrap .banner_s ul li img {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .bannerwrap .banner_s ul li img {
    width: 100%;
  }
}
.bannerwrap .banner_contact {
  width: 717px;
  margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
  .bannerwrap .banner_contact {
    width: 100%;
    padding: 0 10vw;
  }
}
.bannerwrap .banner_contact a {
  transition: opacity 0.2s;
}
.bannerwrap .banner_contact a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .bannerwrap .banner_contact img {
    width: 100%;
  }
}
.bannerwrap .btn {
  width: 270px;
  margin: 40px auto 0;
  display: block;
}
@media screen and (max-width: 768px) {
  .bannerwrap .btn {
    width: 60%;
  }
}

.wp-pagenavi {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi {
    margin-top: 13.8888888889vw;
    padding: 0 12vw;
  }
}
.wp-pagenavi a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 37px;
  margin: 0 6px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  color: #000;
  box-sizing: border-box;
  transition: all 0.2s;
  border-radius: 40px;
}
@media screen and (min-width: 768px) {
  .wp-pagenavi a:hover {
    background-color: #EAE0C6;
  }
}
@media screen and (max-width: 768px) {
  .wp-pagenavi a {
    padding: 2vw;
    width: 8vw;
    height: 8vw;
    text-align: center;
    font-size: 3.8888888889vw;
  }
}
.wp-pagenavi .current {
  width: 37px;
  height: 37px;
  padding: 7px 13px;
  text-decoration: none;
  background-color: #EAE0C6;
  color: #000;
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 40px;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .current {
    width: 8vw;
    height: 8vw;
    padding: 2vw 3vw;
    margin: 0;
    font-size: 3.8888888889vw;
  }
}
.wp-pagenavi .previouspostslink {
  background-color: #000;
  width: 37px;
  height: 37px;
  margin: 0 6px 0 0;
  padding: 0;
  position: relative;
  border-radius: 0 40px 40px 40px;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .previouspostslink {
    width: 8vw;
    height: 8vw;
    position: absolute;
    top: 0;
    left: 4vw;
  }
}
.wp-pagenavi .previouspostslink::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 12px solid #fff;
  border-left: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .previouspostslink::before {
    transform: translate(-50%, -50%);
    border-top: 0.8vw solid transparent;
    border-bottom: 0.8vw solid transparent;
    border-right: 2.8vw solid #fff;
  }
}
.wp-pagenavi .previouspostslink:hover::before {
  border-right: 14px solid #000;
}
.wp-pagenavi .nextpostslink {
  background-color: #000;
  width: 37px;
  height: 37px;
  margin: 0 0 0 6px;
  padding: 0;
  position: relative;
  border-radius: 40px 0 40px 40px;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .nextpostslink {
    width: 8vw;
    height: 8vw;
    position: absolute;
    top: 0;
    right: 4vw;
  }
}
.wp-pagenavi .nextpostslink::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 12px solid #fff;
  border-right: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .wp-pagenavi .nextpostslink::after {
    border-top: 0.8vw solid transparent;
    border-bottom: 0.8vw solid transparent;
    border-left: 2.8vw solid #fff;
  }
}
.wp-pagenavi .nextpostslink:hover::after {
  border-left: 14px solid #000;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 10px 25px;
  width: 100%;
  background-color: #fff;
  transition: all 0.3s;
  /*------------------------------

  	  ここから下がハンバーガーメニュー
  	  に関するCSS

  	------------------------------*/
  /* チェックボックスは非表示に */
  /* ハンバーガーアイコンの設置スペース */
  /* ハンバーガーメニューのアイコン */
  /* 三本線のうち一番上の棒の位置調整 */
  /* 三本線のうち一番下の棒の位置調整 */
  /* アイコンがクリックされたら真ん中の線を透明にする */
  /* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
  /* メニューのデザイン*/
  /* アイコンがクリックされたらメニューを表示 */
}
@media screen and (max-width: 768px) {
  header {
    padding: 2.7777777778vw;
  }
}
header.active {
  background-color: #EAE0C6;
}
header h1 a {
  display: inline-block;
}
header .logo {
  transform: translate(0, -4px);
}
@media screen and (max-width: 768px) {
  header .logo {
    transform: translate(0, -1vw);
    width: 22.2222222222vw;
  }
}
header .menu_pc {
  display: flex;
  align-items: center;
  list-style: none;
  position: absolute;
  top: 15px;
  right: 220px;
}
@media screen and (max-width: 768px) {
  header .menu_pc {
    display: none;
  }
}
header .menu_pc > li {
  margin: 0 20px;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
}
header .menu_pc > li.menubox a, header .menu_pc > li.menubox.hover {
  transition: color 0.1s;
}
header .menu_pc > li.menubox a:hover, header .menu_pc > li.menubox.hover:hover {
  color: #A37E39;
}
header .menu_pc .hover {
  position: relative;
}
header .menu_pc .hover::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 16px solid #D1C592;
  border-top: 0;
  bottom: -32px;
  left: 22px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
header .menu_pc .hover::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 60px;
  background-color: rgba(255, 255, 255, 0);
  border-top: 0;
  bottom: -34px;
  left: 0;
}
header .menu_pc .hover.active::before {
  opacity: 1;
  visibility: visible;
}
header .menu_pc .hovermenu {
  position: fixed;
  left: 0;
  top: 79px;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
header .menu_pc .hovermenu.active {
  visibility: visible;
  opacity: 1;
}
header .menu_pc .hovermenu ul {
  background-color: #D1C592;
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 20px 0;
}
header .menu_pc .hovermenu ul li {
  margin: 0 10px;
}
header .menu_pc .hovermenu ul li a {
  display: block;
  width: 215px;
  height: 150px;
  background-size: cover;
  position: relative;
}
header .menu_pc .hovermenu ul li a:hover .btn_s::before {
  left: 0;
}
header .menu_pc .hovermenu ul li a .btn_s {
  position: absolute;
  right: 0;
  bottom: 10px;
}
header .menu_pc .hovermenu ul li:nth-child(1) a {
  background-image: url(../img/sec2_pic1.png);
}
header .menu_pc .hovermenu ul li:nth-child(2) a {
  background-image: url(../img/sec2_pic2.png);
}
header .menu_pc .hovermenu ul li:nth-child(3) a {
  background-image: url(../img/sec2_pic3.png);
}
header .btn_contact {
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 15px;
  padding: 9px 26px;
}
@media screen and (max-width: 768px) {
  header .btn_contact {
    display: none;
  }
}
header .drawer {
  height: 62px;
  width: 62px;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 100;
  display: none;
}
@media screen and (max-width: 768px) {
  header .drawer {
    display: block;
    width: 12vw;
    height: 12vw;
    top: 2vw;
    right: 2vw;
  }
}
header .drawer-hidden {
  display: none;
}
header .drawer-open {
  display: flex;
  height: 62px;
  width: 62px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100; /* 重なり順を一番上に */
  cursor: pointer;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  header .drawer-open {
    width: 100%;
    height: 100%;
  }
}
header .drawer-open span,
header .drawer-open span:before,
header .drawer-open span:after {
  content: "";
  display: block;
  height: 4px;
  width: 30px;
  background: #000000;
  transition: 0.5s;
  position: absolute;
}
@media screen and (max-width: 768px) {
  header .drawer-open span,
  header .drawer-open span:before,
  header .drawer-open span:after {
    width: 6vw;
    height: 0.8vw;
  }
}
header .drawer-open span:before {
  bottom: 8px;
}
@media screen and (max-width: 768px) {
  header .drawer-open span:before {
    bottom: 1.6vw;
  }
}
header .drawer-open span:after {
  top: 8px;
}
@media screen and (max-width: 768px) {
  header .drawer-open span:after {
    top: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  header #drawer-check:checked ~ body {
    overflow: hidden;
  }
}
header #drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}
header #drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
  background: #ffffff;
}
header #drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
  background: #ffffff;
}
header .drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #A37E39;
  transition: 0.5s;
  padding-top: 12.962962963vw;
  overflow-y: scroll;
}
header .drawer-content .menu_sp {
  list-style: none;
  padding: 0 5.5555555556vw;
}
header .drawer-content .menu_sp .menubox {
  border-top: 0.3703703704vw solid #BB9A5C;
}
header .drawer-content .menu_sp .menubox.sns {
  padding-top: 0;
}
header .drawer-content .menu_sp .menubox.sns a {
  width: 60vw;
  margin: 5.5555555556vw auto 0;
  line-height: 1.4;
}
header .drawer-content .menu_sp .menubox.privacy {
  border-top: none;
  text-align: center;
  margin-top: 1.8518518519vw;
}
header .drawer-content .menu_sp .menubox.privacy a {
  font-size: 3.1481481481vw;
  text-decoration: underline;
}
header .drawer-content .menu_sp .menubox > a, header .drawer-content .menu_sp .menubox > span {
  display: block;
  padding: 3.7037037037vw 0;
  font-size: 3.7037037037vw;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  header .drawer-content .menu_sp .menubox > a img, header .drawer-content .menu_sp .menubox > span img {
    height: 4vw;
    margin-bottom: 1.8518518519vw;
  }
}
header .drawer-content .menu_sp .menubox a {
  position: relative;
}
header .drawer-content .menu_sp .menubox a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5vw;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.9259259259vw solid transparent;
  border-bottom: 0.9259259259vw solid transparent;
  border-left: 2.4074074074vw solid #ffffff;
  border-right: 0;
}
header .drawer-content .menu_sp .menubox.sns a::after, header .drawer-content .menu_sp .menubox.privacy a::after {
  display: none;
}
@media screen and (max-width: 768px) {
  header .drawer-content .menu_sp .menubox.sns a {
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0);
  }
}
header .drawer-content .menu_sp .menubox .togglemenu {
  list-style: none;
  padding: 0 0 3.7037037037vw 3.7037037037vw;
}
header .drawer-content .menu_sp .menubox .togglemenu li {
  margin: 1.8518518519vw 0;
}
header .drawer-content .menu_sp .menubox .togglemenu li a {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
}
header .drawer-content .menu_sp .menubox .togglemenu li a img {
  width: 22.2222222222vw;
  margin-right: 3.7037037037vw;
}
header .drawer-content .menu_sp .menubox .togglemenu li a span {
  font-size: 3.7037037037vw;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
header .drawer-content .line::before, header .drawer-content .line::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.6vw;
  background-image: url(../img/line.png);
  background-image: image-set(url(../img/line.png) 1x, url(../img/line@2x.png) 2x);
  background-image: -webkit-image-set(url(../img/line.png) 1x, url(../img/line@2x.png) 2x);
}
@media screen and (max-width: 768px) {
  header .drawer-content .line::before, header .drawer-content .line::after {
    height: 3vw;
    background-size: 10vw;
  }
}
header .drawer-content .line::before {
  position: absolute;
  top: 0;
  border-bottom: 0.5vw solid #000000;
}
@media screen and (max-width: 768px) {
  header .drawer-content .line::before {
    border-bottom: 0.8vw solid #000000;
  }
}
header .drawer-content .line::after {
  position: absolute;
  bottom: 0;
  border-top: 0.5vw solid #000000;
}
@media screen and (max-width: 768px) {
  header .drawer-content .line::after {
    border-top: 0.8vw solid #000000;
  }
}
header #drawer-check:checked ~ .drawer-content {
  left: 0; /* メニューを画面に入れる */
}
header .drawer-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
header .drawer-list li {
  margin: 10px 0;
  padding-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  header .drawer-list li {
    margin: 2vw 0;
    padding-bottom: 3vw;
  }
  header .drawer-list li img {
    height: 6vw;
  }
}
header .drawer-list li a {
  font-size: 18px;
  color: #fff;
  position: relative;
  display: block;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  header .drawer-list li a {
    font-size: 4.4vw;
  }
}
header .drawer-list li a::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 16px;
  bottom: 10px;
  background-color: #fff;
  z-index: 1;
  left: 0;
  opacity: 0;
  transition: opacity 0.1s;
}
header .drawer-list li a img {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  header .drawer-list li a:hover::after {
    opacity: 1;
  }
}
header .drawer-list .hr {
  width: 423px;
  height: 1px;
  border-top: 3px solid #fff;
}
@media screen and (max-width: 768px) {
  header .drawer-list .hr {
    width: 75vw;
    border-top: 0.6vw solid #fff;
  }
}

footer {
  background-color: #BB9A5C;
  margin-top: 80px;
  line-height: 1;
  position: relative;
}
footer .btn_pagetop {
  background-color: #000;
  border-radius: 40px;
  width: 58px;
  height: 58px;
  position: absolute;
  top: -29px;
  right: 29px;
  transition: all 0.2s;
}
footer .btn_pagetop::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 21px solid #ffffff;
  border-top: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  footer .btn_pagetop::before {
    border-right: 1vw solid transparent;
    border-left: 1vw solid transparent;
    border-bottom: 4vw solid #ffffff;
  }
}
@media screen and (max-width: 768px) {
  footer .btn_pagetop {
    width: 10vw;
    height: 10vw;
    top: -5vw;
    right: 5vw;
  }
}
@media screen and (min-width: 768px) {
  footer .btn_pagetop:hover {
    background-color: #664e18;
  }
  footer .btn_pagetop:hover::before {
    transform: translate(-50%, -70%);
  }
}
footer .logowrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 140px;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  footer .logowrap {
    height: auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 4vw 0 0;
  }
}
footer .logowrap .logo_s {
  margin-top: -12px;
}
@media screen and (max-width: 768px) {
  footer .logowrap .logo_s {
    width: 70%;
    margin: 0 auto;
  }
}
footer .logowrap .btn {
  height: 68px;
  background-color: #BB9A5C;
  border: 1px solid #fff;
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  footer .logowrap .btn {
    width: 60vw;
    height: 14vw;
    padding: 2vw 0 0 0;
    margin: 5vw auto;
  }
}
footer .logowrap .btn::before {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  footer .logowrap .btn:hover {
    color: #000;
  }
}
footer .flexbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #EAE0C6;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  footer .flexbox {
    padding: 3vw;
  }
}
footer .flexbox .copyright {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 768px) {
  footer .flexbox .copyright {
    font-size: 2.962962963vw;
  }
}
footer .flexbox .link {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-decoration: underline;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  footer .flexbox .link:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  footer .flexbox .link {
    font-size: 2.962962963vw;
  }
}

.top {
  overflow: hidden;
  padding-top: 79px;
}
@media screen and (max-width: 768px) {
  .top {
    padding-top: 16vw;
  }
}
.top .kv {
  width: auto;
  height: calc(100vh - 79px);
  background-image: url(../img/kv_logo.svg);
  background-color: #fefcf8;
  background-size: 40% auto;
  background-position: center 40%;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (max-width: 768px) {
  .top .kv {
    height: calc(100vh - 16vw);
    overflow: hidden;
  }
}
.top .kv .kv_btn {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 36px;
  display: block;
  z-index: 10;
  opacity: 0;
  transition: opacity 2s 6s;
  width: 28%;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .top .kv .kv_btn {
    left: 50%;
    bottom: 8vw;
    right: inherit;
    transform: translate(-50%, 0);
    width: 90%;
  }
}
@media screen and (min-width: 768px) {
  .top .kv .kv_btn img:hover {
    transition: opacity 0.2s;
    opacity: 0.7;
  }
}
.top .kv .slide {
  position: absolute;
  width: 100%;
  height: calc(100vh - 79px);
  top: 0;
  left: 0;
  opacity: 0;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .top .kv .slide {
    height: calc(100vh - 16vw);
  }
}
.top .kv .slide.kv1 {
  transition: opacity 2s 1s;
  background-image: url(../img/kv1.jpg);
}
.top .kv .slide.kv1.vertical {
  background-image: url(../img/kv1s.jpg);
}
@media screen and (max-width: 768px) {
  .top .kv .slide.kv1.vertical {
    background-image: url(../img/kv1_sp.jpg);
  }
}
@media screen and (max-width: 1420px) {
  .top .kv .slide.kv1 {
    background-image: url(../img/kv1s.jpg);
  }
}
@media screen and (max-width: 768px) {
  .top .kv .slide.kv1 {
    background-image: url(../img/kv1_sp.jpg);
  }
}
.top .kv .slide.kv2 {
  transition: opacity 2s 2s;
  background-image: url(../img/kv2.jpg);
}
.top .kv .slide.kv2.vertical {
  background-image: url(../img/kv2s.jpg);
}
@media screen and (max-width: 768px) {
  .top .kv .slide.kv2.vertical {
    background-image: url(../img/kv2_sp.jpg);
  }
}
@media screen and (max-width: 1420px) {
  .top .kv .slide.kv2 {
    background-image: url(../img/kv2s.jpg);
  }
}
@media screen and (max-width: 768px) {
  .top .kv .slide.kv2 {
    background-image: url(../img/kv2_sp.jpg);
  }
}
.top .kv .slide.kv3 {
  transition: opacity 2s 3s;
  background-image: url(../img/kv3.jpg);
}
.top .kv .slide.kv3.vertical {
  background-image: url(../img/kv3s.jpg);
}
@media screen and (max-width: 768px) {
  .top .kv .slide.kv3.vertical {
    background-image: url(../img/kv3_sp.jpg);
  }
}
@media screen and (max-width: 1420px) {
  .top .kv .slide.kv3 {
    background-image: url(../img/kv3s.jpg);
  }
}
@media screen and (max-width: 768px) {
  .top .kv .slide.kv3 {
    background-image: url(../img/kv3_sp.jpg);
  }
}
.top .kv .slide.kv4 {
  transition: opacity 2s 4s;
  background-image: url(../img/kv4.jpg);
}
.top .kv .slide.kv4.vertical {
  background-image: url(../img/kv4s.jpg);
}
@media screen and (max-width: 768px) {
  .top .kv .slide.kv4.vertical {
    background-image: url(../img/kv4_sp.jpg);
  }
}
@media screen and (max-width: 1420px) {
  .top .kv .slide.kv4 {
    background-image: url(../img/kv4s.jpg);
  }
}
@media screen and (max-width: 768px) {
  .top .kv .slide.kv4 {
    background-image: url(../img/kv4_sp.jpg);
  }
}
.top .kv .slide.kv5 {
  transition: opacity 2s 5s;
  background-image: url(../img/kv5.jpg);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.top .kv .slide.kv5.vertical {
  background-image: url(../img/kv5s.jpg);
}
@media screen and (max-width: 768px) {
  .top .kv .slide.kv5.vertical {
    background-image: url(../img/kv5_sp.jpg);
  }
}
@media screen and (max-width: 1420px) {
  .top .kv .slide.kv5 {
    background-image: url(../img/kv5s.jpg);
  }
}
@media screen and (max-width: 768px) {
  .top .kv .slide.kv5 {
    background-image: url(../img/kv5_sp.jpg);
  }
}
.top .kv .kv_copy1 {
  width: 66vh;
  position: absolute;
  top: 40vw;
  left: 50%;
  transform: translate(-50%, 0);
  transition: opacity 2s 5s;
  opacity: 0;
}
.top .kv .kv_copy2 {
  width: 40vw;
  position: absolute;
  top: 23vw;
  left: 66vw;
  transform: translate(0, -50%);
  transition: opacity 2s 5s;
  opacity: 0;
}
.top .kv.active .kv1 {
  opacity: 1;
}
.top .kv.active .kv2 {
  opacity: 1;
}
.top .kv.active .kv3 {
  opacity: 1;
}
.top .kv.active .kv4 {
  opacity: 1;
}
.top .kv.active .kv5 {
  opacity: 1;
}
.top .kv.active .kv_btn {
  opacity: 1;
}
.top .kv.active .kv_copy1 {
  opacity: 1;
}
.top .kv.active .kv_copy2 {
  opacity: 1;
}
.top .sec .inner {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .top .sec .inner {
    width: 100%;
    padding: 0 3.7037037037vw;
  }
}
.top .triangle_br {
  position: absolute;
  z-index: 1;
  width: 46px;
  height: 56px;
  background-image: url(../img/triangle_br.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top .triangle_br {
    width: 9.2vw;
    height: 11.2vw;
  }
}
.top .triangle_wt {
  position: absolute;
  z-index: 1;
  width: 46px;
  height: 56px;
  background-image: url(../img/triangle_wt.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top .triangle_wt {
    width: 9.2vw;
    height: 11.2vw;
  }
}
.top .tit {
  background-image: url(../img/symbol.svg);
  background-repeat: no-repeat;
  width: 850px;
  height: 358px;
  padding: 165px 0 0 150px;
  line-height: 1;
  transform: translate(-245px, 0);
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
.top .tit.r {
  text-align: right;
  background-position: right top;
  padding: 165px 150px 0 0;
}
@media screen and (min-width: 768px) {
  .top .tit.r {
    transform: translate(350px, 0);
  }
  .top .tit.r.active {
    transform: translate(250px, 0);
  }
}
@media screen and (max-width: 768px) {
  .top .tit.r {
    transform: translate(0, 0);
    padding: 15.2777777778vw 13.8888888889vw 0 0;
    width: 100%;
  }
}
.top .tit.r img {
  display: block;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  .top .tit {
    width: 100%;
    height: 33.1481481481vw;
    padding: 15.2777777778vw 0 0 0vw;
    background-size: contain;
    margin-top: 2.7777777778vw;
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 768px) {
  .top .tit img {
    height: 6.8518518519vw;
  }
}
.top .tit span {
  font-size: 40px;
  font-weight: 700;
  display: block;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .top .tit span {
    font-size: 3.7037037037vw;
    margin-top: 1.8518518519vw;
  }
}
.top .copy {
  font-size: 70px;
  font-weight: 900;
  line-height: 1.2;
  margin-top: 40px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .top .copy {
    font-size: 8.3333333333vw;
    margin-top: 5.5555555556vw;
  }
}
.top p {
  position: relative;
  z-index: 2;
}
.top .btn, .top .btn_l {
  position: relative;
  z-index: 2;
}
.top .top_bg_2 {
  background-image: url(../img/top_bg_2.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.top .top_bg_3 {
  background-image: url(../img/top_bg_3.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 1400px;
}
@media screen and (max-width: 768px) {
  .top .top_bg_3 {
    background: none;
    background-position: 0 400vw;
  }
}
.top .sec1 {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .top .sec1 {
    margin-top: 9.2592592593vw;
  }
}
.top .sec1 .inner {
  position: relative;
}
.top .sec1 .inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 340px;
  left: -240px;
  width: 515px;
  height: 620px;
  z-index: 1;
  background-image: url(../img/top_bg_1.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .top .sec1 .inner::before {
    display: none;
  }
}
.top .sec1 .inner .triangle1 {
  top: -100px;
  left: 700px;
}
@media screen and (max-width: 768px) {
  .top .sec1 .inner .triangle1 {
    top: 18.5185185185vw;
    left: 55.5555555556vw;
  }
}
.top .sec1 .inner .triangle2 {
  bottom: 350px;
  right: 150px;
}
@media screen and (max-width: 768px) {
  .top .sec1 .inner .triangle2 {
    bottom: 0vw;
    left: 9.2592592593vw;
  }
}
.top .sec1 .inner .triangle3 {
  bottom: 200px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .top .sec1 .inner .triangle3 {
    bottom: 13.8888888889vw;
    left: 83.3333333333vw;
  }
}
.top .sec1 .inner p {
  width: 700px;
  margin-top: 40px;
  font-size: 18px;
  font-weight: 700;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .top .sec1 .inner p {
    width: 100%;
    margin-top: 3.7037037037vw;
    font-size: 3.5185185185vw;
  }
}
.top .sec1 .inner .btn_l {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .top .sec1 .inner .btn_l {
    margin-top: 3.7037037037vw;
  }
}
.top .sec2 {
  margin-top: 200px;
}
@media screen and (max-width: 768px) {
  .top .sec2 {
    margin-top: 18.5185185185vw;
  }
}
.top .sec2 .inner {
  padding: 0 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .top .sec2 .inner {
    padding: 0 5vw;
  }
}
.top .sec2 .inner .triangle1 {
  top: -100px;
  left: 350px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .inner .triangle1 {
    top: 87.962962963vw;
    left: 9.2592592593vw;
  }
}
.top .sec2 .inner .triangle2 {
  top: 0px;
  right: -100px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .inner .triangle2 {
    top: 87.962962963vw;
    right: 9.2592592593vw;
  }
}
.top .sec2 .inner .triangle3 {
  top: 450px;
  left: 150px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .inner .triangle3 {
    top: 13.8888888889vw;
    left: 9.2592592593vw;
  }
}
.top .sec2 .inner .triangle4 {
  bottom: 900px;
  right: 150px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .inner .triangle4 {
    bottom: 143.5185185185vw;
    right: 74.0740740741vw;
  }
}
.top .sec2 .inner .triangle5 {
  bottom: 500px;
  right: 450px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .inner .triangle5 {
    bottom: 194.4444444444vw;
    right: 0vw;
  }
}
.top .sec2 .itemwrap {
  position: relative;
  z-index: 2;
}
.top .sec2 .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .item {
    margin-top: 31.4814814815vw;
    flex-direction: column;
  }
  .top .sec2 .item:nth-child(1) {
    margin-top: 9.2592592593vw;
  }
}
.top .sec2 .item::before, .top .sec2 .item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 2;
  width: 900px;
  height: 260px;
  background-color: #fff;
  border: 2px solid #EAE0C6;
  transform: skewX(-8deg);
}
@media screen and (max-width: 768px) {
  .top .sec2 .item::before, .top .sec2 .item::after {
    width: 100%;
    height: 51.8518518519vw;
    right: -5.5555555556vw;
    bottom: -13.8888888889vw;
  }
}
.top .sec2 .item::after {
  background-color: #EAE0C6;
  z-index: 1;
  bottom: -30px;
  right: -20px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .item::after {
    bottom: -19.4444444444vw;
    right: 1.8518518519vw;
  }
}
@media screen and (min-width: 768px) {
  .top .sec2 .item.r {
    flex-direction: row-reverse;
  }
  .top .sec2 .item.r::before {
    bottom: 0;
    left: 0;
  }
  .top .sec2 .item.r::after {
    bottom: -30px;
    left: 20px;
  }
  .top .sec2 .item.r .txt {
    margin-right: 0;
    margin-left: 40px;
  }
}
.top .sec2 .item:nth-child(1)::before {
  height: 320px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .item:nth-child(1)::before {
    height: 79.6296296296vw;
    bottom: -13.8888888889vw;
  }
}
.top .sec2 .item:nth-child(1)::after {
  height: 320px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .item:nth-child(1)::after {
    height: 79.6296296296vw;
    bottom: -19.4444444444vw;
  }
}
.top .sec2 .item:nth-child(1) .txt {
  padding-top: 68px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .item:nth-child(1) .txt {
    padding-top: 5.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .top .sec2 .item:nth-child(2)::before {
    height: 61.1111111111vw;
    bottom: -13.8888888889vw;
  }
  .top .sec2 .item:nth-child(2)::after {
    height: 61.1111111111vw;
    bottom: -19.4444444444vw;
  }
}
@media screen and (max-width: 768px) {
  .top .sec2 .item:nth-child(3)::before {
    height: 61.1111111111vw;
    bottom: -13.8888888889vw;
  }
  .top .sec2 .item:nth-child(3)::after {
    height: 61.1111111111vw;
    bottom: -19.4444444444vw;
  }
}
.top .sec2 .item:nth-child(3) .txt {
  padding-top: 130px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .item:nth-child(3) .txt {
    padding-top: 5.5555555556vw;
  }
}
.top .sec2 .item .pic {
  width: 500px;
  position: relative;
  z-index: 3;
  clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
}
@media screen and (max-width: 768px) {
  .top .sec2 .item .pic {
    width: 100%;
    margin-left: -10vw;
  }
}
.top .sec2 .item .txt {
  width: 430px;
  margin-right: 40px;
  position: relative;
  z-index: 3;
  padding-top: 140px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .item .txt {
    width: 76vw;
    margin-right: 0vw;
    margin-left: 13.8888888889vw;
    padding-top: 5.5555555556vw;
  }
}
.top .sec2 .item .txt h3 {
  font-size: 32px;
  font-weight: 700;
  color: #A37E39;
}
@media screen and (max-width: 768px) {
  .top .sec2 .item .txt h3 {
    font-size: 4.6296296296vw;
  }
}
.top .sec2 .item .txt p {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .item .txt p {
    margin-top: 1.8518518519vw;
    font-size: 3.5185185185vw;
    line-height: 1.6;
  }
}
.top .sec2 .item .txt .btn_l {
  position: absolute;
  right: -80px;
  bottom: -20px;
}
@media screen and (max-width: 768px) {
  .top .sec2 .item .txt .btn_l {
    right: 0;
    bottom: -16.6666666667vw;
  }
}
.top .sec3 {
  margin-top: 300px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .top .sec3 {
    margin-top: 37.037037037vw;
  }
}
.top .sec3::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -5%;
  z-index: 1;
  background-color: #EAE0C6;
  transform: skew(-8deg);
  width: 30%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .top .sec3::before {
    display: none;
  }
}
.top .sec3 .triangle1 {
  top: -800px;
  left: 100px;
}
@media screen and (max-width: 768px) {
  .top .sec3 .triangle1 {
    top: -64.8148148148vw;
    left: 83.3333333333vw;
  }
}
.top .sec3 .triangle2 {
  top: -750px;
  right: -50px;
}
@media screen and (max-width: 768px) {
  .top .sec3 .triangle2 {
    top: 13.8888888889vw;
    right: 9.2592592593vw;
  }
}
.top .sec3 .triangle3 {
  top: -150px;
  left: 150px;
}
@media screen and (max-width: 768px) {
  .top .sec3 .triangle3 {
    top: 13.8888888889vw;
    left: 9.2592592593vw;
  }
}
.top .sec3 .triangle4 {
  bottom: 650px;
  right: 400px;
}
@media screen and (max-width: 768px) {
  .top .sec3 .triangle4 {
    bottom: 13.8888888889vw;
    right: 9.2592592593vw;
  }
}
.top .sec3 .inner {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 3;
  padding: 60px;
}
@media screen and (max-width: 768px) {
  .top .sec3 .inner {
    flex-direction: column;
    padding: 0 5vw;
  }
}
.top .sec3 .inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 140px;
  z-index: 2;
  background-color: #fff;
  transform: skew(-8deg);
  width: 960px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .top .sec3 .inner::after {
    transform: skew(0);
    width: 100%;
    left: 0;
    display: none;
  }
}
.top .sec3 .inner ul {
  padding: 0;
}
.top .sec3 .inner .left, .top .sec3 .inner .right {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .top .sec3 .inner .left {
    display: flex;
    justify-content: space-between;
  }
}
.top .sec3 .inner .right {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .top .sec3 .inner .right {
    margin-left: 0;
    margin-top: 7.4074074074vw;
  }
}
.top .sec3 .inner .right a {
  transition: color 0.1s;
}
.top .sec3 .inner .right a:hover {
  color: #A37E39;
}
.top .sec3 .tit_news {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .top .sec3 .tit_news img {
    width: 27.7777777778vw;
  }
}
.top .sec3 .tit_news span {
  font-size: 40px;
  font-weight: 700;
  display: block;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .top .sec3 .tit_news span {
    font-size: 3.7037037037vw;
    margin-top: 1.8518518519vw;
  }
}
.top .sec3 .btn_l {
  margin-top: 40px;
}
.top .sec3 .right {
  width: 100%;
}
.top .sec3 .right dl {
  font-size: 18px;
  padding: 14px;
  border-top: 1px solid #dddddd;
  display: flex;
}
@media screen and (max-width: 768px) {
  .top .sec3 .right dl {
    font-size: 3.5185185185vw;
    flex-direction: column;
  }
}
.top .sec3 .right dl:last-child {
  border-bottom: 1px solid #dddddd;
}
.top .sec3 .right dl .date {
  display: inline-block;
  margin-right: 20px;
  font-size: 15px;
  font-weight: 700;
  color: #A37E39;
  line-height: 2;
  width: 180px;
}
@media screen and (max-width: 768px) {
  .top .sec3 .right dl .date {
    margin-right: 3.7037037037vw;
    font-size: 3.1481481481vw;
    line-height: 1.4;
  }
}
.top .sec3 .right dl .newstit {
  line-height: 1.6;
  width: 100%;
}
.top .sec4 {
  margin-top: 200px;
}
@media screen and (max-width: 768px) {
  .top .sec4 {
    background-color: #EAE0C6;
    margin-top: 27.7777777778vw;
    padding-top: 9.2592592593vw;
    padding-bottom: 20vw;
  }
}
.top .sec4 .triangle1 {
  top: -640px;
  left: 400px;
}
@media screen and (max-width: 768px) {
  .top .sec4 .triangle1 {
    top: -222.2222222222vw;
    left: 18.5185185185vw;
  }
}
.top .sec4 .triangle2 {
  bottom: 900px;
  right: -50px;
}
@media screen and (max-width: 768px) {
  .top .sec4 .triangle2 {
    bottom: inherit;
    top: -111.1111111111vw;
    right: 4.6296296296vw;
  }
}
.top .sec4 .triangle3 {
  bottom: 1150px;
  left: -150px;
}
@media screen and (max-width: 768px) {
  .top .sec4 .triangle3 {
    bottom: inherit;
    top: 185.1851851852vw;
    left: 13.8888888889vw;
  }
}
.top .sec4 .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .top .sec4 .inner {
    padding: 0 5vw;
  }
}
.top .sec4 .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 5;
}
.top .sec4 .flexbox .item {
  width: 345px;
  position: relative;
  background-color: #fff;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .top .sec4 .flexbox .item {
    width: 100%;
    margin-top: 15vw;
  }
}
.top .sec4 .flexbox .item a:hover .pic img {
  transform: scale(1.05);
}
.top .sec4 .flexbox .item a:hover .item_tit, .top .sec4 .flexbox .item a:hover .txt {
  color: #A37E39;
}
.top .sec4 .flexbox .item a:hover .btn_s::before {
  left: 0;
}
.top .sec4 .flexbox .item .pic {
  overflow: hidden;
}
.top .sec4 .flexbox .item .pic img {
  transition: all 0.3s;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.top .sec4 .flexbox .item .txtbox {
  padding: 12px 20px 30px;
}
@media screen and (max-width: 768px) {
  .top .sec4 .flexbox .item .txtbox {
    padding: 4vw 4vw 8vw;
  }
}
.top .sec4 .flexbox .item .tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  display: inline-block;
  background-color: #fff;
  color: #BB9A5C;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 12px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .top .sec4 .flexbox .item .tag {
    font-size: 3.1481481481vw;
    padding: 1.8518518519vw 2.7777777778vw;
  }
}
.top .sec4 .flexbox .item .date {
  color: #BB9A5C;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-indent: -4.6em;
  padding-left: 4.6em;
}
@media screen and (max-width: 768px) {
  .top .sec4 .flexbox .item .date {
    font-size: 3.5185185185vw;
  }
}
.top .sec4 .flexbox .item .date span {
  color: #fff;
  background-color: #BB9A5C;
  font-size: 12px;
  font-weight: 700;
  padding: 2px 5px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .top .sec4 .flexbox .item .date span {
    font-size: 2.7777777778vw;
    padding: 0.5555555556vw 1.1111111111vw;
    margin-right: 2.7777777778vw;
  }
}
.top .sec4 .flexbox .item .item_tit {
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px;
  display: inline-block;
  line-height: 1.4;
  transition: all 0.1s;
}
@media screen and (max-width: 768px) {
  .top .sec4 .flexbox .item .item_tit {
    font-size: 3.8888888889vw;
    margin-top: 2.2222222222vw;
  }
}
.top .sec4 .flexbox .item .txt {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 4px;
  transition: all 0.1s;
}
@media screen and (max-width: 768px) {
  .top .sec4 .flexbox .item .txt {
    font-size: 3.5185185185vw;
    margin-top: 1.1111111111vw;
  }
}
.top .sec4 .flexbox .item .btn_s {
  position: absolute;
  right: -10px;
  bottom: -16px;
}
@media screen and (max-width: 768px) {
  .top .sec4 .flexbox .item .btn_s {
    right: 0;
    bottom: -4vw;
  }
}
.top .sec4 .btnwrap {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .top .sec4 .btnwrap {
    margin-top: 18.5185185185vw;
  }
}
.top .sec5 {
  margin-top: 200px;
}
@media screen and (max-width: 768px) {
  .top .sec5 {
    margin-top: 18.5185185185vw;
    background-color: #fff;
  }
}
.top .sec5 .triangle1 {
  top: -1000px;
  right: 200px;
}
@media screen and (max-width: 768px) {
  .top .sec5 .triangle1 {
    top: 18.5185185185vw;
    right: 18.5185185185vw;
  }
}
.top .sec5 .triangle2 {
  bottom: 1000px;
  left: -50px;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .top .sec5 .triangle2 {
    bottom: 46.2962962963vw;
    left: 4.6296296296vw;
  }
}
@media screen and (max-width: 768px) {
  .top .sec5 .triangle3 {
    top: -416.6666666667vw;
    right: 23.1481481481vw;
  }
}
@media screen and (max-width: 768px) {
  .top .sec5 .triangle4 {
    top: -277.7777777778vw;
    right: 4.6296296296vw;
  }
}
.top .sec5 .triangle5 {
  bottom: 700px;
  right: 50px;
  z-index: 4;
}
.top .sec5 .item {
  width: 100%;
  margin: 80px auto 0;
  position: relative;
  z-index: 3;
  padding: 40px 60px;
  background-color: #EAE0C6;
}
@media screen and (max-width: 768px) {
  .top .sec5 .item {
    margin: 6vw auto 0;
    padding: 5vw;
    background-color: rgba(255, 255, 255, 0);
  }
}
.top .sec5 .item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  background-color: #fff;
  transform: skew(-8deg) translate(-50%, 0);
  width: 800px;
  height: 101%;
}
@media screen and (max-width: 768px) {
  .top .sec5 .item::after {
    width: 100%;
    transform: skew(0) translate(-50%, 0);
    display: none;
  }
}
.top .sec5 .item h3 {
  width: 600px;
  margin: 0 auto;
  color: #A37E39;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .top .sec5 .item h3 {
    width: 100%;
    font-size: 3.8888888889vw;
  }
}
.top .sec5 .item dl {
  margin-top: 20px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .top .sec5 .item dl {
    margin-top: 6vw;
  }
}
.top .sec5 .item dl > dd:last-child > dl {
  border-bottom: 1px solid #dddddd;
}
.top .sec5 .item dl > dd > dl {
  border-top: 1px solid #dddddd;
  border-bottom: none;
  display: flex;
  width: 600px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .top .sec5 .item dl > dd > dl {
    width: 100%;
  }
}
.top .sec5 .item dl > dd > dl dt {
  width: 120px;
  height: 46px;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 0 0 20px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .top .sec5 .item dl > dd > dl dt {
    width: 26%;
    height: auto;
    padding: 3vw 0;
    font-size: 3.5185185185vw;
  }
}
.top .sec5 .item dl > dd > dl dd {
  width: 418px;
  height: 46px;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 0 0 20px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .top .sec5 .item dl > dd > dl dd {
    width: 74%;
    height: auto;
    padding: 3vw 0;
    font-size: 3.5185185185vw;
  }
}
.top .sec5 .item ul {
  list-style: none;
  width: 600px;
  margin: 20px auto 0;
  padding: 10px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .top .sec5 .item ul {
    width: 100%;
  }
}
.top .sec5 .item ul li {
  position: relative;
  padding: 6px 20px;
  z-index: 3;
  padding-left: 34px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .top .sec5 .item ul li {
    width: 100%;
    padding: 1vw 2vw;
    padding-left: calc(1em + 2vw);
  }
}
.top .sec5 .item ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 20px;
  width: 8px;
  height: 8px;
  border-radius: 16px;
  background-color: #000000;
}
@media screen and (max-width: 768px) {
  .top .sec5 .item ul li::before {
    top: 3.2vw;
    left: 2vw;
    width: 1.6666666667vw;
    height: 1.6666666667vw;
  }
}
.top .map {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .top .map {
    margin-top: 9.2592592593vw;
    padding-bottom: 9.2592592593vw;
  }
}
.top .map .inner {
  padding: 0;
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .top .map .inner {
    width: 100%;
    padding: 0 5vw;
  }
}
.top .map .inner iframe {
  width: 960px;
  height: 360px;
}
@media screen and (max-width: 768px) {
  .top .map .inner iframe {
    width: 100%;
    height: 84vw;
  }
}
.top .sdgs {
  background-color: #F8F4EB;
  padding: 60px 0;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .top .sdgs {
    padding: 9.2592592593vw 0;
    margin-top: 9.2592592593vw;
  }
}
.top .sdgs .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top .sdgs .inner h3 {
  text-align: center;
}
.top .sdgs .inner h3 > span {
  display: inline-block;
  position: relative;
}
.top .sdgs .inner h3 > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  transform: skew(-10deg);
}
.top .sdgs .inner h3 > span span {
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: 10px 30px;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .top .sdgs .inner h3 > span span {
    padding: 1.8518518519vw 5.5555555556vw;
    font-size: 4.6296296296vw;
  }
}
.top .sdgs .inner p {
  width: 590px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .top .sdgs .inner p {
    width: 100%;
    margin-top: 4.6296296296vw;
  }
}
.top .sdgs .inner .pic {
  line-height: 1;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .top .sdgs .inner .pic {
    margin-top: 4.6296296296vw;
  }
}
.top .sdgs .inner .pic img {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .top .sdgs .inner .pic img {
    display: block;
  }
}
.top .sdgs .inner ul {
  width: 754px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .top .sdgs .inner ul {
    width: 100%;
    flex-direction: column;
  }
}
.top .sdgs .inner ul li {
  width: 178px;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .top .sdgs .inner ul li {
    width: 100%;
    font-size: 3.1481481481vw;
    margin-top: 2.7777777778vw;
  }
}
.top .sdgs .inner ul li .num {
  display: block;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .top .sdgs .inner ul li .num {
    margin-bottom: 0.5555555556vw;
  }
}
.top .sdgs .inner ul li .num span {
  width: 28px;
  height: 28px;
  display: inline-block;
  text-align: center;
  line-height: 1;
  padding-top: 7px;
  color: #ffffff;
  font-weight: 700;
  margin-right: 6px;
}
@media screen and (max-width: 768px) {
  .top .sdgs .inner ul li .num span {
    padding-top: 1.8518518519vw;
    margin-right: 1.8518518519vw;
    width: 7vw;
    height: 7vw;
  }
}
.top .sdgs .inner ul li .num span.c3 {
  background-color: #25862A;
}
.top .sdgs .inner ul li .num span.c4 {
  background-color: #B7011E;
}
.top .sdgs .inner ul li .num span.c5 {
  background-color: #E01F10;
}
.top .sdgs .inner ul li .num span.c10 {
  background-color: #CC0068;
}
.top .sdgs .inner ul li .num span.c16 {
  background-color: #003D76;
}
.top .sdgs .inner ul li .num span.c17 {
  background-color: #002555;
}

.message .message_bg {
  background-image: url(../img/message/message_bg.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 100px;
}
@media screen and (max-width: 768px) {
  .message .message_bg {
    background-size: contain;
    background-position: 0 30vw;
  }
}
.message .sec .inner {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .message .sec .inner {
    width: 100%;
    padding: 0 3.7037037037vw;
  }
}
.message .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  width: 400px;
  height: 200px;
  padding: 85px 0 0 90px;
  line-height: 1;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .message .tit {
    width: 100%;
    height: 33.1481481481vw;
    padding: 15.2777777778vw 0 0 0vw;
    background-size: contain;
    margin-top: 2.7777777778vw;
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 768px) {
  .message .tit img {
    height: 6.8518518519vw;
  }
}
.message .tit span {
  font-size: 21px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .message .tit span {
    font-size: 3.7037037037vw;
    margin-top: 1.8518518519vw;
  }
}
.message .copy {
  font-size: 60px;
  font-weight: 900;
  line-height: 1.2;
  margin-top: 40px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .message .copy {
    font-size: 6.4814814815vw;
    margin-top: 5.5555555556vw;
  }
}
.message .copy .s {
  color: #A37E39;
  font-size: 20px;
  margin-bottom: 20px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .message .copy .s {
    font-size: 3.5185185185vw;
  }
}
.message .copy .brown {
  color: #A37E39;
}
.message p {
  position: relative;
  z-index: 2;
}
.message .btn, .message .btn_l {
  position: relative;
  z-index: 2;
}
.message .sec1 {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .message .sec1 {
    margin-top: 9.2592592593vw;
  }
}
.message .sec1 .inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner {
    width: 100%;
    overflow: hidden;
  }
}
.message .sec1 .inner p {
  width: 100%;
  margin-top: 40px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner p {
    width: 100%;
    margin-top: 3.7037037037vw;
    font-size: 3.5185185185vw;
    text-align: justify;
  }
}
.message .sec1 .inner .btn_l {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .btn_l {
    margin-top: 3.7037037037vw;
  }
}
.message .sec1 .inner .profile {
  display: flex;
  justify-content: space-between;
  align-items: end;
  position: relative;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .profile {
    flex-direction: column;
    align-items: start;
    margin-top: 4vw;
  }
}
.message .sec1 .inner .profile::before, .message .sec1 .inner .profile::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: -50px;
  z-index: 2;
  width: 1080px;
  height: 260px;
  background-color: #fff;
  border: 2px solid #EAE0C6;
  transform: skewX(-8deg);
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .profile::before, .message .sec1 .inner .profile::after {
    width: 115%;
    height: 157vw;
    left: -16vw;
    bottom: 9.8vw;
  }
}
.message .sec1 .inner .profile::after {
  background-color: #EAE0C6;
  z-index: 1;
  bottom: -30px;
  left: -20px;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .profile::after {
    left: -12vw;
    bottom: 2vw;
  }
}
.message .sec1 .inner .profile .txt {
  width: 640px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .profile .txt {
    width: 100%;
    margin-top: 10vw;
    padding-bottom: 0;
  }
}
.message .sec1 .inner .profile .txt h3 {
  font-size: 16px;
  font-weight: 700;
  color: #A37E39;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .profile .txt h3 {
    display: inline-block;
  }
}
.message .sec1 .inner .profile .txt ul {
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .profile .txt ul {
    margin-left: 1vw;
  }
}
.message .sec1 .inner .profile .txt ul li {
  font-size: 14px;
  line-height: 1.6;
}
.message .sec1 .inner .profile .pic {
  position: relative;
  z-index: 3;
  width: 300px;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .profile .pic {
    width: 100%;
    transform: translate(0, -10vw);
  }
}
.message .sec1 .inner .profile .pic img {
  width: 288px;
  height: 432px;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .profile .pic img {
    width: 50%;
    height: auto;
  }
}
.message .sec1 .inner .profile .pic .caption {
  display: block;
  position: absolute;
  right: -70px;
  bottom: 196px;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .profile .pic .caption {
    font-size: 3.1481481481vw;
    right: 13vw;
    bottom: 4vw;
    text-align: left;
  }
}
.message .sec1 .inner .profile .pic .caption .l {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .message .sec1 .inner .profile .pic .caption .l {
    font-size: 4.0740740741vw;
  }
}
.message .sec2 {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .message .sec2 {
    margin-top: 10vw;
  }
}
.message .sec2 .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .message .sec2 .inner {
    padding: 0 5vw;
  }
}
.message .sec2 .item {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .message .sec2 .item {
    flex-direction: column;
    margin-top: 10vw;
  }
}
.message .sec2 .item .pic {
  width: 499px;
}
@media screen and (max-width: 768px) {
  .message .sec2 .item .pic {
    width: 100%;
    z-index: 2;
  }
}
.message .sec2 .item .txt {
  width: 530px;
}
@media screen and (max-width: 768px) {
  .message .sec2 .item .txt {
    width: 100%;
  }
}
.message .sec2 .item .txt h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
  position: relative;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .message .sec2 .item .txt h3 {
    font-size: 4.6296296296vw;
    line-height: 1.6;
    text-wrap: inherit;
  }
}
.message .sec2 .item .txt h3::after {
  content: "";
  display: block;
  background: url(../img/triangle_br.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 111px;
  height: 134px;
  position: absolute;
  bottom: -10px;
  left: -30px;
  z-index: 1;
}
.message .sec2 .item .txt h3 span {
  display: block;
  position: relative;
  z-index: 2;
}
.message .sec2 .item .txt p {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .message .sec2 .item .txt p {
    font-size: 3.5185185185vw;
  }
}
.message .sec2 .item .txt p.en {
  font-size: 12px;
  font-weight: 700;
  color: #A37E39;
}
@media screen and (max-width: 768px) {
  .message .sec2 .item .txt p.en {
    font-size: 2.962962963vw;
  }
}
.message .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .message .bannerwrap {
    margin-top: 10vw;
  }
}

.promotion .message_bg {
  background-image: url(../img/business/bg_business.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .promotion .message_bg {
    background-size: contain;
  }
}
.promotion .sec .inner {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .promotion .sec .inner {
    width: 100%;
    padding: 0 3.7037037037vw;
  }
}
.promotion .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 200px;
  margin: 0 auto;
  padding: 85px 0 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .promotion .tit {
    width: 100%;
    height: 33.1481481481vw;
    padding: 15.2777777778vw 0 0 0vw;
    background-size: contain;
    margin-top: 2.7777777778vw;
    transform: translate(0, 0);
  }
}
.promotion .tit img {
  display: inline-block;
  width: 144px;
}
@media screen and (max-width: 768px) {
  .promotion .tit img {
    height: 6.8518518519vw;
  }
}
.promotion .tit span {
  font-size: 40px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .promotion .tit span {
    font-size: 5.5555555556vw;
    margin-top: 0.9259259259vw;
  }
}
.promotion .stit {
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  background-image: url(../img/head_bg_br.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 60px 0 0;
}
.promotion .stit.wt {
  background-image: url(../img/head_bg_wt.svg);
}
@media screen and (max-width: 768px) {
  .promotion .stit {
    font-size: 5.5555555556vw;
    padding: 10vw 0 0;
    width: 90%;
    margin: 0 auto;
  }
}
.promotion .stit .s {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .promotion .stit .s {
    font-size: 4.2592592593vw;
  }
}
.promotion .copy {
  font-size: 60px;
  font-weight: 900;
  line-height: 1.2;
  margin-top: 120px;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .promotion .copy {
    font-size: 6.4814814815vw;
    margin-top: 9.2592592593vw;
  }
}
.promotion .copy .line1 {
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .promotion .copy .line1 {
    line-height: 1.3;
  }
}
.promotion .copy .line2 {
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .promotion .copy .line2 {
    line-height: 1.3;
  }
}
.promotion .copy .s {
  color: #A37E39;
  font-size: 20px;
  margin-bottom: 20px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .promotion .copy .s {
    font-size: 3.5185185185vw;
  }
}
.promotion .copy .brown {
  color: #A37E39;
}
.promotion p {
  position: relative;
  z-index: 2;
}
.promotion .btn, .promotion .btn_l {
  position: relative;
  z-index: 2;
}
.promotion .sec1 {
  margin-top: 79px;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .promotion .sec1 {
    margin-top: 16vw;
    padding-top: 0;
  }
}
.promotion .sec1 .inner {
  position: relative;
}
.promotion .sec1 .inner.p0 {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner.p0 {
    padding: 0 5.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner {
    width: 100%;
    overflow: hidden;
  }
}
.promotion .sec1 .inner p {
  width: 100%;
  margin-top: 40px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner p {
    width: 100%;
    margin-top: 3.7037037037vw;
    font-size: 3.5185185185vw;
  }
}
.promotion .sec1 .inner .btn_l {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner .btn_l {
    margin-top: 3.7037037037vw;
  }
}
.promotion .sec1 .inner .item {
  margin-top: 140px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner .item {
    margin-top: 10vw;
  }
}
.promotion .sec1 .inner .item .picbox {
  position: relative;
}
.promotion .sec1 .inner .item .picbox::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -80px;
  left: -300px;
  z-index: 1;
  width: 825px;
  height: 460px;
  background-color: #EAE0C6;
  clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner .item .picbox::before {
    width: 100%;
    height: 51.8518518519vw;
    right: -5.5555555556vw;
    bottom: -13.8888888889vw;
  }
}
.promotion .sec1 .inner .item .pic {
  width: 825px;
  height: 460px;
  position: relative;
  left: -80px;
  z-index: 3;
  clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner .item .pic {
    width: 100%;
    height: 52vw;
    margin-left: 14vw;
    z-index: 2;
  }
}
.promotion .sec1 .inner .item .txt {
  width: 600px;
  text-align: justify;
  margin: -140px 0 0 auto;
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner .item .txt {
    width: 100%;
    margin: 5vw auto;
  }
}
.promotion .sec1 .inner .item .txt h3 {
  font-size: 46px;
  position: relative;
  z-index: 3;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner .item .txt h3 {
    font-size: 6.4814814815vw;
    line-height: 1.2;
    text-wrap: inherit;
    margin-top: 0;
  }
}
.promotion .sec1 .inner .item .txt p {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner .item .txt p {
    font-size: 3.5185185185vw;
  }
}
.promotion .sec1 .inner .item .txt p.en {
  font-size: 12px;
  font-weight: 700;
  color: #A37E39;
}
@media screen and (max-width: 768px) {
  .promotion .sec1 .inner .item .txt p.en {
    font-size: 2.962962963vw;
  }
}
.promotion .sec2 {
  margin-top: 120px;
  padding-top: 60px;
  padding-bottom: 120px;
  background-color: #EAE0C6;
}
@media screen and (max-width: 768px) {
  .promotion .sec2 {
    margin-top: 10vw;
    padding-top: 6vw;
    padding-bottom: 12vw;
  }
}
.promotion .sec2 .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .promotion .sec2 .inner {
    padding: 0 5vw;
  }
}
.promotion .sec2 .item {
  width: 980px;
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .promotion .sec2 .item {
    width: 100%;
    flex-direction: column;
    margin-top: 6vw;
  }
}
.promotion .sec2 .item .pic {
  width: 437px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .promotion .sec2 .item .pic {
    width: 100%;
    z-index: 2;
  }
}
.promotion .sec2 .item .txt {
  width: 543px;
  padding: 30px 40px 0 40px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .promotion .sec2 .item .txt {
    width: 100%;
    padding: 3vw 4vw 5vw;
  }
}
.promotion .sec2 .item .txt h3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .promotion .sec2 .item .txt h3 {
    font-size: 4.6296296296vw;
    line-height: 1.6;
    text-wrap: inherit;
  }
}
.promotion .sec2 .item .txt h3::after {
  content: "";
  display: block;
  background: url(../img/triangle_br.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 144px;
  height: 186px;
  position: absolute;
  top: -80px;
  left: -80px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .promotion .sec2 .item .txt h3::after {
    width: 13.3333333333vw;
    height: 17.2222222222vw;
    top: -7.4074074074vw;
    left: -7.4074074074vw;
  }
}
.promotion .sec2 .item .txt h3 span {
  display: block;
  position: relative;
  z-index: 2;
}
.promotion .sec2 .item .txt p {
  margin-top: 10px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .promotion .sec2 .item .txt p {
    font-size: 3.5185185185vw;
    margin-top: 1.8518518519vw;
  }
}
.promotion .sec2 .item .txt p.en {
  font-size: 12px;
  font-weight: 700;
  color: #A37E39;
}
@media screen and (max-width: 768px) {
  .promotion .sec2 .item .txt p.en {
    font-size: 2.962962963vw;
  }
}
.promotion .sec3 {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .promotion .sec3 {
    margin-top: 10vw;
  }
}
.promotion .sec3 .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .promotion .sec3 .inner {
    padding: 0 5vw;
  }
}
.promotion .sec3 .stit {
  padding: 60px 0 30px;
}
.promotion .sec3 .flexwrap {
  width: 880px;
  margin: 30px auto 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .promotion .sec3 .flexwrap {
    width: 100%;
    flex-direction: column;
    margin: 0;
  }
}
.promotion .sec3 .item {
  width: 420px;
  min-height: 200px;
  margin: 20px auto 0;
  padding: 40px;
  text-align: center;
  border: 10px solid #A37E39;
}
@media screen and (max-width: 768px) {
  .promotion .sec3 .item {
    width: 100%;
    margin: 4vw auto 0;
    padding: 6vw;
    border: 1.4vw solid #A37E39;
    min-height: inherit;
  }
}
.promotion .sec3 .item.tl {
  border-radius: 70px 70px 0 70px;
}
@media screen and (max-width: 768px) {
  .promotion .sec3 .item.tl {
    border-radius: 15vw 15vw 0 15vw;
  }
}
.promotion .sec3 .item.tl h3 {
  color: #A37E39;
}
.promotion .sec3 .item.tr {
  border-radius: 70px 70px 70px 0;
  border: 10px solid #A38F39;
}
@media screen and (max-width: 768px) {
  .promotion .sec3 .item.tr {
    border: 1.4vw solid #A38F39;
    border-radius: 15vw 15vw 15vw 0;
  }
}
.promotion .sec3 .item.tr h3 {
  color: #A38F39;
}
.promotion .sec3 .item.center {
  border-radius: 0 0 70px 70px;
  border: 10px solid #A38F39;
}
@media screen and (max-width: 768px) {
  .promotion .sec3 .item.center {
    border-radius: 15vw 15vw 0 15vw;
    border: 1.4vw solid #A37E39;
  }
}
.promotion .sec3 .item.center h3 {
  color: #A38F39;
}
.promotion .sec3 .item h3 {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .promotion .sec3 .item h3 {
    font-size: 4.6296296296vw;
    line-height: 1.6;
    text-wrap: inherit;
  }
}
.promotion .sec3 .item p {
  margin-top: 20px;
  position: relative;
  text-align: left;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .promotion .sec3 .item p {
    font-size: 3.5185185185vw;
    margin-top: 2vw;
  }
}
.promotion .sec4 {
  margin-top: 120px;
  padding-top: 60px;
  padding-bottom: 120px;
  background-color: #EAE0C6;
}
@media screen and (max-width: 768px) {
  .promotion .sec4 {
    margin-top: 10vw;
    padding-top: 4vw;
    padding-bottom: 12vw;
  }
}
.promotion .sec4 .stit {
  padding: 60px 0 30px;
}
.promotion .sec4 .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .promotion .sec4 .inner {
    padding: 0 5vw;
  }
}
.promotion .sec4 .inner p {
  text-align: center;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .promotion .sec4 .inner p {
    margin-top: 4vw;
    text-align: left;
  }
}
.promotion .sec4 .btnwrap {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .promotion .sec4 .btnwrap {
    margin-top: 6vw;
    flex-direction: column;
    align-items: center;
  }
}
.promotion .sec4 .btnwrap .btn_l {
  width: 365px;
  height: 85px;
  margin: 0 20px;
}
@media screen and (max-width: 768px) {
  .promotion .sec4 .btnwrap .btn_l {
    width: 60vw;
    height: 14vw;
    margin: 3vw 0 0;
  }
}
.promotion .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .promotion .bannerwrap {
    margin-top: 10vw;
  }
}

.wellness .message_bg {
  background-image: url(../img/business/bg_business.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .wellness .message_bg {
    background-size: contain;
  }
}
.wellness .sec .inner {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .wellness .sec .inner {
    width: 100%;
    padding: 0 3.7037037037vw;
  }
}
.wellness .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 200px;
  margin: 0 auto;
  padding: 85px 0 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .wellness .tit {
    width: 100%;
    height: 33.1481481481vw;
    padding: 15.2777777778vw 0 0 0vw;
    background-size: contain;
    margin-top: 2.7777777778vw;
    transform: translate(0, 0);
  }
}
.wellness .tit img {
  display: inline-block;
  width: 144px;
}
@media screen and (max-width: 768px) {
  .wellness .tit img {
    height: 6.8518518519vw;
  }
}
.wellness .tit span {
  font-size: 40px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .wellness .tit span {
    font-size: 5.5555555556vw;
    margin-top: 0.9259259259vw;
  }
}
.wellness .stit {
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  background-image: url(../img/head_bg_br.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 60px 0 0;
}
.wellness .stit.wt {
  background-image: url(../img/head_bg_wt.svg);
}
@media screen and (max-width: 768px) {
  .wellness .stit {
    font-size: 5.5555555556vw;
    padding: 10vw 0 0;
    width: 90%;
    margin: 0 auto;
  }
}
.wellness .stit .s {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .wellness .stit .s {
    font-size: 4.2592592593vw;
  }
}
.wellness .copy {
  font-size: 58px;
  font-weight: 900;
  line-height: 1.2;
  margin-top: 60px;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .wellness .copy {
    font-size: 6.4814814815vw;
    margin-top: 9.2592592593vw;
  }
}
.wellness .copy .s {
  color: #A37E39;
  font-size: 20px;
  margin-bottom: 20px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .wellness .copy .s {
    font-size: 3.5185185185vw;
  }
}
.wellness .copy .brown {
  color: #A37E39;
}
.wellness p {
  position: relative;
  z-index: 2;
}
.wellness .btn, .wellness .btn_l {
  position: relative;
  z-index: 2;
}
.wellness .sec1 {
  margin-top: 79px;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .wellness .sec1 {
    margin-top: 16vw;
    padding-top: 0;
  }
}
.wellness .sec1 .inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .wellness .sec1 .inner {
    width: 100%;
    overflow: hidden;
  }
}
.wellness .sec1 .inner p {
  width: 100%;
  margin-top: 40px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .wellness .sec1 .inner p {
    width: 100%;
    margin-top: 3.7037037037vw;
    font-size: 3.5185185185vw;
  }
}
.wellness .sec1 .inner .btn_l {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .wellness .sec1 .inner .btn_l {
    margin-top: 3.7037037037vw;
  }
}
.wellness .sec1 .inner .item {
  margin-top: 80px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .wellness .sec1 .inner .item {
    margin-top: 10vw;
  }
}
.wellness .sec1 .inner .item .picbox {
  position: relative;
}
.wellness .sec1 .inner .item .picbox::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -80px;
  left: -300px;
  z-index: 1;
  width: 825px;
  height: 460px;
  background-color: #EAE0C6;
  clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
}
@media screen and (max-width: 768px) {
  .wellness .sec1 .inner .item .picbox::before {
    width: 100%;
    height: 51.8518518519vw;
    right: -5.5555555556vw;
    bottom: -13.8888888889vw;
  }
}
.wellness .sec1 .inner .item .pic {
  width: 825px;
  height: 460px;
  position: relative;
  left: -80px;
  z-index: 3;
  clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .wellness .sec1 .inner .item .pic {
    width: 100%;
    height: 52vw;
    margin-left: 14vw;
    z-index: 2;
  }
}
.wellness .sec1 .inner .item .txt {
  width: 600px;
  text-align: justify;
  margin: -140px 0 0 auto;
}
@media screen and (max-width: 768px) {
  .wellness .sec1 .inner .item .txt {
    width: 100%;
    margin: 5vw auto;
  }
}
.wellness .sec1 .inner .item .txt h3 {
  font-size: 46px;
  position: relative;
  z-index: 3;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .wellness .sec1 .inner .item .txt h3 {
    font-size: 6.4814814815vw;
    line-height: 1.2;
    text-wrap: inherit;
    margin-top: 0;
  }
}
.wellness .sec1 .inner .item .txt p {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .wellness .sec1 .inner .item .txt p {
    font-size: 3.5185185185vw;
  }
}
.wellness .sec1 .inner .item .txt p.en {
  font-size: 12px;
  font-weight: 700;
  color: #A37E39;
}
@media screen and (max-width: 768px) {
  .wellness .sec1 .inner .item .txt p.en {
    font-size: 2.962962963vw;
  }
}
.wellness .sec2 {
  margin-top: 80px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 {
    margin-top: 10vw;
  }
}
.wellness .sec2 .inner {
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .inner {
    padding: 0 5vw;
  }
}
.wellness .sec2 .stit {
  padding: 60px 0 30px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .stit {
    padding: 10vw 0 5vw;
  }
}
.wellness .sec2 .service {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 120px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service {
    padding-top: 14vw;
    padding-bottom: 8vw;
  }
}
.wellness .sec2 .service::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url(../img/wellness/service_bg.png);
  background-size: 100% 100%;
  background-position: center center;
}
.wellness .sec2 .service .inner {
  position: relative;
  z-index: 2;
}
.wellness .sec2 .service h3 {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service h3 {
    font-size: 4.6296296296vw;
  }
}
.wellness .sec2 .service h3 .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wellness .sec2 .service h3 .wrap::after {
  content: "";
  display: block;
  background: url(../img/triangle_br.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 107px;
  height: 129px;
  position: absolute;
  top: -60px;
  left: -30px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service h3 .wrap::after {
    width: 11.4814814815vw;
    height: 14.4444444444vw;
    top: -5.5555555556vw;
    left: -4.6296296296vw;
  }
}
.wellness .sec2 .service h3 img {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service h3 img {
    height: 5vw;
  }
}
.wellness .sec2 .service h3 img, .wellness .sec2 .service h3 span {
  position: relative;
  z-index: 2;
}
.wellness .sec2 .service p {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service p {
    margin-top: 10vw;
    font-size: 3.5185185185vw;
    text-align: left;
  }
}
.wellness .sec2 .service p.mt20 {
  margin-top: 20px;
}
.wellness .sec2 .service.service1 h4 {
  font-size: 24px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 h4 {
    font-size: 3.7037037037vw;
    margin-top: 10vw;
  }
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 p {
    margin-top: 4vw;
  }
}
.wellness .sec2 .service.service1 .btnwrap {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 .btnwrap {
    margin-top: 8vw;
  }
}
.wellness .sec2 .service.service1 .btnwrap .btn {
  padding: 12px 60px;
  width: 277px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 .btnwrap .btn {
    width: 62.962962963vw;
    padding: 2.7777777778vw;
  }
}
.wellness .sec2 .service.service1 ol.flexwrap {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 40px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ol.flexwrap {
    margin-top: 4vw;
  }
}
.wellness .sec2 .service.service1 ol.flexwrap li {
  background-color: #A37E39;
  color: #fff;
  width: 246px;
  height: 73px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  text-align: left;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ol.flexwrap li {
    padding-left: 3vw;
    margin-top: 2vw;
    width: 44vw;
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .wellness .sec2 .service.service1 ol.flexwrap li.y_pc {
    background-color: #A38F39;
  }
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ol.flexwrap li.y_sp {
    background-color: #A38F39;
  }
}
.wellness .sec2 .service.service1 ol.flexwrap li img {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ol.flexwrap li img {
    margin-right: 2vw;
    height: 4vw;
  }
}
.wellness .sec2 .service.service1 ol.flexwrap::after {
  content: "";
  display: block;
  width: 246px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ol.flexwrap::after {
    width: 44vw;
  }
}
.wellness .sec2 .service.service1 ul.flexwrap {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  width: 980px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ul.flexwrap {
    margin-top: 4vw;
    width: 100%;
  }
}
.wellness .sec2 .service.service1 ul.flexwrap.center {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ul.flexwrap.center {
    justify-content: space-between;
  }
}
.wellness .sec2 .service.service1 ul.flexwrap.center li {
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ul.flexwrap.center li {
    margin: 0;
  }
}
.wellness .sec2 .service.service1 ul.flexwrap li {
  background-color: #A37E39;
  color: #fff;
  width: 312px;
  height: 196px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
  border-radius: 60px 0 60px 60px;
  background-image: url(../img/business/triangle_br.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35%;
}
.wellness .sec2 .service.service1 ul.flexwrap li small {
  display: block;
  font-weight: 500;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ul.flexwrap li small {
    margin-top: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ul.flexwrap li {
    margin-top: 2vw;
    width: 44vw;
    height: 30vw;
    font-size: 3.7037037037vw;
  }
}
.wellness .sec2 .service.service1 ul.flexwrap li.y {
  background-color: #A38F39;
  background-image: url(../img/business/triangle_ye.svg);
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ul.flexwrap li.ml {
    margin-left: 22vw;
  }
}
.wellness .sec2 .service.service1 ul.flexwrap li img {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 ul.flexwrap li img {
    margin-right: 2vw;
    height: 4vw;
  }
}
.wellness .sec2 .service.service1 .banner {
  margin-top: 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 .banner {
    margin-top: 9.2592592593vw;
  }
}
.wellness .sec2 .service.service1 .banner a {
  transition: opacity 0.2s;
}
.wellness .sec2 .service.service1 .banner a:hover {
  opacity: 0.7;
}
.wellness .sec2 .service.service1 .banner img {
  width: 448px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service1 .banner img {
    width: 100%;
  }
}
.wellness .sec2 .service.service2::after {
  transform: scale(-1, 1);
}
.wellness .sec2 .service.service2 h4 {
  font-size: 24px;
  margin-top: 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service2 h4 {
    font-size: 3.7037037037vw;
    margin-top: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service2 p {
    margin-top: 4vw;
  }
}
.wellness .sec2 .service.service2 p.mt20 {
  margin-top: 20px;
}
.wellness .sec2 .service.service2 .flexwrap {
  width: 920px;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 40px auto 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service2 .flexwrap {
    width: 100%;
  }
}
.wellness .sec2 .service.service2 .flexwrap li {
  width: 211px;
  margin: 8px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service2 .flexwrap li {
    width: 44vw;
    margin: 0.5vw;
  }
}
.wellness .sec2 .service.service2 ul {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  width: 640px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service2 ul {
    margin: 6vw auto 0;
    padding: 0 0 0 8vw;
    width: 100%;
    flex-direction: column;
  }
}
.wellness .sec2 .service.service2 ul li {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service2 ul li {
    width: 100%;
  }
}
.wellness .sec2 .service.service2 .right {
  width: 630px;
  margin: 20px auto 0;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service2 .right {
    margin: 4vw auto 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service3 h3 .wrap::after {
    top: -2.7777777778vw;
    left: -3.7037037037vw;
  }
}
.wellness .sec2 .service.service3 h4 {
  font-size: 24px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service3 h4 {
    font-size: 3.7037037037vw;
    margin-top: 8vw;
  }
}
.wellness .sec2 .service.service3 p {
  width: 800px;
  margin: 100px auto 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service3 p {
    margin: 4vw auto 0;
    width: 100%;
  }
}
.wellness .sec2 .service.service3 .list {
  list-style: none;
  width: 720px;
  margin: 20px auto 0;
  padding: 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service3 .list {
    width: 100%;
    margin: 4vw auto 0;
  }
}
.wellness .sec2 .service.service3 .list li {
  position: relative;
  margin-top: 0;
  padding: 6px 20px;
  z-index: 3;
  padding-left: 34px;
  line-height: 1.6;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service3 .list li {
    width: 100%;
    padding: 1vw 2vw;
    padding-left: calc(1em + 2vw);
  }
}
.wellness .sec2 .service.service3 .list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 20px;
  width: 8px;
  height: 8px;
  border-radius: 16px;
  background-color: #A37E39;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service3 .list li::before {
    top: 3.2vw;
    left: 2vw;
    width: 1.6666666667vw;
    height: 1.6666666667vw;
  }
}
.wellness .sec2 .service.service3 .banner {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service3 .banner {
    margin-top: 9.2592592593vw;
  }
}
.wellness .sec2 .service.service3 .banner ul {
  display: flex;
  justify-content: center;
  list-style: none;
  width: 1080px;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service3 .banner ul {
    width: 100%;
    flex-direction: column;
  }
}
.wellness .sec2 .service.service3 .banner ul li {
  margin: 0 20px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service3 .banner ul li {
    margin: 0;
  }
  .wellness .sec2 .service.service3 .banner ul li:not(:first-child) {
    margin-top: 5vw;
  }
}
.wellness .sec2 .service.service3 .banner ul li a {
  transition: opacity 0.2s;
}
.wellness .sec2 .service.service3 .banner ul li a:hover {
  opacity: 0.7;
}
.wellness .sec2 .service.service3 .banner ul li img {
  width: 448px;
}
@media screen and (max-width: 768px) {
  .wellness .sec2 .service.service3 .banner ul li img {
    width: 100%;
  }
}
.wellness .sec3 {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 {
    margin-top: 10vw;
  }
}
.wellness .sec3 .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .inner {
    padding: 0 5vw;
  }
}
.wellness .sec3 .stit {
  padding: 60px 0 30px;
}
.wellness .sec3 .flexwrap {
  width: 880px;
  margin: 30px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .flexwrap {
    width: 100%;
    flex-direction: column;
    margin: 0;
  }
}
.wellness .sec3 .item {
  width: 420px;
  min-height: 200px;
  margin: 20px auto 0;
  padding: 40px 20px;
  text-align: center;
  border: 10px solid #A37E39;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item {
    width: 100%;
    margin: 4vw auto 0;
    padding: 6vw 0;
    border: 1.4vw solid #A37E39;
    min-height: inherit;
  }
}
.wellness .sec3 .item.tl {
  border-radius: 70px 70px 0 70px;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item.tl {
    border-radius: 15vw 15vw 0 15vw;
  }
}
.wellness .sec3 .item.tl h3 {
  color: #A37E39;
}
.wellness .sec3 .item.tr {
  border-radius: 70px 70px 70px 0;
  border: 10px solid #A38F39;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item.tr {
    border: 1.4vw solid #A38F39;
    border-radius: 15vw 15vw 15vw 0;
  }
}
.wellness .sec3 .item.tr h3 {
  color: #A38F39;
}
.wellness .sec3 .item.bl {
  border-radius: 70px 0 70px 70px;
  border: 10px solid #A38F39;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item.bl {
    border: 1.4vw solid #A37E39;
    border-radius: 15vw 0 15vw 15vw;
  }
}
.wellness .sec3 .item.bl h3 {
  color: #A38F39;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item.bl h3 {
    color: #A37E39;
  }
}
.wellness .sec3 .item.br {
  border-radius: 0 70px 70px 70px;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item.br {
    border: 1.4vw solid #A38F39;
    border-radius: 0 15vw 15vw 15vw;
  }
}
.wellness .sec3 .item.br h3 {
  color: #A37E39;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item.br h3 {
    color: #A38F39;
  }
}
.wellness .sec3 .item.center {
  border-radius: 0 0 70px 70px;
  border: 10px solid #A38F39;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item.center {
    border-radius: 70px 70px 0 70px;
    border: 10px solid #A37E39;
  }
}
.wellness .sec3 .item.center h3 {
  color: #A38F39;
}
.wellness .sec3 .item h3 {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item h3 {
    font-size: 4.6296296296vw;
    line-height: 1.6;
    text-wrap: inherit;
  }
}
.wellness .sec3 .item p {
  display: inline-block;
  margin: 20px;
  position: relative;
  text-align: left;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item p {
    font-size: 3.5185185185vw;
    margin-top: 2vw;
  }
}
.wellness .sec3 .item ul {
  width: 320px;
  margin: 20px auto 0;
  padding: 0 0 0 20px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .wellness .sec3 .item ul {
    width: 70vw;
    margin: 4vw auto 0;
    padding: 0 0 0 4vw;
  }
}
.wellness .sec4 {
  margin-top: 100px;
  padding-top: 60px;
  padding-bottom: 100px;
  background-color: #EAE0C6;
}
@media screen and (max-width: 768px) {
  .wellness .sec4 {
    margin-top: 10vw;
    padding-top: 4vw;
    padding-bottom: 12vw;
  }
}
.wellness .sec4 .stit {
  padding: 60px 0 30px;
}
.wellness .sec4 .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .wellness .sec4 .inner {
    padding: 0 5vw;
  }
}
.wellness .sec4 .inner h4 {
  font-size: 24px;
  margin-top: 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .wellness .sec4 .inner h4 {
    font-size: 3.7037037037vw;
    margin-top: 8vw;
  }
}
.wellness .sec4 .inner p {
  width: 854px;
  margin: 60px auto;
}
@media screen and (max-width: 768px) {
  .wellness .sec4 .inner p {
    width: 100%;
    margin: 4vw auto 0;
    text-align: left;
  }
}
.wellness .sec4 .inner .btnwrap {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .wellness .sec4 .inner .btnwrap {
    margin-top: 0;
  }
}
.wellness .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .wellness .bannerwrap {
    margin-top: 10vw;
  }
}

.kids .message_bg {
  background-image: url(../img/business/bg_business.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .kids .message_bg {
    background-size: contain;
  }
}
.kids .sec .inner {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .kids .sec .inner {
    width: 100%;
    padding: 0 3.7037037037vw;
  }
}
.kids .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 200px;
  margin: 0 auto;
  padding: 85px 0 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .kids .tit {
    width: 100%;
    height: 33.1481481481vw;
    padding: 15.2777777778vw 0 0 0vw;
    background-size: contain;
    margin-top: 2.7777777778vw;
    transform: translate(0, 0);
  }
}
.kids .tit img {
  display: inline-block;
  width: 144px;
}
@media screen and (max-width: 768px) {
  .kids .tit img {
    height: 6.8518518519vw;
  }
}
.kids .tit span {
  font-size: 40px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .kids .tit span {
    font-size: 5.5555555556vw;
    margin-top: 0.9259259259vw;
  }
}
.kids .stit {
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  background-image: url(../img/head_bg_br.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 60px 0 0;
}
.kids .stit.wt {
  background-image: url(../img/head_bg_wt.svg);
}
@media screen and (max-width: 768px) {
  .kids .stit {
    font-size: 5.5555555556vw;
    padding: 10vw 0 0;
    width: 90%;
    margin: 0 auto;
  }
}
.kids .stit .s {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .kids .stit .s {
    font-size: 4.2592592593vw;
  }
}
.kids .copy {
  font-size: 60px;
  font-weight: 900;
  line-height: 1.2;
  margin-top: 60px;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .kids .copy {
    font-size: 6.4814814815vw;
    margin-top: 9.2592592593vw;
  }
}
.kids .copy .s {
  color: #A37E39;
  font-size: 20px;
  margin-bottom: 20px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .kids .copy .s {
    font-size: 3.5185185185vw;
  }
}
.kids .copy .brown {
  color: #A37E39;
}
.kids p {
  position: relative;
  z-index: 2;
}
.kids .btn, .kids .btn_l {
  position: relative;
  z-index: 2;
}
.kids .sec1 {
  margin-top: 79px;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .kids .sec1 {
    margin-top: 16vw;
    padding-top: 0;
  }
}
.kids .sec1 .inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .kids .sec1 .inner {
    width: 100%;
    overflow: hidden;
  }
}
.kids .sec1 .inner p {
  width: 100%;
  margin-top: 40px;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .kids .sec1 .inner p {
    width: 100%;
    margin-top: 3.7037037037vw;
    font-size: 3.5185185185vw;
  }
}
.kids .sec1 .inner .btn_l {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .kids .sec1 .inner .btn_l {
    margin-top: 3.7037037037vw;
  }
}
.kids .sec1 .inner .item {
  margin-top: 140px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .kids .sec1 .inner .item {
    margin-top: 10vw;
  }
}
.kids .sec1 .inner .item .picbox {
  position: relative;
}
.kids .sec1 .inner .item .picbox::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -80px;
  left: -300px;
  z-index: 1;
  width: 825px;
  height: 460px;
  background-color: #EAE0C6;
  clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
}
@media screen and (max-width: 768px) {
  .kids .sec1 .inner .item .picbox::before {
    width: 100%;
    height: 51.8518518519vw;
    right: -5.5555555556vw;
    bottom: -13.8888888889vw;
  }
}
.kids .sec1 .inner .item .pic {
  width: 825px;
  height: 460px;
  position: relative;
  left: -80px;
  z-index: 3;
  clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .kids .sec1 .inner .item .pic {
    width: 100%;
    height: 52vw;
    margin-left: 14vw;
    z-index: 2;
  }
}
.kids .sec1 .inner .item .txt {
  width: 600px;
  text-align: justify;
  margin: -90px 0 0 auto;
}
@media screen and (max-width: 768px) {
  .kids .sec1 .inner .item .txt {
    width: 100%;
    margin: 5vw auto;
  }
}
.kids .sec1 .inner .item .txt h3 {
  font-size: 46px;
  position: relative;
  z-index: 3;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .kids .sec1 .inner .item .txt h3 {
    font-size: 6.4814814815vw;
    line-height: 1.2;
    text-wrap: inherit;
    margin-top: 0;
  }
}
.kids .sec1 .inner .item .txt p {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .kids .sec1 .inner .item .txt p {
    font-size: 3.5185185185vw;
  }
}
.kids .sec1 .inner .item .txt p.en {
  font-size: 12px;
  font-weight: 700;
  color: #A37E39;
}
@media screen and (max-width: 768px) {
  .kids .sec1 .inner .item .txt p.en {
    font-size: 2.962962963vw;
  }
}
.kids .sec1 .inner .item .txt p small {
  font-size: 14px;
  margin-top: 10px;
  display: block;
  font-weight: 400;
  line-height: 1.8;
}
.kids .sec2 {
  margin-top: 120px;
  padding-top: 60px;
  padding-bottom: 120px;
  background-color: #EAE0C6;
}
@media screen and (max-width: 768px) {
  .kids .sec2 {
    margin-top: 10vw;
    padding-top: 6vw;
    padding-bottom: 12vw;
  }
}
@media screen and (max-width: 768px) {
  .kids .sec2 .stit {
    background-position: center 2vw;
  }
}
.kids .sec2 h3 {
  font-size: 24px;
  text-align: center;
  padding: 50px 0 20px;
  margin-top: 40px;
  background: url(../img/triangle_dbr.svg) center center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .kids .sec2 h3 {
    font-size: 5.5555555556vw;
    padding: 5vw 0 3vw;
    margin-top: 8vw;
  }
}
.kids .sec2 .inner {
  padding: 0;
  width: 990px;
}
@media screen and (max-width: 768px) {
  .kids .sec2 .inner {
    width: 100%;
    padding: 0 5vw;
  }
}
.kids .sec2 .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.kids .sec2 .flexbox::after {
  content: "";
  display: block;
  width: 474px;
}
@media screen and (max-width: 768px) {
  .kids .sec2 .flexbox::after {
    width: 100%;
  }
}
.kids .sec2 .item {
  width: 474px;
  margin: 50px 0 0;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .kids .sec2 .item {
    width: 100%;
    flex-direction: column;
    margin-top: 6vw;
  }
}
.kids .sec2 .item .pic {
  width: 100%;
  position: relative;
  z-index: 2;
}
.kids .sec2 .item .itemtit {
  width: 100%;
  height: 58px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  background-color: #D1C592;
  padding-left: 48px;
}
@media screen and (max-width: 768px) {
  .kids .sec2 .item .itemtit {
    width: 100%;
    height: 10vw;
    padding-left: 10vw;
  }
}
.kids .sec2 .item .itemtit .icon {
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .kids .sec2 .item .itemtit .icon {
    width: 10vw;
    top: -2vw;
    left: -2vw;
  }
}
.kids .sec2 .item .itemtit h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .kids .sec2 .item .itemtit h4 {
    font-size: 3.8888888889vw;
    line-height: 1.6;
    text-wrap: inherit;
  }
}
.kids .sec2 .item .itemtit h4::after {
  content: "";
  display: block;
  background: url(../img/triangle_br.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48px;
  height: 58px;
  position: absolute;
  top: -28px;
  left: -10px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .kids .sec2 .item .itemtit h4::after {
    width: 8.8888888889vw;
    height: 10.7407407407vw;
    top: -4.6296296296vw;
    left: -1.8518518519vw;
  }
}
.kids .sec2 .item .itemtit h4.s {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .kids .sec2 .item .itemtit h4.s {
    font-size: 3.8888888889vw;
  }
}
.kids .sec2 .item .itemtit h4 span {
  display: block;
  position: relative;
  z-index: 2;
}
.kids .sec2 .item .txt {
  margin-top: 0;
  text-align: left;
  padding: 20px 40px;
}
@media screen and (max-width: 768px) {
  .kids .sec2 .item .txt {
    font-size: 3.5185185185vw;
    padding: 4vw 6vw;
  }
}
.kids .sec2 .item ul {
  margin: 0;
  padding: 0 40px 20px 60px;
}
@media screen and (max-width: 768px) {
  .kids .sec2 .item ul {
    padding-left: 15vw;
    padding: 0 6vw 4vw 10vw;
  }
}
.kids .sec2 .item ul li:first-child {
  margin-top: 0;
}
.kids .sec2 p {
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .kids .sec2 p {
    text-align: left;
    margin-top: 4vw;
  }
}
.kids .sec3 {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .kids .sec3 {
    margin-top: 10vw;
  }
}
.kids .sec3 .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .inner {
    margin-top: 10vw;
    padding: 0 5vw;
  }
}
.kids .sec3 .item {
  width: 780px;
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0;
  background-color: #fff;
  overflow: hidden;
  padding: 30px 50px 30px 40px;
  border-radius: 80px 80px 0 80px;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .item {
    width: 100%;
    flex-direction: column;
    margin-top: 6vw;
    padding: 4vw;
  }
}
.kids .sec3 .item.item1 {
  background-color: #EAE0C6;
}
@media screen and (min-width: 768px) {
  .kids .sec3 .item.item1 {
    margin: 60px 0 0 0;
  }
}
.kids .sec3 .item.item2 {
  background-color: #EFE6BF;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .item.item2 h3::after {
    top: -4.6296296296vw !important;
  }
}
.kids .sec3 .item.item3 {
  background-color: #F2DFBC;
}
@media screen and (min-width: 768px) {
  .kids .sec3 .item.item3 {
    margin: 30px 0 0 auto;
  }
}
.kids .sec3 .item.item3 h3::after {
  top: -20px !important;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .item.item3 h3::after {
    top: -2.7777777778vw !important;
  }
}
.kids .sec3 .item .pic {
  width: 164px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .item .pic {
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
  }
  .kids .sec3 .item .pic img {
    width: 30vw;
  }
}
.kids .sec3 .item .txt {
  width: 500px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .item .txt {
    width: 100%;
    padding: 3vw 4vw 5vw;
  }
}
.kids .sec3 .item .txt h3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .item .txt h3 {
    font-size: 4.6296296296vw;
    line-height: 1.6;
    text-wrap: inherit;
  }
}
.kids .sec3 .item .txt h3::after {
  content: "";
  display: block;
  background: url(../img/triangle_wt.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 72px;
  height: 88px;
  position: absolute;
  top: -40px;
  left: -10px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .item .txt h3::after {
    width: 13.3333333333vw;
    height: 17.2222222222vw;
    top: -2.7777777778vw;
    left: -2.7777777778vw;
  }
}
.kids .sec3 .item .txt h3 img {
  margin-right: 20px;
  position: relative;
  z-index: 2;
}
.kids .sec3 .item .txt h3 span {
  display: block;
  position: relative;
  z-index: 2;
}
.kids .sec3 .item .txt p {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .item .txt p {
    font-size: 3.5185185185vw;
    margin-top: 3.7037037037vw;
  }
}
.kids .sec3 .item .txt p.en {
  font-size: 12px;
  font-weight: 700;
  color: #A37E39;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .item .txt p.en {
    font-size: 2.962962963vw;
  }
}
.kids .sec3 .item .txt ul {
  margin-top: 10px;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .kids .sec3 .item .txt ul {
    margin-top: 1vw;
    padding-left: 3vw;
  }
}
.kids .sec4 {
  margin-top: 120px;
  padding-top: 60px;
  padding-bottom: 120px;
  background-color: #EAE0C6;
}
@media screen and (max-width: 768px) {
  .kids .sec4 {
    margin-top: 10vw;
    padding-top: 4vw;
    padding-bottom: 12vw;
  }
}
.kids .sec4 .stit {
  padding: 60px 0 30px;
}
.kids .sec4 .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .kids .sec4 .inner {
    padding: 0 5vw;
  }
}
.kids .sec4 .inner p {
  text-align: center;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .kids .sec4 .inner p {
    margin-top: 4vw;
    text-align: left;
  }
}
.kids .sec4 .inner .banner {
  width: 100%;
}
.kids .sec4 .inner .banner a {
  transition: opacity 0.2s;
}
@media screen and (min-width: 768px) {
  .kids .sec4 .inner .banner a:hover {
    opacity: 0.7;
  }
}
.kids .sec4 .inner .banner img {
  margin: 40px auto 0;
}
.kids .sec4 .btnwrap {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .kids .sec4 .btnwrap {
    margin-top: 6vw;
  }
}
.kids .sec4 .flexbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 600px;
  margin: 60px auto 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .kids .sec4 .flexbox {
    width: 100%;
    margin: 10vw 0 0;
  }
}
.kids .sec4 .flexbox a {
  transition: opacity 0.2s;
}
@media screen and (min-width: 768px) {
  .kids .sec4 .flexbox a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .kids .sec4 .flexbox a {
    width: 30%;
  }
}
.kids .sec4 .flexbox p {
  text-align: left;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .kids .sec4 .flexbox p {
    font-size: 3.1481481481vw;
    margin-left: 3vw;
    width: 70%;
  }
}
.kids .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .kids .bannerwrap {
    margin-top: 10vw;
  }
}

.news_archive {
  padding-top: 79px;
}
@media screen and (max-width: 768px) {
  .news_archive {
    padding-top: 16vw;
  }
}
.news_archive .sec_tit {
  background-image: url(../img/business/bg_business.svg);
  background-repeat: no-repeat;
  background-size: 110% auto;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .news_archive .sec_tit {
    background-size: contain;
    background-size: 120% auto;
    background-position: -5vw 0;
  }
}
.news_archive .sec_tit .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 200px;
  margin: 0 auto;
  padding: 85px 0 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .news_archive .sec_tit .tit {
    width: 100%;
    height: 33.1481481481vw;
    padding: 11.1111111111vw 0 0 0vw;
    background-size: 34%;
    transform: translate(0, 0);
  }
}
.news_archive .sec_tit .tit img {
  display: inline-block;
  width: 70px;
}
@media screen and (max-width: 768px) {
  .news_archive .sec_tit .tit img {
    height: 2.7777777778vw;
  }
}
.news_archive .sec_tit .tit span {
  font-size: 40px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .news_archive .sec_tit .tit span {
    font-size: 5.5555555556vw;
    margin-top: 0.9259259259vw;
  }
}
.news_archive p {
  position: relative;
  z-index: 2;
}
.news_archive .btn, .news_archive .btn_l {
  position: relative;
  z-index: 2;
}
.news_archive .inner {
  width: 837px;
}
@media screen and (max-width: 768px) {
  .news_archive .inner {
    width: 100%;
  }
}
.news_archive .sec_news_archive {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  .news_archive .sec_news_archive {
    padding-top: 9.2592592593vw;
  }
}
.news_archive .sec_news_archive .inner dl {
  font-size: 18px;
  padding: 14px;
  border-top: 1px solid #dddddd;
  display: flex;
}
@media screen and (max-width: 768px) {
  .news_archive .sec_news_archive .inner dl {
    font-size: 3.5185185185vw;
    flex-direction: column;
  }
}
.news_archive .sec_news_archive .inner dl:last-child {
  border-bottom: 1px solid #dddddd;
}
.news_archive .sec_news_archive .inner dl .date {
  display: inline-block;
  margin-right: 20px;
  font-size: 15px;
  font-weight: 700;
  color: #A37E39;
  line-height: 2;
  width: 180px;
}
@media screen and (max-width: 768px) {
  .news_archive .sec_news_archive .inner dl .date {
    margin-right: 3.7037037037vw;
    font-size: 3.1481481481vw;
    line-height: 1.4;
  }
}
.news_archive .sec_news_archive .inner dl .newstit {
  line-height: 1.6;
  width: 100%;
}
.news_archive .sec_news_archive .inner dl .newstit a {
  transition: color 0.2s;
}
@media screen and (min-width: 768px) {
  .news_archive .sec_news_archive .inner dl .newstit a:hover {
    color: #A37E39;
  }
}
.news_archive .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .news_archive .bannerwrap {
    margin-top: 10vw;
  }
}
.news_archive .bannerwrap .banner_contact img {
  width: 717px;
  display: block;
  margin: 0 auto;
}

.contact, .wingatekids-contact {
  padding-top: 79px;
}
@media screen and (max-width: 768px) {
  .contact, .wingatekids-contact {
    padding-top: 16vw;
  }
}
.contact .sec_tit, .wingatekids-contact .sec_tit {
  background-image: url(../img/business/bg_business.svg);
  background-repeat: no-repeat;
  background-size: 110% auto;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .contact .sec_tit, .wingatekids-contact .sec_tit {
    background-size: contain;
    background-size: 120% auto;
    background-position: -5vw 0;
  }
}
.contact .sec_tit .tit, .wingatekids-contact .sec_tit .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 200px;
  margin: 0 auto;
  padding: 85px 0 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .contact .sec_tit .tit, .wingatekids-contact .sec_tit .tit {
    width: 100%;
    height: 33.1481481481vw;
    padding: 11.1111111111vw 0 0 0vw;
    background-size: 34%;
    transform: translate(0, 0);
  }
}
.contact .sec_tit .tit img, .wingatekids-contact .sec_tit .tit img {
  display: inline-block;
  width: 130px;
}
@media screen and (max-width: 768px) {
  .contact .sec_tit .tit img, .wingatekids-contact .sec_tit .tit img {
    height: 2.7777777778vw;
  }
}
.contact .sec_tit .tit span, .wingatekids-contact .sec_tit .tit span {
  font-size: 40px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .contact .sec_tit .tit span, .wingatekids-contact .sec_tit .tit span {
    font-size: 5.5555555556vw;
    margin-top: 0.9259259259vw;
  }
}
.contact h2, .wingatekids-contact h2 {
  background-color: #A37E39;
  color: #fff;
  text-align: center;
  padding: 25px 0;
  margin-top: 60px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .contact h2, .wingatekids-contact h2 {
    padding: 3.6vw 0;
    margin-top: 10vw;
    font-size: 4.8vw;
  }
}
.contact p, .wingatekids-contact p {
  text-align: center;
  position: relative;
  z-index: 2;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .contact p, .wingatekids-contact p {
    text-align: left;
    margin-top: 5.5555555556vw;
  }
}
.contact p img, .wingatekids-contact p img {
  display: inline-block;
}
.contact a, .wingatekids-contact a {
  color: #A37E39;
}
.contact .btn, .contact .btn_l, .wingatekids-contact .btn, .wingatekids-contact .btn_l {
  position: relative;
  z-index: 2;
}
.contact .inner, .wingatekids-contact .inner {
  width: 998px;
}
@media screen and (max-width: 768px) {
  .contact .inner, .wingatekids-contact .inner {
    width: 100%;
  }
}
.contact .mw_wp_form_preview .form .pulldown::after, .wingatekids-contact .mw_wp_form_preview .form .pulldown::after {
  display: none;
}
.contact .form, .wingatekids-contact .form {
  width: 100%;
  /* error */
}
@media screen and (min-width: 768px) {
  .contact .form, .wingatekids-contact .form {
    margin: 40px 0px 0;
  }
}
@media screen and (max-width: 768px) {
  .contact .form, .wingatekids-contact .form {
    margin: 6.4814814815vw 0 0;
  }
}
.contact .form sup, .wingatekids-contact .form sup {
  color: #FF0000;
}
.contact .form table, .wingatekids-contact .form table {
  width: 100%;
  margin: 0;
}
.contact .form tr, .wingatekids-contact .form tr {
  width: 100%;
}
.contact .form tr:nth-child(odd), .wingatekids-contact .form tr:nth-child(odd) {
  background-color: #f5f2e7;
}
@media screen and (max-width: 768px) {
  .contact .form tr, .wingatekids-contact .form tr {
    display: flex;
    flex-direction: column;
    padding: 3.7037037037vw;
  }
}
.contact .form th, .wingatekids-contact .form th {
  width: 24%;
  margin: 0;
  padding: 12px 12px 12px 24px;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .contact .form th, .wingatekids-contact .form th {
    font-size: 3.1481481481vw;
    line-height: 1.4;
    width: 100%;
    padding: 0;
  }
}
.contact .form th.vt, .wingatekids-contact .form th.vt {
  vertical-align: top;
}
.contact .form td, .wingatekids-contact .form td {
  width: 76%;
  padding: 12px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .contact .form td, .wingatekids-contact .form td {
    width: 100%;
    padding: 0;
  }
}
.contact .form .flexbox, .wingatekids-contact .form .flexbox {
  display: flex;
  justify-content: flex-start;
}
.contact .form .form-require, .wingatekids-contact .form .form-require {
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #BB9A5C;
  line-height: 1.3;
  margin: 0 auto;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .contact .form .form-require, .wingatekids-contact .form .form-require {
    width: 70px;
    height: 30px;
    font-size: 15px;
    border-radius: 4px;
    margin-left: 14px;
    padding: 4px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .form-require, .wingatekids-contact .form .form-require {
    width: 8.7037037037vw;
    height: 3.7962962963vw;
    font-size: 1.6666666667vw;
    border-radius: 0.3703703704vw;
    margin-left: 1.4814814815vw;
    padding: 0.7407407407vw 0 0 0;
  }
}
.contact .form .mw_wp_form .horizontal-item + .horizontal-item, .wingatekids-contact .form .mw_wp_form .horizontal-item + .horizontal-item {
  margin: 0 10px 0 0 !important;
}
.contact .form .horizontal-item, .wingatekids-contact .form .horizontal-item {
  display: inline-block;
  margin: 0 10px 0 0 !important;
}
@media screen and (max-width: 768px) {
  .contact .form .horizontal-item, .wingatekids-contact .form .horizontal-item {
    margin: 0 2vw 0 0 !important;
  }
}
.contact .form .inputs, .wingatekids-contact .form .inputs {
  border: 1px solid #cccccc;
  width: 100%;
}
.contact .form .inputs::placeholder, .wingatekids-contact .form .inputs::placeholder {
  color: #bbbbbb;
}
@media screen and (min-width: 768px) {
  .contact .form .inputs, .wingatekids-contact .form .inputs {
    font-size: 15px;
    border-radius: 4px;
    padding: 16px 20px;
  }
  .contact .form .inputs + br + .inputs, .wingatekids-contact .form .inputs + br + .inputs {
    margin-top: 6px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .inputs, .wingatekids-contact .form .inputs {
    font-size: 3.1481481481vw;
    border-radius: 0.3703703704vw;
    margin-top: 1.8518518519vw;
    padding: 2.2222222222vw 2.7777777778vw;
  }
}
.contact .form .pulldown, .wingatekids-contact .form .pulldown {
  position: relative;
}
.contact .form .pulldown::after, .wingatekids-contact .form .pulldown::after {
  content: "";
  display: block;
  position: absolute;
  top: 28px;
  right: 20px;
  width: 12px;
  height: 12px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
  z-index: 10;
}
.contact .form .pulldown select, .wingatekids-contact .form .pulldown select {
  border: 1px solid #cccccc;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
}
@media screen and (min-width: 768px) {
  .contact .form .pulldown select, .wingatekids-contact .form .pulldown select {
    font-size: 15px;
    border-radius: 4px;
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .pulldown select, .wingatekids-contact .form .pulldown select {
    font-size: 3.1481481481vw;
    border-radius: 0.3703703704vw;
    margin-top: 1.8518518519vw;
    padding: 2.2222222222vw 2.7777777778vw;
  }
}
.contact .form .dropdown, .wingatekids-contact .form .dropdown {
  position: relative;
}
@media screen and (min-width: 768px) {
  .contact .form .dropdown, .wingatekids-contact .form .dropdown {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .dropdown, .wingatekids-contact .form .dropdown {
    margin-top: 1.8518518519vw;
  }
}
.contact .form .dropdown select, .wingatekids-contact .form .dropdown select {
  position: relative;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}
.contact .form .dropdown::after, .wingatekids-contact .form .dropdown::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 10px solid #555555;
  border-bottom: 0;
}
.contact .form .dropdown .select, .wingatekids-contact .form .dropdown .select {
  background: #f2f2f2;
  border: 1px solid #cccccc;
  cursor: pointer;
  width: 100%;
  position: relative;
  z-index: 1;
}
.contact .form .dropdown .select span, .wingatekids-contact .form .dropdown .select span {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 14px solid #555555;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .contact .form .dropdown .select, .wingatekids-contact .form .dropdown .select {
    font-size: 15px;
    border-radius: 4px;
    padding: 16px 20px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .dropdown .select, .wingatekids-contact .form .dropdown .select {
    font-size: 2.037037037vw;
    border-radius: 0.3703703704vw;
    padding: 2.2222222222vw 2.7777777778vw;
  }
}
.contact .form textarea, .wingatekids-contact .form textarea {
  border: 1px solid #cccccc;
  width: 100%;
  resize: none;
}
.contact .form textarea::placeholder, .wingatekids-contact .form textarea::placeholder {
  color: #bbbbbb;
}
@media screen and (min-width: 768px) {
  .contact .form textarea, .wingatekids-contact .form textarea {
    height: 224px;
    font-size: 15px;
    border-radius: 4px;
    padding: 16px 20px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form textarea, .wingatekids-contact .form textarea {
    height: 44.4444444444vw;
    font-size: 3.1481481481vw;
    border-radius: 0.3703703704vw;
    margin-top: 1.8518518519vw;
    padding: 2.2222222222vw 2.7777777778vw;
  }
}
.contact .form div.error-top-txt, .wingatekids-contact .form div.error-top-txt {
  margin: 3rem auto;
  text-align: center;
  border: solid 1px #dc0000;
  border-radius: 5px;
  color: #dc0000;
}
@media screen and (min-width: 768px) {
  .contact .form div.error-top-txt, .wingatekids-contact .form div.error-top-txt {
    padding: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form div.error-top-txt, .wingatekids-contact .form div.error-top-txt {
    padding: 1.8518518519vw;
    font-size: 2.037037037vw;
  }
  .contact .form div.error-top-txt p, .wingatekids-contact .form div.error-top-txt p {
    text-align: center;
  }
}
.contact .form p.error-message, .wingatekids-contact .form p.error-message {
  color: #dc0000;
  display: block;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
.contact .form p.error-message.center, .wingatekids-contact .form p.error-message.center {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contact .form p.error-message, .wingatekids-contact .form p.error-message {
    margin-top: 5px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form p.error-message, .wingatekids-contact .form p.error-message {
    margin-top: 0.462962963vw;
    font-size: 1.8518518519vw;
  }
}
.contact .form .attention, .wingatekids-contact .form .attention {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contact .form .attention, .wingatekids-contact .form .attention {
    font-size: 16px;
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .attention, .wingatekids-contact .form .attention {
    font-size: 3.1481481481vw;
    margin: 3.7037037037vw 0 0;
    text-align: left;
  }
}
.contact .form .attention a, .wingatekids-contact .form .attention a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .contact .form .attention a, .wingatekids-contact .form .attention a {
    transition: opacity 0.4s ease-in-out;
  }
  .contact .form .attention a:hover, .wingatekids-contact .form .attention a:hover {
    opacity: 0.5;
  }
}
.contact .form .agree, .wingatekids-contact .form .agree {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contact .form .agree, .wingatekids-contact .form .agree {
    margin: 0px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .agree, .wingatekids-contact .form .agree {
    margin: 3.7037037037vw 0 0;
  }
}
.contact .form .agree input, .wingatekids-contact .form .agree input {
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .contact .form .agree input, .wingatekids-contact .form .agree input {
    width: 24px;
    height: 24px;
    border-radius: 4px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .agree input, .wingatekids-contact .form .agree input {
    width: 3.2407407407vw;
    height: 3.2407407407vw;
    border-radius: 0.7407407407vw;
  }
}
.contact .form .agree span, .wingatekids-contact .form .agree span {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .contact .form .agree span, .wingatekids-contact .form .agree span {
    font-size: 16px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .agree span, .wingatekids-contact .form .agree span {
    font-size: 3.1481481481vw;
    margin-left: 0.9259259259vw;
  }
}
.contact .form .consent-block.disable, .wingatekids-contact .form .consent-block.disable {
  display: none;
}
.contact .form .btn-wrap, .wingatekids-contact .form .btn-wrap {
  text-align: center;
  margin-top: 20px;
}
.contact .form .btn-wrap .btn, .wingatekids-contact .form .btn-wrap .btn {
  width: 260px;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .contact .form .btn-wrap .btn, .wingatekids-contact .form .btn-wrap .btn {
    width: 60%;
    padding: 3.7037037037vw 0;
  }
}
.contact .form .btn-wrap .btn.brown, .wingatekids-contact .form .btn-wrap .btn.brown {
  background-color: #A37E39;
  cursor: pointer;
  border: none;
}
.contact .form .btn-wrap .btn.brown:hover, .wingatekids-contact .form .btn-wrap .btn.brown:hover {
  background-color: #000;
}
.contact .form .btn-wrap input[type=submit].submit, .wingatekids-contact .form .btn-wrap input[type=submit].submit {
  pointer-events: none;
  opacity: 0.3;
}
.contact .form .btn-wrap input[type=submit].submit.check, .wingatekids-contact .form .btn-wrap input[type=submit].submit.check {
  pointer-events: all;
  opacity: 1;
}
.contact .form .attention2, .wingatekids-contact .form .attention2 {
  background-color: #F8F8F8;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contact .form .attention2, .wingatekids-contact .form .attention2 {
    font-size: 16px;
    margin: 60px 0 0;
    padding: 20px 40px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .attention2, .wingatekids-contact .form .attention2 {
    font-size: 3.1481481481vw;
    margin: 6.4814814815vw 0 0;
    padding: 3.7037037037vw 4.6296296296vw;
    text-align: left;
  }
}
.contact .form .attention2 a, .wingatekids-contact .form .attention2 a {
  color: #BB9A5C;
}
@media screen and (min-width: 768px) {
  .contact .form .attention2 a, .wingatekids-contact .form .attention2 a {
    transition: opacity 0.4s ease-in-out;
  }
  .contact .form .attention2 a:hover, .wingatekids-contact .form .attention2 a:hover {
    opacity: 0.5;
  }
}
.contact .form ul.attention-list, .wingatekids-contact .form ul.attention-list {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
.contact .form .attention3, .wingatekids-contact .form .attention3 {
  background-color: #F8F8F8;
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .contact .form .attention3, .wingatekids-contact .form .attention3 {
    font-size: 16px;
    margin: 60px 0 20px;
    padding: 20px 40px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .attention3, .wingatekids-contact .form .attention3 {
    font-size: 3.1481481481vw;
    margin: 6.4814814815vw 0 0;
    padding: 3.7037037037vw 4.6296296296vw;
    text-align: left;
  }
}
.contact .form .attention3 a, .wingatekids-contact .form .attention3 a {
  color: #BB9A5C;
}
@media screen and (min-width: 768px) {
  .contact .form .attention3 a, .wingatekids-contact .form .attention3 a {
    transition: opacity 0.4s ease-in-out;
  }
  .contact .form .attention3 a:hover, .wingatekids-contact .form .attention3 a:hover {
    opacity: 0.5;
  }
}
.contact .form .attention3 ul.attention-list, .wingatekids-contact .form .attention3 ul.attention-list {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}
.contact .form .attention3 ul.attention-list li, .wingatekids-contact .form .attention3 ul.attention-list li {
  position: relative;
  padding-left: 1em;
}
.contact .form .attention3 ul.attention-list li::before, .wingatekids-contact .form .attention3 ul.attention-list li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.contact .form .confirmation-item p, .wingatekids-contact .form .confirmation-item p {
  margin: 0;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .contact .form .confirmation-item p, .wingatekids-contact .form .confirmation-item p {
    margin: 20px 0 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .contact .form .confirmation-item p, .wingatekids-contact .form .confirmation-item p {
    margin: 4.4444444444vw 0 0;
    font-size: 2.037037037vw;
  }
}
.contact .form hr, .wingatekids-contact .form hr {
  border: none;
  border-bottom: 1px solid #cccccc;
}
.contact .bannerwrap, .wingatekids-contact .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .contact .bannerwrap, .wingatekids-contact .bannerwrap {
    margin-top: 10vw;
  }
}
.contact .bannerwrap .banner_contact img, .wingatekids-contact .bannerwrap .banner_contact img {
  width: 717px;
  display: block;
  margin: 0 auto;
}

.single_page, .error404 {
  padding-top: 79px;
}
@media screen and (max-width: 768px) {
  .single_page, .error404 {
    padding-top: 16vw;
  }
}
.single_page .sec_tit, .error404 .sec_tit {
  background-image: url(../img/tit_bg_page.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .single_page .sec_tit, .error404 .sec_tit {
    background-image: url(../img/tit_bg_page_sp.svg);
  }
}
.single_page .sec_tit .tit, .error404 .sec_tit .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  height: 100px;
  margin: 0 auto;
  padding: 30px 0 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .single_page .sec_tit .tit, .error404 .sec_tit .tit {
    width: 100%;
    height: 14.6296296296vw;
    padding: 1.4814814815vw 0 0 0vw;
    transform: translate(0, 0);
  }
}
.single_page .sec_tit .tit img, .error404 .sec_tit .tit img {
  display: inline-block;
  height: 12px;
}
@media screen and (max-width: 768px) {
  .single_page .sec_tit .tit img, .error404 .sec_tit .tit img {
    height: 2.4074074074vw;
  }
}
.single_page .sec_tit .tit span, .error404 .sec_tit .tit span {
  font-size: 24px;
  font-weight: 700;
  display: block;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .single_page .sec_tit .tit span, .error404 .sec_tit .tit span {
    font-size: 4.6296296296vw;
    margin-top: 0.9259259259vw;
  }
}
.single_page .inner, .error404 .inner {
  width: 837px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .single_page .inner, .error404 .inner {
    width: 100%;
    padding: 0 5.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .single_page hr, .error404 hr {
    margin-top: 12.962962963vw;
    margin-bottom: 12.962962963vw;
  }
}
.single_page .content .entry-header, .error404 .content .entry-header {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single_page .content .entry-header, .error404 .content .entry-header {
    padding-top: 6vw;
    margin-top: 6vw;
  }
}
.single_page .content .entry-header::before, .error404 .content .entry-header::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: -10px;
  width: 83px;
  height: 100px;
  background: url(../img/triangle_br.svg) center top no-repeat;
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .single_page .content .entry-header::before, .error404 .content .entry-header::before {
    bottom: -1vw;
    left: -1vw;
    width: 15.3703703704vw;
    height: 18.5185185185vw;
  }
}
.single_page .content .entry-header .datetag, .error404 .content .entry-header .datetag {
  position: relative;
  z-index: 2;
  display: inline-block;
  background-color: #A37E39;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 2px 12px;
  margin-right: 14px;
  width: 84px;
  height: 34px;
}
@media screen and (max-width: 768px) {
  .single_page .content .entry-header .datetag, .error404 .content .entry-header .datetag {
    width: 17vw;
    height: 7vw;
    font-size: 3.1481481481vw;
    padding: 0.3703703704vw 1.8518518519vw;
    margin-right: 2.7777777778vw;
    margin-top: 1.8518518519vw;
  }
}
.single_page .content .entry-header time, .error404 .content .entry-header time {
  font-weight: 700;
  margin-top: 0;
  font-size: 18px;
  color: #A37E39;
  position: relative;
  z-index: 2;
  display: inline-block;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .single_page .content .entry-header time, .error404 .content .entry-header time {
    font-size: 3.1481481481vw;
    margin-top: 2.7777777778vw;
  }
}
.single_page .content .entry-header time.event, .error404 .content .entry-header time.event {
  width: 560px;
}
@media screen and (max-width: 768px) {
  .single_page .content .entry-header time.event, .error404 .content .entry-header time.event {
    width: 68vw;
  }
}
.single_page .content .entry-header h1, .error404 .content .entry-header h1 {
  width: 100%;
  font-size: 28px;
  line-height: 1.4;
  text-wrap: inherit;
  position: relative;
  z-index: 2;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .single_page .content .entry-header h1, .error404 .content .entry-header h1 {
    font-size: 5vw;
  }
}
.single_page .content .entry-header .tag, .error404 .content .entry-header .tag {
  color: #A37E39;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #A37E39;
  padding: 6px 20px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .single_page .content .entry-header .tag, .error404 .content .entry-header .tag {
    font-size: 2.7777777778vw;
    top: -1.8518518519vw;
    padding: 0.9259259259vw 1.8518518519vw;
  }
}
.single_page .content h2, .error404 .content h2 {
  position: relative;
  font-weight: 700;
  line-height: 1.5;
  background-color: #F2EDE2;
  border-left: 6px solid #A37E39;
}
@media screen and (min-width: 768px) {
  .single_page .content h2, .error404 .content h2 {
    font-size: 24px;
    margin: 60px 0 30px;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content h2, .error404 .content h2 {
    font-size: 3.8888888889vw;
    margin: 5.5555555556vw 0 2.7777777778vw;
    padding: 1.8518518519vw 2.7777777778vw;
  }
}
.single_page .content h3, .error404 .content h3 {
  position: relative;
  font-weight: 700;
  line-height: 1.5;
  border-bottom: 2px solid #D1C592;
}
@media screen and (min-width: 768px) {
  .single_page .content h3, .error404 .content h3 {
    font-size: 18px;
    margin: 50px 0 30px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content h3, .error404 .content h3 {
    font-size: 3.5185185185vw;
    margin: 4.6296296296vw 0 2.7777777778vw;
    padding-bottom: 1.8518518519vw;
  }
}
.single_page .content h4, .error404 .content h4 {
  position: relative;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .single_page .content h4, .error404 .content h4 {
    font-size: 16px;
    margin: 50px 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content h4, .error404 .content h4 {
    font-size: 3.1481481481vw;
    margin: 4.6296296296vw 0 2.7777777778vw;
  }
}
.single_page .content figure, .error404 .content figure {
  margin: 30px 0;
}
.single_page .content figure.kv, .error404 .content figure.kv {
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .single_page .content figure.kv, .error404 .content figure.kv {
    margin: 0 0 3.7037037037vw;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content figure, .error404 .content figure {
    margin: 5.5555555556vw 0;
  }
}
.single_page .content figure img, .error404 .content figure img {
  max-height: 720px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .single_page .content figure img, .error404 .content figure img {
    max-height: 90vw;
  }
}
.single_page .content dl:not([class]), .error404 .content dl:not([class]) {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #D1C592;
}
@media screen and (min-width: 768px) {
  .single_page .content dl:not([class]), .error404 .content dl:not([class]) {
    margin: 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content dl:not([class]), .error404 .content dl:not([class]) {
    margin: 2.7777777778vw 0;
  }
}
.single_page .content dl:not([class]) dt, .error404 .content dl:not([class]) dt {
  font-weight: 700;
  line-height: 1.8;
  background-color: #F2EDE2;
}
@media screen and (min-width: 768px) {
  .single_page .content dl:not([class]) dt, .error404 .content dl:not([class]) dt {
    width: 20%;
    padding: 15px;
    font-size: 16px;
    border-bottom: 1px solid #D1C592;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content dl:not([class]) dt, .error404 .content dl:not([class]) dt {
    width: 100%;
    padding: 1.3888888889vw;
    font-size: 2.5925925926vw;
    background-color: #F2EDE2;
  }
}
.single_page .content dl:not([class]) dd, .error404 .content dl:not([class]) dd {
  border-bottom: 1px solid #D1C592;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .single_page .content dl:not([class]) dd, .error404 .content dl:not([class]) dd {
    width: 80%;
    padding: 18px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content dl:not([class]) dd, .error404 .content dl:not([class]) dd {
    width: 100%;
    padding: 1.3888888889vw;
    font-size: 2.5925925926vw;
  }
}
.single_page .content ul.link-list, .error404 .content ul.link-list {
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .single_page .content ul.link-list, .error404 .content ul.link-list {
    margin: 30px 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content ul.link-list, .error404 .content ul.link-list {
    margin: 2.7777777778vw 0 2.7777777778vw;
  }
}
@media screen and (min-width: 768px) {
  .single_page .content ul.link-list li + li, .error404 .content ul.link-list li + li {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content ul.link-list li + li, .error404 .content ul.link-list li + li {
    margin-top: 1.3888888889vw;
  }
}
.single_page .content ul.link-list li a, .error404 .content ul.link-list li a {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  color: #A37E39;
}
.single_page .content ul.link-list li a::before, .error404 .content ul.link-list li a::before {
  content: "";
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  margin-right: 0.3em;
  background-color: #A37E39;
  clip-path: polygon(20% 0%, 10% 10%, 50% 50%, 10% 90%, 20% 100%, 70% 50%);
}
@media screen and (min-width: 768px) {
  .single_page .content ul.link-list li a, .error404 .content ul.link-list li a {
    font-size: 16px;
    transition: opacity 0.2s ease-in-out;
  }
  .single_page .content ul.link-list li a:hover, .error404 .content ul.link-list li a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content ul.link-list li a, .error404 .content ul.link-list li a {
    font-size: 2.5925925926vw;
  }
}
.single_page .content iframe.youtube, .error404 .content iframe.youtube {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 768px) {
  .single_page .content iframe.youtube, .error404 .content iframe.youtube {
    margin: 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content iframe.youtube, .error404 .content iframe.youtube {
    margin: 5.5555555556vw 0;
  }
}
.single_page .content hr, .error404 .content hr {
  border: 0;
  width: 100%;
  height: 1px;
  background-color: #D1C592;
}
@media screen and (min-width: 768px) {
  .single_page .content hr, .error404 .content hr {
    margin: 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content hr, .error404 .content hr {
    margin: 2.7777777778vw 0;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content .titwrap, .error404 .content .titwrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 7.4074074074vw;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content .stit, .error404 .content .stit {
    height: 12.037037037vw;
  }
}
.single_page .content p, .error404 .content p {
  font-size: 18px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .single_page .content p, .error404 .content p {
    font-size: 3.1481481481vw;
    padding: 0;
    margin-top: 1.8518518519vw;
  }
}
.single_page .content p strong, .error404 .content p strong {
  font-weight: bold;
}
.single_page .content p small, .error404 .content p small {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .single_page .content p small, .error404 .content p small {
    font-size: 3.3333333333vw;
  }
}
.single_page .content p a, .error404 .content p a {
  text-decoration: underline;
  font-weight: bold;
  transition: color 0.3s;
}
.single_page .content p a:hover, .error404 .content p a:hover {
  color: #000000;
}
.single_page .content .btnwrap_sns, .error404 .content .btnwrap_sns {
  margin: 60px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F2EDE2;
  border-radius: 40px;
  padding: 10px;
  width: 395px;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap_sns, .error404 .content .btnwrap_sns {
    margin: 9.2592592593vw auto 0;
    padding: 2vw;
    width: 80vw;
  }
}
.single_page .content .btnwrap_sns p, .error404 .content .btnwrap_sns p {
  font-size: 14px;
  font-weight: 700;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap_sns p, .error404 .content .btnwrap_sns p {
    font-size: 3.1481481481vw;
    margin: 0 1.8518518519vw 0 0;
  }
}
.single_page .content .btnwrap_sns a, .error404 .content .btnwrap_sns a {
  margin: 0 7px;
  transition: opacity 0.2s;
}
@media screen and (min-width: 768px) {
  .single_page .content .btnwrap_sns a:hover, .error404 .content .btnwrap_sns a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap_sns a, .error404 .content .btnwrap_sns a {
    width: 9vw;
    margin: 0 1vw;
  }
}
.single_page .content .btnwrap, .error404 .content .btnwrap {
  margin-top: 60px;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap, .error404 .content .btnwrap {
    width: 60vw;
    margin: 9.2592592593vw auto 0;
  }
}
.single_page .content .btnwrap > p, .error404 .content .btnwrap > p {
  width: 279px;
  margin: 0;
  flex-grow: 0;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap > p, .error404 .content .btnwrap > p {
    width: auto;
  }
}
.single_page .content .btnwrap .btn, .error404 .content .btnwrap .btn {
  padding: 20px 40px;
  margin: 0 5px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #000;
  color: #000000;
}
@media screen and (min-width: 768px) {
  .single_page .content .btnwrap .btn:hover, .error404 .content .btnwrap .btn:hover {
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .btn, .error404 .content .btnwrap .btn {
    width: 100%;
    margin: 0;
    font-size: 3.1481481481vw;
  }
}
.single_page .content .btnwrap .btn span, .error404 .content .btnwrap .btn span {
  display: inline-block;
}
.single_page .content .btnwrap .back, .error404 .content .btnwrap .back {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .back a, .error404 .content .btnwrap .back a {
    height: 100%;
    padding: 1.8518518519vw 3.7037037037vw 0;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .prev, .error404 .content .btnwrap .prev {
    margin: 0 2vw 0 0;
  }
}
.single_page .content .btnwrap .prev a, .error404 .content .btnwrap .prev a {
  padding: 20px 40px 20px 54px;
  position: relative;
  border-radius: 0 50px 50px 50px;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .prev a, .error404 .content .btnwrap .prev a {
    padding: 0.9259259259vw 4.6296296296vw;
    height: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .single_page .content .btnwrap .prev a:hover, .error404 .content .btnwrap .prev a:hover {
    color: #fff;
  }
}
.single_page .content .btnwrap .prev span, .error404 .content .btnwrap .prev span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .prev span, .error404 .content .btnwrap .prev span {
    display: none;
  }
}
.single_page .content .btnwrap .prev a::before, .error404 .content .btnwrap .prev a::before {
  left: -128%;
  width: 120%;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .prev a::before, .error404 .content .btnwrap .prev a::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .single_page .content .btnwrap .prev a:hover::before, .error404 .content .btnwrap .prev a:hover::before {
    left: -10%;
  }
}
.single_page .content .btnwrap .prev a::after, .error404 .content .btnwrap .prev a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 12px solid #000000;
  border-left: 0;
  position: absolute;
  top: 52%;
  left: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .prev a::after, .error404 .content .btnwrap .prev a::after {
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
    border-right: 2.8vw solid #000000;
  }
}
@media screen and (min-width: 768px) {
  .single_page .content .btnwrap .prev a:hover::after, .error404 .content .btnwrap .prev a:hover::after {
    border-right: 12px solid #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .next, .error404 .content .btnwrap .next {
    margin: 0 0 0 2vw;
  }
}
.single_page .content .btnwrap .next a, .error404 .content .btnwrap .next a {
  padding: 20px 54px 20px 40px;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .next a, .error404 .content .btnwrap .next a {
    position: relative;
    padding: 0.9259259259vw 4.6296296296vw;
    height: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .single_page .content .btnwrap .next a:hover, .error404 .content .btnwrap .next a:hover {
    color: #fff;
  }
}
.single_page .content .btnwrap .next span, .error404 .content .btnwrap .next span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .next span, .error404 .content .btnwrap .next span {
    display: none;
  }
}
.single_page .content .btnwrap .next a::after, .error404 .content .btnwrap .next a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 12px solid #000000;
  border-right: 0;
  position: absolute;
  top: 52%;
  right: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .single_page .content .btnwrap .next a::after, .error404 .content .btnwrap .next a::after {
    top: 52%;
    right: 50%;
    transform: translate(50%, -50%);
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
    border-left: 2.8vw solid #000000;
  }
}
@media screen and (min-width: 768px) {
  .single_page .content .btnwrap .next a:hover::after, .error404 .content .btnwrap .next a:hover::after {
    border-left: 12px solid #ffffff;
  }
}
.single_page .wp-pagenavi, .error404 .wp-pagenavi {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .single_page .wp-pagenavi, .error404 .wp-pagenavi {
    margin-top: 7.4074074074vw;
  }
}
.single_page .wp-pagenavi a, .error404 .wp-pagenavi a {
  padding: 14px 20px 14px 20px;
  margin: 0 5px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  background-color: #A38F39;
  color: #000;
  border: 2px solid #A38F39;
  box-sizing: border-box;
  transition: all 0.2s;
}
@media screen and (min-width: 768px) {
  .single_page .wp-pagenavi a:hover, .error404 .wp-pagenavi a:hover {
    background-color: #252525;
    border: 2px solid #252525;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .single_page .wp-pagenavi a, .error404 .wp-pagenavi a {
    padding: 1.8518518519vw 2.7777777778vw;
    text-align: center;
    margin: 0 0.9259259259vw;
    font-size: 3.8888888889vw;
  }
}
.single_page .wp-pagenavi a span, .error404 .wp-pagenavi a span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .single_page .wp-pagenavi a span, .error404 .wp-pagenavi a span {
    display: none;
  }
}
.single_page .wp-pagenavi .current, .error404 .wp-pagenavi .current {
  padding: 14px 20px 14px 20px;
  margin: 0 5px;
  text-decoration: none;
  background-color: #fff;
  color: #000;
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  border: 2px solid #A38F39;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .single_page .wp-pagenavi .current, .error404 .wp-pagenavi .current {
    padding: 1.8518518519vw 2.7777777778vw;
    margin: 0;
    font-size: 3.8888888889vw;
  }
}
.single_page .wp-pagenavi .previouspostslink, .error404 .wp-pagenavi .previouspostslink {
  padding: 14px 30px 14px 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single_page .wp-pagenavi .previouspostslink, .error404 .wp-pagenavi .previouspostslink {
    margin: 0 2vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .single_page .wp-pagenavi .previouspostslink, .error404 .wp-pagenavi .previouspostslink {
    padding: 1.8518518519vw 2.7777777778vw 1.8518518519vw 6.4814814815vw;
    height: 100%;
    margin: 0;
  }
}
.single_page .wp-pagenavi .previouspostslink::before, .error404 .wp-pagenavi .previouspostslink::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 14px solid #000000;
  border-left: 0;
  position: absolute;
  top: 52%;
  left: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .single_page .wp-pagenavi .previouspostslink::before, .error404 .wp-pagenavi .previouspostslink::before {
    top: 52%;
    left: 4vw;
    transform: translate(-50%, -50%);
    border-top: 1.6vw solid transparent;
    border-bottom: 1.6vw solid transparent;
    border-right: 2.8vw solid #000000;
  }
}
.single_page .wp-pagenavi .previouspostslink:hover::before, .error404 .wp-pagenavi .previouspostslink:hover::before {
  border-right: 14px solid #ffffff;
}
.single_page .wp-pagenavi .nextpostslink, .error404 .wp-pagenavi .nextpostslink {
  padding: 14px 50px 14px 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .single_page .wp-pagenavi .nextpostslink, .error404 .wp-pagenavi .nextpostslink {
    margin: 0 0 0 2vw;
  }
}
@media screen and (max-width: 768px) {
  .single_page .wp-pagenavi .nextpostslink, .error404 .wp-pagenavi .nextpostslink {
    padding: 1.8518518519vw 6.4814814815vw 1.8518518519vw 2.7777777778vw;
    height: 100%;
    margin: 0;
  }
}
.single_page .wp-pagenavi .nextpostslink::after, .error404 .wp-pagenavi .nextpostslink::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #000000;
  border-right: 0;
  position: absolute;
  top: 52%;
  right: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .single_page .wp-pagenavi .nextpostslink::after, .error404 .wp-pagenavi .nextpostslink::after {
    top: 52%;
    right: 4vw;
    transform: translate(50%, -50%);
    border-top: 1.6vw solid transparent;
    border-bottom: 1.6vw solid transparent;
    border-left: 2.8vw solid #000000;
  }
}
.single_page .wp-pagenavi .nextpostslink:hover::after, .error404 .wp-pagenavi .nextpostslink:hover::after {
  border-left: 14px solid #ffffff;
}
.single_page .bannerwrap, .error404 .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .single_page .bannerwrap, .error404 .bannerwrap {
    margin-top: 10vw;
  }
}
.single_page .bannerwrap .banner_contact img, .error404 .bannerwrap .banner_contact img {
  width: 717px;
  display: block;
  margin: 0 auto;
}

.error404 .sec_tit {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .error404 .sec_tit {
    margin-bottom: 4.6296296296vw;
  }
}
@media screen and (max-width: 768px) {
  .error404 .center {
    text-align: left;
  }
}

.event_archive {
  padding-top: 79px;
}
@media screen and (max-width: 768px) {
  .event_archive {
    padding-top: 16vw;
  }
}
.event_archive .sec_tit {
  background-image: url(../img/business/bg_business.svg);
  background-repeat: no-repeat;
  background-size: 110% auto;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_tit {
    background-size: contain;
    background-size: 120% auto;
    background-position: -5vw 0;
  }
}
.event_archive .sec_tit .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 200px;
  margin: 0 auto;
  padding: 85px 0 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_tit .tit {
    width: 100%;
    height: 33.1481481481vw;
    padding: 11.1111111111vw 0 0 0vw;
    background-size: 34%;
    transform: translate(0, 0);
  }
}
.event_archive .sec_tit .tit img {
  display: inline-block;
  width: 70px;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_tit .tit img {
    height: 2.7777777778vw;
  }
}
.event_archive .sec_tit .tit span {
  font-size: 40px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_tit .tit span {
    font-size: 5.5555555556vw;
    margin-top: 0.9259259259vw;
  }
}
.event_archive p {
  position: relative;
  z-index: 2;
}
.event_archive .btn, .event_archive .btn_l {
  position: relative;
  z-index: 2;
}
.event_archive .sec_event_archive {
  margin-top: 60px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive {
    margin-top: 0vw;
    margin-bottom: 20vw;
  }
}
.event_archive .sec_event_archive::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: calc(100% - 180px);
  top: 120px;
  background-color: #EAE0C6;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive::before {
    height: calc(100% - 60vw);
    top: 24vw;
  }
}
.event_archive .sec_event_archive .inner {
  padding: 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive .inner {
    padding: 0 5vw;
  }
}
.event_archive .sec_event_archive .flexbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 5;
}
.event_archive .sec_event_archive .flexbox::after {
  content: "";
  display: block;
  width: 345px;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive .flexbox::after {
    display: none;
  }
}
.event_archive .sec_event_archive .flexbox .item {
  width: 345px;
  position: relative;
  background-color: #fff;
  margin-top: 40px;
  border: 1px solid #e1d7bc;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive .flexbox .item {
    width: 100%;
    margin-top: 15vw;
  }
}
.event_archive .sec_event_archive .flexbox .item a:hover .pic img {
  transform: scale(1.05);
}
.event_archive .sec_event_archive .flexbox .item a:hover .item_tit, .event_archive .sec_event_archive .flexbox .item a:hover .txt {
  color: #A37E39;
}
.event_archive .sec_event_archive .flexbox .item a:hover .btn_s::before {
  left: 0;
}
.event_archive .sec_event_archive .flexbox .item .pic {
  overflow: hidden;
}
.event_archive .sec_event_archive .flexbox .item .pic img {
  transition: all 0.3s;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.event_archive .sec_event_archive .flexbox .item .txtbox {
  padding: 12px 20px 30px;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive .flexbox .item .txtbox {
    padding: 4vw 4vw 8vw;
  }
}
.event_archive .sec_event_archive .flexbox .item .tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  display: inline-block;
  background-color: #fff;
  color: #BB9A5C;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 12px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive .flexbox .item .tag {
    font-size: 3.1481481481vw;
    padding: 1.8518518519vw 2.7777777778vw;
  }
}
.event_archive .sec_event_archive .flexbox .item .date {
  color: #BB9A5C;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-indent: -4.6em;
  padding-left: 4.6em;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive .flexbox .item .date {
    font-size: 3.5185185185vw;
  }
}
.event_archive .sec_event_archive .flexbox .item .date span {
  color: #fff;
  background-color: #BB9A5C;
  font-size: 12px;
  font-weight: 700;
  padding: 2px 5px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive .flexbox .item .date span {
    font-size: 2.7777777778vw;
    padding: 0.5555555556vw 1.1111111111vw;
    margin-right: 2.7777777778vw;
  }
}
.event_archive .sec_event_archive .flexbox .item .item_tit {
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px;
  display: inline-block;
  line-height: 1.4;
  transition: all 0.1s;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive .flexbox .item .item_tit {
    font-size: 3.8888888889vw;
    margin-top: 2.2222222222vw;
  }
}
.event_archive .sec_event_archive .flexbox .item .txt {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 4px;
  transition: all 0.1s;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive .flexbox .item .txt {
    font-size: 3.5185185185vw;
    margin-top: 1.1111111111vw;
  }
}
.event_archive .sec_event_archive .flexbox .item .btn_s {
  position: absolute;
  right: -10px;
  bottom: -16px;
}
@media screen and (max-width: 768px) {
  .event_archive .sec_event_archive .flexbox .item .btn_s {
    right: 0;
    bottom: -4vw;
  }
}
.event_archive .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .event_archive .bannerwrap {
    margin-top: 10vw;
  }
}
.event_archive .bannerwrap .banner_contact img {
  width: 717px;
  display: block;
  margin: 0 auto;
}

.sns {
  padding-top: 79px;
}
@media screen and (max-width: 768px) {
  .sns {
    padding-top: 16vw;
  }
}
.sns .sec_tit {
  background-image: url(../img/tit_bg_page.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .sns .sec_tit {
    background-image: url(../img/tit_bg_page_sp.svg);
  }
}
.sns .sec_tit .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  height: 100px;
  margin: 0 auto;
  padding: 30px 0 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sns .sec_tit .tit {
    width: 100%;
    height: 14.6296296296vw;
    padding: 1.4814814815vw 0 0 0vw;
    transform: translate(0, 0);
  }
}
.sns .sec_tit .tit img {
  display: inline-block;
  height: 14px;
}
@media screen and (max-width: 768px) {
  .sns .sec_tit .tit img {
    height: 2.4074074074vw;
  }
}
.sns .sec_tit .tit span {
  font-size: 24px;
  font-weight: 700;
  display: block;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .sns .sec_tit .tit span {
    font-size: 4.6296296296vw;
    margin-top: 0.9259259259vw;
  }
}
.sns .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .sns .inner {
    width: 100%;
    padding: 0 5.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .sns hr {
    margin-top: 12.962962963vw;
    margin-bottom: 12.962962963vw;
  }
}
.sns .stit {
  height: 130px;
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  background-image: url(../img/head_bg_br.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 60px 0 0;
  margin-top: 60px;
}
.sns .stit.wt {
  background-image: url(../img/head_bg_wt.svg);
}
@media screen and (max-width: 768px) {
  .sns .stit {
    font-size: 4.6296296296vw;
    padding: 6vw 0 0;
    height: 17vw;
    width: 100%;
    margin: 6vw auto 0;
  }
}
.sns .stit .s {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .sns .stit .s {
    font-size: 4.2592592593vw;
  }
}
.sns h3 {
  font-size: 24px;
  line-height: 1.4;
  text-wrap: inherit;
  text-align: center;
  margin-bottom: 10px;
  background: url(../img/triangle_br.svg) center center no-repeat;
  background-size: contain;
  padding: 36px 0 10px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .sns h3 {
    font-size: 4.6296296296vw;
    margin-bottom: 1.8518518519vw;
    margin-top: 3.7037037037vw;
  }
}
.sns .name {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .sns .name {
    font-size: 3.1481481481vw;
  }
}
.sns .company {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .sns .company {
    font-size: 3.1481481481vw;
  }
}
.sns figure {
  margin: 30px 0;
}
.sns figure.kv {
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .sns figure.kv {
    margin: 0 0 3.7037037037vw;
  }
}
@media screen and (max-width: 768px) {
  .sns figure {
    margin: 5.5555555556vw 0;
  }
}
.sns figure img {
  max-height: 720px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sns figure img {
    max-height: 90vw;
  }
}
@media screen and (max-width: 768px) {
  .sns .titwrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 7.4074074074vw;
  }
}
.sns p {
  font-size: 18px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .sns p {
    font-size: 3.7037037037vw;
    padding: 0;
    margin-top: 1.8518518519vw;
  }
}
.sns p strong {
  font-weight: bold;
}
.sns p small {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .sns p small {
    font-size: 3.3333333333vw;
  }
}
.sns p a {
  text-decoration: underline;
  font-weight: bold;
  transition: color 0.3s;
}
.sns p a:hover {
  color: #000000;
}
.sns .btnwrap {
  margin-top: 30px;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .sns .btnwrap {
    margin-top: 2.7777777778vw;
  }
}
.sns .btnwrap.item3::after {
  content: "";
  display: block;
  width: 40%;
}
.sns .btnwrap p {
  margin: 0;
}
.sns .btnwrap .btn {
  width: 410px;
  padding: 20px 40px;
  margin: 0 10px 30px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #999999;
  color: #000000;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .sns .btnwrap .btn:hover {
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .btn {
    width: 100%;
    padding: 3.7037037037vw 10.1851851852vw 3.7037037037vw 3.7037037037vw;
    margin: 0 1.8518518519vw 3.7037037037vw;
    font-size: 3.8888888889vw;
  }
}
.sns .btnwrap .btn::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 12px solid #000000;
  border-right: 0;
  position: absolute;
  top: 52%;
  right: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .btn::after {
    top: 52%;
    right: 6vw;
    transform: translate(50%, -50%);
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
    border-left: 2.8vw solid #000000;
  }
}
.sns .btnwrap .btn img {
  margin-right: 10px;
  position: relative;
  z-index: 10;
  width: 40px;
  height: 40px;
}
.sns .btnwrap .btn img.youtube {
  width: 40px;
  height: 28px;
}
.sns .btnwrap .btn img.insta {
  width: 38px;
  height: 38px;
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .btn img {
    margin-right: 1.8518518519vw;
    width: 7.4074074074vw;
    height: 7.4074074074vw;
  }
  .sns .btnwrap .btn img.insta {
    width: 6.4814814815vw;
    height: 6.4814814815vw;
  }
}
.sns .btnwrap .btn span {
  display: inline-block;
}
.sns .btnwrap .btn:hover::after {
  border-left: 12px solid #fff;
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .back {
    height: 100%;
    padding: 1.8518518519vw 3.7037037037vw 0;
  }
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .prev {
    margin: 0 2vw 0 0;
  }
}
.sns .btnwrap .prev a {
  padding: 20px 40px 20px 54px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .prev a {
    padding: 0.9259259259vw 4.6296296296vw;
    height: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .sns .btnwrap .prev a:hover {
    color: #fff;
  }
}
.sns .btnwrap .prev span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .prev span {
    display: none;
  }
}
.sns .btnwrap .prev a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 12px solid #000000;
  border-left: 0;
  position: absolute;
  top: 52%;
  left: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .prev a::after {
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
    border-right: 2.8vw solid #000000;
  }
}
@media screen and (min-width: 768px) {
  .sns .btnwrap .prev a:hover::after {
    border-right: 12px solid #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .next {
    margin: 0 0 0 2vw;
  }
}
.sns .btnwrap .next a {
  padding: 20px 54px 20px 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .next a {
    padding: 0.9259259259vw 4.6296296296vw;
    height: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .sns .btnwrap .next a:hover {
    color: #fff;
  }
}
.sns .btnwrap .next span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .next span {
    display: none;
  }
}
.sns .btnwrap .next a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 12px solid #000000;
  border-right: 0;
  position: absolute;
  top: 52%;
  right: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .sns .btnwrap .next a::after {
    top: 52%;
    right: 50%;
    transform: translate(50%, -50%);
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
    border-left: 2.8vw solid #000000;
  }
}
@media screen and (min-width: 768px) {
  .sns .btnwrap .next a:hover::after {
    border-left: 12px solid #ffffff;
  }
}
.sns .wp-pagenavi {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .sns .wp-pagenavi {
    margin-top: 7.4074074074vw;
  }
}
.sns .wp-pagenavi a {
  padding: 14px 20px 14px 20px;
  margin: 0 5px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  background-color: #A38F39;
  color: #000;
  border: 2px solid #A38F39;
  box-sizing: border-box;
  transition: all 0.2s;
}
@media screen and (min-width: 768px) {
  .sns .wp-pagenavi a:hover {
    background-color: #252525;
    border: 2px solid #252525;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .sns .wp-pagenavi a {
    padding: 1.8518518519vw 2.7777777778vw;
    text-align: center;
    margin: 0 0.9259259259vw;
    font-size: 3.8888888889vw;
  }
}
.sns .wp-pagenavi a span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .sns .wp-pagenavi a span {
    display: none;
  }
}
.sns .wp-pagenavi .current {
  padding: 14px 20px 14px 20px;
  margin: 0 5px;
  text-decoration: none;
  background-color: #fff;
  color: #000;
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  border: 2px solid #A38F39;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .sns .wp-pagenavi .current {
    padding: 1.8518518519vw 2.7777777778vw;
    margin: 0;
    font-size: 3.8888888889vw;
  }
}
.sns .wp-pagenavi .previouspostslink {
  padding: 14px 30px 14px 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sns .wp-pagenavi .previouspostslink {
    margin: 0 2vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .sns .wp-pagenavi .previouspostslink {
    padding: 1.8518518519vw 2.7777777778vw 1.8518518519vw 6.4814814815vw;
    height: 100%;
    margin: 0;
  }
}
.sns .wp-pagenavi .previouspostslink::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 14px solid #000000;
  border-left: 0;
  position: absolute;
  top: 52%;
  left: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .sns .wp-pagenavi .previouspostslink::before {
    top: 52%;
    left: 4vw;
    transform: translate(-50%, -50%);
    border-top: 1.6vw solid transparent;
    border-bottom: 1.6vw solid transparent;
    border-right: 2.8vw solid #000000;
  }
}
.sns .wp-pagenavi .previouspostslink:hover::before {
  border-right: 14px solid #ffffff;
}
.sns .wp-pagenavi .nextpostslink {
  padding: 14px 50px 14px 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .sns .wp-pagenavi .nextpostslink {
    margin: 0 0 0 2vw;
  }
}
@media screen and (max-width: 768px) {
  .sns .wp-pagenavi .nextpostslink {
    padding: 1.8518518519vw 6.4814814815vw 1.8518518519vw 2.7777777778vw;
    height: 100%;
    margin: 0;
  }
}
.sns .wp-pagenavi .nextpostslink::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #000000;
  border-right: 0;
  position: absolute;
  top: 52%;
  right: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .sns .wp-pagenavi .nextpostslink::after {
    top: 52%;
    right: 4vw;
    transform: translate(50%, -50%);
    border-top: 1.6vw solid transparent;
    border-bottom: 1.6vw solid transparent;
    border-left: 2.8vw solid #000000;
  }
}
.sns .wp-pagenavi .nextpostslink:hover::after {
  border-left: 14px solid #ffffff;
}
.sns .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .sns .bannerwrap {
    margin-top: 10vw;
  }
}
.sns .bannerwrap .banner_contact img {
  width: 717px;
  display: block;
  margin: 0 auto;
}

.recruit {
  padding-top: 79px;
}
@media screen and (max-width: 768px) {
  .recruit {
    padding-top: 16vw;
  }
}
.recruit .sec_tit {
  background-image: url(../img/tit_bg_page.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .recruit .sec_tit {
    background-image: url(../img/tit_bg_page_sp.svg);
  }
}
.recruit .sec_tit .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  height: 100px;
  margin: 0 auto;
  padding: 30px 0 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recruit .sec_tit .tit {
    width: 100%;
    height: 14.6296296296vw;
    padding: 1.4814814815vw 0 0 0vw;
    transform: translate(0, 0);
  }
}
.recruit .sec_tit .tit img {
  display: inline-block;
  height: 14px;
}
@media screen and (max-width: 768px) {
  .recruit .sec_tit .tit img {
    height: 2.4074074074vw;
  }
}
.recruit .sec_tit .tit span {
  font-size: 24px;
  font-weight: 700;
  display: block;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .recruit .sec_tit .tit span {
    font-size: 4.6296296296vw;
    margin-top: 0.9259259259vw;
  }
}
.recruit .sec1 .inner {
  width: 800px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .recruit .sec1 .inner {
    width: 100%;
    padding: 0 5.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit hr {
    margin-top: 12.962962963vw;
    margin-bottom: 12.962962963vw;
  }
}
.recruit .stit {
  height: 130px;
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  background-image: url(../img/head_bg_br.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 50px 0 0;
  line-height: 1.4;
  margin-top: 60px;
}
.recruit .stit.wt {
  background-image: url(../img/head_bg_wt.svg);
}
@media screen and (max-width: 768px) {
  .recruit .stit {
    font-size: 4.6296296296vw;
    padding: 6vw 0 0;
    height: 17vw;
    width: 100%;
    margin: 6vw auto 0;
  }
}
.recruit .stit .s {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .recruit .stit .s {
    font-size: 4.2592592593vw;
  }
}
.recruit p {
  font-size: 18px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .recruit p {
    font-size: 3.7037037037vw;
    padding: 0;
    margin-top: 5.5555555556vw;
  }
}
.recruit p strong {
  font-weight: bold;
}
.recruit p small {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .recruit p small {
    font-size: 3.3333333333vw;
  }
}
.recruit p a {
  text-decoration: underline;
  font-weight: bold;
  transition: color 0.3s;
}
.recruit p a:hover {
  color: #000000;
}
.recruit .btnwrap {
  margin-top: 30px;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap {
    margin-top: 5.5555555556vw;
  }
}
.recruit .btnwrap.item3::after {
  content: "";
  display: block;
  width: 40%;
}
.recruit .btnwrap p {
  margin: 0;
}
.recruit .btnwrap .btn {
  width: 247px;
  padding: 20px 40px;
  margin: 0 10px 30px;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .recruit .btnwrap .btn:hover {
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap .btn {
    width: 100%;
    padding: 3.7037037037vw;
    margin: 0 1.8518518519vw 3.7037037037vw;
    font-size: 3.8888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap .back {
    height: 100%;
    padding: 1.8518518519vw 3.7037037037vw 0;
  }
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap .prev {
    margin: 0 2vw 0 0;
  }
}
.recruit .btnwrap .prev a {
  padding: 20px 40px 20px 54px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap .prev a {
    padding: 0.9259259259vw 4.6296296296vw;
    height: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .recruit .btnwrap .prev a:hover {
    color: #fff;
  }
}
.recruit .btnwrap .prev span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap .prev span {
    display: none;
  }
}
.recruit .btnwrap .prev a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 12px solid #000000;
  border-left: 0;
  position: absolute;
  top: 52%;
  left: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap .prev a::after {
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
    border-right: 2.8vw solid #000000;
  }
}
@media screen and (min-width: 768px) {
  .recruit .btnwrap .prev a:hover::after {
    border-right: 12px solid #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap .next {
    margin: 0 0 0 2vw;
  }
}
.recruit .btnwrap .next a {
  padding: 20px 54px 20px 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap .next a {
    padding: 0.9259259259vw 4.6296296296vw;
    height: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .recruit .btnwrap .next a:hover {
    color: #fff;
  }
}
.recruit .btnwrap .next span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap .next span {
    display: none;
  }
}
.recruit .btnwrap .next a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 12px solid #000000;
  border-right: 0;
  position: absolute;
  top: 52%;
  right: 25px;
  transform: translate(0, -50%);
  transition: all 0.2s;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .recruit .btnwrap .next a::after {
    top: 52%;
    right: 50%;
    transform: translate(50%, -50%);
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
    border-left: 2.8vw solid #000000;
  }
}
@media screen and (min-width: 768px) {
  .recruit .btnwrap .next a:hover::after {
    border-left: 12px solid #ffffff;
  }
}
.recruit .sec2 {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 {
    margin-top: 18.5185185185vw;
  }
}
.recruit .sec2 .inner {
  padding: 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .inner {
    padding: 0 5vw;
  }
}
.recruit .sec2 .inner .triangle1 {
  top: -100px;
  left: 350px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .inner .triangle1 {
    top: 87.962962963vw;
    left: 9.2592592593vw;
  }
}
.recruit .sec2 .inner .triangle2 {
  top: 0px;
  right: -100px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .inner .triangle2 {
    top: 87.962962963vw;
    right: 9.2592592593vw;
  }
}
.recruit .sec2 .inner .triangle3 {
  top: 450px;
  left: 150px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .inner .triangle3 {
    top: 13.8888888889vw;
    left: 9.2592592593vw;
  }
}
.recruit .sec2 .inner .triangle4 {
  bottom: 900px;
  right: 150px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .inner .triangle4 {
    bottom: 143.5185185185vw;
    right: 74.0740740741vw;
  }
}
.recruit .sec2 .inner .triangle5 {
  bottom: 500px;
  right: 450px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .inner .triangle5 {
    bottom: 194.4444444444vw;
    right: 0vw;
  }
}
.recruit .sec2 .itemwrap {
  position: relative;
  z-index: 2;
}
.recruit .sec2 .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item {
    margin-top: 12.962962963vw;
    flex-direction: column;
  }
  .recruit .sec2 .item:nth-child(1) {
    margin-top: 9.2592592593vw;
  }
}
.recruit .sec2 .item:nth-child(1) h3 {
  padding-left: 50px;
}
.recruit .sec2 .item:nth-child(1) h3::before {
  width: 90px;
  height: 110px;
}
.recruit .sec2 .item:nth-child(1) h3 img {
  width: 30px;
}
.recruit .sec2 .item:nth-child(2) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item:nth-child(2) {
    flex-direction: column;
  }
}
.recruit .sec2 .item:nth-child(2) .txt {
  margin-left: 0;
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item:nth-child(2) .txt {
    width: 76vw;
    margin-right: 0vw;
    margin-left: 13.8888888889vw;
    padding-top: 5.5555555556vw;
  }
}
.recruit .sec2 .item:nth-child(2) .txt h3 {
  padding-left: 60px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item:nth-child(2) .txt h3 {
    padding-top: 2.7777777778vw;
    padding-left: 13.8888888889vw;
  }
}
.recruit .sec2 .item:nth-child(2) .txt h3::before {
  width: 90px;
  height: 110px;
}
.recruit .sec2 .item:nth-child(2) .txt h3 img {
  width: 44px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item:nth-child(2) .txt p {
    margin-top: 7.4074074074vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item:nth-child(3) .txt {
    width: 76vw;
    margin-right: 0vw;
    margin-left: 13.8888888889vw;
    padding-top: 5.5555555556vw;
  }
}
.recruit .sec2 .item:nth-child(3) .txt h3 {
  padding-left: 60px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item:nth-child(3) .txt h3 {
    padding-top: 2.7777777778vw;
    padding-left: 13.8888888889vw;
  }
}
.recruit .sec2 .item:nth-child(3) .txt h3::before {
  width: 90px;
  height: 110px;
}
.recruit .sec2 .item:nth-child(3) .txt h3 img {
  width: 44px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item:nth-child(3) .txt p {
    margin-top: 7.4074074074vw;
  }
}
.recruit .sec2 .item .pic {
  width: 500px;
  position: relative;
  z-index: 3;
  transform: skew(-8deg);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item .pic {
    width: 100%;
    margin-left: -10vw;
  }
}
.recruit .sec2 .item .pic img {
  transform: skew(8deg) scale(1.1);
}
.recruit .sec2 .item .txt {
  width: 578px;
  margin-left: 40px;
  position: relative;
  z-index: 3;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item .txt {
    width: 76vw;
    margin-right: 0vw;
    margin-left: 13.8888888889vw;
    padding-top: 5.5555555556vw;
    margin-top: 2.7777777778vw;
  }
}
.recruit .sec2 .item .txt h3 {
  font-size: 24px;
  font-weight: 700;
  position: relative;
  line-height: 1.4;
}
.recruit .sec2 .item .txt h3::before {
  content: "";
  display: block;
  position: absolute;
  top: -24px;
  left: -14px;
  background: url(../img/triangle_br.svg) top left no-repeat;
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item .txt h3 {
    font-size: 4.6296296296vw;
  }
}
.recruit .sec2 .item .txt h3 img {
  position: absolute;
  top: 6px;
  left: 0;
  z-index: 3;
}
.recruit .sec2 .item .txt h3 span {
  position: relative;
  z-index: 4;
}
.recruit .sec2 .item .txt p {
  margin-top: 40px;
  font-size: 16px;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item .txt p {
    margin-top: 7.4074074074vw;
    font-size: 3.5185185185vw;
    line-height: 1.8;
  }
}
.recruit .sec2 .item .txt .btn_l {
  position: absolute;
  right: -80px;
  bottom: -20px;
}
@media screen and (max-width: 768px) {
  .recruit .sec2 .item .txt .btn_l {
    right: 0;
    bottom: -16.6666666667vw;
  }
}
.recruit .sec4 {
  margin-top: 120px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #EAE0C6;
}
@media screen and (max-width: 768px) {
  .recruit .sec4 {
    margin-top: 10vw;
    padding-top: 4vw;
    padding-bottom: 12vw;
  }
}
.recruit .sec4 .stit {
  padding: 60px 0 30px;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .recruit .sec4 .stit {
    padding: 5.5555555556vw 0 2.7777777778vw;
  }
}
.recruit .sec4 .inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .recruit .sec4 .inner {
    padding: 0 5vw;
  }
}
.recruit .sec4 .inner p {
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .recruit .sec4 .inner p {
    margin-top: 4vw;
    text-align: left;
  }
}
.recruit .sec4 .btnwrap {
  margin-top: 30px;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .recruit .sec4 .btnwrap {
    margin-top: 6vw;
    justify-content: space-between;
  }
}
.recruit .sec4 .btnwrap .btn {
  width: 750px;
  padding: 20px 40px;
  margin: 0 auto 20px;
  text-decoration: none;
  background-color: #000000;
  color: #fff;
  text-align: left;
  position: relative;
  display: block;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .recruit .sec4 .btnwrap .btn:hover {
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .recruit .sec4 .btnwrap .btn {
    width: 100%;
    padding: 3.7037037037vw 3.7037037037vw 3.7037037037vw 6.4814814815vw;
    margin: 0 0 3.7037037037vw;
    font-size: 3.8888888889vw;
  }
}
.recruit .sec4 .btnwrap .btn img {
  margin-right: 10px;
  position: relative;
  z-index: 10;
  width: 40px;
  height: 40px;
}
.recruit .sec4 .btnwrap .btn img.insta {
  width: 38px;
  height: 38px;
}
@media screen and (max-width: 768px) {
  .recruit .sec4 .btnwrap .btn img {
    margin-right: 1.8518518519vw;
    width: 7.4074074074vw;
    height: 7.4074074074vw;
  }
  .recruit .sec4 .btnwrap .btn img.insta {
    width: 6.4814814815vw;
    height: 6.4814814815vw;
  }
}
.recruit .sec4 .btnwrap .btn span {
  display: inline-block;
}
.recruit .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .recruit .bannerwrap {
    margin-top: 10vw;
  }
}
.recruit .bannerwrap .banner_contact img {
  width: 717px;
  display: block;
  margin: 0 auto;
}

.privacypolicy {
  padding-top: 79px;
}
@media screen and (max-width: 768px) {
  .privacypolicy {
    padding-top: 16vw;
  }
}
.privacypolicy .sec_tit {
  background-image: url(../img/tit_bg_page.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .privacypolicy .sec_tit {
    background-image: url(../img/tit_bg_page_sp.svg);
  }
}
.privacypolicy .sec_tit .inner {
  padding: 0;
}
.privacypolicy .sec_tit .tit {
  background-image: url(../img/symbol_lite.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  height: 100px;
  margin: 0 auto;
  padding: 30px 0 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .privacypolicy .sec_tit .tit {
    width: 100%;
    height: 14.6296296296vw;
    padding: 1.4814814815vw 0 0 0vw;
    transform: translate(0, 0);
  }
}
.privacypolicy .sec_tit .tit img {
  display: inline-block;
  height: 14px;
}
@media screen and (max-width: 768px) {
  .privacypolicy .sec_tit .tit img {
    height: 2.4074074074vw;
  }
}
.privacypolicy .sec_tit .tit span {
  font-size: 24px;
  font-weight: 700;
  display: block;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .privacypolicy .sec_tit .tit span {
    font-size: 4.6296296296vw;
    margin-top: 0.9259259259vw;
  }
}
.privacypolicy .inner {
  width: 850px;
  padding: 80px 0 0;
}
@media screen and (max-width: 768px) {
  .privacypolicy .inner {
    width: 100%;
    padding: 5.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .privacypolicy hr {
    margin-top: 12.962962963vw;
    margin-bottom: 12.962962963vw;
  }
}
.privacypolicy h2 {
  font-size: 18px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .privacypolicy h2 {
    font-size: 3.7037037037vw;
    margin-top: 7.4074074074vw;
  }
}
.privacypolicy p {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .privacypolicy p {
    margin-top: 1.8518518519vw;
  }
}
.privacypolicy .attention2 {
  background-color: #F8F8F8;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .privacypolicy .attention2 {
    font-size: 16px;
    margin: 60px 0 0;
    padding: 20px 40px;
  }
}
@media screen and (max-width: 768px) {
  .privacypolicy .attention2 {
    font-size: 3.1481481481vw;
    margin: 6.4814814815vw 0 0;
    padding: 3.7037037037vw 4.6296296296vw;
    text-align: left;
  }
}
.privacypolicy .attention2 a {
  text-decoration: underline;
}
.privacypolicy .attention2 a:hover {
  opacity: 0.7;
}
.privacypolicy .bannerwrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .privacypolicy .bannerwrap {
    margin-top: 10vw;
  }
}
.privacypolicy .bannerwrap .banner_contact img {
  width: 717px;
  display: block;
  margin: 0 auto;
}/*# sourceMappingURL=style.css.map */