@charset "UTF-8";
/*CSSDocument*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/* mix in base
===============================================================*/
/*
html$--------------------------------------------------------*/
html {
  font-size: 62.5%;
}

* {
  margin: 0px;
  padding: 0px;
}

body {
  color: #060606;
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  min-width: 320px;
  position: relative;
  transition: all ease 0.4s;
}

body.openMenu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  transition: all ease 0.4s;
  overflow-y: scroll;
  background: #f8efe7;
}

a {
  color: #204d83;
  text-decoration: none;
}

a:visited {
  color: #204d83;
  text-decoration: none;
}

a:hover {
  color: #204d83;
  text-decoration: underline;
}

a:active {
  color: #195c9e;
  text-decoration: underline;
}

ul {
  list-style: none;
}

a:hover img {
  opacity: 0.7 !important;
  transition: all 0.2s linear;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

@media screen and (max-width: 767px) {
  a:hover img {
    opacity: 1 !important;
  }
}
.sp {
  display: none;
}

.pc {
  display: block;
}

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

@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}
/* share master
===============================================================*/
.ly-inner {
  max-width: 1180px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

main {
  position: relative;
  padding-top: 130px;
}

main.yellow {
  background: url(../images/yellowBack.svg) no-repeat center top;
}

main.blue {
  background: url(../images/blueBack.svg) no-repeat center top;
}

main.pink {
  background: url(../images/pinkBack.svg) no-repeat center top;
}

@media screen and (max-width: 767px) {
  .lyInner {
    width: 100%;
    min-width: 100%;
    padding: 0 5%;
  }
  main {
    position: relative;
    padding-top: 60px;
  }
  main.yellow {
    background: url(../images/yellowBack_sp.svg) no-repeat center top 30px/100%;
  }
  main.blue {
    background: url(../images/blueBack_sp.svg) no-repeat center top 30px/100%;
  }
  main.pink {
    background: url(../images/pinkBack_sp.svg) no-repeat center top 30px/100%;
  }
}
/* header
===============================================================*/
header {
  height: 130px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  position: fixed;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  transition: all ease 0.4s;
}

.second header {
  background: none;
}

header.is-scroll {
  height: 80px;
  transition: all ease 0.4s;
}

.second header.is-scroll {
  background-color: #fff;
}

header .logo {
  padding: 30px 0 0 23px;
  transition: all ease 0.4s;
}

header.is-scroll .logo {
  padding: 18px 0 0 23px;
  width: 150px;
  transition: all ease 0.4s;
}

.gnavi {
  margin-bottom: 28px;
  align-self: flex-end;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto auto 28px;
}

header.is-scroll .gnavi {
  margin-bottom: 28px;
  align-self: flex-end;
  position: absolute;
  left: 200px;
  right: 200px;
  margin: auto auto 28px;
}

.gnavi ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
}

.gnavi ul li {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  border-right: 1px solid #000000;
}

.gnavi ul li:last-child {
  border-right: none;
}

.gnavi ul li a {
  color: #000000;
  padding: 0 1em;
}

.lang {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 30px 20px 0 0;
}

.lang ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}

.lang ul li {
  margin-left: 20px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
}

.lang ul li a {
  color: #000000;
  padding: 0.2em 0 0.2em 1.7em;
}

.lang ul li a.ja {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1390%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201390%22%20transform%3D%22translate(-1414%20-26)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_1%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%20transform%3D%22translate(1414%2026)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%228.5%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22%20transform%3D%22translate(1419%2031)%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 50%;
}

.lang ul li a.en {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1391%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201391%22%20transform%3D%22translate(-1514%20-26)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204%22%20transform%3D%22translate(-2128)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011%22%20d%3D%22M3644.027%2C32.236a23.868%2C23.868%2C0%2C0%2C1%2C3.572-.635%2C23.749%2C23.749%2C0%2C0%2C1%2C.635-3.571A7.555%2C7.555%2C0%2C0%2C0%2C3644.027%2C32.236Z%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_12%22%20data-name%3D%22%E3%83%91%E3%82%B9%2012%22%20d%3D%22M3653.207%2C32.916c0-.04-.006-.075-.008-.117-.687-.045-1.42-.072-2.2-.072s-1.515.027-2.2.074c-.045.687-.07%2C1.421-.07%2C2.2q0%2C1.1.063%2C2.078l0%2C0c0%2C.041.007.077.008.118.688.045%2C1.419.072%2C2.2.072s1.514-.027%2C2.2-.075c.046-.687.071-1.42.071-2.2%2C0-.736-.022-1.426-.065-2.078Z%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_13%22%20data-name%3D%22%E3%83%91%E3%82%B9%2013%22%20d%3D%22M3651.029%2C38.578H3651c-.711%2C0-1.4-.023-2.078-.065a20.157%2C20.157%2C0%2C0%2C0%2C.8%2C3.877%2C7.57%2C7.57%2C0%2C0%2C0%2C2.56%2C0%2C20.208%2C20.208%2C0%2C0%2C0%2C.8-3.88c-.666.041-1.353.062-2.055.064Z%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_14%22%20data-name%3D%22%E3%83%91%E3%82%B9%2014%22%20d%3D%22M3647.425%2C35q0-1.07.066-2.085a21.441%2C21.441%2C0%2C0%2C0-3.074.564.14.14%2C0%2C0%2C1-.025.007c-.279.074-.54.151-.78.23a7.4%2C7.4%2C0%2C0%2C0-.1%2C1.043c0%2C.078-.011.156-.011.238a7.6%2C7.6%2C0%2C0%2C0%2C.112%2C1.279%2C19.9%2C19.9%2C0%2C0%2C0%2C3.879.8C3647.448%2C36.409%2C3647.425%2C35.715%2C3647.425%2C35Z%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_15%22%20data-name%3D%22%E3%83%91%E3%82%B9%2015%22%20d%3D%22M3657.97%2C32.232a7.553%2C7.553%2C0%2C0%2C0-4.2-4.2%2C23.541%2C23.541%2C0%2C0%2C1%2C.632%2C3.567A23.47%2C23.47%2C0%2C0%2C1%2C3657.97%2C32.232Z%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_16%22%20data-name%3D%22%E3%83%91%E3%82%B9%2016%22%20d%3D%22M3650.972%2C31.422H3651q1.066%2C0%2C2.077.066a19.834%2C19.834%2C0%2C0%2C0-.8-3.878%2C7.469%2C7.469%2C0%2C0%2C0-2.56%2C0%2C20.031%2C20.031%2C0%2C0%2C0-.8%2C3.881q1-.065%2C2.055-.065Z%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_17%22%20data-name%3D%22%E3%83%91%E3%82%B9%2017%22%20d%3D%22M3644.03%2C37.77a7.559%2C7.559%2C0%2C0%2C0%2C4.2%2C4.2%2C23.914%2C23.914%2C0%2C0%2C1-.633-3.566A23.866%2C23.866%2C0%2C0%2C1%2C3644.03%2C37.77Z%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_18%22%20data-name%3D%22%E3%83%91%E3%82%B9%2018%22%20d%3D%22M3658.39%2C33.72a19.941%2C19.941%2C0%2C0%2C0-3.879-.8c.041.673.065%2C1.367.065%2C2.077s-.024%2C1.409-.067%2C2.086a21.811%2C21.811%2C0%2C0%2C0%2C3.077-.565l.022-.007c.28-.075.539-.152.781-.23a7.551%2C7.551%2C0%2C0%2C0%2C.1-1.04c0-.081.013-.159.013-.239A7.717%2C7.717%2C0%2C0%2C0%2C3658.39%2C33.72Z%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019%22%20d%3D%22M3653.766%2C41.969a7.532%2C7.532%2C0%2C0%2C0%2C4.2-4.2%2C23.756%2C23.756%2C0%2C0%2C1-3.57.634A23.717%2C23.717%2C0%2C0%2C1%2C3653.766%2C41.969Z%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_20%22%20data-name%3D%22%E3%83%91%E3%82%B9%2020%22%20d%3D%22M3651%2C26a9%2C9%2C0%2C1%2C0%2C9%2C9A9.011%2C9.011%2C0%2C0%2C0%2C3651%2C26Zm6.97%2C6.232a23.47%2C23.47%2C0%2C0%2C0-3.57-.634%2C23.541%2C23.541%2C0%2C0%2C0-.632-3.567A7.553%2C7.553%2C0%2C0%2C1%2C3657.97%2C32.232Zm-8.252-4.621a7.469%2C7.469%2C0%2C0%2C1%2C2.56%2C0%2C19.834%2C19.834%2C0%2C0%2C1%2C.8%2C3.878q-1.009-.065-2.077-.066h-.028v0q-1.054%2C0-2.055.065A20.031%2C20.031%2C0%2C0%2C1%2C3649.718%2C27.611ZM3643.5%2C35c0-.082.009-.16.011-.238a7.4%2C7.4%2C0%2C0%2C1%2C.1-1.043c.24-.079.5-.156.78-.23a.14.14%2C0%2C0%2C0%2C.025-.007%2C21.441%2C21.441%2C0%2C0%2C1%2C3.074-.564q-.064%2C1.014-.066%2C2.085c0%2C.711.023%2C1.4.064%2C2.078a19.9%2C19.9%2C0%2C0%2C1-3.879-.8A7.6%2C7.6%2C0%2C0%2C1%2C3643.5%2C35Zm.532%2C2.769a23.866%2C23.866%2C0%2C0%2C0%2C3.569.633%2C23.914%2C23.914%2C0%2C0%2C0%2C.633%2C3.566A7.559%2C7.559%2C0%2C0%2C1%2C3644.03%2C37.77ZM3647.6%2C31.6a23.868%2C23.868%2C0%2C0%2C0-3.572.635%2C7.555%2C7.555%2C0%2C0%2C1%2C4.207-4.206A23.749%2C23.749%2C0%2C0%2C0%2C3647.6%2C31.6Zm4.683%2C10.789a7.57%2C7.57%2C0%2C0%2C1-2.56%2C0%2C20.157%2C20.157%2C0%2C0%2C1-.8-3.877c.674.042%2C1.367.065%2C2.078.065h.029v0c.7%2C0%2C1.389-.023%2C2.055-.064A20.208%2C20.208%2C0%2C0%2C1%2C3652.282%2C42.39Zm.921-5.191c-.689.048-1.422.075-2.2.075s-1.511-.027-2.2-.072c0-.041-.006-.077-.008-.118l0%2C0q-.062-.975-.063-2.078c0-.782.025-1.516.07-2.2.688-.047%2C1.421-.074%2C2.2-.074s1.512.027%2C2.2.072c0%2C.042.007.077.008.117l0%2C0c.043.652.065%2C1.342.065%2C2.078C3653.274%2C35.779%2C3653.249%2C36.512%2C3653.2%2C37.2Zm.563%2C4.77a23.717%2C23.717%2C0%2C0%2C0%2C.634-3.57%2C23.756%2C23.756%2C0%2C0%2C0%2C3.57-.634A7.532%2C7.532%2C0%2C0%2C1%2C3653.766%2C41.969Zm4.623-5.689c-.242.078-.5.155-.781.23l-.022.007a21.811%2C21.811%2C0%2C0%2C1-3.077.565c.043-.677.067-1.373.067-2.086s-.024-1.4-.065-2.077a19.941%2C19.941%2C0%2C0%2C1%2C3.879.8A7.717%2C7.717%2C0%2C0%2C1%2C3658.5%2C35c0%2C.08-.01.158-.013.239A7.551%2C7.551%2C0%2C0%2C1%2C3658.389%2C36.28Z%22%20fill%3D%22%23434243%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 50%;
}

