@charset "utf-8";
/* load */
.load {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  display: grid;
  place-items: center;
  transition: .5s;
}
.load.is-loaded {
  opacity: 0;
  visibility: hidden;
}
body.is-loading {
  height: 100vh!important;
  overflow: hidden;
}
@media (min-width:751px) {
  .load_txt-wrap {
    width: 637px;
  }
}
@media (max-width:750px) {
  .load_txt-wrap {
    width: calc((( 484 / var(--media_sp)) * 100) * var(--vw));
  }
}
/* loading */

/* main visual */
#main-visual .mv-whMask {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f7f8f8;
  opacity: 0;
}
.mv_bg-wrap {
  position: fixed;
  z-index: -1;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.mv_bg {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
:root {
  --animDuration:8s;
}
.mv_bg.js-is-start {
  animation: var(--animDuration) forwards mvBgAnim;
}
.mv_bg img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.mv_bg.js-is-start img {
  animation: var(--animDuration) linear forwards mvBgImgAnim;
}
.mv_scroll {
  position: absolute;
  aspect-ratio: 1 / 14.75;
}

.mv_catch-wrap {
  position: relative;
  /* z-index: 1; */
  width: 100%;
  height: 100vh;
  height: 100dvh;


  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.mv_txt-wrap {
  position: absolute;
  top: 50vh;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
  text-align: center;
  color: #fff;
  opacity: 0;
}
.mv_txt-wrap.js-is-active {
  opacity: 1;
}
@media (min-width:751px) {
  .mv_ttl {
    font-size: 75px;
  }
  .mv_txt {
    margin-top: 27px;
    font-size: 37px;
    letter-spacing: 0.17em;
  }
  .mv_scroll {
    width: 8px;
    bottom: 33px;
    right: 28px;
  }
}
@media (max-width:750px) {
  .mv_ttl {
    font-size: calc((( 57 / var(--media_sp)) * 100) * var(--vw));
  }
  .mv_txt {
    margin-top: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 28 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.18em;
  }
  .mv_scroll {
    width: calc((( 12 / var(--media_sp)) * 100) * var(--vw));
    bottom: calc((( 31 / var(--media_sp)) * 100) * var(--vw));
    right: calc((( 25 / var(--media_sp)) * 100) * var(--vw));
  }
}
/* anime */
@keyframes mvBgAnim {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  18.75% {
    opacity: 1;
    visibility: visible;
  }
  81.25% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes mvBgImgAnim {
  0% {
    scale: 1;
  }
  100% {
    scale: 1.15;
  }
}
/* anime */
/* main visual */

/* catch */
.catch {
  background-color: #f7f8f8;

  position: relative;
  padding: 0;
  overflow: visible;
}
.catch_mask {
  width: 100%;
  height: 100vh;
  height: 100dvh;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}
.catch_mask_txt-wrap {
  position: absolute;
  bottom: 50vh;
  left: 0;
  right: 0;
  transform: translateY(50%);
  text-align: center;
  color: #323232;
}
.catch-inner {
  background-color: #f7f8f8;
}
.catch_txt-wrap {
  text-align: center;
}
.catch_logo {
  margin-inline: auto;
}
@media (min-width:751px) {
  .catch {
    margin-top: 100vh;
    min-height: 115vh;
  }
  .catch-inner {
    padding-top: 252px;
    min-height: 100vh;
  }
  .catch_ttl,
  .catch_sc {
    font-size: 75px;
  }
  .catch_txt {
    margin-top: 27px;
    font-size: 37px;
    letter-spacing: 0.17em;
  }
  .catch_copy {
    margin-top: 83px;
    font-size: 18px;
    letter-spacing: 0.28em;
    line-height: 3.166;
  }
  .catch_logo {
    margin-top: 60px;
    width: 108px;
  }
}
@media (max-width:750px) {
  .catch {
    margin-top: 100vh;
    padding-top: calc((( 253 / var(--media_sp)) * 100) * var(--vw));
    padding-bottom: calc((( 282 / var(--media_sp)) * 100) * var(--vw));
  }
  .catch_ttl,
  .catch_sc {
    font-size: calc((( 57 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.03em;
  }
  .catch_txt {
    margin-top: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 28 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.18em;
  }
  .catch_copy {
    margin-top: calc((( 81 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 22.816 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.21em;
    line-height: 2.845;
  }
  .catch_logo {
    margin-top: calc((( 75 / var(--media_sp)) * 100) * var(--vw));
    width: calc((( 140 / var(--media_sp)) * 100) * var(--vw));
  }
}
/* catch */

/* mind */
.mind {
  background-color: #f7f8f8;
  width: 100%;
}
.mind_blk {
  position: relative;
}
.blk_img-wrap {
  width: 100%;
  position: relative;
}
.blk_img-wrap .img-wrap {
  position: absolute;
}
.blk_img-wrap .img-wrap {
  position: absolute;
}
.blk_img-wrap .img-wrap.img-lg {
  top: 0;
}
.blk_img-wrap .img-wrap.img-sm {
  bottom: 0;
}
@media (min-width:751px) {
  .mind {
    padding-block: 74px 233px;
  }
  .blk_ttl {
    font-size: 140px;
  }
  .blk_copy {
    margin-top: 72px;
    font-size: 17.4px;
    letter-spacing: 0.08em;
    line-height: 2.447;
    writing-mode: vertical-rl;
    font-feature-settings: normal;
    white-space: nowrap;
  }
  .blk_txt-wrap {
    position: absolute;
    top: 0;
    z-index: 1;
  }
}
@media (max-width:750px) {
  .mind {
    padding-bottom: calc((( 168 / var(--media_sp)) * 100) * var(--vw));
  }
  .mind_blk {
    padding-top: calc((( 100 / var(--media_sp)) * 100) * var(--vw));
    height: calc((( 1498 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk_img-wrap {
    width: 100%;
    height: 100%;
  }
  .blk_img-wrap .img-wrap.img-lg {
    margin-left: auto;
    width: 76.8%;
    top: 0;
    right: 0;
  }
  .blk_img-wrap .img-wrap.img-sm {
    margin-left: auto;
    width: 63.33333%;
    bottom: 0;
    left: 0;

  }
  .blk_txt-wrap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .blk_ttl {
    margin-left: calc((( 15 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 132 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk_copy {
    margin-top: calc((( 516 / var(--media_sp)) * 100) * var(--vw));
    margin-left: 23.2%;
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.08em;
    line-height: 2.333;
  }
}

@media (min-width:751px) {
  .blk-01 {
    padding-top: 75px;
  }
  .blk-02 {
    margin-top: 170px;
    padding-top: 58px;
  }
  .blk-03 {
    margin-top: 157px;
    padding-top: 91px;
  }
  .blk-01 .blk_txt-wrap {
    left: 13.5%;
  }
  .blk-01 .blk_img-wrap {
    aspect-ratio: 1 / 0.53452;
  }
  .blk-01 .img-wrap.img-lg {
    margin-left: auto;
    width: 62.14285%;
    right: 0;
  }
  .blk-01 .img-wrap.img-sm {
    margin-right: auto;
    width: 33.45238%;
    left: 0;
  }
  .blk-02 .blk_txt-wrap {
    right: 11.8%;
  }
  .blk-02 .blk_txt-wrap .blk_copy {
    width: 342px;
    margin-right: 10px;
    margin-left: auto;
  }
  .blk-02 .blk_img-wrap {
    aspect-ratio: 1 / 0.52142;
  }
  .blk-02 .img-wrap.img-lg {
    width: 62.5%;
    left: 0;
  }
  .blk-02 .img-wrap.img-sm {
    width: 32.0238%;
    right: 0;
  }
  .blk-03 .blk_txt-wrap {
    left: 12.1%;
  }
  .blk-03 .blk_ttl {
    letter-spacing: -0.12em;
  }
  .blk-03 .blk_ttl .ls {
    margin-left: 0.13em;
    letter-spacing: 0.09em;
  }
  .blk-03 .blk_img-wrap {
    aspect-ratio: 1 / 0.51547;
  }
  .blk-03 .img-wrap.img-lg {
    width: 62.5%;
    right: 0;
  }
  .blk-03 .img-wrap.img-sm {
    width: 32.0238%;
    left: 0;
  }
}
@media (max-width:750px) {
  .blk-02 {
    margin-top: calc((( 215 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk-03 {
    margin-top: calc((( 212 / var(--media_sp)) * 100) * var(--vw));
  }
  .blk-03 .blk_ttl {
    letter-spacing: -0.12em;
  }
  .blk-03 .blk_ttl .ls {
    margin-left: 0.12em;
    letter-spacing: 0.09em;
  }
}

/* mind */

/* section common */
.sec_ttl {
  font-size: 0;
}
.sec_txt {
  font-family: var(--TsukuMin);
  color: #1e1e1e;
}
@media (min-width:751px) {
  .sec_txt {
    margin-top: 8px;
    font-size: 38px;
    letter-spacing: 0.04em;
    line-height: 1.67422;
  }
}
@media (max-width:750px) {
  .sec_txt {
    font-size: calc((( 44 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.5;
  }
}
/* section common */

/* message */
.message {
  background-color: #fff;
}
.message_name {
  position: relative;
  z-index: 0;
}
.message_name::after {
  content: "";
  background: url(../img/top/message_sign.jpg) no-repeat center center/contain;
  position: absolute;
  z-index: -1;
  aspect-ratio: 1 / 0.21921;
}
@media (min-width:751px) {
  .message {
    padding-inline: 20px;
  }
  .message-inner {
    padding-block: 266px 358px;
    margin-inline: auto;
    max-width: 1280px;
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .message .sec_hgroup {
    margin-top: 25px;
  }
  .message_sec_ttl {
    width: 81px;
  }
  .message_sec_txt {
    font-size: 38px;
  }
  .message_column.column-l {
    width: 47.187%;
    position: relative;
  }
  .message_column.column-r {
    width: 43.743%;
  }
  .message_img-wrap {
    /* position: absolute; */
    /* bottom: 0; */
    /* max-width: 960px; */
    margin-top: 74px;
    width: 100%;
  }
  .message_column.column-r > * + * {
    margin-top: 32px;
  }
  .message_ttl {
    font-size: 22px;
    line-height: 1.71919;
    letter-spacing: 0.04em;
  }
  .message_txt {
    margin-top: 2px;
    font-size: 15px;
    letter-spacing: 0.05em;
    line-height: 2.13333;
    position: relative;
    z-index: 1;
  }
  .message_column.column-r .message_name {
    margin-top: 53px;
    font-size: 15px;
    letter-spacing: 0.05em;
  }
  .message_name .space {
    margin-left: 0.7em;
  }
  .message_name::after {
    width: min(271px, calc((( 271 / var(--media_pc)) * 100) * var(--vw)));
    height: auto;
    top: -5px;
    left: 230px;
  }
}
@media (max-width:750px) {
  .message-inner {
    width: 72.533%;
    padding-block: calc((( 216 / var(--media_sp)) * 100) * var(--vw))  calc((( 318 / var(--media_sp)) * 100) * var(--vw));
    margin-inline: auto;
  }
  .message_sec_ttl {
    width: calc((( 100 / var(--media_sp)) * 100) * var(--vw));
  }
  .message_sec_txt {
    margin-top: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 44 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.08em;
    line-height: 1.63636;
  }
  .message_column.column-l {
    position: relative;
  }
  .message_column.column-r {
    margin-top: calc((( 58 / var(--media_sp)) * 100) * var(--vw));
  }
  .message_img-wrap {
    margin-top: calc((( 54 / var(--media_sp)) * 100) * var(--vw));
    width: 100%;
  }
  .message_column.column-r > * + * {
    margin-top: calc((( 47 / var(--media_sp)) * 100) * var(--vw));
  }
  .message_ttl {
    font-size: calc((( 34 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.04em;
    line-height: 1.7739;
  }
  .message_txt {
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.05em;
    line-height: 2;
    position: relative;
    z-index: 1;
  }
  .message_column.column-r .message_name {
    margin-top: calc((( 80 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.07em;
  }
  .message_name::after {
    width: calc((( 297 / var(--media_sp)) * 100) * var(--vw));
    height: auto;
    top: calc((( 50 / var(--media_sp)) * 100) * var(--vw));
    right: calc((( 0 / var(--media_sp)) * 100) * var(--vw));
  }
}
/* message */

/* people_and_works */
.people_and_works {
  width: 100%;
  height: auto;
}
.paw_lnk {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
@media (min-width:751px) {
  .people_and_works {
    aspect-ratio: 1 / 0.41461;
  }
  .paw_lnk {
    background: url(../img/top/paw_bg_pc.jpg) no-repeat center center/cover;
  }
  .people_and_works hgroup {
    position: absolute;
    top: 50%;
    left: 12.8%;
    transform: translateY(-50%);
    color: #fff;
  }
  .paw_ttl {
    font-size: min(88px, calc((( 88 / var(--media_pc)) * 100) * var(--vw))) ;
    letter-spacing: 0.05em;
  }
  .paw_txt {
    margin-top: calc((( 20 / var(--media_pc)) * 100) * var(--vw));
    font-size: min(26px,calc((( 26 / var(--media_pc)) * 100) * var(--vw)));
    line-height: 1.85916;
    letter-spacing: 0.1em;
  }
  .paw_arrow {
    width: 105px;
    position: absolute;
    bottom: 38.4%;
    right: 12.4%;
  }
}
@media (max-width:750px) {
  .people_and_works {
    aspect-ratio: 1 / 0.73447;
  }
  .paw_lnk {
    background: url(../img/top/paw_bg_sp.jpg) no-repeat center center/cover;
  }
  .people_and_works hgroup {
    position: absolute;
    top: 50%;
    left: 7.5%;
    color: #fff;
  }
  .paw_ttl {
    font-size: calc((( 71.608 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.05em;
  }
  .paw_txt {
    margin-top: calc((( 16 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 28.614 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.08em;
    line-height: 2;
  }
  .paw_arrow {
    width: calc((( 82 / var(--media_sp)) * 100) * var(--vw));
    position: absolute;
    bottom: 14.7%;
    right: 6.3%;
  }
}
/* people_and_works */

/* business */
.business {
  background-color: #fff;
}
.business_swiper-wrap {
  overflow: hidden;
}
.business_slide_ttl {
  color: #10326a;
}
.business_slide_txt,
.business_slide_atn {
  font-family: var(--noto_sans);
}
.business .swiper-navigation,
.business .swiper-pagination-bullet {
  user-select: none;
}
.business_paradole_lnk {
  margin-inline: auto;
  display: block;
  border-radius: 100vmax;
  background-color: #10326a;
}
@media (min-width:751px) {
  .business {
    padding-block: 176px 256px;
    padding-inline: 20px;
  }
  .business .sec_hgroup {
    max-width: 1280px;
    margin-inline: auto;
  }
  .business-inner {
    width: min(1530px, 100%);
    margin-inline: auto;
  }
  .business_ttl {
    width: 84px;
  }
  .business_swiper-wrap {
    margin-top: 76px;
    /* overflow: hidden; */
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .business .swiper-container {
    margin-inline: auto;
    width: min(1280px, 86.48648%);
  }
  .business_slide-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-self: start;
  }
  .business_slide_img-wrap {
    width: 60%;
  }
  .business_slide_txt-wrap {
    width: 34.0625%;
  }
  .business_slide_ttl {
    font-size: 40px;
    letter-spacing: -0.05em;
    
    /* line-height: 2.51982; */
  }
  .business_slide_txt {
    margin-top: 21px;
    font-size: 16px;
    line-height: 2.395;
  }
  .business_slide_atn {
    margin-top: 13px;
    font-size: 12px;
  }
  .business .swiper-navigation {
    width: min(37px,calc((( 37 / var(--media_pc)) * 100) * var(--vw)));
  }
  .business .swiper-pagination {
    margin-top: 40px;
    position: static;
    width: fit-content;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    gap: 18px;
  }
  .business .swiper-pagination-bullet  {
    display: block;
    background: transparent no-repeat;
    border-radius: unset;
    border-bottom: 2px solid #96a3aa;
    width: 88px;
    height: 24px;
    padding-bottom: 5px;
    color: #96a3aa;
    opacity: 1; /* 画像の透過を無くす */
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 1;
  }
  .business .swiper-pagination-bullet-active {
    color: #10326a;
    border-color: #10326a;
  }
  .business_paradole_lnk-wrap {
    margin-top: 92px;
  }
  .business_paradole_lnk {
    padding-left: 12px;
    width: 450px;
    height: 46px;
    font-size: 17px;
    letter-spacing: 0.06em;
    line-height: 36px;
    text-align: center;
    color: #fff;
  }
  .business_paradole_lnk_arrow {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    width: 8px;
  }
}
@media (max-width:750px) {
  .business {
    padding-block: calc((( 175 / var(--media_sp)) * 100) * var(--vw)) calc((( 190 / var(--media_sp)) * 100) * var(--vw));
  }
  .business .sec_hgroup {
    width: 72.533%;
    margin-inline: auto;
  }
  .business-inner {
    width: min(1530px, 100%);
    margin-inline: auto;
  }
  .business_ttl {
    width: calc((( 103 / var(--media_sp)) * 100) * var(--vw));
  }
  .business .business_txt {
    margin-top: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.06em;
    line-height: 1.63636;
  }
  .business_swiper-wrap {
    margin-top: calc((( 52 / var(--media_sp)) * 100) * var(--vw));
    max-width: 750px;
  }
  .business .swiper-container {
    margin-inline: auto;
    width: 72.666%;
  }
  .business_slide_img-wrap {
    width: 100%;
  }
  .business_slide_txt-wrap {
    margin-top: calc((( 36 / var(--media_sp)) * 100) * var(--vw));
  }
  .business_slide_ttl {
    font-size: calc((( 40 / var(--media_sp)) * 100) * var(--vw));
    text-align: center;
  }
  .business_slide_txt {
    margin-top: calc((( 27 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    line-height: 2;
  }
  .business_slide_atn {
    margin-top: calc((( 14 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
  }
  .business .swiper-navigation {
    display: none;
  }
  .business .swiper-pagination {
    margin-top: calc((( 40 / var(--media_sp)) * 100) * var(--vw));
    position: static;
    width: fit-content;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    gap: calc((( 12 / var(--media_sp)) * 100) * var(--vw));
  }
  .business .swiper-pagination-bullet  {
    background: #96a3aa no-repeat;
    border-radius: 100vmax;
    width: calc((( 10 / var(--media_sp)) * 100) * var(--vw));
    height: calc((( 10 / var(--media_sp)) * 100) * var(--vw));
    opacity: 1; /* 画像の透過を無くす */
    font-size: 0;
  }
  .business .swiper-pagination-bullet-active {
    background-color: #10326a;
  }
  .business_paradole_lnk-wrap {
    margin-top: calc((( 100 / var(--media_sp)) * 100) * var(--vw));
  }
  .business_paradole_lnk {
    padding-left: calc((( 12 / var(--media_sp)) * 100) * var(--vw));
    width: calc((( 546 / var(--media_sp)) * 100) * var(--vw));
    height: calc((( 58 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: -0.05em;  
    line-height: calc((( 52 / var(--media_sp)) * 100) * var(--vw));
    text-align: center;
    color: #fff;
  }
  .business_paradole_lnk_arrow {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: calc((( 14 / var(--media_sp)) * 100) * var(--vw));
    width: calc((( 9 / var(--media_sp)) * 100) * var(--vw));
  }
}
/* business */

/* company */
.company {
  background-color: #f8f8f8;
}
.company_inner > * + * {
  border-top: 1px solid #10326a;
}
.company_inner {
  border-top: 2px solid #10326a;
  border-bottom: 2px solid #10326a;
}
.company_summary-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company .summary {
  display: block;
  cursor: pointer;
}
summary::-webkit-details-marker {
  display: none;
}
.company .accordion_btn {
  position: relative;
  border: 1px solid #10326a;
  border-radius: 100vmax;
  aspect-ratio:  1 / 1;
  user-select: none;
}
.company .accordion_btn .line {
  background-color: #10326a;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s;
}
.company .accordion_btn .line:first-child {
  width: 37.14285%;
  height: 1px;
}
.company .accordion_btn .line:last-child {
  width: 1px;
  height: 37.14285%;
}
.company .details.js-is-opened .accordion_btn .line:last-child {
  transform: translate(-50%, -50%) rotate(90deg) ;
}
@media (min-width:751px) {
  .company {
    padding-block: 166px;
    padding-inline: 20px; 
  }
  .company .sec_hgroup {
    max-width: 1280px;
    margin-inline: auto;
  }
  .company_ttl {
    width: 90px;
  }
  .company_inner {
    margin-top: 58px;
    margin-inline: auto;
    max-width: 1280px;
  }
  .company .summary {
    padding-block: 32px;
  }
  .company_summary_ttl {
    font-size: 22px;
  }
  .company .accordion_btn {
    width: 35px;
  }
}
@media (max-width:750px) {
  .company {
    padding-block: calc((( 150 / var(--media_sp)) * 100) * var(--vw));
  }
  .company .sec_hgroup {
    width: 72.533%;
    margin-inline: auto;
  }
  .company_ttl {
    width: calc((( 110 / var(--media_sp)) * 100) * var(--vw));
  }
  .company_txt {
    margin-top: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
  }
  .company_inner {
    margin-top: calc((( 66 / var(--media_sp)) * 100) * var(--vw));
    width: 72.533%;
    margin-inline: auto;
  }
  .company .summary {
    padding-block: calc((( 32 / var(--media_sp)) * 100) * var(--vw));
  }
  .company_summary_ttl {
    font-size: calc((( 26 / var(--media_sp)) * 100) * var(--vw));
  }
  .company .accordion_btn {
    width: calc((( 34 / var(--media_sp)) * 100) * var(--vw));
  }
}

/* company outline */
.company .outline .content ul {
  border-top: 1px solid #d9dee7;
  border-bottom: 1px solid #d9dee7;
}
.company .outline .content ul > * + * {
  border-top: 1px solid #d9dee7;
}
.company .content {
  font-family: var(--noto_sans);
}
.history .company_content-inner ul {
  position: relative;
}
.history .company_content-inner ul::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #10326a;
  position: absolute;
}
.company_content_item .officer-wrap {
  display: flex;
  align-items: center;
}
@media (min-width:751px) {
  .outline .company_content_item {
    min-height: 100px;
    padding-block: 20px;
    display: flex;
    align-items: center;
  }
  .outline .company_content_item.multiline {
    min-height: 100px;
    padding-block: 35px;
    align-items: start;
  }
  .outline .company_content_item.multiline .list_ttl {
    margin-top: -10px;
  }
  .idea .company_content_item {
    display: flex;
    align-items: start;
  }
  .company_content_item .list_ttl {
    font-size: 18px;
  }
  .company_content_item .list_txt {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  .outline .company_content_item:first-of-type {
    margin-top: 9px;
  }
  .outline .company_content_item .list_ttl {
    width: 33.59375%;
    font-size: 18px;
    line-height: 2.777;
  }
  .outline .company_content_item .list_txt {
    width: 66.40625%;
    font-size: 14px;
    line-height: 2;
  }
  .company_content_item .officer-wrap {
    gap: 182px
  }
  .company_content_item .officer-wrap .list_class {
    width: 106px;
  }
  .company_content_item .officer-wrap .list_name {
    width: 66px;
  }
  .idea .content {
    border-top: 1px solid #d9dee7;
  }
  .idea .content ul {
    padding-block: 52px;
  }
  .idea .content ul > * + * {
    margin-top: 42px;
  }
  .idea .company_content_item .list_ttl {
    width: 34%;
    font-size: 18px;
    line-height: 2.777;
  }
  .idea .company_content_item .list_txt {
    width: 66%;
    font-size: 18px;
    line-height: 2.777;
    letter-spacing: 0.05em;
  }
  .history .company_content_item {
    display: flex;
    align-items: start;
  }
  .history .company_content-inner {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding-block: 62px 70px;
    border-top: 1px solid #d9dee7;
  }
  .history .company_content-inner ul {
    width: 50%;
  }
  /* .history .company_content-inner ul > * + * {
    margin-top: 28px;
  } */
  .history .company_content_item .list_date {
    width: 24%;
    font-size: 14px;
    line-height: 3;
    letter-spacing: 0.08em;
  }
  .history .company_content_item .list_desc {
    width: 68%;
    font-size: 14px;
    line-height: 3;
    letter-spacing: 0.015em;
  }
  .history .company_content-inner ul::before {
    height: calc(100% - 20px);
    top: 10px;
    /* left: 110px; */
    left: 17%;
  }
}
@media (max-width:750px) {
  .company_content_item p {
    letter-spacing: 0.05em;
  }
  .company_content_item .list_ttl {
    font-size: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
  }
  .company_content_item .list_txt {
    margin-top: calc((( 15 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
    line-height: 2.090;
  }
  .outline .company_content_item {
    padding-block: calc((( 35 / var(--media_sp)) * 100) * var(--vw)) calc((( 20 / var(--media_sp)) * 100) * var(--vw));
  }
  .outline .company_content_item .list_txt {
    margin-top: calc((( 13 / var(--media_sp)) * 100) * var(--vw));
  }
  .company_content_item .officer-wrap {
    gap: calc((( 70 / var(--media_sp)) * 100) * var(--vw));
  }
  .company_content_item .officer-wrap .list_class {
    width: calc((( 170 / var(--media_sp)) * 100) * var(--vw));
  }
  .company_content_item .officer-wrap .list_name {
    width: calc((( 110 / var(--media_sp)) * 100) * var(--vw));
  }
  .idea .content ul {
    padding-block: calc((( 40 / var(--media_sp)) * 100) * var(--vw));
    border-top: 1px solid #d9dee7;
  }
  .idea .content ul > * + * {
    margin-top: calc((( 23 / var(--media_sp)) * 100) * var(--vw));
  }
  .history .company_content-inner ul:first-of-type::before {
    top: calc((( 60 / var(--media_sp)) * 100) * var(--vw));
    height: calc(100% - ((( 60 / var(--media_sp)) * 100) * var(--vw)));
  }
  .history .company_content-inner ul:first-child {
    border-top: 1px solid #d9dee7;
  }
  .history ul:first-of-type .company_content_item:first-child {
    margin-top: calc((( 60 / var(--media_sp)) * 100) * var(--vw));
  }
  .history ul:last-of-type .company_content_item:last-child {
    margin-bottom: calc((( 60 / var(--media_sp)) * 100) * var(--vw));
  }
  .history .company_content_item {
    width: 100%;
    display: flex;
    align-items: start;
  }
  /* .history .company_content-inner ul > * + * {
    margin-top: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
  } */
  .history .company_content_item .list_date {
    width: 30%;
    font-size: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
    line-height: 2.0909;
  }
  .history .company_content_item .list_desc {
    width: 70%;
    font-size: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
    line-height: 2.0909;
  }
  .history .company_content-inner ul::before {
    left: 25.3%;
  }
}
/* company outline */
/* company */

/* access */
.access {
  background-color: #f8f8f8;
}
.access-inner {
  margin-inline: auto;
}
.access_address {
  font-family: var(--noto_sans);
}
.access_lnk {
  background-color: #fff;
  border: 1px solid #10326a;
  font-family: var(--TsukuMin);
}
.access_lnk a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (min-width:751px) {
  .access {
    padding-inline: 20px;
  }
  .access-inner {
    padding-top: 98px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 1280px;
  }
  .access_ttl {
    width: 70px;
  }
  .access_address {
    margin-top: 35px;
    font-size: 14px;
    line-height: 2.0961;
  }
  .access_lnk {
    margin-top: 52px;
    font-size: 20px;
    width: 435px;
    height: 76px;
  }
  .access_lnk a {
    font-size: 20px;
    letter-spacing: 0.03em;
    padding-inline: 110px 30px;
  }
  .access_arrow {
    width: 10px;
  }
  .access_map_img {
    width: 57.5%;
  }
}
@media (max-width:750px) {
  .access-inner {
    padding-top: calc((( 70 / var(--media_sp)) * 100) * var(--vw));
    width: 72.533%;
    margin-inline: auto;
    position: relative;
  }
  .access_ttl {
    width: calc((( 86 / var(--media_sp)) * 100) * var(--vw));
  }
  .access_txt {
    margin-top: calc((( 17 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.05em;
  }
  .access_address {
    margin-top: calc((( 35 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
    line-height: 2.090;
  }
  .access_address .ls {
    letter-spacing: -0.05em;
  }
  .access_lnk {
    margin-top: calc((( 538 / var(--media_sp)) * 100) * var(--vw));
    width: 100%;
    height: calc((( 114 / var(--media_sp)) * 100) * var(--vw));
  }
  .access_lnk a {
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.03em;
    padding-left: calc((( 156 / var(--media_sp)) * 100) * var(--vw));
    padding-right: calc((( 56 / var(--media_sp)) * 100) * var(--vw));
  }
  .access_arrow {
    width: calc((( 18 / var(--media_sp)) * 100) * var(--vw));
  }
  .access_map_img {
    position: absolute;
    top: calc((( 485 / var(--media_sp)) * 100) * var(--vw));
    left: 0;
    right: 0;
    width: 100%;
  }
}
/* access */

/* recruit */
.recruit {
  background-color: #f8f8f8;
}
.recruit-inner {
  margin-inline: auto;
}
.recruit_copy {
  color: #fff;
}
.recruit_lnk {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width:751px) {
  .recruit {
    padding-block: 265px;
    padding-inline: 20px;
  }
  .recruit-inner {
    /* background: url(../img/top/recurit_lnk_img_pc.jpg) no-repeat center center/cover; */
    max-width: 1280px;
    aspect-ratio: 1 / 0.46689;
  }
  .recruit_ttl {
    width: 72px;
  }
  .recruit_copy {
    font-size: 14px;
    line-height: 2.42857;
  }
  .recruit_arrow_img {
    width: 90px;
    aspect-ratio: 1 / 1;
  }
}
@media (max-width:750px) {
  .recruit {
    padding-block: calc((( 190 / var(--media_sp)) * 100) * var(--vw)) calc((( 203 / var(--media_sp)) * 100) * var(--vw));
  }
  .recruit-inner {
    /* background: url(../img/top/recurit_lnk_img_pc.jpg) no-repeat center center/cover; */
    width: 72.533%;
    margin-inline: auto;
  }
  .recruit_ttl {
    width: calc((( 104 / var(--media_sp)) * 100) * var(--vw));
  }
  .recruit_copy {
    font-size: 14px;
    line-height: 2.42857;
  }
  .recruit_arrow_img {
    width: 90px;
    aspect-ratio: 1 / 1;
  }
}
/* recruit */

/* contact */
.contact {
  background-color: #10326a;
}
.contact-inner {
  margin-inline: auto;
}
.contact_txt {
  color: #fff;
}
.contact_lnk {
  background-color: #fff;
}
.contact_lnk-inner {
  display: flex;
  align-items: end;
  justify-content: center;
}
.contact_lnk a {
  color: #10326a;
  display: grid;
  place-items: center;
}
.contact_lnk.tel a .time {
  font-family: var(--noto_sans);
}
@media (min-width:751px) {
  .contact {
    padding-block: 217px 229px;
    padding-inline: 20px;
  }
  .contact-inner {
    margin-top: 40px;
    max-width: 1280px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 2px;
  }
  .contact .sec_hgroup {
    max-width: 1280px;
    margin-inline: auto;
  }
  .contact .sec_txt {
    margin-top: 16px;
    font-size: 32.435px;
  }
  .contact_ttl {
    width: 84px;
  }
  .contact_lnk {
    width: 639px;
    height: 155px;
  }
  .contact_lnk a {
    width: 100%;
    height: 100%;
  }
  .contact_lnk.tel a {
    font-size: 42.646px;
    line-height: 1;
  }
  .contact_lnk.tel .contact_lnk-inner  {
    gap: 20px;
  }
  .contact_lnk.tel a .time {
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  .contact_lnk.form a {
    font-size: 38px;
    line-height: 1;
  }
  .contact_lnk.form .contact_lnk-inner {
    gap: 30px;
    letter-spacing: 0.06em;
  }
  .contact_arrow_img {
    width: 35px;
    aspect-ratio: 1 / 1;
  }
}
@media (max-width:750px) {
  .contact {
    padding-block: calc((( 130 / var(--media_sp)) * 100) * var(--vw)) calc((( 162 / var(--media_sp)) * 100) * var(--vw));
  }
  .contact .sec_hgroup {
    width: 72.533%;
    margin-inline: auto;
  }
  .contact .sec_txt {
    margin-top: calc((( 22 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 38 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.605;
  }
  .contact-inner {
    width: 72.533%;
    margin-inline: auto;
    margin-top: calc((( 39 / var(--media_sp)) * 100) * var(--vw));
  }
  .contact_ttl {
    width: calc((( 104 / var(--media_sp)) * 100) * var(--vw));
  }
  .contact_lnk {
    margin-top: calc((( 2 / var(--media_sp)) * 100) * var(--vw));
    width: 100%;
    height: calc((( 160 / var(--media_sp)) * 100) * var(--vw));
  }
  .contact_lnk a {
    width: 100%;
    height: 100%;
  }
  .contact_lnk.tel a {
    font-size: calc((( 44 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1;
  }
  .contact_lnk.tel .contact_lnk-inner  {
    gap: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
  }
  .contact_lnk.tel a .time {
    font-size: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.05em;
    line-height: 1;
  }
  .contact_lnk.form a {
    font-size: calc((( 39.4 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1;
  }
  .contact_lnk.form .contact_lnk-inner {
    gap: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.06em;
  }
  .contact_arrow_img {
    width: calc((( 36 / var(--media_sp)) * 100) * var(--vw));
    aspect-ratio: 1 / 1;
  }
}
/* contact */

/* paradole */
.paradole {
  width: 100%;
}
.paradole_lnk {
  background-color: #fff;
  border-radius: 100vmax;
  margin-inline: auto;
}
.paradole_lnk a {
  display: block;
  width: 100%;
  height: 100%;
}
.paradole_lnk_txt {
  font-family: var(--noto_sans);
  color: #10326a;
}
@media (min-width:751px) {
  .paradole {
    aspect-ratio: 1 / 0.22422;
    background: url(../img/top/paradole_bg_pc.jpg) no-repeat center center/cover;
    padding-block: 128px;
  }
  .paradole_lnk {
    width: 580px;
  }
  .paradole_lnk a {
    padding-block: 43px;
    padding-inline: 91px 43px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .paradole_lnk_txt-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 27px;
  }
  .paradole_lnk_txt {
    font-size: 12.4338px;
    line-height: 1.66;
  }
  .paradole_logo-wrap {
    width: 174px;
  }
  .paradole_lnk_arrow {
    width: 10px;
  }
}
@media (max-width:750px) {
  .paradole {
    aspect-ratio: 1 / 0.64235;
    background: url(../img/top/paradole_bg_sp.jpg) no-repeat center center/cover;
    padding-block: calc((( 130 / var(--media_sp)) * 100) * var(--vw));
  }
  .paradole_lnk {
    width: 72.533%;
    margin-inline: auto;
  }
  .paradole_lnk a {
    padding-block: calc((( 57 / var(--media_sp)) * 100) * var(--vw)) calc((( 46 / var(--media_sp)) * 100) * var(--vw));
    padding-inline: calc((( 154 / var(--media_sp)) * 100) * var(--vw)) calc((( 72 / var(--media_sp)) * 100) * var(--vw));
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc((( 68 / var(--media_sp)) * 100) * var(--vw));
  }
  .paradole_lnk_txt {
    margin-top: calc((( 18 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 19 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.411;
  }
  .paradole_logo-wrap {
    width: calc((( 224 / var(--media_sp)) * 100) * var(--vw));
  }
  .paradole_lnk_arrow {
    width: calc((( 19 / var(--media_sp)) * 100) * var(--vw));
  }
}
/* paradole */