.navToggle {
  display: none;
}

.spNavi {
  height: 0px;
  visibility: hidden;
  z-index: -999;
}

@media screen and (max-width: 767px) {
  header {
    height: 60px;
    padding: 0 20px;
    box-sizing: border-box;
    align-items: center;
  }
  header.is-scroll {
    height: 60px;
    transition: all ease 0.4s;
  }
  header .logo,
  header.is-scroll .logo {
    padding: 0;
    width: auto;
  }
  .lang {
    display: none;
  }
  .gnavi {
    display: none;
  }
  .navToggle {
    width: 30px;
    height: 30px;
    z-index: 999;
    cursor: pointer;
    display: block;
  }
  .navToggle div.toggleNavInner {
    position: relative;
    z-index: 9999;
  }
  .navToggle span {
    height: 2px;
    width: 30px;
    display: block;
    background: #000000;
    transition: transform 0.6s ease-in-out, top 0.5s ease;
    z-index: 1000;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  .navToggle span:nth-child(1) {
    top: 10px;
  }
  .navToggle span:nth-child(2) {
    top: 20px;
  }
  .openMenu .navToggle span {
    background: #000000;
    box-shadow: none;
    transition: transform 0.6s ease-in-out, top 0.5s ease;
  }
  .openMenu .navToggle span:nth-child(1) {
    transform: rotate(45deg);
    top: 15px;
  }
  .openMenu .navToggle span:nth-child(2) {
    transform: rotate(-45deg);
    top: 15px;
  }
  .openMenu .spNavi {
    height: 100dvh;
    padding-top: 60px;
    width: 100%;
    visibility: visible;
    z-index: 1000;
    background: #fff url(../images/spMenuBack.svg) no-repeat bottom center/100%;
  }
  .openMenu .spNavi .lang {
    display: block;
  }
  .openMenu .spNavi .lang ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .openMenu .spNavi .lang ul li {
    width: 49%;
    background: #F3F3F3;
    border-radius: 10px;
    padding: 1em;
    box-sizing: border-box;
  }
  .openMenu .spNavi .gnavi {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding: 0 8%;
  }
  .openMenu .spNavi .gnavi ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .openMenu .spNavi .gnavi ul li {
    font-size: min(max(17px, 1.0625rem + (1vw - 6.4px) * 0.9375), 20px);
    border: none;
    border-bottom: 1px solid #000000;
    width: 100%;
    text-align: left;
  }
  .openMenu .spNavi .gnavi ul li a {
    padding: 15px 0;
    display: block;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3637%22%20data-name%3D%22%E3%83%91%E3%82%B9%203637%22%20d%3D%22M60.377%2C2703l-6%2C5v-9Z%22%20transform%3D%22translate(-54.377%20-2699)%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 50%;
  }
}
/* footer
===============================================================*/
footer {
  color: #fff;
  text-align: left;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}

footer .flogo {
  position: absolute;
  left: 50px;
}

footer .footer-inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 50px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

footer .fnavi ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 200px;
  flex-wrap: wrap;
}

footer .fnavi ul li {
  font-size: min(max(10px, 0.625rem + (1vw - 6.4px) * 0.625), 12px);
  border-right: 1px solid #000000;
  list-style: 1;
}
@media screen and (max-width: 767px) {
  footer .fnavi ul li {
    margin-bottom: 5px;
  }
}

footer .fnavi ul li:last-child {
  border: none;
}

footer .fnavi ul li a {
  padding: 0 0.4em;
  list-style: 1;
  color: #000000;
}

footer small {
  background: #000000;
  font-size: min(max(10px, 0.625rem + (1vw - 6.4px) * 0.625), 12px);
  color: #fff;
  padding: 1em;
  text-align: center;
}

.gototop {
  position: absolute;
  right: 2%;
  bottom: 325px;
  display: block;
  width: 20px;
  height: 105px;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  footer .flogo {
    position: relative;
    left: auto;
  }
  footer .footer-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
  }
  footer .fnavi ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    flex-wrap: wrap;
    margin-top: 20px;
  }
}
/* top page
===============================================================*/
.kvArea {
  aspect-ratio: 16/9;
}

.kvArea img {
  width: 100%;
  height: 100%;
}

.kvArea video {
  width: 100%;
  height: 100%;
}

.top-news-area {
  position: relative;
  background-color: #ffff00;
}

.top-news-area-up {
  background-color: #ffff00;
}

.top-news-picup {
  width: 1290px;
  margin: 0 auto;
  transform: translateY(-110px);
  background-color: #fff;
}

.top-news-highlight {
  background-color: #ed1e79;
  color: #fff;
  font-size: min(max(18px, 1.125rem + (1vw - 6.4px) * 1.25), 22px);
  padding: 0.2em;
  font-weight: bold;
}

.top-news-highlight a {
  color: #fff;
}

.top-news-pickup-area {
  padding: 45px 55px;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
}

.top-news-pickup-area h2 {
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 50px;
}

.top-news-pickup-area h2 span {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  display: inline-block;
  padding-bottom: 0.3em;
}

.top-news-pickup-area h2:after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 8px;
  background-color: #333333;
}

@media screen and (max-width: 1330px) {
  .top-news-picup {
    width: 96%;
  }
}
@media screen and (max-width: 767px) {
  .top-news-picup {
    transform: translateY(-35px);
  }
  .top-news-highlight {
    font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  }
  .top-news-pickup-area {
    padding: 30px 20px;
  }
  .top-news-pickup-area h2 {
    margin-bottom: 20px;
  }
  .top-news-pickup-area h2 img {
    height: 26px;
    width: auto;
  }
  .top-news-pickup-area h2:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 5px;
    background-color: #333333;
  }
}
.mediaSwiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.mediaSwiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  border-right: 1px solid #000000;
}
@media screen and (max-width: 599px) {
  .mediaSwiper .swiper-slide {
    border-right: none;
  }
}

.mediaSwiper .swiper-slide a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: #000000;
  padding: 0 20px 0 0;
  height: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .mediaSwiper .swiper-slide a {
    padding: 0 0 0 0;
  }
}

.mediaSwiper .swiper-slide span.cat {
  text-align: left;
  font-size: min(max(11px, 0.6875rem + (1vw - 6.4px) * 0.625), 13px);
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  border-radius: 11px;
  padding: 0.2em 0.5em;
}

.mediaSwiper .swiper-slide h3 {
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  margin-bottom: 10px;
  text-decoration: underline;
}

.mediaSwiper .swiper-slide p {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  margin-bottom: 20px;
}

.mediaSwiper .swiper-slide .group {
  margin-top: auto;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  text-align: right;
  font-weight: bold;
  border-top: 1px solid #333333;
  width: calc(100% - 20px);
  box-sizing: border-box;
  padding-top: 0.2em;
}
@media screen and (max-width: 599px) {
  .mediaSwiper .swiper-slide .group {
    width: calc(100% - 2px);
  }
}

.mediaSwiper .swiper-slide .group a {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 0;
}

.mediaSwiper .swiper-button-next,
.mediaSwiper .swiper-button-prev {
  position: absolute;
  top: 80px;
  z-index: 10;
  width: 91px;
  height: 91px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mediaSwiper .swiper-button-next {
  right: 0px;
  background: url(../images/arrow-r.svg) no-repeat center center;
  opacity: 0.6;
  transition: all ease 0.4s;
}

.mediaSwiper .swiper-button-next:after,
.mediaSwiper .swiper-button-prev:after {
  display: none;
}

.mediaSwiper .swiper-button-prev {
  background: url(../images/arrow-l.svg) no-repeat center center;
  opacity: 0.6;
  left: 0px;
  right: 60px;
  transition: all ease 0.4s;
}

.mediaSwiper .swiper-button-next:hover,
.mediaSwiper .swiper-button-prev:hover {
  opacity: 1;
}

.swiper-container.mediaSwiper,
.swiper-container.gallerySwiper {
  overflow: hidden;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  cursor: auto;
  pointer-events: none;
}

.top-news-area .ly-inner {
  width: 1180px;
  margin: 0 auto;
  z-index: 11;
  position: relative;
}

.mediaSwiper-prev.swiper-button-prev {
  left: 10px;
  right: auto;
}

.mediaSwiper-next.swiper-button-next {
  right: 10px;
  left: auto;
}

.mediaSwiper-next.swiper-button-next,
.mediaSwiper-prev.swiper-button-prev {
  position: absolute;
  top: 35%;
  width: 61px;
  height: 61px;
  margin-top: 0;
  z-index: 99;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px;
}
@media screen and (max-width: 767px) {
  .mediaSwiper-next.swiper-button-next,
  .mediaSwiper-prev.swiper-button-prev {
    width: 45px;
    height: 45px;
  }
}

.mediaSwiper-next.swiper-button-next:after {
  content: "";
  width: 61px;
  height: 61px;
  background: url(../images/arrow-next.svg) no-repeat center center/100%;
}

.mediaSwiper-prev.swiper-button-prev:after {
  content: "";
  width: 61px;
  height: 61px;
  background: url(../images/arrow-prev.svg) no-repeat center center/100%;
}

.mediaSwiper-next.swiper-button-next:after,
.mediaSwiper-next.swiper-button-prev:after {
  font-family: swiper-icons;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.top-news-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

.top-news-bottom .top-news-bottom-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.top-news-bottom .top-news-bottom-item.top-news {
  width: 500px;
  padding-right: 88px;
  border-right: 1px solid #333333;
}

.top-news-bottom .top-news-bottom-item.top-press {
  width: 500px;
  padding-left: 0;
  border-right: none;
}

.top-news-bottom .top-news-bottom-item h3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  margin-bottom: 40px;
  width: 100%;
}

.top-news-bottom .top-news-bottom-item h3 span {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  display: inline-block;
  padding-bottom: 0.3em;
}

.top-news-bottom .top-news-bottom-item h3::after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  background-color: #333333;
}

@media screen and (max-width: 1220px) {
  .top-news-area .ly-inner {
    width: 96%;
    margin: 0 auto;
  }
  .top-news-bottom .top-news-bottom-item.top-news {
    width: 47%;
    padding-right: 3%;
    border-right: 1px solid #333333;
  }
  .top-news-bottom .top-news-bottom-item.top-press {
    width: 47%;
    padding-left: 0;
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .top-news-area .ly-inner {
    width: 90%;
    margin: 0 auto;
  }
  .top-news-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
  .top-news-bottom .top-news-bottom-item h3 {
    margin-bottom: 20px;
  }
  .top-news-bottom .top-news-bottom-item h3 img {
    height: 20px;
  }
  .top-news-bottom .top-news-bottom-item h3::after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 6px;
    background-color: #333333;
  }
  .top-news-bottom .top-news-bottom-item.top-news {
    width: 100%;
    padding-right: 0;
    border: none;
    border-bottom: 1px solid #333333;
    padding-bottom: 8%;
    margin-bottom: 8%;
  }
  .top-news-bottom .top-news-bottom-item.top-press {
    width: 100%;
    padding-left: 0;
    border-right: none;
  }
}
.top-news-list {
  text-align: left;
  margin-bottom: 40px;
}

.top-news-list dt,
.top-news-list dd {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  margin-bottom: 8px;
}

.top-news-list dt {
  font-weight: bold;
}

.top-news-list dt .cat {
  font-weight: normal;
  text-align: left;
  font-size: min(max(11px, 0.6875rem + (1vw - 6.4px) * 0.625), 13px);
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  border-radius: 11px;
  padding: 0.2em 0.5em;
  margin: 0 0 0 1em;
}

.top-news-list dd {
  margin-bottom: 20px;
}

.top-news-list dd a {
  color: #333333;
  text-decoration: underline;
}

.top-news-list dd a:hover {
  color: #333333;
  text-decoration: none;
}

.btn-all {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.btn-all a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #e0d005;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 280px;
  height: 50px;
  font-weight: bold;
  color: #000000;
  transition: all ease 0.4s;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
}

.btn-all a:hover {
  background: #ffff00 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  transition: all ease 0.4s;
  text-decoration: none;
}

.top-line {
  background: url(../images/lineBack.svg) repeat-y top center;
}

@media screen and (max-width: 767px) {
  .top-line {
    background: url(../images/lineBack_sp.svg) repeat-y top center/100%;
  }
}
.top-news-uncher {
  padding: 500px 0;
  background: linear-gradient(350deg, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 0) 50%, rgb(255, 255, 0) 100%), linear-gradient(12deg, rgba(255, 255, 255, 0) 55%, rgb(255, 255, 185) 55%, rgb(255, 255, 185) 100%);
  padding-bottom: 100px;
  margin-top: -180px;
  z-index: 10;
  position: relative;
}

.top-line {
  margin-top: -200px;
  z-index: 12;
  position: relative;
}

.top-magazine {
  transform: translateY(-120px);
}

.top-magazine h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 1180px;
  margin: 0 auto 80px;
}

@media screen and (max-width: 1220px) {
  .top-magazine h2 {
    width: 96%;
    margin: 0 auto 80px;
  }
}
.top-magazine h2 span,
.top-book h2 span,
.top-company h2 span,
.contact-form h2 span {
  font-size: min(max(19px, 1.1875rem + (1vw - 6.4px) * 1.5625), 24px);
  letter-spacing: 0.35em;
  font-weight: normal;
  display: inline-block;
  margin-left: 40px;
  position: relative;
  padding: 0.1em 0 0.1em 0.3em;
}

.top-book h2 span {
  margin-top: 35px;
  margin-left: 0;
  margin-bottom: 50px;
}

.top-company h2 {
  position: relative;
}

.top-web h2 {
  padding-top: 50px;
  margin-bottom: 60px;
}

.top-company h2 span {
  transform: translateY(-20px);
  margin-left: 0;
  margin-bottom: 30px;
}

.contact-form h2 {
  text-align: left;
}

.contact-form h2 span {
  margin-left: 0;
  color: #fff;
  margin-top: 30px;
}

.top-magazine h2 span:before,
.top-book h2 span:before,
.top-company h2 span:before,
.contact-form h2 span:before {
  content: "";
  height: 1px;
  width: 100%;
  background: #333333;
  position: absolute;
  left: 0;
  top: 0;
}

.top-magazine h2 span:after,
.top-book h2 span:after,
.top-company h2 span:after,
.contact-form h2 span:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #333333;
  position: absolute;
  left: 0;
  bottom: 0;
}

.contact-form h2 span:before,
.contact-form h2 span:after {
  background: #fff;
}

@media screen and (max-width: 767px) {
  .top-magazine h2 {
    width: 80%;
    margin: 0 auto 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .top-magazine h2 span,
  .top-book h2 span,
  .top-company h2 span,
  .contact-form h2 span {
    font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
    margin-left: 0;
    margin-top: 15px;
  }
  .top-company h2 {
    position: relative;
    width: 80%;
    margin: 0 auto;
  }
  .top-book h2 {
    width: 90%;
    margin: 0 auto;
  }
  .top-web h2 {
    width: 60%;
    margin: 0 auto 20px;
    padding-top: 80px;
  }
  .contact-form h2 {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .contact-form h2 span {
    font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
    margin-left: 0;
    margin-top: 0;
  }
}
.magazine-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.magazine-list li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  width: 230px;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 10px 20px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.top-magazine .btn-all a,
.top-book .btn-all a,
.top-web .btn-all a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 280px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
}

.top-magazine .btn-all a:hover,
.top-book .btn-all a:hover,
.top-web .btn-all a:hover {
  background: #333333 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  transition: all ease 0.4s;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .magazine-list li {
    width: 48%;
    margin: 0 1% 20px;
  }
}
.book-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 60px;
  width: 1030px;
  margin: 0 auto;
}

.book-list li {
  width: 180px;
  margin: 0 12.5px 45px;
  text-align: left;
}

.book-list li figure {
  background-color: #EAEAEA;
  aspect-ratio: 180/228;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.book-list li figure img {
  max-height: 100%;
}

.book-list li .date {
  text-align: left;
  color: #808080;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
}

.book-list li h4 {
  text-align: left;
  color: #000000;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
}

@media screen and (max-width: 1100px) {
  .book-list {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    width: 96%;
  }
}
@media screen and (max-width: 767px) {
  .book-list li {
    width: 46%;
    margin: 0 2% 20px;
    text-align: left;
  }
}
.top-web {
  background: url(../images/top_web_back.svg) no-repeat top center;
  padding-top: 400px;
  padding-bottom: 400px;
  margin-top: -280px;
  margin-bottom: -280px;
}

.top-web-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 1020px;
  margin: auto auto 110px;
}

.top-web-list li {
  width: 180px;
  margin: 10px;
}

@media screen and (max-width: 1100px) {
  .top-web-list {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    width: 96%;
  }
}
@media screen and (max-width: 767px) {
  .top-web {
    background: url(../images/top_web_back_sp.svg) no-repeat top center/100%;
    padding-top: 0;
    padding-bottom: 40px;
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .top-web-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin: auto auto 60px;
  }
  .top-web-list li {
    width: 31.3333333333%;
    margin: 1%;
  }
}
@media screen and (max-width: 480px) {
  .top-web-list li {
    width: 48%;
    margin: 1%;
  }
}
.top-company-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 1060px;
  margin: 0 auto;
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .top-company-list {
    padding-bottom: 60px;
  }
}

.top-company-list li {
  width: 48%;
  position: relative;
}

.top-company-list li h3 {
  margin-top: -25px;
  margin-bottom: 18px;
}

.top-company-list li p {
  font-size: min(max(17px, 1.0625rem + (1vw - 6.4px) * 0.9375), 20px);
  letter-spacing: 0.2em;
  padding-bottom: 50px;
  color: #000000;
}

.top-company-list li .btn-all a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 180px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
}

.top-company-list li .btn-all a:hover {
  background: #333333 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  transition: all ease 0.4s;
  text-decoration: none;
}

@media screen and (max-width: 1110px) {
  .top-company-list {
    width: 96%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .top-company-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    margin: 0 auto;
  }
  .top-company-list li {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
  }
}
.contact-form {
  background: url(../images/contact_back.svg) no-repeat center center;
  padding: 90px 0 150px;
  box-sizing: border-box;
  min-height: 390px;
}
@media screen and (max-width: 525px) {
  .contact-form {
    background: url(../images/contact_back_sp.svg) no-repeat center center/contain;
    padding: 16% 0 33%;
    min-height: 344px;
  }
}

.contact-form .ly-inner {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.contact-form .btn-all {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.contact-form .btn-all a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 360px;
  height: 80px;
  font-weight: bold;
  color: #000000;
  transition: all ease 0.4s;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.contact-form .btn-all a:hover {
  background: #ffff00 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  transition: all ease 0.4s;
  text-decoration: none;
}

@media screen and (max-width: 1100px) {
  .contact-form .ly-inner {
    width: 96%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .ly-inner {
    width: 88%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .contact-form .btn-all {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
  }
  .contact-form .btn-all a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    width: 80%;
    height: 60px;
    font-weight: bold;
    color: #000000;
    transition: all ease 0.4s;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  }
}
.content-window {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 70px 90px;
  margin-top: 20px;
  margin-bottom: 120px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1240px) {
  .content-window {
    padding: 70px 5% 8%;
    margin: 10px 5% 10%;
  }
}
@media screen and (max-width: 767px) {
  .content-window {
    padding: 15px 5% 8%;
  }
}

.topic-path {
  position: absolute;
  left: 20px;
  top: 20px;
  overflow-x: auto;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .topic-path {
    position: relative;
    overflow-x: auto;
    left: 0;
    top: 0;
  }
}

.topic-path ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  margin: 0;
  font-size: min(max(10px, 0.625rem + (1vw - 6.4px) * 0.625), 12px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 767px) {
  .topic-path ul {
    flex-wrap: nowrap;
    font-size: min(max(10px, 0.625rem + (1vw - 6.4px) * 0.3125), 11px);
  }
}

.topic-path li {
  list-style: none;
}

.topic-path li:after {
  content: ">";
  padding: 0 0.4em;
}

.topic-path li:last-child::after {
  display: none;
}

.content-window h1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .content-window h1 {
    margin-bottom: 30px;
    line-height: 1;
  }
}

.content-window h1 span {
  font-size: min(max(17px, 1.0625rem + (1vw - 6.4px) * 0.9375), 20px);
  letter-spacing: 0.35em;
  font-weight: normal;
  margin-top: 30px;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 767px) {
  .content-window h1 span {
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    letter-spacing: 0.15em;
    margin-top: 10px;
    padding-bottom: 5px;
  }
}

.content-window h1.company span {
  margin-top: 10px;
}

.content-window h2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  border-bottom: 1px solid #000000;
  font-size: min(max(22px, 1.375rem + (1vw - 6.4px) * 1.875), 28px);
}
@media screen and (max-width: 767px) {
  .content-window h2 {
    margin-bottom: 20px;
    font-size: min(max(22px, 1.375rem + (1vw - 6.4px) * 1.875), 28px);
  }
}

.content-window h2.middle {
  font-size: min(max(19px, 1.1875rem + (1vw - 6.4px) * 1.5625), 24px);
}
@media screen and (max-width: 767px) {
  .content-window h2.middle {
    font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  }
}

.content-window h2 span {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  font-weight: normal;
}

.content-window h2.detail {
  font-size: min(max(26px, 1.625rem + (1vw - 6.4px) * 1.875), 32px);
  text-align: left;
  padding-bottom: 0.3em;
}

@media screen and (max-width: 767px) {
  .content-window h2.normal img {
    height: 18px;
    width: auto;
  }
}
/* news 
------------------------------------------ */
.new-pickup-highlite {
  background-color: #ed1e79;
  color: #fff;
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  padding: 0.2em;
  font-weight: bold;
}

.new-pickup-highlite a {
  color: #fff;
}

.news-pickup {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin-bottom: 120px;
}

.news-pickup ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.news-pickup ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 50%;
  text-align: left;
  padding-bottom: 30px;
  border-right: 1px solid #000000;
  box-sizing: border-box;
}

.news-pickup ul li:nth-child(even) {
  border-right: none;
}

.news-pickup ul li figure {
  aspect-ratio: 180/100;
  background: #CCCCCC;
  width: 180px;
}

.news-pickup ul li a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 0 30px 0 0;
  box-sizing: border-box;
}

.news-pickup ul li:nth-child(even) a {
  padding: 0 0 0 30px;
}

.news-pickup ul li a .news-pickup-text {
  width: calc(100% - 200px);
}

.news-pickup ul li a .news-pickup-text h3 {
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  text-decoration: underline;
  color: #000000;
  margin-bottom: 1em;
}

.news-pickup ul li a .news-pickup-text .date {
  margin: 0;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  font-weight: bold;
  color: #000000;
}

.news-pickup ul li a .news-pickup-text .cat {
  text-align: left;
  font-size: min(max(11px, 0.6875rem + (1vw - 6.4px) * 0.625), 13px);
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  border-radius: 11px;
  padding: 0.2em 0.5em;
  color: #000000;
  margin: 0 0 5px;
}

.news-pickup ul li .group {
  margin-top: auto;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  border-top: 1px solid #000000;
  text-align: right;
  margin-right: 30px;
  font-weight: bold;
  padding-top: 0.3em;
}

.news-pickup ul li:nth-child(even) .group {
  margin: 0 0 0 30px;
}

.news-pickup ul li .group a {
  color: #000000;
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}

.news-pickup ul li:nth-child(odd) .group a {
  margin: 0 0 0 30px;
}

@media screen and (max-width: 1040px) {
  .news-pickup ul li a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
  }
  .news-pickup ul li figure {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 30px;
  }
  .news-pickup ul li a .news-pickup-text {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .news-pickup {
    box-shadow: none;
    padding: 30px 0;
    margin-bottom: 30px;
  }
  .news-pickup ul li {
    width: 100%;
    border-right: none;
  }
  .news-pickup ul li figure {
    width: 100px;
  }
  .news-pickup ul li a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 0 0;
    box-sizing: border-box;
  }
  .news-pickup ul li a .news-pickup-text {
    width: calc(100% - 120px);
  }
  .news-pickup ul li:nth-child(even) a {
    padding: 0 0 0 0;
  }
  .news-pickup ul li:nth-child(even) .group {
    margin: 0 0 0 0;
  }
  .news-pickup ul li a .news-pickup-text .date {
    position: absolute;
    left: 0;
  }
  .news-pickup ul li .group {
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    margin-right: 0;
  }
  .news-pickup ul li:nth-child(odd) .group a {
    margin: 0 0 0 0;
  }
}
.news-list {
  padding: 0 50px;
  border-bottom: 1px solid #000000;
  margin-bottom: 60px;
}

.news-list li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #DDDDDD;
  text-align: left;
  padding: 15px 0;
}

.news-list li .date-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 215px;
}

.news-list li .date-wrap .date {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  font-weight: bold;
}

.news-list li .date-wrap .cat {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  text-align: left;
  font-size: min(max(11px, 0.6875rem + (1vw - 6.4px) * 0.625), 13px);
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  border-radius: 11px;
  padding: 0.2em 0.5em;
  margin: 5px 0 0;
}

.news-list li .date-wrap .cat a {
  color: #000000;
}

.news-list li .news-text {
  width: calc(100% - 215px);
}

.news-list li .news-text h3 {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  font-weight: normal;
  color: #000000;
}

.news-list li .news-text h3 a {
  color: #000000;
}

.news-list li .news-text .group {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  font-weight: bold;
}

.news-list li .news-text .group a {
  color: #000000;
}

@media screen and (max-width: 767px) {
  .news-list {
    padding: 0 0;
    margin-bottom: 30px;
  }
  .news-list li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #DDDDDD;
    text-align: left;
    padding: 15px 0;
  }
  .news-list li .date-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: canter;
    margin-bottom: 5px;
  }
  .news-list li .date-wrap .cat {
    margin: 0 0 0 10px;
  }
  .news-list li .news-text {
    width: 100%;
  }
}
.pagenate {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}

.pagenate li {
  width: 50px;
  height: 50px;
  margin: 0 4px;
}

.pagenate li a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  border: 1px solid #E0D005;
  transition: all ease 0.4s;
  color: #000000;
}

.pagenate li a.current {
  background: #000000;
  color: #fff;
  border: 1px solid #000000;
}

.pagenate li a:hover {
  background: #000000;
  color: #fff;
  border: 1px solid #000000;
  transition: all ease 0.4s;
}

.pagenate li a.prev,
.pagenate li a.next {
  border: none;
}

.pagenate li a.prev:hover,
.pagenate li a.next:hover {
  border: none;
  fill: #fff;
}

@media screen and (max-width: 767px) {
  .pagenate li {
    width: 36px;
    height: 36px;
    margin: 0 2px;
  }
}
.backnumber {
  border: 1px solid #000000;
  padding: 40px 30px;
  margin-bottom: 180px;
}

.backnumber dl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.backnumber dt {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 15px;
}

.backnumber dd {
  margin-left: 20px;
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
}

.backnumber dd a {
  background: #000000;
  color: #fff;
  padding: 0.2em 1em;
  border-radius: 50px;
}

@media screen and (max-width: 767px) {
  .backnumber {
    padding: 20px;
    margin-bottom: 80px;
  }
  .backnumber dl {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .backnumber dt {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .backnumber dd {
    margin: 0 5px;
    font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  }
}
.news-detail-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .news-detail-head {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.news-detail-head .date-wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .news-detail-head .date-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.news-detail-head .date-wrap .date {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  font-weight: bold;
}

.news-detail-head .date-wrap .cat {
  text-align: left;
  font-size: min(max(11px, 0.6875rem + (1vw - 6.4px) * 0.625), 13px);
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  border-radius: 11px;
  padding: 0.2em 0.5em;
  margin: 0;
  margin-left: 15px;
}

.news-detail-head .news-sns {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .news-detail-head .news-sns {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #000000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.news-detail-head .news-sns ul {
  margin: 10px 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.news-detail-head .news-sns ul li {
  margin-left: 10px;
}

.news-detail-head .news-sns .group {
  text-align: right;
}

.news-detail,
.lp-detail {
  margin-bottom: 40px;
  text-align: left;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  padding: 0 50px;
}

.news-detail figure {
  margin-bottom: 30px;
  text-align: center;
}

.news-detail p,
.lp-detail p {
  text-align: left;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  margin-bottom: 2em;
}

.news-detail h2,
.lp-detail h2 {
  background: #F3F3F3;
  border: none;
  font-size: min(max(18px, 1.125rem + (1vw - 6.4px) * 0.9375), 21px);
  padding: 0.3em 0.5em;
  margin-bottom: 20px;
}

.news-detail h3,
.lp-detail h3 {
  border-bottom: 1px solid #000000;
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  padding: 0.3em 0;
  margin-bottom: 20px;
}

/*
.news-detail h4{
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(254, 255, 0, 1) 50%, rgba(254, 255, 0, 1) 100%);
  display: inline-flex;
  margin-bottom: 15px;
}
*/
.news-detail h4,
.lp-detail h4 {
  display: inline-block;
  margin-bottom: 15px;
}

.news-detail h4 span,
.lp-detail h4 span {
  background: linear-gradient(transparent 60%, rgb(254, 255, 0) 60%);
}

.news-detail a,
.lp-detail a {
  color: #ed1e79;
  text-decoration: underline;
}

.news-detail a:hover,
.lp-detail a:hover {
  color: #ed1e79;
  text-decoration: none;
}

.news-detail ul {
  list-style: disc;
  margin-left: 1.5em;
  margin-bottom: 2em;
}

.news-detail ol {
  margin-left: 1.5em;
  margin-bottom: 2em;
}

.news-detail table.norml-tb {
  margin-bottom: 30px;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  width: 100%;
}
.news-detail table.norml-tb th {
  padding: 1em;
  width: 25%;
  background-color: #f3f3f3;
}
.news-detail table.norml-tb td {
  padding: 1em;
  width: 75%;
  border-bottom: 1px solid #f3f3f3;
}

table.sns-body {
  margin-bottom: 30px;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  width: 100%;
}
table.sns-body th {
  padding: 1em 0.5em;
  white-space: nowrap;
  width: 15%;
  border-bottom: 1px solid #f3f3f3;
}
@media screen and (max-width: 1024px) {
  table.sns-body th {
    width: 100%;
    padding: 1em 0.5em 0;
    display: inline-block;
    border-bottom: none;
    border-top: 1px solid #f3f3f3;
  }
}
table.sns-body td {
  padding: 1em;
  text-align: center;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  min-width: 36px;
  border-bottom: 1px solid #f3f3f3;
}
@media screen and (max-width: 1024px) {
  table.sns-body td {
    min-width: 36px;
    display: inline-block;
    border-bottom: none;
  }
}
table.sns-body td a {
  color: #000000;
  text-decoration: none;
}
table.sns-body td a:hover {
  color: #000000;
  text-decoration: underline;
}
table.sns-body td.sns-listItem img {
  display: block;
  height: 36px;
  width: 36px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  td.sns-listItem.-none {
    display: none;
  }
}
dl.sitemap {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
}
dl.sitemap dt {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3080%22%20data-name%3D%22%E3%83%91%E3%82%B9%203080%22%20d%3D%22M1215.021%2C2256.043l-7%2C6v-12Z%22%20transform%3D%22translate(-1208.021%20-2250.043)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 50%/6px;
  padding-left: 1em;
  margin-top: 15px;
}
dl.sitemap dd {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3080%22%20data-name%3D%22%E3%83%91%E3%82%B9%203080%22%20d%3D%22M1215.021%2C2256.043l-7%2C6v-12Z%22%20transform%3D%22translate(-1208.021%20-2250.043)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 16px top 50%/6px;
  padding-left: 2em;
  margin-bottom: 3px;
}
dl.sitemap dd.lvl2 {
  margin-left: 1em;
}

.otherWindow {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cpath%20id%3D%22_8686558_ic_fluent_window_new_filled_icon%22%20data-name%3D%228686558_ic_fluent_window_new_filled_icon%22%20d%3D%22M12.766%2C17a2.5%2C2.5%2C0%2C0%2C0%2C2.452-2.012A2%2C2%2C0%2C0%2C0%2C17%2C13V5a2%2C2%2C0%2C0%2C0-2-2H7A2%2C2%2C0%2C0%2C0%2C5.009%2C4.814%2C2.5%2C2.5%2C0%2C0%2C0%2C3%2C7.266V13.5A3.5%2C3.5%2C0%2C0%2C0%2C6.5%2C17ZM4%2C7.266A1.5%2C1.5%2C0%2C0%2C1%2C5%2C5.851V13a2%2C2%2C0%2C0%2C0%2C2%2C2h7.18a1.5%2C1.5%2C0%2C0%2C1-1.415%2C1H6.5A2.5%2C2.5%2C0%2C0%2C1%2C4%2C13.5ZM9.516%2C6H13.5a.5.5%2C0%2C0%2C1%2C.5.5v3.984a.5.5%2C0%2C0%2C1-1%2C0V7.707L8.854%2C11.854a.5.5%2C0%2C0%2C1-.707-.707L12.293%2C7H9.516a.5.5%2C0%2C0%2C1%2C0-1Z%22%20transform%3D%22translate(-3%20-3)%22%20fill%3D%22%23212121%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 50%;
  padding-right: 1.5em;
}

.privacy-mark {
  border: 1px solid #000000;
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.privacy-mark figure {
  width: 80px;
  margin: 0;
}

.privacy-mark p {
  margin: 0;
  font-size: min(max(13px, 0.8125rem + (1vw - 6.4px) * 0.625), 15px);
  width: calc(100% - 100px);
}

@media screen and (max-width: 767px) {
  .news-detail,
  .lp-detail {
    margin-bottom: 40px;
    text-align: left;
    font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
    padding: 0 0;
  }
}
.sns-share {
  border: 1px solid #DDDDDD;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  padding: 18px 35px;
  margin-bottom: 60px;
}

.sns-share h4 {
  margin-right: 35px;
}

.sns-share ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sns-share ul li {
  margin: 0 8px;
}

.sns-share + .btn-all a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #black;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 280px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
}

/* company
------------------------------------------------------*/
.company-index {
  position: relative;
  margin-bottom: 120px;
}
@media screen and (max-width: 1100px) {
  .company-index {
    margin-bottom: 0;
  }
}

.company-index img {
  position: relative;
}

.company-index figcaption {
  position: absolute;
  background: #fff;
  width: 460px;
  height: 210px;
  box-sizing: border-box;
  padding: 50px;
  left: -50px;
  top: 350px;
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  text-align: left;
  letter-spacing: 0.1em;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1100px) {
  .company-index figcaption {
    position: relative;
    width: 100%;
    height: auto;
    padding: 30px 0;
    left: auto;
    top: auto;
    text-align: left;
    box-shadow: none;
  }
}

.company-index-list ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.company-index-list ul li {
  width: 48%;
  background: #fff;
  width: 480x;
  height: 200px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-top: 30px;
  font-size: min(max(19px, 1.1875rem + (1vw - 6.4px) * 1.5625), 24px);
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .company-index-list ul li {
    width: 100%;
    height: 90px;
    margin-top: 20px;
    font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  }
}

.company-index-list ul li a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #000000;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3080%22%20data-name%3D%22%E3%83%91%E3%82%B9%203080%22%20d%3D%22M1215.021%2C2256.043l-7%2C6v-12Z%22%20transform%3D%22translate(-1208.021%20-2250.043)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 20px center;
  transition: all ease 0.4s;
}
@media screen and (max-width: 767px) {
  .company-index-list ul li a {
    padding-right: 30px;
    box-sizing: border-box;
    text-align: left;
  }
}

.company-index-list ul li a:hover {
  background: #ffffb9 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3080%22%20data-name%3D%22%E3%83%91%E3%82%B9%203080%22%20d%3D%22M1215.021%2C2256.043l-7%2C6v-12Z%22%20transform%3D%22translate(-1208.021%20-2250.043)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  transition: all ease 0.4s;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .company-index-list ul li a figure {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0 0 20px;
  }
  .company-index-list ul li a figure img {
    height: 60px;
    margin-right: 20px;
  }
}
.company-tab {
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .company-tab {
    margin-bottom: 20px;
  }
}
.company-tab ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  border-bottom: 1px solid #000000;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .company-tab ul {
    border-bottom: none;
  }
}
.company-tab ul li {
  width: 25%;
  box-sizing: border-box;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 767px) {
  .company-tab ul li {
    width: 50%;
    box-sizing: border-box;
    padding: 0.5px;
  }
}
.company-tab ul li a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 20px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224.999%22%20height%3D%223.333%22%20viewBox%3D%220%200%204.999%203.333%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2996%22%20data-name%3D%22%E3%83%91%E3%82%B9%202996%22%20d%3D%22M3408%2C2727l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(2729.499%20-3404.667)%20rotate(90)%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat bottom 10px center;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .company-tab ul li a {
    padding: 0.8em 0 15px;
    background: #F1F1F1 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224.999%22%20height%3D%223.333%22%20viewBox%3D%220%200%204.999%203.333%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2996%22%20data-name%3D%22%E3%83%91%E3%82%B9%202996%22%20d%3D%22M3408%2C2727l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(2729.499%20-3404.667)%20rotate(90)%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat bottom 10px center;
    font-size: min(max(11px, 0.6875rem + (1vw - 6.4px) * 0.625), 13px);
  }
}
@media screen and (max-width: 767px) {
  .company-tab ul li a.current {
    background: #ffff00 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224.999%22%20height%3D%223.333%22%20viewBox%3D%220%200%204.999%203.333%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2996%22%20data-name%3D%22%E3%83%91%E3%82%B9%202996%22%20d%3D%22M3408%2C2727l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(2729.499%20-3404.667)%20rotate(90)%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat bottom 10px center;
  }
}
.company-tab ul li a.current span {
  background: #ffff00;
}
.company-tab ul li a span {
  background: #F1F1F1;
  padding: 0.1em 0.2em;
}

.company-tab li:after {
  content: "";
  width: 1px;
  height: 20px;
  background: #000000;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .company-tab li:after {
    display: none;
  }
}

.company-tab li:last-child:after {
  display: none;
}

.eng-inq {
  margin-top: 60px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .eng-inq {
    margin-top: 30px;
  }
}
.eng-inq h3 {
  font-size: min(max(19px, 1.1875rem + (1vw - 6.4px) * 1.5625), 24px);
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .eng-inq h3 {
    font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  }
}

.eng-inq-list li {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
.eng-inq-list li a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 25px 60px;
  color: #333333;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3080%22%20data-name%3D%22%E3%83%91%E3%82%B9%203080%22%20d%3D%22M1215.021%2C2256.043l-7%2C6v-12Z%22%20transform%3D%22translate(-1208.021%20-2250.043)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 20px center;
  transition: all ease 0.4s;
}
@media screen and (max-width: 767px) {
  .eng-inq-list li a {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.eng-inq-list li a:hover {
  background: #ffffb9 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3080%22%20data-name%3D%22%E3%83%91%E3%82%B9%203080%22%20d%3D%22M1215.021%2C2256.043l-7%2C6v-12Z%22%20transform%3D%22translate(-1208.021%20-2250.043)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  transition: all ease 0.4s;
  text-decoration: none;
}
.eng-inq-list li span.inq_title {
  display: inline-flex;
  width: calc(52% - 30px);
  box-sizing: border-box;
  font-weight: 600;
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .eng-inq-list li span.inq_title {
    width: 100%;
    justify-content: center;
    letter-spacing: 0;
    font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  }
}
.eng-inq-list li span.arrow {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215.429%22%20viewBox%3D%220%200%2015%2015.429%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1415%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201415%22%20transform%3D%22translate(-773%20-1560)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3683%22%20data-name%3D%22%E3%83%91%E3%82%B9%203683%22%20d%3D%22M1217.021%2C2257.757l-9%2C7.714v-15.429Z%22%20transform%3D%22translate(-429.021%20-690.043)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1333%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201333%22%20width%3D%227%22%20height%3D%227%22%20transform%3D%22translate(773%201564.429)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 767px) {
  .eng-inq-list li span.arrow {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.429%22%20height%3D%2215%22%20viewBox%3D%220%200%2015.429%2015%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1417%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201417%22%20transform%3D%22translate(1575.429%20-773)%20rotate(90)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3683%22%20data-name%3D%22%E3%83%91%E3%82%B9%203683%22%20d%3D%22M1217.021%2C2257.757l-9%2C7.714v-15.429Z%22%20transform%3D%22translate(-429.021%20-690.043)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1333%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201333%22%20width%3D%227%22%20height%3D%227%22%20transform%3D%22translate(773%201564.429)%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
  }
}
.eng-inq-list li span.inq_link {
  display: inline-flex;
  width: calc(48% - 30px);
  box-sizing: border-box;
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  letter-spacing: 0.1em;
  padding-left: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .eng-inq-list li span.inq_link {
    width: 100%;
    padding: 0;
    text-align: center;
    justify-content: center;
    letter-spacing: 0;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}
.eng-inq-list li span.inq_link img {
  margin-right: 20px;
}

.vision-list {
  padding: 0 50px;
}
@media screen and (max-width: 767px) {
  .vision-list {
    padding: 0 0;
  }
}

.vision-list li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: 66px;
}
@media screen and (max-width: 767px) {
  .vision-list li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.vision-list li.reverce {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .vision-list li.reverce {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.vision-list li figure {
  width: 42%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .vision-list li figure {
    width: 80%;
  }
}

.vision-txt {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 48%;
  text-align: left;
  position: relative;
}
@media screen and (max-width: 767px) {
  .vision-txt {
    width: 100%;
  }
}

.vision-txt h3 {
  font-size: min(max(22px, 1.375rem + (1vw - 6.4px) * 1.875), 28px);
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .vision-txt h3 {
    font-size: min(max(17px, 1.0625rem + (1vw - 6.4px) * 0.9375), 20px);
    margin-bottom: 1cqb;
  }
}

.vision-txt p {
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .vision-txt p {
    font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  }
}

.vision-txt .vision-tit.philosohy {
  position: relative;
  left: -150px;
  top: 0px;
}
@media screen and (max-width: 767px) {
  .vision-txt .vision-tit.philosohy {
    left: auto;
    right: 0;
    width: 80%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-top: -20px;
  }
}

@media screen and (max-width: 767px) {
  .vision-list li.reverce figure {
    margin-left: auto;
  }
}
.vision-txt .vision-tit.vision {
  position: relative;
  right: -250px;
  top: 0px;
}
@media screen and (max-width: 767px) {
  .vision-txt .vision-tit.vision {
    right: auto;
    top: 0px;
    left: 10%;
    margin-top: -20px;
    width: 40%;
    margin-bottom: 20px;
  }
}

.company-info {
  background: #F3F3F3;
  padding: 30px 70px 50px;
}
@media screen and (max-width: 767px) {
  .company-info {
    padding: 20px;
  }
}
.company-info table {
  text-align: left;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .company-info table {
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}
.company-info table th {
  width: 200px;
  padding: 1.5em;
  border-bottom: 1px solid #DDDDDD;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .company-info table th {
    display: inline-block;
    width: 100%;
    border-bottom: none;
    padding: 1.5em 0 0 0;
  }
}
.company-info table td {
  width: calc(100% - 200px);
  padding: 1.5em;
  border-bottom: 1px solid #DDDDDD;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .company-info table td {
    display: inline-block;
    width: 100%;
    padding: 0.5em 0 1.5em 0;
  }
}

.company-info + h2 {
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  .company-info + h2 {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .company-info + h2 img {
    height: 18px;
    width: auto;
  }
}
.history-list {
  padding: 0 70px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%222%22%20height%3D%22785%22%20viewBox%3D%220%200%202%20785%22%3E%0A%20%20%3Cline%20id%3D%22%E7%B7%9A_143%22%20data-name%3D%22%E7%B7%9A%20143%22%20y2%3D%22785%22%20transform%3D%22translate(1)%22%20fill%3D%22none%22%20stroke%3D%22%23444%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E%0A") repeat-y left 110px top;
}
@media screen and (max-width: 767px) {
  .history-list {
    background-position: left 30px top;
    padding: 0 0;
  }
}
.history-list li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .history-list li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}
.history-list li span.year {
  width: 80px;
  color: #fff;
  background: #000000;
  border-radius: 50px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .history-list li span.year {
    width: 60px;
  }
}
.history-list li span.txt {
  width: calc(100% - 110px);
}
@media screen and (max-width: 767px) {
  .history-list li span.txt {
    width: calc(100% - 70px);
  }
}

.group-wrap {
  padding: 0 50px;
  text-align: left;
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
}
@media screen and (max-width: 767px) {
  .group-wrap {
    padding: 0 0;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}
.group-wrap .group-tit {
  text-align: left;
  background-color: #F3F3F3;
  padding: 1em;
  font-weight: bold;
}

.group-in {
  padding-top: 20px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2285.444%22%20height%3D%221363.43%22%20viewBox%3D%220%200%2085.444%201363.43%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1434%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201434%22%20transform%3D%22translate(-378.5%2087)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_145%22%20data-name%3D%22%E7%B7%9A%20145%22%20y2%3D%221363%22%20transform%3D%22translate(379%20-87)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_194%22%20data-name%3D%22%E7%B7%9A%20194%22%20x2%3D%2284.444%22%20transform%3D%22translate(379.5%201275.93)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 30px bottom 30px;
}
@media screen and (max-width: 767px) {
  .group-in {
    background-position: left 10px bottom 50px;
  }
}

.group-child {
  padding: 0 50px;
  text-align: left;
  background-color: #F3F3F3;
  padding: 1em;
  font-weight: bold;
  margin-bottom: 30px;
  margin-left: 70px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .group-child {
    margin-left: 30px;
    padding: 10px;
  }
}

.group-child:before {
  content: "";
  height: 1px;
  width: 40px;
  position: absolute;
  top: 25px;
  left: -40px;
  background: #000000;
}
@media screen and (max-width: 767px) {
  .group-child:before {
    width: 20px;
    top: 25px;
    left: -20px;
  }
}

.group-child:last-of-type:before {
  display: none;
}

.group-child-head {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .group-child-head {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.group-child-head h3 {
  width: 40%;
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
}
@media screen and (max-width: 767px) {
  .group-child-head h3 {
    width: 100%;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}

.group-child-head h3 a,
.group-child-wrap .group-child-sub h3 a {
  color: #000000;
  text-decoration: underline;
}

.group-child-head dl,
.group-child-wrap .group-child-sub dl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .group-child-head dl,
  .group-child-wrap .group-child-sub dl {
    font-size: min(max(11px, 0.6875rem + (1vw - 6.4px) * 0.625), 13px);
  }
}

.group-child-head dl {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .group-child-head dl {
    width: 100%;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .group-child-head dl {
    padding: 0 5%;
  }
}
.group-child-head dl dt,
.group-child-wrap .group-child-sub dt {
  border-radius: 50px;
  background: #000000;
  color: #fff;
  margin-right: 10px;
  padding: 0.1em 0.5em;
  white-space: nowrap;
}

.group-child-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: strach;
  padding-top: 20px;
  flex-wrap: wrap;
}

.group-child-wrap .group-child-sub {
  width: 49%;
  background: #fff;
  box-sizing: border-box;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .group-child-wrap .group-child-sub {
    margin-top: 10px;
    width: 100%;
  }
}
.group-child-wrap .group-child-sub.all {
  width: 100%;
}

.group-child-wrap .group-child-sub h3 {
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .group-child-wrap .group-child-sub h3 {
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}

.group-company-detail-head h2 {
  border-bottom: none;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  font-size: min(max(22px, 1.375rem + (1vw - 6.4px) * 1.875), 28px);
}

.group-company-detail-head h3 {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
}

.group-company-detail-head p.date {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-size: min(max(10px, 0.625rem + (1vw - 6.4px) * 0.625), 12px);
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .group-company-detail-head p.date {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}

.content-web-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 6cap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .content-web-list {
    margin-bottom: 40px;
  }
}
.content-web-list li {
  width: 20%;
  box-sizing: border-box;
  padding: 0 1%;
  margin-bottom: 4%;
}
@media screen and (max-width: 767px) {
  .content-web-list li {
    width: 50%;
    margin-bottom: 20px;
  }
}
.content-web-list li img {
  border: 1px solid #CCCCCC;
}
.content-web-list a {
  color: #000000;
}

.content-web-list + .content-web-list {
  margin-top: -60px;
}

.content-web-list li figcaption {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  padding-top: 1em;
}
@media screen and (max-width: 767px) {
  .content-web-list li figcaption {
    padding-top: 0.5em;
  }
}

@media screen and (max-width: 767px) {
  .content-web-list + h2 {
    margin-top: 40px;
  }
  .content-web-list + h2 img {
    height: 18px;
    width: auto;
  }
}
.btn-all.group-btn {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.btn-all.group-btn a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 500px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
}

.btn-all.group-btn a:hover {
  background: #ffff00 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  transition: all ease 0.4s;
  text-decoration: none;
  color: #000000;
}

/* interview 
------------------------------------------------------------*/
.interview-list li {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  text-align: left;
  height: 100%;
  margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .interview-list li {
    margin-bottom: 50px;
  }
}
.interview-list li figure {
  position: relative;
  margin-left: 50px;
}
@media screen and (max-width: 767px) {
  .interview-list li figure {
    margin: 0;
  }
}
.interview-list li figure img {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.interview-list li .interview-up {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  padding-left: 50px;
}
@media screen and (max-width: 767px) {
  .interview-list li .interview-up {
    padding-left: 0;
  }
}

.interview-list li h3 {
  font-size: min(max(24px, 1.5rem + (1vw - 6.4px) * 1.875), 30px);
  z-index: 2;
  line-height: 1.4;
  position: relative;
  padding-top: 20px;
  margin-top: -130px;
  margin-right: 50px;
  margin-bottom: 50px;
  margin-left: -50px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .interview-list li h3 {
    font-size: min(max(17px, 1.0625rem + (1vw - 6.4px) * 0.9375), 20px);
    margin: 0;
  }
}

.interview-list li h3 span {
  background: #fff;
  display: inline-block;
}

.number {
  color: #ed1e79;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .number {
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}

.interview-list li .class {
  margin-top: auto;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 2;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .interview-list li .class {
    margin-left: 0;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    line-height: 1.5;
  }
}

.interview-list li .btn-all {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  width: auto;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .interview-list li .btn-all {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    width: 100%;
  }
}

.interview-list li .btn-all a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 170px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.interview-list li .btn-all a:hover {
  background: #ffff00 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  transition: all ease 0.4s;
  text-decoration: none;
  color: #000000;
}

.interview-bottom {
  width: 100%;
  padding-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .interview-bottom {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.btn-all.interview {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
}

.btn-all.interview a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 280px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.btn-all.interview a:hover {
  background: #ffff00 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  transition: all ease 0.4s;
  text-decoration: none;
  color: #000000;
}

.interview-detail-head {
  position: relative;
}

.interview-detail-head figure {
  padding-left: 0px;
}

.interview-detail-head h3 {
  position: relative;
  left: 0;
  top: 0;
  margin-bottom: 20px;
  border-bottom: 0;
  font-size: min(max(24px, 1.5rem + (1vw - 6.4px) * 1.875), 30px);
  text-align: left;
  display: inline-block;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .interview-detail-head h3 {
    font-size: min(max(18px, 1.125rem + (1vw - 6.4px) * 1.25), 22px);
  }
}

.interview-detail-head h3 span {
  background: #fff;
  display: inline-block;
}

.interview-inner-head {
  padding: 0 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .interview-inner-head {
    padding: 0 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.interview-inner-head .face-read-wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0 20px 0px;
}

.interview-inner-head .face-read-wrap figure {
  width: 100px;
  height: 100px;
}

.interview-inner-head .face-read-wrap .face-read {
  text-align: left;
  padding-left: 20px;
}

.interview-inner-head .face-read-wrap .face-read h3 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22119.22%22%20height%3D%2213.242%22%20viewBox%3D%220%200%20119.22%2013.242%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1434%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201434%22%20transform%3D%22translate(-326%20-949.5)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3046%22%20data-name%3D%22%E3%83%91%E3%82%B9%203046%22%20d%3D%22M2763-21671h46.4l10.325%2C12.422%22%20transform%3D%22translate(-2437%2022621)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3047%22%20data-name%3D%22%E3%83%91%E3%82%B9%203047%22%20d%3D%22M2749-21671h57.952%22%20transform%3D%22translate(-2361.732%2022621)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat bottom left;
  padding-bottom: 1em;
  font-size: min(max(15px, 0.9375rem + (1vw - 6.4px) * 0.625), 17px);
}

.interview-inner-head .face-read-wrap .face-read h3 + p {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  font-weight: bold;
}

.interview-inner-head .sns-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.interview-inner-head .sns-link li {
  margin-left: 15px;
}

.interview-detail {
  padding: 0 50px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .interview-detail {
    padding: 0 0;
  }
}

.table-of-contents {
  background: #F3F3F3;
  padding: 25px 30px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .table-of-contents {
    padding: 18px;
  }
}

.table-of-contents-tit {
  margin-bottom: 10px;
}

.table-of-contents ul {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  text-align: left;
  list-style: disc;
  margin-left: 1.5em;
}
@media screen and (max-width: 767px) {
  .table-of-contents ul {
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}

.interview-detail h2 {
  display: block;
  border-bottom: none;
  font-size: min(max(24px, 1.5rem + (1vw - 6.4px) * 1.875), 30px);
  text-align: left;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .interview-detail h2 {
    font-size: min(max(19px, 1.1875rem + (1vw - 6.4px) * 1.5625), 24px);
  }
}

.interview-detail h3 {
  display: block;
  border-bottom: 1px solid #000000;
  font-size: min(max(19px, 1.1875rem + (1vw - 6.4px) * 1.5625), 24px);
  text-align: left;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .interview-detail h3 {
    font-size: min(max(17px, 1.0625rem + (1vw - 6.4px) * 0.9375), 20px);
  }
}

.interview-detail p {
  margin-bottom: 1.5em;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
}
@media screen and (max-width: 767px) {
  .interview-detail p {
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}

.interview-detail figure.cennter {
  margin: 0 auto 30px;
}

.interview-read {
  border-bottom: 1px solid #F3F3F3;
  padding-bottom: 1em;
  margin-bottom: 2em;
}

.interview-detail p + h2 {
  padding-top: 20px;
}

.interview-detail p + h3 {
  padding-top: 20px;
}

.interview-detail + .sns-share {
  margin-top: 40px;
}

.interview-detail figure figcaption {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  padding-top: 0.3em;
}

.customer-wrap h2 {
  border: none;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .customer-wrap h2 {
    font-size: min(max(18px, 1.125rem + (1vw - 6.4px) * 1.25), 22px);
  }
}

.customer-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.customer-list li {
  width: 31.8%;
  border: 3px solid #ed1e79;
  border-radius: 10px;
  margin-bottom: 1.5%;
  box-sizing: border-box;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  height: 190px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all ease 0.4s;
}
@media screen and (max-width: 767px) {
  .customer-list li {
    width: 100%;
    height: 100px;
  }
}

.customer-list li h3 {
  font-size: min(max(19px, 1.1875rem + (1vw - 6.4px) * 1.5625), 24px);
}
@media screen and (max-width: 767px) {
  .customer-list li h3 {
    font-size: min(max(17px, 1.0625rem + (1vw - 6.4px) * 0.9375), 20px);
  }
}

.customer-list li p {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  color: #ed1e79;
}

.customer-list li span {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_997%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20997%22%20transform%3D%22translate(-596%20-887)%22%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_744%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20744%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%224%22%20transform%3D%22translate(596%20887)%22%20fill%3D%22%23ed1e79%22%2F%3E%0A%20%20%20%20%3Ctext%20id%3D%22_%22%20data-name%3D%22%3F%22%20transform%3D%22translate(603.5%20903)%22%20fill%3D%22%23fff%22%20font-size%3D%2214%22%20font-family%3D%22Roboto-Bold%2C%20Roboto%22%20font-weight%3D%22700%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3E%3F%3C%2Ftspan%3E%3C%2Ftext%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 5px top 5px;
}

.customer-list li.hover {
  transition: all ease 0.4s;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .customer-list li.hover {
    height: auto;
  }
}

.customer-list li.hover h3,
.customer-list li.hover p {
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .customer-list li.hover h3,
  .customer-list li.hover p {
    text-align: center;
  }
}

.customer-read {
  font-size: min(max(11px, 0.6875rem + (1vw - 6.4px) * 0.625), 13px);
  text-align: left;
  display: none;
}

.customer-list li.hover .customer-read {
  display: block;
}
@media screen and (max-width: 767px) {
  .customer-list li.hover .customer-read {
    padding-top: 10px;
  }
}

.result-wrap {
  margin-bottom: 60px;
  position: relative;
}

.result-wrap .swiper-slide {
  border: none;
}

.result-wrap .swiper-slide figure {
  border: none;
}

.result-wrap .swiper-slide figure img {
  border: none;
}

.result-wrap .mediaSwiper .swiper-slide .group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 1em 0;
  border-top: none;
  width: 100%;
}

.result-wrap .mediaSwiper-next.swiper-button-next,
.result-wrap .mediaSwiper-prev.swiper-button-prev {
  top: 20%;
}

.result-wrap .mediaSwiper-next.swiper-button-next {
  right: -40px;
  left: auto;
}
@media screen and (max-width: 767px) {
  .result-wrap .mediaSwiper-next.swiper-button-next {
    right: -10px;
  }
}

.result-wrap .mediaSwiper-prev.swiper-button-prev {
  left: -40px;
  right: auto;
}
@media screen and (max-width: 767px) {
  .result-wrap .mediaSwiper-prev.swiper-button-prev {
    left: -10px;
  }
}

.result-wrap .btn-all {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}

.result-wrap .btn-all a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 280px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
}

.result-wrap .btn-all a:hover {
  border: 1px solid #ed1e79;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 280px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #ed1e79 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2596%22%20data-name%3D%22%E3%83%91%E3%82%B9%202596%22%20d%3D%22M627.333%2C2253.013l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-624%20-2250.513)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
}

.customer-toggle-wrap p {
  text-align: left;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  line-height: 2;
  padding: 0 5%;
}
@media screen and (max-width: 767px) {
  .customer-toggle-wrap p {
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}

.customer-toggle dt,
.customer-toggle-noopen dt {
  font-size: min(max(17px, 1.0625rem + (1vw - 6.4px) * 0.9375), 20px);
  font-weight: bold;
  text-align: left;
  padding: 1.5em 2em;
  background: #F3F3F3 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_905%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20905%22%20transform%3D%22translate(-1250%20-1853)%22%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_748%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20748%22%20width%3D%2230%22%20height%3D%222%22%20transform%3D%22translate(1250%201867)%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_749%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20749%22%20width%3D%2230%22%20height%3D%222%22%20transform%3D%22translate(1264%201883)%20rotate(-90)%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A%0A") no-repeat right 30px top 50%;
  margin-top: 30px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .customer-toggle dt,
  .customer-toggle-noopen dt {
    font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
    padding: 1em 1em;
    margin-top: 10px;
    background-position: right 10px top 50%;
    background-size: 15px;
  }
}

.customer-toggle-noopen dt {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  background: none;
  cursor: default;
  display: flex;
  border-bottom: 1px solid #000000;
  margin: 0 30px 30px;
  padding: 0;
  font-size: min(max(19px, 1.1875rem + (1vw - 6.4px) * 1.5625), 24px);
}
@media screen and (max-width: 767px) {
  .customer-toggle-noopen dt {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-align: left;
    margin: 0 0 30px;
  }
}

.customer-toggle dt.is-active,
.customer-toggle-noopen dt.is-active {
  background: #F3F3F3 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_949%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20949%22%20transform%3D%22translate(-1250%20-1853)%22%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_749%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20749%22%20width%3D%2230%22%20height%3D%222%22%20transform%3D%22translate(1264%201883)%20rotate(-90)%22%20fill%3D%22%23f3f3f3%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_748%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20748%22%20width%3D%2230%22%20height%3D%222%22%20transform%3D%22translate(1250%201867)%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 30px top 50%;
}
@media screen and (max-width: 767px) {
  .customer-toggle dt.is-active,
  .customer-toggle-noopen dt.is-active {
    background-position: right 10px top 50%;
    background-size: 15px;
  }
}

.customer-toggle dd,
.customer-toggle-noopen dd {
  border: 10px solid #F3F3F3;
  padding: 30px 30px 60px;
  text-align: left;
  line-height: 2;
  display: none;
}
@media screen and (max-width: 767px) {
  .customer-toggle dd,
  .customer-toggle-noopen dd {
    padding: 10px 10px 30px;
  }
}

.customer-toggle-noopen dd {
  display: block !important;
  border: none;
}

.customer-toggle dd p,
.customer-toggle-noopen dd p {
  padding: 0;
}

.customer-toggle dd .btn-all,
.customer-toggle-noopen dd .btn-all {
  padding-top: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .customer-toggle dd .btn-all,
  .customer-toggle-noopen dd .btn-all {
    padding-top: 30px;
  }
}

.customer-toggle dd .btn-all a,
.customer-toggle-noopen dd .btn-all a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 170px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.customer-toggle dd .btn-all a:hover,
.customer-toggle-noopen dd .btn-all a:hover {
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 170px;
  height: 50px;
  font-weight: bold;
  color: #000000;
  transition: all ease 0.4s;
  background: #ffff00 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  transition: all ease 0.4s;
  text-decoration: none;
}

.contact-wrap {
  padding: 0 50px 50px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .contact-wrap {
    padding: 0 0 30px;
  }
}

.contact-wrap p {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  line-height: 1.8;
}

.contact-head {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #000000;
}

.contact-head h2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  border-bottom: none;
  margin-bottom: 20px;
}

.contact-head-item {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.contact-tab {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.contact-tab li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: strach;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  color: #ed1e79;
  border-radius: 10px;
  font-weight: bold;
  box-sizing: border-box;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  width: calc(16.6666666667% - 4px);
  height: 82px;
}
@media screen and (max-width: 1040px) {
  .contact-tab li {
    width: calc(33.3333333333% - 4px);
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1040px) and (max-width: 640px) {
  .contact-tab li {
    width: calc(50% - 4px);
    height: 55px;
    line-height: 1.3;
  }
}

.contact-tab li span {
  box-sizing: border-box;
  border-radius: 10px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: 3px solid #ed1e79;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all ease 0.4s;
}

.contact-tab li span.current,
.contact-tab li span:hover {
  background: #ed1e79;
  color: #fff;
  transition: all ease 0.4s;
}

.contact-head .contact-head-item h2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  border-bottom: 1px solid #000000;
  margin: 0 30px 60px;
  font-size: min(max(19px, 1.1875rem + (1vw - 6.4px) * 1.5625), 24px);
}
@media screen and (max-width: 767px) {
  .contact-head .contact-head-item h2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    text-align: left;
    margin: 0 0 30px;
  }
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tab-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 30px 40px;
}
@media screen and (max-width: 767px) {
  .tab-inner {
    margin: 0 0 20px;
  }
}

.tab-inner dt {
  width: 580px;
  text-align: left;
  font-size: min(max(18px, 1.125rem + (1vw - 6.4px) * 1.25), 22px);
  font-weight: bold;
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .tab-inner dt {
    width: 100%;
    margin-bottom: 15px;
    font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  }
}

.tab-inner dt span {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_969%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20969%22%20transform%3D%22translate(-596%20-887)%22%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_744%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20744%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%224%22%20transform%3D%22translate(596%20887)%22%20fill%3D%22%23ed1e79%22%2F%3E%0A%20%20%20%20%3Ctext%20id%3D%22_%22%20data-name%3D%22%3F%22%20transform%3D%22translate(603.5%20903)%22%20fill%3D%22%23fff%22%20font-size%3D%2214%22%20font-family%3D%22Roboto-Bold%2C%20Roboto%22%20font-weight%3D%22700%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3E%3F%3C%2Ftspan%3E%3C%2Ftext%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat right top;
  padding-right: 1.3em;
}
@media screen and (max-width: 767px) {
  .tab-inner dt span {
    padding: 0.2em 1.7em 0.2em 0.2em;
  }
}

.tab-inner dd {
  width: 320px;
  margin-bottom: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .tab-inner dd {
    width: 100%;
  }
}

.tab-inner dd a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 320px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all ease 0.4s;
}
@media screen and (max-width: 767px) {
  .tab-inner dd a {
    border: 1px solid #000000;
    border-radius: 50px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    width: 100%;
    height: 50px;
    font-weight: bold;
    color: #fff;
    transition: all ease 0.4s;
  }
}

.tab-inner dd a:hover {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #ed1e79;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 320px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #ed1e79 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all ease 0.4s;
  text-decoration: none;
}

.tab-caution {
  background: #F3F3F3;
  padding: 40px;
  text-align: left;
  line-height: 1.8;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
}
@media screen and (max-width: 767px) {
  .tab-caution {
    padding: 20px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  }
}

.contact-in-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  flex-wrap: wrap;
}

.contact-in-list li {
  width: 20%;
  box-sizing: border-box;
  padding: 0.5%;
}
@media screen and (max-width: 1024px) {
  .contact-in-list li {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 767px) {
  .contact-in-list li {
    width: 50%;
  }
}

.contact-in-list li figcaption {
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  text-align: center;
  line-height: 1.5;
  padding-top: 0.5em;
}
@media screen and (max-width: 767px) {
  .contact-in-list li figcaption {
    margin-bottom: 15px;
  }
}

.contact-btn-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .contact-btn-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
}

.contact-btn-list .contact-btn-title {
  width: 580px;
  text-align: left;
  font-size: min(max(18px, 1.125rem + (1vw - 6.4px) * 1.25), 22px);
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .contact-btn-list .contact-btn-title {
    width: 100%;
    font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
    margin-bottom: 15px;
  }
}

.contact-btn {
  width: 320px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .contact-btn {
    width: 100%;
  }
}

.contact-btn a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 320px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all ease 0.4s;
}
@media screen and (max-width: 767px) {
  .contact-btn a {
    border: 1px solid #000000;
    border-radius: 50px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    width: 100%;
    height: 50px;
    font-weight: bold;
    color: #fff;
    transition: all ease 0.4s;
  }
}

.contact-btn a:hover {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #ed1e79;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 320px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #ed1e79 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all ease 0.4s;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .contact-btn a:hover {
    border: 1px solid #ed1e79;
    border-radius: 50px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    width: 100%;
    height: 50px;
    font-weight: bold;
    color: #fff;
    transition: all ease 0.4s;
  }
}

.customer-toggle h3,
.customer-toggle-noopen h3 {
  font-size: min(max(16px, 1rem + (1vw - 6.4px) * 0.625), 18px);
  border-bottom: 1px solid #000000;
  text-align: center;
  padding-bottom: 0.3em;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .customer-toggle h3,
  .customer-toggle-noopen h3 {
    font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  }
}

.customer-toggle .faq-list,
.customer-toggle-noopen .faq-list {
  margin-bottom: 30px;
}

.customer-toggle .faq-q,
.customer-toggle-noopen .faq-q {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  font-weight: bold;
  margin-bottom: 0.5em;
}

.customer-toggle .faq-a,
.customer-toggle-noopen .faq-a {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  margin-bottom: 0.5em;
}

.lp-visual {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-top: 10px;
  margin-bottom: 80px;
}

.lp-visual figure img {
  width: 100%;
  height: auto;
}

.lp-visual .swiper-container.mediaSwiper {
  overflow: visible;
}

.lp-visual .mediaSwiper .swiper-slide {
  display: block;
  border-right: none;
}

.lp-visual .mediaSwiper .swiper-slide img {
  width: 100%;
  height: auto;
}

.lp-visual .swiper-pagination {
  bottom: -30px;
  left: 0;
  width: 100%;
}

.lp-visual .swiper-pagination-bullet-active {
  opacity: 1;
  background: #000000;
}

h1.lp-title {
  font-size: min(max(26px, 1.625rem + (1vw - 6.4px) * 1.875), 32px);
  text-align: left;
  border-bottom: 1px solid #000000 !important;
  padding-bottom: 0.3em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 767px) {
  h1.lp-title {
    font-size: min(max(22px, 1.375rem + (1vw - 6.4px) * 1.875), 28px);
  }
}

.lp-summary {
  border: 10px solid #F3F3F3;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.lp-summary ol {
  margin-left: 1.5em;
}

.lp-detail figure.lp-img {
  margin: 0 auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 650px;
  margin-bottom: 60px;
}

.lp-detail figure.lp-img img {
  height: 100%;
  width: auto;
}

.lp-detail .btn-all {
  margin: 0 auto 30px;
}

.lp-detail .btn-all a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 320px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all ease 0.4s;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .lp-detail .btn-all a {
    border: 1px solid #000000;
    border-radius: 50px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    width: 90%;
    height: 50px;
    font-weight: bold;
    color: #fff;
    transition: all ease 0.4s;
  }
}

.lp-detail .btn-all a:hover {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #ed1e79;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 320px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #ed1e79 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all ease 0.4s;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .lp-detail .btn-all a:hover {
    border: 1px solid #ed1e79;
    border-radius: 50px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    width: 90%;
    height: 50px;
    font-weight: bold;
    color: #fff;
    transition: all ease 0.4s;
  }
}

.lp-booklist {
  padding: 50px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  overflow: hidden;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .lp-booklist {
    padding: 20px 0;
  }
}

.lp-booklist .swiper-wrapper {
  margin-bottom: 20px;
}

.lp-booklist .swiper-button-next {
  right: 0;
  left: auto;
}

.lp-booklist .swiper-button-prev {
  right: auto;
  left: 0;
}

.lp-booklist .swiper-button-next,
.lp-booklist .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 61px;
  height: 61px;
  z-index: 99;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .lp-booklist .swiper-button-next,
  .lp-booklist .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
}

.lp-booklist .swiper-button-next:after,
.lp-booklist .swiper-button-prev:after {
  font-family: swiper-icons;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  width: 61px;
  height: 61px;
}
@media screen and (max-width: 767px) {
  .lp-booklist .swiper-button-next:after,
  .lp-booklist .swiper-button-prev:after {
    width: 40px;
    height: 40px;
  }
}

.lp-booklist .swiper-button-prev:after {
  content: "";
  background: url(/assets/images/arrow-prev.svg);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px;
}
@media screen and (max-width: 767px) {
  .lp-booklist .swiper-button-prev:after {
    background-size: 100%;
  }
}

.lp-booklist .swiper-button-next:after {
  content: "";
  background: url(/assets/images/arrow-next.svg);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px;
}
@media screen and (max-width: 767px) {
  .lp-booklist .swiper-button-next:after {
    background-size: 100%;
  }
}

.book-area {
  background-color: #F9F9F9;
  padding: 50px;
}
@media screen and (max-width: 767px) {
  .book-area {
    padding: 20px;
  }
}

.book-area-inner {
  display: flex;
  padding: 0 30px 30px;
}
@media screen and (max-width: 767px) {
  .book-area-inner {
    padding: 0;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.book-area-inner .book-cover {
  width: 155px;
  margin-right: 70px;
}
@media screen and (max-width: 767px) {
  .book-area-inner .book-cover {
    width: 70%;
    margin: 20px auto;
  }
}

.book-cover-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  position: relative;
}

.book-cover-right h3 {
  font-size: min(max(18px, 1.125rem + (1vw - 6.4px) * 1.25), 22px);
  margin-bottom: 1em;
}

.book-cover-right .btn-all {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .book-cover-right .btn-all {
    margin-top: 20px;
  }
}

.book-cover-right .btn-all a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 320px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all ease 0.4s;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .book-cover-right .btn-all a {
    border: 1px solid #000000;
    border-radius: 50px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    width: 100%;
    height: 50px;
    font-weight: bold;
    color: #fff;
    transition: all ease 0.4s;
  }
}

.book-cover-right .btn-all a:hover {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #ed1e79;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 320px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #ed1e79 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all ease 0.4s;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .book-cover-right .btn-all a:hover {
    border: 1px solid #ed1e79;
    border-radius: 50px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    width: 100%;
    height: 50px;
    font-weight: bold;
    color: #fff;
    transition: all ease 0.4s;
  }
}

.author-wrap {
  background: #fff;
  padding: 20px;
  border: 1px solid #000000;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.author-wrap .author {
  width: 110px;
  height: 110px;
}
@media screen and (max-width: 767px) {
  .author-wrap .author {
    width: 80px;
    height: 80px;
  }
}

.author-right {
  margin-left: 20px;
  width: calc(100% - 130px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .author-right {
    width: calc(100% - 100px);
  }
}

.author-right h3 {
  font-size: min(max(18px, 1.125rem + (1vw - 6.4px) * 1.25), 22px);
  margin-bottom: 1em;
}

.author-right .author-text {
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
  text-align: left;
}

.modal {
  display: none;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99990;
}

.modal__bg {
  background: rgba(255, 255, 255, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
}

.modal__content {
  background: none;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  box-sizing: border-box;
  max-height: 90%;
  z-index: 1;
  background: #fff;
  padding: 20px;
  border: 4px solid #ed1e79;
  border-radius: 5px;
  text-align: left;
  font-size: min(max(14px, 0.875rem + (1vw - 6.4px) * 0.625), 16px);
}
@media screen and (max-width: 767px) {
  .modal__content {
    width: 90%;
  }
}

.modal-close {
  position: absolute;
  top: -4px;
  right: -4px;
  cursor: pointer;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1432%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201432%22%20transform%3D%22translate(-14228%2022433)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1431%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201431%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_744%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20744%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%224%22%20transform%3D%22translate(14228%20-22433)%22%20fill%3D%22%23ed1e79%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_889%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20889%22%20transform%3D%22translate(13187%20-22612)%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_755%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20755%22%20width%3D%222%22%20height%3D%2210%22%20transform%3D%22translate(1054.828%20185.758)%20rotate(45)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_756%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20756%22%20width%3D%222%22%20height%3D%2210%22%20transform%3D%22translate(1056.242%20192.828)%20rotate(135)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
  width: 22px;
  height: 22px;
  display: block;
}

.btn-all.not404 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
}

.btn-all.not404 a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #000000;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 320px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #000000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 15px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all ease 0.4s;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .btn-all.not404 a {
    border: 1px solid #000000;
    border-radius: 50px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    width: 100%;
    height: 50px;
    font-weight: bold;
    color: #fff;
    transition: all ease 0.4s;
  }
}

.btn-all.not404 a:hover {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #ed1e79;
  border-radius: 50px;
  font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
  width: 320px;
  height: 50px;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.4s;
  background: #ed1e79 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223.333%22%20height%3D%224.999%22%20viewBox%3D%220%200%203.333%204.999%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2598%22%20data-name%3D%22%E3%83%91%E3%82%B9%202598%22%20d%3D%22M920%2C2936.513l-3.333%2C2.5v-5Z%22%20transform%3D%22translate(-916.667%20-2934.013)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 10px center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  transition: all ease 0.4s;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .btn-all.not404 a:hover {
    border: 1px solid #ed1e79;
    border-radius: 50px;
    font-size: min(max(12px, 0.75rem + (1vw - 6.4px) * 0.625), 14px);
    width: 100%;
    height: 50px;
    font-weight: bold;
    color: #fff;
    transition: all ease 0.4s;
  }
}/*# sourceMappingURL=styles.css.map */