@charset "UTF-8";

/* ==========================================================================
reset
https://github.com/hankchizljaw/modern-css-reset/blob/master/dist/reset.css
========================================================================== */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  padding: 0;
}

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

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

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

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

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

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* additional reset style */
a {
  text-decoration: none;
}

/* ==========================================================================
CSS custom properties
========================================================================== */
:root {
  --main-bg-color: #fff;
  --sub-bg-color: #f8f1de;
  --main-color: #ec6d76;
  --sub-color: #ec6d76;
  --accent-color: #b08948;
  --main-text-color: #333;
  --sub-text-color: #ccc;
  --accent1-text-color: #e15462;
  --accent2-text-color: #f89fa0;
  --accent3-text-color: #c0a36f;
  --accent4-text-color: #d1be97;

  --arrow-ico: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljg5OSIgaGVpZ2h0PSI5LjkiIHZpZXdCb3g9IjAgMCA5Ljg5OSA5LjkiPjxwYXRoIGQ9Ik02LDBIMFY2SDEuMDkxVjEuMDkxSDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjE5MiA0Ljk1KSByb3RhdGUoMTM1KSIgZmlsbD0iI2UxNTQ2MiIgc3Ryb2tlPSIjZTE1NDYyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPg==);
  --arrow-ico-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljg5OSIgaGVpZ2h0PSI5LjkiIHZpZXdCb3g9IjAgMCA5Ljg5OSA5LjkiPjxwYXRoIGQ9Ik02LDBIMFY2SDEuMDkxVjEuMDkxSDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjE5MiA0Ljk1KSByb3RhdGUoMTM1KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPg==);
  --arrow-ico-btm: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljg5OSIgaGVpZ2h0PSI5Ljg5OSIgdmlld0JveD0iMCAwIDkuODk5IDkuODk5Ij48cGF0aCBkPSJNNiwwSDBWNkgxLjA5MVYxLjA5MUg2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC45NSA5LjE5Mikgcm90YXRlKC0xMzUpIiBmaWxsPSIjZWM2ZDc2IiBzdHJva2U9IiNlYzZkNzYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+);

  --link-ico: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi4wOTkiIGhlaWdodD0iMjYuMSIgdmlld0JveD0iMCAwIDI2LjA5OSAyNi4xIj48cGF0aCBkPSJNNDYuNDE2LDI0LjhhMS4zLDEuMywwLDAsMS0xLjMsMS4zSDI2LjkyN2EyLjYxOSwyLjYxOSwwLDAsMS0yLjYtMi42VjUuMzExaDBhMS4zLDEuMywwLDAsMSwyLjYsMFYyMy41SDQ1LjExN2ExLjMsMS4zLDAsMCwxLDEuMywxLjNNNTAuNDI2LDIuNlYxNy41MzlhMi42MTksMi42MTksMCwwLDEtMi42LDIuNkgzMi44OTJhMi42MTksMi42MTksMCwwLDEtMi42LTIuNlYyLjZhMi42MTksMi42MTksMCwwLDEsMi42LTIuNmgxNC45NGEyLjYxOCwyLjYxOCwwLDAsMSwyLjYsMi42bS0yLjYsMEgzMi44OVYxNy41NDFINDcuODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQuMzI4KSIgZmlsbD0iI2UxNTQ2MiIvPjwvc3ZnPg==);
  --link-ico-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4zOTkiIGhlaWdodD0iMTcuNCIgdmlld0JveD0iMCAwIDE3LjM5OSAxNy40Ij48cGF0aCBkPSJNMzkuMDUzLDE2LjUzNGEuODY2Ljg2NiwwLDAsMS0uODY2Ljg2NkgyNi4wNjFhMS43NDYsMS43NDYsMCwwLDEtMS43MzMtMS43MzFWMy41NDFoMGEuODY2Ljg2NiwwLDAsMSwxLjczMiwwVjE1LjY2OUgzOC4xODdhLjg2Ni44NjYsMCwwLDEsLjg2Ni44NjVtMi42NzQtMTQuOHY5Ljk2MUExLjc0NiwxLjc0NiwwLDAsMSw0MCwxMy40MjZIMzAuMDM3QTEuNzQ2LDEuNzQ2LDAsMCwxLDI4LjMsMTEuNjk0VjEuNzMzQTEuNzQ2LDEuNzQ2LDAsMCwxLDMwLjAzNSwwaDkuOTZhMS43NDUsMS43NDUsMCwwLDEsMS43MzIsMS43MzJNNDAsMS43MzJoLTkuOTZ2OS45NjJINDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQuMzI4KSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  --pdf-ico: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMi45NzIiIHZpZXdCb3g9IjAgMCAzMCAzMi45NzIiPjxwYXRoIGQ9Ik0yMi42MjEuMDA1VjBINi42ODNBMS43NCwxLjc0LDAsMCwwLDQuOTQ4LDEuNzM1djcuNzNINy4yNjFWMi4zMTRIMjAuMzA4VjkuNjg3aDcuMzczVjMwLjY1OEg3LjI2MVYyMy41SDQuOTQ4djcuNzM2YTEuNzQsMS43NCwwLDAsMCwxLjczNSwxLjczNUgyOC4yNTlhMS43NCwxLjc0LDAsMCwwLDEuNzM1LTEuNzM1VjcuMzczTDMwLDcuMzY4Wm0wLDcuMzY4di00LjFsNC4xLDQuMVpNMTAuNTc2LDE2LjQ4NmMwLDEuMDQ5LS41MzcsMS42NTEtMS40NzMsMS42NTFoLS42OXYtMy4zaC42NzVjLjk2LDAsMS40ODguNTg2LDEuNDg4LDEuNjUxbTcuNzkxLTUuMjc5SC41NzhBLjU4LjU4LDAsMCwwLDAsMTEuNzg1djkuNGEuNTguNTgsMCwwLDAsLjU3OC41NzhIMTguMzY4YS41OC41OCwwLDAsMCwuNTc4LS41Nzh2LTkuNGEuNTguNTgsMCwwLDAtLjU3OC0uNTc5TTQuMzQzLDE3LjM0SDMuNTE4djIuMDE1SDIuMjI4VjEzLjU4NUg0LjM2NUExLjc2MSwxLjc2MSwwLDAsMSw2LjIsMTUuNDU1LDEuNzMxLDEuNzMxLDAsMCwxLDQuMzQzLDE3LjM0bTYuODc4LDEuMjczYTIuNjYsMi42NiwwLDAsMS0xLjk3Ni43OEg2Ljk2M1YxMy41NzhIOS4yM2EyLjY4MiwyLjY4MiwwLDAsMSwyLjc1MywyLjkwOCwzLDMsMCwwLDEtLjc2MiwyLjEyOG01LjUtMy45MDlIMTQuMzF2MS4zNUgxNi40djEuMUgxNC4zMXYyLjIxSDEyLjg1NFYxMy41NzhoMy44NjRaTTQuOTEsMTUuNDYyYzAsLjUzOS0uMzY5LjcxOC0uODI5LjcxOEgzLjVWMTQuNzQ1aC41NzdjLjQ2OCwwLC44MzYuMTcyLjgzNi43MTgiIGZpbGw9IiNlMTU0NjIiLz48L3N2Zz4=);
  --pdf-ico-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMS45ODEiIHZpZXdCb3g9IjAgMCAyMCAyMS45ODEiPjxwYXRoIGQ9Ik0xNS4wODEsMFYwSDQuNDU1QTEuMTYsMS4xNiwwLDAsMCwzLjMsMS4xNTdWNi4zMUg0Ljg0MVYxLjU0M2g4LjdWNi40NThoNC45MTVWMjAuNDM5SDQuODQxVjE1LjY2N0gzLjN2NS4xNTdhMS4xNiwxLjE2LDAsMCwwLDEuMTU3LDEuMTU3SDE4LjgzOUExLjE2LDEuMTYsMCwwLDAsMjAsMjAuODI0VjQuOTE1bDAsMFptMCw0LjkxMlYyLjE4NWwyLjczLDIuNzNabS04LjAzLDYuMDc1YzAsLjctLjM1OCwxLjEtLjk4MiwxLjFoLS40NlY5Ljg5aC40NWMuNjQsMCwuOTkyLjM5MS45OTIsMS4xbTUuMTk0LTMuNTJILjM4NkEuMzg3LjM4NywwLDAsMCwwLDcuODU3djYuMjY4YS4zODcuMzg3LDAsMCwwLC4zODYuMzg2SDEyLjI0NWEuMzg3LjM4NywwLDAsMCwuMzg2LS4zODZWNy44NTdhLjM4Ny4zODcsMCwwLDAtLjM4Ni0uMzg2TTIuOSwxMS41NmgtLjU1VjEyLjloLS44NlY5LjA1NkgyLjkxQTEuMTc0LDEuMTc0LDAsMCwxLDQuMTMzLDEwLjMsMS4xNTQsMS4xNTQsMCwwLDEsMi45LDExLjU2bTQuNTg1Ljg0OWExLjc3MywxLjc3MywwLDAsMS0xLjMxNy41Mkg0LjY0MlY5LjA1Mkg2LjE1NGExLjc4OCwxLjc4OCwwLDAsMSwxLjgzNSwxLjkzOSwyLDIsMCwwLDEtLjUwOCwxLjQxOU0xMS4xNDUsOS44SDkuNTR2LjloMS4zOTN2LjczMkg5LjU0djEuNDczSDguNTY5VjkuMDUyaDIuNTc2Wm0tNy44NzIuNWMwLC4zNTktLjI0Ni40NzgtLjU1My40NzhoLS4zOVY5LjgzaC4zODVjLjMxMiwwLC41NTguMTE1LjU1OC40NzgiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  --blank-ico: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40MDIiIGhlaWdodD0iMjMuNCIgdmlld0JveD0iMCAwIDIzLjQwMiAyMy40Ij48cGF0aCBkPSJNMjIuMDYzLDIuODg4YTEuMTE5LDEuMTE5LDAsMCwwLS4xNDQuMDEySDE1LjU5M2ExLjMsMS4zLDAsMSwwLS4wMzYsMi42aDMuNEw2Ljg3OCwxNy41NzNhMS4zLDEuMywwLDAsMCwxLjgsMS44NzZsLjAzOS0uMDM3TDIwLjc5LDcuMzM3VjEwLjdhMS4zLDEuMywwLDEsMCwyLjYuMDM2VjQuMzY2QTEuMywxLjMsMCwwLDAsMjIuMjgxLDIuOWExLjUxMSwxLjUxMSwwLDAsMC0uMjE4LS4wMTJNMi42LDIuOUEyLjYxOSwyLjYxOSwwLDAsMCwwLDUuNVYyMy42OWEyLjYyLDIuNjIsMCwwLDAsMi42LDIuNkgyMC43ODhhMi42MiwyLjYyLDAsMCwwLDIuNi0yLjZWMTUuODk1YTEuMywxLjMsMCwxLDAtMi42LS4wMzZWMjMuNjlIMi42VjUuNWg3LjhhMS4zLDEuMywwLDEsMCwuMDM2LTIuNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIuODg4KSIgZmlsbD0iI2UxNTQ2MiIvPjwvc3ZnPg==);
  --blank-ico-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS42MDEiIGhlaWdodD0iMTUuNiIgdmlld0JveD0iMCAwIDE1LjYwMSAxNS42Ij48cGF0aCBkPSJNMTQuNzA5LDIuODg4YS43NDYuNzQ2LDAsMCwwLS4xLjAwOEgxMC40YS44NjcuODY3LDAsMSwwLS4wMjQsMS43MzNoMi4yNjRsLTguMDUsOC4wNDlhLjg2Ny44NjcsMCwwLDAsMS4yLDEuMjUxbC4wMjYtLjAyNSw4LjA0OS04LjA1VjguMDkzYS44NjcuODY3LDAsMSwwLDEuNzMzLjAyNFYzLjg3M2EuODY3Ljg2NywwLDAsMC0uNzM5LS45NzcsMS4wMDcsMS4wMDcsMCwwLDAtLjE0NS0uMDA4TTEuNzMzLDIuOUExLjc0NiwxLjc0NiwwLDAsMCwwLDQuNjI5VjE2Ljc1NmExLjc0NywxLjc0NywwLDAsMCwxLjczMywxLjczMkgxMy44NTlhMS43NDcsMS43NDcsMCwwLDAsMS43MzMtMS43MzN2LTUuMmEuODY3Ljg2NywwLDEsMC0xLjczMy0uMDI0djUuMjIxSDEuNzMzVjQuNjI5aDUuMkEuODY3Ljg2NywwLDEsMCw2Ljk1NCwyLjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yLjg4OCkiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
}

/* ==========================================================================
base Setting
========================================================================== */
body {
  /* font-family: 'メイリオ', sans-serif; */
  font-family: -apple-system, BlinkMacSystemFont, Roboto, 'Segoe UI',
    'Helvetica Neue', HelveticaNeue, YuGothic, 'Yu Gothic Medium', 'Yu Gothic',
    Verdana, Meiryo, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--main-text-color);
}

@media screen and (min-width: 768px) {
  body {
    font-size: 18px;
  }
}

/* ==========================================================================
layout
========================================================================== */
/* main
----------------------------------------------------------------- */
.l-main {
  padding-top: 55px;
  /* padding-bottom: 24px; */
}

@media screen and (min-width: 768px) {
  .l-main {
    padding-top: 60px;
    /* padding-bottom: 80px; */
  }
}

/* ==========================================================================
breadcrumbs
========================================================================== */
.c-breadcrumbs {
  background-color: var(--sub-bg-color);
}

.c-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  padding: 16px 18px 13px;
  max-width: 1200px;
}

.c-breadcrumbs__item {
  font-size: 14px;
  font-weight: bold;
}

.c-breadcrumbs__item::after {
  content: '＞';
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 0 3px;
  text-decoration: none;
}

.c-breadcrumbs__item:last-child::after {
  content: none;
  margin: 0;
}

.c-breadcrumbs__item.-current {
  color: var(--main-text-color);
  font-weight: normal;
}

.c-breadcrumbs__item a {
  color: var(--accent1-text-color);
}

/* only PC Style */
@media screen and (min-width: 768px) {
  .c-breadcrumbs__pc {
    padding: 100px 0 0;
  }

  .c-breadcrumbs__sp {
    display: none;
  }
}

/* only SP Style */
@media screen and (max-width: 767px) {
  .c-breadcrumbs__pc {
    display: none;
  }

  .c-breadcrumbs__list {
    padding: 6px 18px 4px;
    width: 100%;
  }
}

/* header
----------------------------------------------------------------- */
.l-header {
  background: var(--main-bg-color);
  width: 100%;
  position: fixed;
  z-index: 1000;
}

.l-header a {
  color: var(--main-text-color);
}

.l-header__menu {
  width: 55px;
  height: 55px;
  margin-left: auto;
  font-size: 10px;
  line-height: 1.6;
  color: var(--accent1-text-color);
  text-align: center;
  background-color: var(--main-bg-color);
  position: relative;
}

.is-open.l-header__menu {
  background-color: var(--main-color);
  color: var(--main-bg-color);
}

.l-header__menuTxt {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 6px;
  margin: auto;
}

.l-header__menuIco {
  width: 15px;
  height: 16px;
  position: absolute;
  border-bottom: solid 2px var(--accent1-text-color);
  transition: border-color 0.3s ease-in;
  top: 21%;
  right: -10px;
  left: 0;
  margin: auto;
}

.l-header__menuIco::before,
.l-header__menuIco::after {
  content: '';
  display: block;
  width: 22px;
  height: 2px;
  right: 0;
  background-color: var(--accent1-text-color);
  position: absolute;
  transition: transform 0.3s ease-in, background-color 0.3s ease-in;
}

.l-header__menuIco::after {
  margin-top: 7px;
  width: 17px;
}

.l-header__menu .open {
  display: none;
}

.is-open.l-header__menu .open {
  display: block;
}

.l-header__menu .close {
  display: block;
}

.is-open.l-header__menu .close {
  display: none;
}

.is-open .l-header__menuIco {
  border-color: transparent;
}

.is-open .l-header__menuIco::before,
.is-open .l-header__menuIco::after {
  margin-top: 50%;
  background-color: var(--main-bg-color);
}

.is-open .l-header__menuIco::before {
  width: 24px;
  transform: rotate(-45deg);
}

.is-open .l-header__menuIco::after {
  width: 24px;
  transform: rotate(45deg);
}

.l-header__dropDown {
  display: none;
}

@media screen and (max-width: 999px) {
  .l-header__left {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 3.7%;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
  }

  .l-header .js-humCnt {
    display: none;
  }

  .l-header .l-header__right {
    overflow: scroll;
    height: 100vh;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .l-header .l-header__right::-webkit-scrollbar {
    display: none;
  }

  .l-header .is-humOpen.l-header__right {
    background-color: var(--main-color);
  }

  .js-headerAcd {
    position: relative;
  }

  .js-headerAcdTriger {
    content: '';
    pointer-events:auto;
    display: inline-block;
    position: absolute;
    inset: 0% 0 0% auto;
    width: 14%;
    height: 100%;
  }

  .l-header__list a {
    position: relative;
    display: block;
    padding: 16px 14% 16px 9%;
    color: var(--main-bg-color);
    border-top: 1px solid var(--main-bg-color);
  }

  .l-header__listTtl {
    position: relative;
  }

  .l-header__list a {
    display: block;
    background-image: var(--arrow-ico-white);
    background-repeat: no-repeat;
    background-position: right 9% center;
  }

  .l-header__listTtl a {
    background-image: none;
  }

  dl .l-header__listTtl::before,
  dl .l-header__listTtl::after {
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    margin-top: -1px;
    border-top: none;
    border-right: none;
    background-color: var(--main-bg-color);
    position: absolute;
    top: 50%;
    right: 8%;
    transition: transform 0.3s ease-in, background-color 0.3s ease-in;
  }

  dl .l-header__listTtl::after {
    transform: rotate(90deg);
  }

  dl.is-open .l-header__listTtl::after {
    transform: rotate(0);
  }

  .is-open .l-header__dropDown {
    background-color: var(--sub-bg-color);
  }

  .is-open .l-header__dropDown a {
    color: var(--accent1-text-color);
    border-color: var(--accent1-text-color);
    background-image: var(--arrow-ico);
  }

  .l-header .pc {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .l-header {
    font-size: 16px;
    font-weight: bold;
    filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.1));
  }

  .l-header a {
    transition: 0.3s;
  }

  .l-header a:hover {
    color: var(--accent1-text-color);
  }

  .l-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1240px;
    margin: auto;
    padding: 0 20px 14px;
  }

  .l-header__left {
    padding-top: 12px;
  }

  .l-header__menu {
    display: none;
  }

  .l-header__right,
  .l-header__list {
    display: flex;
    align-items: center;
  }

  .l-header__right {
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
  }

  .l-header__right > nav {
    order: 2;
    margin-top: 24px;
  }

  .l-header__right > nav .l-header__listItem {
    text-align: center;
  }

  .l-header__right > .l-header__list {
    padding: 6px 0;
    border: 1px solid #f2f2f2;
    border-radius: 0 0 8px 8px;
    /*margin-right: 8px;*/
  }

  .l-header__right > .l-header__list > .l-header__listItem {
    width: 160px;
    padding: 0;
    text-align: center;
  }

  .l-header__right > .l-header__list > .l-header__listItem:last-child {
    border-left: solid 1px #e6e6e6;
    width: 159px;
  }

  .js-headerAcd {
    display: block;
  }

  .l-header__listItem {
    padding: 0 8px;
    position: relative;
    text-align: right;
    width: 160px;
  }

  .l-header__listItem--sp {
    display: none;
  }

  .l-header__list > li::before {
    content: '';
    display: block;
    height: 30px;
    width: 1px;
    background-color: #e6e6e6;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .l-header__listTtl {
    cursor: pointer;
    transition: 0.3s;
  }

  .l-header__listTtl a::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-image: var(--arrow-ico-btm);
    position: absolute;
    right: 0;
    left: 0;
    bottom: -5px;
    margin: auto;
    transition: 0.3s;
  }

  .l-header__listItem > dl:hover .l-header__listTtl a::after {
    opacity: 0;
  }

  .l-header__listItem > dl:hover .l-header__dropDown {
    display: block;
  }

  .l-header__dropDown {
    position: absolute;
    left: 50%;
    top: 3em;
    width: max-content;
    min-width: 246px;
    max-width: 300px;
    transform: translate(-50%, 0%);
    background-color: var(--main-bg-color);
    border: 1px solid var(--accent1-text-color);
  }

  .l-header__dropDown::before {
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    top: -30px;
    left: 0;
    background: transparent;
    cursor: pointer;
  }

  .l-header__dropDown::after {
    content: '';
    /* △のあしらい */
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--main-bg-color);
    border-top: 1px solid var(--accent1-text-color);
    border-left: 1px solid var(--accent1-text-color);
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    z-index: 2;
    transform: rotate(45deg);
    margin: auto;
  }

  .l-header__dropDown.-large {
    width: 378px;
  }

  .l-header__dropDownItem {
    text-align: left;
    /* padding: 0 16px; */
    transition: 0.3s;
    position: relative;
    z-index: 3;
  }

  .l-header__dropDownItem:hover {
    background-color: var(--sub-bg-color);
  }

  .l-header__dropDownItem:not(:first-of-type) .ico {
    border-top: 1px solid #d9d9d9;
  }

  .l-header__dropDown a {
    display: block;
    padding: 8px 0;
    color: var(--accent1-text-color);
    font-weight: normal;
  }

  .l-header__dropDown .ico {
    display: block;
    background-image: var(--arrow-ico);
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding: 8px 16px;
  }

  .l-header__dropDown .ico:hover {
    opacity: 0.6;
  }

  /*.l-header__dropDown a:hover {
    color: var(--accent2-text-color);
  }*/

  .l-header__lang {
    padding-left: 21px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNOSwxOEE5LDksMCwxLDAsMCw5LDkuMDE5LDkuMDE5LDAsMCwwLDksMThabTIuNjctMS41MTdhOC40LDguNCwwLDAsMCwxLjE5NC0yLjIxaDIuMDczQTcuOTcsNy45NywwLDAsMSwxMS42NywxNi40ODNabTQuMDYtMy4yNjVIMTMuMjA1YTE1LjgsMTUuOCwwLDAsMCwuNTMzLTMuNjkxaDMuMTg5YTcuODkyLDcuODkyLDAsMCwxLTEuMiwzLjY5MVptMC04LjQzN2E3Ljg5Miw3Ljg5MiwwLDAsMSwxLjIsMy42OTFIMTMuNzM4YTE1LjgsMTUuOCwwLDAsMC0uNTMzLTMuNjkxWm0tLjc5Mi0xLjA1NUgxMi44NjRhOC40LDguNCwwLDAsMC0xLjE5NC0yLjIxQTcuOTcyLDcuOTcyLDAsMCwxLDE0LjkzNywzLjcyN1pNOS41MjcsMS4xNDVhNC41LDQuNSwwLDAsMSwyLjIsMi41ODJoLTIuMlptMCwzLjYzNmgyLjU4MWExNC40NTUsMTQuNDU1LDAsMCwxLC41NzQsMy42OTFIOS41MjdabTAsNC43NDZoMy4xNTZhMTQuNDU2LDE0LjQ1NiwwLDAsMS0uNTc0LDMuNjkySDkuNTI3Wm0wLDQuNzQ2aDIuMmE0LjUsNC41LDAsMCwxLTIuMiwyLjU4MlptLTYuNDY1LDBINS4xMzZhOC40LDguNCwwLDAsMCwxLjE5NCwyLjIxQTcuOTcxLDcuOTcxLDAsMCwxLDMuMDYzLDE0LjI3M1ptNS40MSwyLjU4MmE0LjUsNC41LDAsMCwxLTIuMi0yLjU4MmgyLjJabTAtMy42MzZINS44OTFhMTQuNDU1LDE0LjQ1NSwwLDAsMS0uNTc0LTMuNjkxSDguNDczWm0wLTQuNzQ2SDUuMzE3YTE0LjQ1NSwxNC40NTUsMCwwLDEsLjU3NC0zLjY5MUg4LjQ3M1ptMC03LjMyOFYzLjcyN2gtMi4yQTQuNSw0LjUsMCwwLDEsOC40NzMsMS4xNDVaTTYuMzMsMS41MTdhOC40LDguNCwwLDAsMC0xLjE5NCwyLjIxSDMuMDYzQTcuOTcxLDcuOTcxLDAsMCwxLDYuMzMsMS41MTdaTTIuMjcsNC43ODFINC43OTVhMTUuOCwxNS44LDAsMCwwLS41MzMsMy42OTJIMS4wNzNBNy45LDcuOSwwLDAsMSwyLjI3LDQuNzgxWm0tMS4yLDQuNzQ2SDQuMjYyYTE1LjgsMTUuOCwwLDAsMCwuNTMzLDMuNjkxSDIuMjdBNy44OTIsNy44OTIsMCwwLDEsMS4wNzMsOS41MjdaIiBmaWxsPSIjMzMzIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    font-size: 14px;
  }

  .l-header__lang:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNOCwxNkE4LDgsMCwxLDAsMCw4LDguMDE3LDguMDE3LDAsMCwwLDgsMTZabTIuMzczLTEuMzQ4YTcuNDYzLDcuNDYzLDAsMCwwLDEuMDYyLTEuOTY1aDEuODQzQTcuMDg0LDcuMDg0LDAsMCwxLDEwLjM3MywxNC42NTJabTMuNjA5LTIuOUgxMS43MzhhMTQuMDQsMTQuMDQsMCwwLDAsLjQ3My0zLjI4MWgyLjgzNWE3LjAxNSw3LjAxNSwwLDAsMS0xLjA2NSwzLjI4MVptMC03LjVhNy4wMTUsNy4wMTUsMCwwLDEsMS4wNjUsMy4yODFIMTIuMjExYTE0LjA0LDE0LjA0LDAsMCwwLS40NzMtMy4yODFabS0uNy0uOTM4SDExLjQzNWE3LjQ2Nyw3LjQ2NywwLDAsMC0xLjA2Mi0xLjk2NEE3LjA4Niw3LjA4NiwwLDAsMSwxMy4yNzgsMy4zMTJaTTguNDY5LDEuMDE4YTQsNCwwLDAsMSwxLjk1NywyLjI5NUg4LjQ2OVptMCwzLjIzMmgyLjI5NWExMi44NDksMTIuODQ5LDAsMCwxLC41MSwzLjI4MWgtMi44Wm0wLDQuMjE4aDIuOGExMi44NDksMTIuODQ5LDAsMCwxLS41MSwzLjI4Mkg4LjQ2OVptMCw0LjIxOWgxLjk1N2E0LDQsMCwwLDEtMS45NTcsMi4zWm0tNS43NDYsMEg0LjU2NWE3LjQ2Nyw3LjQ2NywwLDAsMCwxLjA2MiwxLjk2NEE3LjA4Niw3LjA4NiwwLDAsMSwyLjcyMiwxMi42ODhabTQuODA5LDIuMjk1YTQsNCwwLDAsMS0xLjk1Ny0yLjI5NUg3LjUzMVptMC0zLjIzMkg1LjIzN2ExMi44NDksMTIuODQ5LDAsMCwxLS41MS0zLjI4MWgyLjhabTAtNC4yMTloLTIuOGExMi44NDksMTIuODQ5LDAsMCwxLC41MS0zLjI4MUg3LjUzMVptMC02LjUxNFYzLjMxMkg1LjU3NEE0LDQsMCwwLDEsNy41MzEsMS4wMThabS0xLjkuMzMxQTcuNDY2LDcuNDY2LDAsMCwwLDQuNTY1LDMuMzEySDIuNzIyQTcuMDg2LDcuMDg2LDAsMCwxLDUuNjI3LDEuMzQ4Wk0yLjAxOCw0LjI1SDQuMjYyYTE0LjA0NSwxNC4wNDUsMCwwLDAtLjQ3MywzLjI4MkguOTUzQTcuMDE3LDcuMDE3LDAsMCwxLDIuMDE4LDQuMjVaTS45NTMsOC40NjlIMy43ODhhMTQuMDQsMTQuMDQsMCwwLDAsLjQ3MywzLjI4MUgyLjAxOEE3LjAxNSw3LjAxNSwwLDAsMSwuOTUzLDguNDY5WiIgZmlsbD0iI2UxNTQ2MiIvPjwvc3ZnPg==);
  }

  .l-header__inquiry {
    padding-left: 23px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNC4xMjkiIHZpZXdCb3g9IjAgMCAxOCAxNC4xMjkiPjxwYXRoIGQ9Ik0xNy45NTMsMi4wMTFBMi40OTEsMi40OTEsMCwwLDAsMTcuNDM4LjkyYTIuMTUyLDIuMTUyLDAsMCwwLS4xNy0uMTg4QTIuNDkxLDIuNDkxLDAsMCwwLDE1LjUsMEgyLjVBMi41LDIuNSwwLDAsMCwuNzMyLjczMiwyLjIsMi4yLDAsMCwwLC41NjIuOTIsMi40NjEsMi40NjEsMCwwLDAsLjA0OSwyLjAxMSwyLjQxOSwyLjQxOSwwLDAsMCwwLDIuNXY5LjEzNWEyLjQ4MiwyLjQ4MiwwLDAsMCwuMjA3Ljk5MiwyLjQ0NywyLjQ0NywwLDAsMCwuNTI1Ljc3M2MuMDU2LjA1Ni4xMTEuMTA3LjE3Mi4xNThhMi41LDIuNSwwLDAsMCwxLjU5My41NzRIMTUuNWEyLjQ3OSwyLjQ3OSwwLDAsMCwxLjU5My0uNTc2LDIuMTU1LDIuMTU1LDAsMCwwLC4xNzItLjE1NiwyLjUsMi41LDAsMCwwLC41MjctLjc3M3YwYTIuNDY5LDIuNDY5LDAsMCwwLC4yLS45ODlWMi41YTIuNTcxLDIuNTcxLDAsMCwwLS4wNDctLjQ4Nk0xLjYzNSwxLjYzNUExLjIwNiwxLjIwNiwwLDAsMSwyLjUsMS4yNzdIMTUuNWExLjIsMS4yLDAsMCwxLC44NjIuMzU4LDEuMTg2LDEuMTg2LDAsMCwxLC4xMDkuMTI4TDkuNjU3LDcuN2ExLDEsMCwwLDEtMS4zMTQsMEwxLjUyOCwxLjc2YS45LjksMCwwLDEsLjEwNy0uMTI1bS0uMzU4LDEwVjMuMDgybDQuOTMzLDQuMy00LjkzMSw0LjNhLjM2LjM2LDAsMCwxLDAtLjA1M00xNS41LDEyLjg1MUgyLjVhMS4yLDEuMiwwLDAsMS0uNi0uMTZMNy4xLDguMTU3bC40ODYuNDIzYTIuMTYxLDIuMTYxLDAsMCwwLDIuODQsMGwuNDg1LS40MjMsNS4yLDQuNTM0YTEuMiwxLjIsMCwwLDEtLjYuMTZtMS4yMTktMS4yMTlhLjM4Mi4zODIsMCwwLDEsMCwuMDUzbC00LjkzMS00LjMsNC45MzMtNC4zWiIgZmlsbD0iIzMzMyIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px;
    font-size: 14px;
  }

  .l-header__inquiry:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNC4xMjkiIHZpZXdCb3g9IjAgMCAxOCAxNC4xMjkiPjxwYXRoIGQ9Ik0xNy45NTMsMi4wMTFBMi40OTEsMi40OTEsMCwwLDAsMTcuNDM4LjkyYTIuMTUyLDIuMTUyLDAsMCwwLS4xNy0uMTg4QTIuNDkxLDIuNDkxLDAsMCwwLDE1LjUsMEgyLjVBMi41LDIuNSwwLDAsMCwuNzMyLjczMiwyLjIsMi4yLDAsMCwwLC41NjIuOTIsMi40NjEsMi40NjEsMCwwLDAsLjA0OSwyLjAxMSwyLjQxOSwyLjQxOSwwLDAsMCwwLDIuNXY5LjEzNWEyLjQ4MiwyLjQ4MiwwLDAsMCwuMjA3Ljk5MiwyLjQ0NywyLjQ0NywwLDAsMCwuNTI1Ljc3M2MuMDU2LjA1Ni4xMTEuMTA3LjE3Mi4xNThhMi41LDIuNSwwLDAsMCwxLjU5My41NzRIMTUuNWEyLjQ3OSwyLjQ3OSwwLDAsMCwxLjU5My0uNTc2LDIuMTU1LDIuMTU1LDAsMCwwLC4xNzItLjE1NiwyLjUsMi41LDAsMCwwLC41MjctLjc3M3YwYTIuNDY5LDIuNDY5LDAsMCwwLC4yLS45ODlWMi41YTIuNTcxLDIuNTcxLDAsMCwwLS4wNDctLjQ4Nk0xLjYzNSwxLjYzNUExLjIwNiwxLjIwNiwwLDAsMSwyLjUsMS4yNzdIMTUuNWExLjIsMS4yLDAsMCwxLC44NjIuMzU4LDEuMTg2LDEuMTg2LDAsMCwxLC4xMDkuMTI4TDkuNjU3LDcuN2ExLDEsMCwwLDEtMS4zMTQsMEwxLjUyOCwxLjc2YS45LjksMCwwLDEsLjEwNy0uMTI1bS0uMzU4LDEwVjMuMDgybDQuOTMzLDQuMy00LjkzMSw0LjNhLjM2LjM2LDAsMCwxLDAtLjA1M00xNS41LDEyLjg1MUgyLjVhMS4yLDEuMiwwLDAsMS0uNi0uMTZMNy4xLDguMTU3bC40ODYuNDIzYTIuMTYxLDIuMTYxLDAsMCwwLDIuODQsMGwuNDg1LS40MjMsNS4yLDQuNTM0YTEuMiwxLjIsMCwwLDEtLjYuMTZtMS4yMTktMS4yMTlhLjM4Mi4zODIsMCwwLDEsMCwuMDUzbC00LjkzMS00LjMsNC45MzMtNC4zWiIgZmlsbD0iI2UxNTQ2MiIvPjwvc3ZnPg==);
  }

  .l-header .sp {
    display: none;
  }
}

/* header_en
----------------------------------------------------------------- */
@media screen and (min-width: 1000px) {
  .l-header__en .l-header__listItem {
    width: 200px;
  }
}

/* footer
----------------------------------------------------------------- */
.l-footer {
  position: relative;
}

.l-footer a {
  color: var(--main-text-color);
  transition: 0.3s;
}

.l-footer__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
  color: var(--main-bg-color);
}

.l-footer__logoBlc {
  margin-bottom: 20px;
}

.l-footer__ttl {
  font-size: 13px;
}

.l-footer__list {
  font-size: 15px;
}

.l-footer__listItem {
  width: 100%;
}

.l-footer__listTtl {
  font-weight: bold;
}

.l-footer__pp {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
}

.l-footer__pp > li:not(:last-child) {
  border-right: 1px solid;
  padding-right: 12px;
  margin-right: 12px;
}

.l-footer__blank::after {
  content: '';
  display: inline;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBkPSJNMTIuMjU3LDBhLjc1MS43NTEsMCwwLDAtLjA4LjAwN0g4LjY2MmEuNzIyLjcyMiwwLDEsMC0uMDIsMS40NDRoMS44ODdMMy44MjEsOC4xNTlhLjcyMi43MjIsMCwwLDAsMSwxLjA0MmwuMDIxLS4wMjEsNi43MDgtNi43MDhWNC4zMzhhLjcyMi43MjIsMCwxLDAsMS40NDQuMDJWLjgyMWEuNzIyLjcyMiwwLDAsMC0uNjE2LS44MTRBLjgyOC44MjgsMCwwLDAsMTIuMjU3LDBNMS40NDQuMDA3QTEuNDU1LDEuNDU1LDAsMCwwLDAsMS40NTFWMTEuNTU3QTEuNDU1LDEuNDU1LDAsMCwwLDEuNDQ0LDEzSDExLjU0OWExLjQ1NSwxLjQ1NSwwLDAsMCwxLjQ0NC0xLjQ0NFY3LjIyNmEuNzIyLjcyMiwwLDEsMC0xLjQ0NC0uMDJ2NC4zNTFIMS40NDRWMS40NTFINS43NzVBLjcyMi43MjIsMCwwLDAsNS43OTUuMDA3SDEuNDQ0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 16px;
}

.l-footer__list.l-footer__list-groupCompany
  .l-footer__listTxt:first-child
  span {
  font-size: 12px;
}

@media screen and (min-width: 1000px) {
  .l-footer .sp {
    display: none;
  }

  .l-footer__inner {
    padding: 45px 20px 25px;
  }

  .l-footer__inner a {
    color: var(--main-bg-color);
  }

  .l-footer__logoBlc {
    margin-bottom: 44px;
  }

  .l-footer__logoBlc > a {
    display: flex;
    align-items: center;
  }

  .l-footer__ttl {
    font-size: 18px;
    font-weight: bold;
    margin-left: 6px;
  }

  .l-footer__list {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
  }

  .l-footer__list.l-footer__list-groupCompany {
    margin-top: 6.5%;
  }

  .l-footer__listItem {
    margin-right: 0;
    width: auto;
  }

  .l-footer__listTtl {
    margin-bottom: 14px;
  }

  .l-footer__listTxt {
    margin-bottom: 5px;
  }

  .l-footer__list.l-footer__list-groupCompany .l-footer__listTxt:first-child {
    margin-bottom: 15px;
  }

  .l-footer a:hover {
    color: var(--accent2-text-color);
  }

  .l-footer__list.pc {
    padding-bottom: 65px;
  }

  .l-footer__pp {
    font-size: 14px;
  }

  .l-footer__btm {
    display: flex;
    justify-content: space-between;
    max-width: 1136px;
    padding: 15px 30px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 999px) {
  .js-footerAcdCnt {
    display: none;
  }

  .l-footer__listCnt {
    position: relative;
  }

  .l-footer__listCnt::before {
    position: absolute;
    top: 0;
    left: 0;
    /*content: '';*/
    width: 100%;
    height: 1px;
    background-color: var(--main-bg-color);
    transform: scale(0.9, 1);
    transform-origin: center top;
    transition: transform 0.3s ease-in;
  }

  .is-open .l-footer__listCnt {
    background-color: var(--sub-bg-color);
  }

  .is-open .l-footer__listTtl {
    background-color: var(--accent2-text-color);
    border-bottom: none;
  }

  dl.is-open .l-footer__listTtl > a::after {
    transform: rotate(0);
  }

  .l-footer__logoBlc {
    width: 89.33%;
    margin-left: auto;
    margin-right: auto;
  }

  .l-footer__logoBlc .sp {
    font-size: 10px;
    margin: 10px 0 4px;
  }

  .l-footer__listItem {
    padding: 0 4.8%;
    padding: 0;
    margin: auto;
    width: 90.4%;
  }

  .is-open.l-footer__listItem {
    width: 100%;
  }

  .is-open .l-footer__listTxt a,
  .is-open .l-footer__listTtl > a {
    width: 90.4%;
    margin: auto;
  }

  .is-open .l-footer__listTxt a {
    color: var(--accent1-text-color);
    background-image: var(--arrow-ico);
  }

  .l-footer__listTtl,
  .l-footer__listTxt {
    border-bottom: 1px solid var(--main-bg-color);
    /*width: 90.66%;*/
    margin-left: auto;
    margin-right: auto;
  }

  .l-footer__listTxt {
    /*width: 84%;*/
    margin-left: auto;
    margin-right: auto;
  }

  .l-footer__listTxt .inBlc {
    display: inline-block;
    margin-right: 1.2em;
  }

  .l-footer__listTtl {
    width: 100%;
    padding: 0 1.5% 0 3%;
    cursor: pointer;
    position: relative;
  }

  .l-footer__listTtl--li {
    padding: 0;
  }

  li.l-footer__listTtl--li:last-child {
    border-bottom: none;
  }

  .l-footer__listTtl > a {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }

  dl .l-footer__listTtl > a::before,
  dl .l-footer__listTtl > a::after {
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    margin-top: -1px;
    border-top: none;
    border-right: none;
    background-color: var(--main-bg-color);
    position: absolute;
    top: 50%;
    right: 2px;
    transition: transform 0.25s ease-in, background-color 0.25s ease-in;
  }

  dl .l-footer__listTtl > a::after {
    transform: rotate(90deg);
  }

  .l-footer__list a {
    display: block;
    padding: 11px 0 9px;
    font-weight: normal;
    color: var(--main-bg-color);
  }

  .l-footer__listTxt a,
  .l-footer__listTtl--li a {
    background-image: var(--arrow-ico-white);
    background-repeat: no-repeat;
    background-position: right 3% center;
    padding-left: 3%;
    padding-right: 3%;
  }

  .l-footer__list.l-footer__list-groupCompany {
    border-top: 1px solid var(--main-bg-color);
  }

  .l-footer__list.l-footer__list-groupCompany .l-footer__listTxt {
    width: 100%;
  }

  .l-footer__list.l-footer__list-groupCompany .l-footer__listTxt:first-child {
    font-size: 13px;
    padding: 11px 3% 9px;
  }

  .l-footer__list.l-footer__list-groupCompany .l-footer__listTxt:last-child {
    border: none;
  }

  .l-footer__pp {
    border-bottom: 1px solid #f5c3c7;
  }

  .l-footer__pp > li {
    border-bottom: 1px solid #e9e0cd;
    border-right: 1px solid #e9e0cd;
    font-size: 13px;
    margin: 0;
    text-align: center;
    width: 50%;
  }

  .l-footer__pp > li:not(:last-child) {
    border-bottom: 1px solid #e9e0cd;
    border-right: 1px solid #e9e0cd;
    padding: 0;
    margin: 0;
  }

  .l-footer__pp > li:nth-child(even) {
    border-right: none;
  }

  .l-footer__pp > li:last-child {
    border-bottom: none;
  }

  .l-footer__pp > li a {
    display: block;
    padding: 16px 10px 15px;
  }

  .l-footer__btmRight {
    text-align: center;
    padding: 15px 10px;
  }
}

/* footer_en
----------------------------------------------------------------- */
.l-footer__en .l-footer__listTtl,
.l-footer__en .l-footer__listTtl a {
  font-weight: 700;
}
.l-footer__en .l-footer__listTxt a {
  font-weight: 500;
}
.l-footer__en .l-footer__listItem {
  display: flex;
  justify-content: space-between;
}

.l-footer__en .l-footer__list .l-footer__listItem {
  display: block;
}

@media screen and (max-width: 999px) {
  .l-footer__en .l-footer__listItem {
    display: block;
  }

  .l-footer__en .l-footer__listTtl a {
    padding: 16px 0;
  }
  .l-footer__en .l-footer__list.pc {
    border-top: 1px solid var(--main-bg-color);
  } 
  .l-footer__en .l-footer__inner > .l-footer__list:not(.pc) {
    font-size: 16px;
  }
  .l-footer__en .l-footer__list.l-footer__list-groupCompany .l-footer__listTxt:first-child {
    font-size: unset;
    padding: 0;
  }
  .l-footer__en .l-footer__list-groupCompany .l-footer__listTxt > span {
    display: block;
    padding: 11px 3% 9px;
  }
}

@media screen and (min-width: 1000px) {
  .l-footer__en .l-footer__inner {
    padding: 45px 20px 0;
  }
  .l-footer__en .l-footer__inner > .l-footer__list:not(.pc) {
  font-size: 18px;
  }
  .l-footer__en .l-footer__inner > .l-footer__list:not(.pc) > .l-footer__listItem {
    display: flex;
    width: 100%;
    margin-right: 4%;
  }
  .l-footer__en .l-footer__list.l-footer__list-groupCompany .l-footer__listTxt:first-child {
    margin-bottom: 5px;
  }
  .l-footer__en .l-footer__btm {
    max-width: 1240px;
    padding: 15px 17.5px;
  }
}
/* ==========================================================================
pagetop
========================================================================== */
.c-footer__pagetop {
  background: var(--main-color);
  border-radius: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  position: fixed;
  bottom: 50px;
  right: 83px;
  transition: all 0.3s ease !important;
  visibility: hidden;
  z-index: 99;
  box-shadow: 0 0 20px #fff3;
}

.c-footer__pagetop.is-active:hover {
  opacity: 0.8;
}

.c-footer__pagetop span {
  display: block;
  font-size: 10px;
  height: 52px;
  padding: 26px 10px 12px;
  position: relative;
  text-align: center;
  width: 52px;
}

.c-footer__pagetop span::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi43MTMiIGhlaWdodD0iMTIuNzEzIiB2aWV3Qm94PSIwIDAgMTIuNzEzIDEyLjcxMyI+PHBhdGggZD0iTTYuOTksMEgwVjYuOTlIMS4yNzFWMS4yNzFINi45OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMzU3IDEuNDE0KSByb3RhdGUoNDUpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+);
  background-size: cover;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translateX(-50%);
  width: 12px;
}

.c-footer__pagetop.is-active {
  opacity: 1;
  visibility: visible;
}

.c-footer__pagetop.is-absolute {
  position: absolute;
  top: -25px;
  bottom: auto;
}

/* only SP Style */
@media screen and (max-width: 999px) {
  .c-footer__pagetop {
    right: 17px;
  }

  .c-footer__pagetop span {
    height: 48px;
    padding: 24px 10px 12px;
    width: 48px;
  }

  .c-footer__pagetop.is-absolute {
    top: -40px;
  }
}

/* ==========================================================================
 ttl
========================================================================== */
.c-ttl {
  font-size: 20px;
  line-height: 1.5;
  color: var(--accent1-text-color);
  text-align: center;
  position: relative;
  margin: 10px 0 20px;
}

.c-ttl::after {
  content: '';
  display: inline-block;
  width: 45px;
  height: 5px;
  background-color: #5484ed;
  background: linear-gradient(
    to right,
    var(--accent-color) 33%,
    var(--accent3-text-color) 34% 67%,
    var(--accent4-text-color) 68% 100%
  );
  position: absolute;
  right: 0;
  left: 0;
  bottom: -4px;
  margin: auto;
}

.c-ttl2A {
  padding: 15px 17.5px;
  background-color: var(--accent4-text-color);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: var(--main-bg-color);
  text-align: center;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 10px 0 20px;
}

.c-ttl2B {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.47;
  color: var(--accent1-text-color);
  margin: 10px 0 20px;
}

.c-ttl3A,
.c-ttl3B {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 10px 0 15px;
}

.c-ttl3A {
  color: var(--accent1-text-color);
}

.c-ttl4 {
  font-weight: normal;
  color: var(--accent1-text-color);
}

/* common parts PC */
@media screen and (min-width: 768px) {
  .c-ttl {
    font-size: 30px;
  }

  .c-ttl + p {
    margin-top: 30px;
  }
  .c-ttl::after {
    width: 90px;
  }

  .c-ttl2AWrap {
    padding: 15px 17.5px;
    max-width: 1235px;
    margin: 0 auto 20px;
  }

  .c-ttl2A {
    font-size: 20px;
    width: auto;
    position: static;
    transform: initial;
  }

  .c-ttl2B {
    font-size: 24px;
    line-height: 1.5;
  }

  .c-ttl3A,
  .c-ttl3B {
    font-size: 18px;
  }
}

/* ==========================================================================
utility
========================================================================== */
.u-tac {
  text-align: center !important;
}

.u-tal {
  text-align: left !important;
}

.u-tar {
  text-align: right !important;
}
@media screen and (max-width: 767px) {
  .u-tacSp {
    text-align: center !important;
  }

  .u-talSp {
    text-align: left !important;
  }

  .u-tarSp {
    text-align: right !important;
  }
}

.u-bg01 {
  background-color: #f9f9f9 !important;
}

.u-bg02 {
  background-color: #fbf8f9 !important;
}

.u-bgBuisness01 {
  background-color: var(--main-color) !important;
}

.u-bgBuisness02 {
  background-color: var(--sub-bg-color) !important;
}

.u-bgBuisness03 {
  background-color: #ededed !important;
}

.u-bgBuisness04 {
  background-color: #fafcfa !important;
}

.u-bgBuisness05 {
  background-color: #fcfdfc !important;
}

.u-mbL {
  margin-bottom: 40px !important;
}

.u-mbR {
  margin-bottom: 20px !important;
}

.u-mbS {
  margin-bottom: 10px !important;
}

hr {
  height: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 60px auto;
  max-width: 1200px;
}

/* リンク icon */
.c-link,
.file--application-pdf {
  color: var(--accent1-text-color);
  transition: 0.3s;
}

.c-link--arrow,
.file--application-pdf {
  padding-right: 18px;
  background-image: var(--arrow-ico);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
}

.c-link--pdf::before,
.file--application-pd::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 33px;
  background-image: var(--pdf-ico);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px;
  vertical-align: middle;
  margin-right: 10px;
  transform: translateY(-3px);
  transition: 0.3s;
}

.c-link--ico::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: var(--link-ico);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 26px;
  vertical-align: middle;
  margin-right: 10px;
  transition: 0.3s;
}

.c-link--blank::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: var(--blank-ico);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 23px;
  vertical-align: middle;
  margin-right: 10px;
  transition: 0.3s;
}

.c-linkIco,
.c-linkIco--blank,
.c-linkIco--pdf {
  color: var(--accent1-text-color);
  text-decoration: underline;
  position: relative;
  padding-right: 24px;
  transition: 0.3s;
}

.news .c-linkIco,
.news .c-linkIco--blank {
  color: var(--accent1-text-color);
  text-decoration: underline;
}

.c-linkIco {
  background-image: var(--link-ico);
  background-repeat: no-repeat;
  background-position: right 2px center;
  background-size: 17px;
}

.c-linkIco--blank {
  background-image: var(--blank-ico);
  background-repeat: no-repeat;
  background-position: right 4px center;
  background-size: 16px;
}

.c-linkIco--pdf {
  background-image: var(--pdf-ico);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 20px;
}

@media screen and (min-width: 768px) {
  .c-link:hover,
  .c-linkIco:hover,
  .c-linkIco--blank:hover,
  .c-linkIco--pdf:hover,
  .file--application-pdf:hover {
    color: var(--accent2-text-color);
  }

  .c-link--arrow:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljg5OSIgaGVpZ2h0PSI5Ljg5OSIgdmlld0JveD0iMCAwIDkuODk5IDkuODk5Ij48cGF0aCBkPSJNNiwwSDBWNkgxLjA5MVYxLjA5MUg2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4xOTIgNC45NSkgcm90YXRlKDEzNSkiIGZpbGw9IiNmODlmYTAiIHN0cm9rZT0iI2Y4OWZhMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4=);
    background-size: 10px;
  }

  .c-linkIco:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi4wOTkiIGhlaWdodD0iMjYuMSIgdmlld0JveD0iMCAwIDI2LjA5OSAyNi4xIj48cGF0aCBkPSJNNDYuNDE2LDI0LjhhMS4zLDEuMywwLDAsMS0xLjMsMS4zSDI2LjkyN2EyLjYxOSwyLjYxOSwwLDAsMS0yLjYtMi42VjUuMzExaDBhMS4zLDEuMywwLDAsMSwyLjYsMFYyMy41SDQ1LjExN2ExLjMsMS4zLDAsMCwxLDEuMywxLjNNNTAuNDI2LDIuNlYxNy41MzlhMi42MTksMi42MTksMCwwLDEtMi42LDIuNkgzMi44OTJhMi42MTksMi42MTksMCwwLDEtMi42LTIuNlYyLjZhMi42MTksMi42MTksMCwwLDEsMi42LTIuNmgxNC45NGEyLjYxOCwyLjYxOCwwLDAsMSwyLjYsMi42bS0yLjYsMEgzMi44OVYxNy41NDFINDcuODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQuMzI4KSIgZmlsbD0iI2Y4OWZhMCIvPjwvc3ZnPg==);
    background-size: 17px;
  }

  .c-linkIco--blank:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40MDIiIGhlaWdodD0iMjMuNCIgdmlld0JveD0iMCAwIDIzLjQwMiAyMy40Ij48cGF0aCBkPSJNMjIuMDYzLDIuODg4YTEuMTE5LDEuMTE5LDAsMCwwLS4xNDQuMDEySDE1LjU5M2ExLjMsMS4zLDAsMSwwLS4wMzYsMi42aDMuNEw2Ljg3OCwxNy41NzNhMS4zLDEuMywwLDAsMCwxLjgsMS44NzZsLjAzOS0uMDM3TDIwLjc5LDcuMzM3VjEwLjdhMS4zLDEuMywwLDEsMCwyLjYuMDM2VjQuMzY2QTEuMywxLjMsMCwwLDAsMjIuMjgxLDIuOWExLjUxMSwxLjUxMSwwLDAsMC0uMjE4LS4wMTJNMi42LDIuOUEyLjYxOSwyLjYxOSwwLDAsMCwwLDUuNVYyMy42OWEyLjYyLDIuNjIsMCwwLDAsMi42LDIuNkgyMC43ODhhMi42MiwyLjYyLDAsMCwwLDIuNi0yLjZWMTUuODk1YTEuMywxLjMsMCwxLDAtMi42LS4wMzZWMjMuNjlIMi42VjUuNWg3LjhhMS4zLDEuMywwLDEsMCwuMDM2LTIuNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIuODg4KSIgZmlsbD0iI2Y4OWZhMCIvPjwvc3ZnPg==);
    background-size: 16px;
  }

  .c-linkIco--pdf:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMi45NzIiIHZpZXdCb3g9IjAgMCAzMCAzMi45NzIiPjxwYXRoIGQ9Ik0yMi42MjEuMDA1VjBINi42ODNBMS43NCwxLjc0LDAsMCwwLDQuOTQ4LDEuNzM1djcuNzNINy4yNjFWMi4zMTRIMjAuMzA4VjkuNjg3aDcuMzczVjMwLjY1OEg3LjI2MVYyMy41SDQuOTQ4djcuNzM2YTEuNzQsMS43NCwwLDAsMCwxLjczNSwxLjczNUgyOC4yNTlhMS43NCwxLjc0LDAsMCwwLDEuNzM1LTEuNzM1VjcuMzczTDMwLDcuMzY4Wm0wLDcuMzY4di00LjFsNC4xLDQuMVpNMTAuNTc2LDE2LjQ4NmMwLDEuMDQ5LS41MzcsMS42NTEtMS40NzMsMS42NTFoLS42OXYtMy4zaC42NzVjLjk2LDAsMS40ODguNTg2LDEuNDg4LDEuNjUxbTcuNzkxLTUuMjc5SC41NzhBLjU4LjU4LDAsMCwwLDAsMTEuNzg1djkuNGEuNTguNTgsMCwwLDAsLjU3OC41NzhIMTguMzY4YS41OC41OCwwLDAsMCwuNTc4LS41Nzh2LTkuNGEuNTguNTgsMCwwLDAtLjU3OC0uNTc5TTQuMzQzLDE3LjM0SDMuNTE4djIuMDE1SDIuMjI4VjEzLjU4NUg0LjM2NUExLjc2MSwxLjc2MSwwLDAsMSw2LjIsMTUuNDU1LDEuNzMxLDEuNzMxLDAsMCwxLDQuMzQzLDE3LjM0bTYuODc4LDEuMjczYTIuNjYsMi42NiwwLDAsMS0xLjk3Ni43OEg2Ljk2M1YxMy41NzhIOS4yM2EyLjY4MiwyLjY4MiwwLDAsMSwyLjc1MywyLjkwOCwzLDMsMCwwLDEtLjc2MiwyLjEyOG01LjUtMy45MDlIMTQuMzF2MS4zNUgxNi40djEuMUgxNC4zMXYyLjIxSDEyLjg1NFYxMy41NzhoMy44NjRaTTQuOTEsMTUuNDYyYzAsLjUzOS0uMzY5LjcxOC0uODI5LjcxOEgzLjVWMTQuNzQ1aC41NzdjLjQ2OCwwLC44MzYuMTcyLjgzNi43MTgiIGZpbGw9IiNmODlmYTAiLz48L3N2Zz4=);
    background-size: 20px;
  }

  .c-link--pdf:hover::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMi45NzIiIHZpZXdCb3g9IjAgMCAzMCAzMi45NzIiPjxwYXRoIGQ9Ik0yMi42MjEuMDA1VjBINi42ODNBMS43NCwxLjc0LDAsMCwwLDQuOTQ4LDEuNzM1djcuNzNINy4yNjFWMi4zMTRIMjAuMzA4VjkuNjg3aDcuMzczVjMwLjY1OEg3LjI2MVYyMy41SDQuOTQ4djcuNzM2YTEuNzQsMS43NCwwLDAsMCwxLjczNSwxLjczNUgyOC4yNTlhMS43NCwxLjc0LDAsMCwwLDEuNzM1LTEuNzM1VjcuMzczTDMwLDcuMzY4Wm0wLDcuMzY4di00LjFsNC4xLDQuMVpNMTAuNTc2LDE2LjQ4NmMwLDEuMDQ5LS41MzcsMS42NTEtMS40NzMsMS42NTFoLS42OXYtMy4zaC42NzVjLjk2LDAsMS40ODguNTg2LDEuNDg4LDEuNjUxbTcuNzkxLTUuMjc5SC41NzhBLjU4LjU4LDAsMCwwLDAsMTEuNzg1djkuNGEuNTguNTgsMCwwLDAsLjU3OC41NzhIMTguMzY4YS41OC41OCwwLDAsMCwuNTc4LS41Nzh2LTkuNGEuNTguNTgsMCwwLDAtLjU3OC0uNTc5TTQuMzQzLDE3LjM0SDMuNTE4djIuMDE1SDIuMjI4VjEzLjU4NUg0LjM2NUExLjc2MSwxLjc2MSwwLDAsMSw2LjIsMTUuNDU1LDEuNzMxLDEuNzMxLDAsMCwxLDQuMzQzLDE3LjM0bTYuODc4LDEuMjczYTIuNjYsMi42NiwwLDAsMS0xLjk3Ni43OEg2Ljk2M1YxMy41NzhIOS4yM2EyLjY4MiwyLjY4MiwwLDAsMSwyLjc1MywyLjkwOCwzLDMsMCwwLDEtLjc2MiwyLjEyOG01LjUtMy45MDlIMTQuMzF2MS4zNUgxNi40djEuMUgxNC4zMXYyLjIxSDEyLjg1NFYxMy41NzhoMy44NjRaTTQuOTEsMTUuNDYyYzAsLjUzOS0uMzY5LjcxOC0uODI5LjcxOEgzLjVWMTQuNzQ1aC41NzdjLjQ2OCwwLC44MzYuMTcyLjgzNi43MTgiIGZpbGw9IiNmODlmYTAiLz48L3N2Zz4=);
    background-size: 30px;
  }

  .c-link--ico:hover::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi4wOTkiIGhlaWdodD0iMjYuMSIgdmlld0JveD0iMCAwIDI2LjA5OSAyNi4xIj48cGF0aCBkPSJNNDYuNDE2LDI0LjhhMS4zLDEuMywwLDAsMS0xLjMsMS4zSDI2LjkyN2EyLjYxOSwyLjYxOSwwLDAsMS0yLjYtMi42VjUuMzExaDBhMS4zLDEuMywwLDAsMSwyLjYsMFYyMy41SDQ1LjExN2ExLjMsMS4zLDAsMCwxLDEuMywxLjNNNTAuNDI2LDIuNlYxNy41MzlhMi42MTksMi42MTksMCwwLDEtMi42LDIuNkgzMi44OTJhMi42MTksMi42MTksMCwwLDEtMi42LTIuNlYyLjZhMi42MTksMi42MTksMCwwLDEsMi42LTIuNmgxNC45NGEyLjYxOCwyLjYxOCwwLDAsMSwyLjYsMi42bS0yLjYsMEgzMi44OVYxNy41NDFINDcuODNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQuMzI4KSIgZmlsbD0iI2Y4OWZhMCIvPjwvc3ZnPg==);
    background-size: 26px;
  }

  .c-link--blank:hover::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40MDIiIGhlaWdodD0iMjMuNCIgdmlld0JveD0iMCAwIDIzLjQwMiAyMy40Ij48cGF0aCBkPSJNMjIuMDYzLDIuODg4YTEuMTE5LDEuMTE5LDAsMCwwLS4xNDQuMDEySDE1LjU5M2ExLjMsMS4zLDAsMSwwLS4wMzYsMi42aDMuNEw2Ljg3OCwxNy41NzNhMS4zLDEuMywwLDAsMCwxLjgsMS44NzZsLjAzOS0uMDM3TDIwLjc5LDcuMzM3VjEwLjdhMS4zLDEuMywwLDEsMCwyLjYuMDM2VjQuMzY2QTEuMywxLjMsMCwwLDAsMjIuMjgxLDIuOWExLjUxMSwxLjUxMSwwLDAsMC0uMjE4LS4wMTJNMi42LDIuOUEyLjYxOSwyLjYxOSwwLDAsMCwwLDUuNVYyMy42OWEyLjYyLDIuNjIsMCwwLDAsMi42LDIuNkgyMC43ODhhMi42MiwyLjYyLDAsMCwwLDIuNi0yLjZWMTUuODk1YTEuMywxLjMsMCwxLDAtMi42LS4wMzZWMjMuNjlIMi42VjUuNWg3LjhhMS4zLDEuMywwLDEsMCwuMDM2LTIuNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIuODg4KSIgZmlsbD0iI2Y4OWZhMCIvPjwvc3ZnPg==);
    background-size: 23px;
  }
}

@media screen and (max-width: 767px) {
  .u-pcOnly {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .u-spOnly {
    display: none !important;
  }
}

/* ==========================================================================
移植
========================================================================== */
.cf:before,
.cf:after {
  content: ' ';
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/*===============================================================
	news
===============================================================*/
.c-date {
  display: block;
  padding-right: 10px;
  line-height: 30px;
  letter-spacing: 0.03em;
  min-width: 110px;
}

.c-category {
  display: block;
  line-height: 25px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}

.c-category + .c-category {
  margin-left: 10px;
}

/* */

.importance li strong {
  color: #ce0202;
  font-weight: bold;
}

.c-newsList dt,
.c-newsList dd,
.importance dt,
.importance dd,
.importance li {
  padding: 17px 20px;
  line-height: 25px;
}

.c-newsList dt:not(:first-of-type),
.importance dt:not(:first-of-type) {
  border-top: 1px solid #e6e6e6;
}

.c-newsList span.c-date {
  display: block;
  padding-right: 10px;
}

.c-newsList span.c-category {
  display: block;
  padding: 0 10px;
  line-height: 2;
  font-size: 15px;
  color: var(--accent1-text-color);
  text-align: center;
  border: solid 1px var(--accent1-text-color);
  font-weight: bold;
}

.c-newsList dd {
  margin-left: 240px;
  line-height: 25px;
}

.c-newsList dd a,
.importance li a,
.importance dd a {
  color: #333;
  text-decoration: none;
  transition: 0.3s;
}

/* .c-newsList {
  background-color: var(--main-bg-color);
} */

@media screen and (max-width: 767px) {
  .c-newsList dt,
  .importance dt {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
  }

  .c-newsList dt span,
  .importance dt span {
    display: block;
  }

  .c-newsList dt .c-date,
  .importance dt .c-date {
    float: left;
    width: auto;
    font-size: 14px;
    line-height: 20px;
  }

  .c-newsList dt .c-category {
    float: left;
    font-size: 12px;
    line-height: 18px;
  }

  .c-newsList dd,
  .importance dd {
    font-size: 14px;
    line-height: 20px;
    margin-left: 0;
    border-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .c-newsList dd:not(:first-of-type) {
    border-top: none;
  }

  .sp_cf:before,
  .sp_cf:after {
    content: ' ';
    display: table;
  }

  .sp_cf:after {
    clear: both;
  }

  .sp_cf {
    *zoom: 1;
  }

  .news .c-btnWrap {
    margin-top: 16px;
  }
}

@media screen and (min-width: 768px) {
  .c-newsList {
    border-bottom: 1px solid #ddd;
  }

  .c-newsList dt {
    display: flex;
    padding-bottom: 0;
  }

  .c-newsList dd {
    width: calc(100% - 209px);
    margin-left: 0;
  }

  .c-newsList dd a:hover,
  .importance dd a:hover {
    color: var(--accent1-text-color);
  }

  .importance dt {
    padding: 30px 30px 0;
  }

  .importance dd {
    padding: 7px 30px 15px;
  }
}

/* ==========================================================================
section layout
========================================================================== */

.c-section {
  padding: 0 ;
}

.c-section__border {
  position: relative;
}

.c-container {
  padding: 0 17.5px;
  max-width: 1235px;
  margin: 30px auto 60px;
}
.c-container--wide {
  overflow: hidden;
}

.c-container--wide .c-imgWrap {
  margin-bottom: auto;
}

/* only SP Style */
@media screen and (max-width: 767px) {
  .c-section {
    margin: 30px 0;
  }
}

/* ==========================================================================
half-media
========================================================================== */

.c-half-media {
  display: flex;
}

.c-half-media__img-wrapper {
  flex: 0 1 48.33333%;
  margin-right: 3.33333%;
}

.c-half-media__img {
  width: 100%;
}

.c-half-media__body {
  flex: 1;
}

.c-half-media__body > *:last-child {
  margin-bottom: 0;
}

.c-half-media__title {
  color: var(--accent1-text-color);
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.c-half-media__text {
  margin-bottom: 30px;
}

.c-half-media__body .c-btnWrap {
  max-width: 180px;
  position: relative;
}

/* --reverse */
.c-half-media--reverse {
  flex-direction: row-reverse;
}

.c-half-media--reverse .c-half-media__img-wrapper {
  margin-right: 0;
}

.c-half-media--reverse .c-half-media__body {
  margin-right: 3.33333%;
}

/* --col1 --col2 */
.c-half-media--col1,
.c-half-media--col2 {
  display: block;
}

.c-half-media--col1 .c-half-media__img-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

.c-half-media--col2 .c-half-media__img-wrapper {
  display: flex;
  margin-right: 0;
}

.c-half-media--col2 .c-half-media__img-wrapper > .c-half-media__img-inner {
  margin-right: 3.33333%;
}

.c-half-media--col2
  .c-half-media__img-wrapper
  > .c-half-media__img-inner:last-child {
  margin-right: 0;
}

/* only PC Style */
@media screen and (min-width: 768px) {
  .c-ttl + .c-half-media,
  .c-ttl + .c-vertical-posts,
  .c-ttl + .c-movie-block {
    margin-top: 40px;
  }

  .c-half-media__text {
    line-height: 1.78;
  }

  .c-half-media--col1 .c-half-media__img-wrapper,
  .c-half-media--col2 .c-half-media__img-wrapper {
    margin-bottom: 30px;
  }
}

/* only SP Style */
@media screen and (max-width: 767px) {
  .c-half-media {
    display: block;
  }

  .c-half-media__img-wrapper {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .c-half-media__title {
    font-size: 1.0625rem;
    margin-bottom: 5px;
  }

  .c-half-media__text {
    margin-bottom: 10px;
  }
}

/* ==========================================================================
vertical-posts
========================================================================== */

.c-vertical-posts {
  max-width: 1035px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 17.5px;
  padding-right: 17.5px;
}

.c-vertical-posts__item {
  padding-top: 21px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e6e6e6;
}

.c-vertical-posts__item:first-child {
  padding-top: 0;
}

.c-vertical-posts__title {
  color: #333;
}

/* only PC Style */
@media screen and (min-width: 768px) {
  .c-vertical-posts__title:focus,
  .c-vertical-posts__title:hover {
    color: var(--accent1-text-color);
  }
}

/* only SP Style */
@media screen and (max-width: 767px) {
  .c-vertical-posts {
    padding-left: 0;
    padding-right: 0;
  }

  .c-vertical-posts__item {
    padding-top: 14px;
    padding-bottom: 10px;
  }
}

/* ==========================================================================
movie-block
========================================================================== */

.c-movie-block {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

.c-movie-block__img {
  margin-left: auto;
  margin-right: auto;
}

.c-movie-block__icon {
  position: relative;
}

.c-movie-block__icon::before,
.c-movie-block__icon::after {
  /* content: ""; */
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.c-movie-block__icon::before {
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 50%;
  height: 141px;
  width: 141px;
}

.c-movie-block__icon::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24.5px 0 24.5px 43px;
  border-color: transparent transparent transparent #707070;
  transform: translate(-40%, -50%);
}

.c-movie-block__iframe {
  width: 100%;
  max-height: 450px;
  height: 53vw;
}

.c-movie-block__video {
  width: 100%;
  max-height: 450px;
  height: 53vw;
}

/* only SP Style */
@media screen and (max-width: 767px) {
  .c-movie-block__icon::before {
    height: 60px;
    width: 60px;
  }

  .c-movie-block__icon::after {
    border-width: 10.5px 0 10.5px 18px;
  }
}

/* ==========================================================================
c-card
========================================================================== */

.c-card__img-wrapper {
  margin-bottom: 20px;
}

.c-card__img {
  margin-left: auto;
  margin-right: auto;
}

.c-card__text {
  margin-bottom: 30px;
}

.c-card__body .c-btnWrap {
  max-width: 180px;
  position: relative;
}

.c-card__body > *:last-child {
  margin-bottom: 0;
}

.c-cards {
  display: flex;
  flex-wrap: wrap;
}

/* --col2 */
.c-cards--col2 {
  margin-bottom: -30px;
}

.c-cards--col2 > .c-cards__item {
  width: 48.33333%;
  margin-right: 3.33333%;
  margin-bottom: 30px;
}

.c-cards--col2 > .c-cards__item:nth-child(even) {
  margin-right: 0;
}

/* --col3 */
.c-cards--col3 {
  margin-bottom: -30px;
}

.c-cards--col3 > .c-cards__item {
  width: 31.707%;
  margin-right: 2.43902%;
  margin-bottom: 30px;
}

.c-cards--col3 > .c-cards__item:nth-child(3n) {
  margin-right: 0;
}

/* --col4 */
.c-cards--col4 {
  margin-bottom: -30px;
  padding-left: 4.66666%;
  padding-right: 4.66666%;
}

.c-cards--col4 > .c-cards__item {
  width: 23.78%;
  margin-right: 1.62602%;
  margin-bottom: 30px;
}

.c-cards--col4 > .c-cards__item:nth-child(4n) {
  margin-right: 0;
}

/* only PC Style */
@media screen and (min-width: 768px) {
  .c-card__text {
    line-height: 1.78;
  }

  .c-cards--col3 > .c-cards__item .c-card__img-wrapper {
    margin-bottom: 15px;
  }

  .c-cards--col4 > .c-cards__item .c-card__img-wrapper {
    margin-bottom: 10px;
  }
}

/* only SP Style */
@media screen and (max-width: 767px) {
  .c-cards--col2 {
    margin-bottom: -40px;
  }

  .c-cards--col2 > .c-cards__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }

  .c-card__img-wrapper {
    margin-bottom: 5px;
  }

  .c-card__text {
    margin-bottom: 10px;
  }

  .c-cards--col3 {
    margin-bottom: -40px;
  }

  .c-cards--col3 > .c-cards__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }

  .c-cards--col4 {
    margin-bottom: -30px;
    padding-left: 0;
    padding-right: 0;
  }

  .c-cards--col4 > .c-cards__item {
    width: 48.33333%;
    margin-right: 3.33333%;
    margin-bottom: 30px;
  }

  .c-cards--col4 > .c-cards__item:nth-child(2n) {
    margin-right: 0;
  }
}

/* ==========================================================================
c-btn
========================================================================== */

.c-btnWrap {
  position: relative;
  max-width: 340px;
}

.c-shadow {
  position: relative;
}

.c-shadow::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #f8f1de;
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 0;
  left: 0;
  margin: auto;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.3s;
}

.c-btnWrap--small {
  display: inline-block;
  max-width: 100%;
}

.c-btnWrap--small .c-btn__inner {
  padding: 0 43px;
}

.c-btn {
  display: flex;
  align-items: center;
  /*font-size: 14px;*/
  line-height: 1.5;
  color: var(--accent1-text-color);
  width: 100%;
  padding: 13px 16px;
  background: var(--main-bg-color);
  border: 1px solid var(--sub-bg-color);
  border-radius: 10px;
  position: relative;
  z-index: 2;
  transition: 0.3s;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.c-btn.c-btn--fill {
  color: #fff;
  background: var(--main-color);
  border: none;
  border: 1px solid var(--main-color);
  border-bottom: 3px solid var(--accent1-text-color);
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.c-btn.-right::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 9px;
  width: 10px;
  height: 10px;
  background-image: var(--arrow-ico);
}

.c-btn.-left::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 10px;
  width: 10px;
  height: 10px;
  background-image: var(--arrow-ico);
  transform: rotate(180deg);
}

.c-btn--fill.-right::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 12px;
  width: 10px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljg5OSIgaGVpZ2h0PSI5LjkiIHZpZXdCb3g9IjAgMCA5Ljg5OSA5LjkiPjxwYXRoIGQ9Ik02LDBIMFY2SDEuMDkxVjEuMDkxSDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjE5MiA0Ljk1KSByb3RhdGUoMTM1KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPg==);
}

.c-btn--fill.-left::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 10px;
  width: 10px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljg5OSIgaGVpZ2h0PSI5Ljg5OSIgdmlld0JveD0iMCAwIDkuODk5IDkuODk5Ij48cGF0aCBkPSJNNiwwSDBWNkgxLjA5MVYxLjA5MUg2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43MDcgNC45NSkgcm90YXRlKC00NSkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4=);
  transform: none;
}

.c-btn--disable {
  pointer-events: none;
  color: var(--main-bg-color);
  border-color: var(--sub-text-color);
  background-color: var(--sub-text-color);
}

.c-btn.-link::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 10px;
  width: 18px;
  height: 18px;
  background-image: var(--link-ico);
  background-size: 17px;
  background-repeat: no-repeat;
}
.c-btn.-blank::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 10px;
  width: 18px;
  height: 18px;
  background-image: var(--blank-ico);
  background-size: 16px;
  background-repeat: no-repeat;
}
.c-btn.-pdf::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 10px;
  width: 20px;
  height: 23px;
  background-image: var(--pdf-ico);
  background-size: 20px;
  background-repeat: no-repeat;
}

.c-btn.c-btn--fill.-link::after,
.c-btn.c-btn--disable.-link::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 10px;
  width: 18px;
  height: 18px;
  background-image: var(--link-ico-white);
  background-repeat: no-repeat;
}

.c-btn.c-btn--fill.-blank::after,
.c-btn.c-btn--disable.-blank::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 10px;
  width: 18px;
  height: 18px;
  background-image: var(--blank-ico-white);
  background-repeat: no-repeat;
}

.c-btn.c-btn--fill.-pdf::after,
.c-btn.c-btn--disable.-pdf::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 10px;
  width: 20px;
  height: 22px;
  background-image: var(--pdf-ico-white);
  background-repeat: no-repeat;
}

.c-btn__inner {
  margin: auto;
  padding: 0 16px;
}

.c-btnWrap.-center {
  margin-right: auto;
  margin-left: auto;
}

/* only PC Style */
@media screen and (min-width: 768px) {
  .c-btn {
    font-size: 16px;
  }

  .c-shadow:hover::after {
    background: #ded9cc;
  }

  .c-btnWrap--small .c-btn__inner {
    padding: 0 32px;
  }

  .c-btn:hover {
    background-color: var(--sub-bg-color);
  }

  .c-btn.c-btn--fill:hover {
    background-color: var(--accent1-text-color);
    border-color: #c94b57;
  }
}

/* only SP Style */
@media screen and (max-width: 767px) {
  .c-btnWrap.-spCenter {
    margin-right: auto;
    margin-left: auto;
  }
}

/* ==========================================================================
コンポーネント一覧ページ HD 事業 共通
========================================================================== */

/* ==========================================================================
txt
========================================================================== */
.c-txt {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: #000000;
  margin: 10px 0;
}

.c-fwBold {
  font-weight: bold;
}

.c-italic {
  font-style: italic;
}

.c-fsXL {
  font-size: 24px;
}

.c-fsL {
  font-size: 22px;
}

.c-fsBase1 {
  font-size: 16px;
}

.c-fsBase2 {
  font-size: 14px;
}

.c-fsS {
  font-size: 12px;
}

.c-fsXS {
  font-size: 10px;
}

@media screen and (min-width: 768px) {
  .c-txt {
    font-size: 18px;
    line-height: 1.667;
  }

  .c-fsXL {
    font-size: 26px;
  }

  .c-fsL {
    font-size: 24px;
  }

  .c-fsBase1 {
    font-size: 18px;
  }

  .c-fsBase2 {
    font-size: 16px;
  }

  .c-fsS {
    font-size: 14px;
  }

  .c-fsXS {
    font-size: 12px;
  }
}

/* ==========================================================================
margin
========================================================================== */
.c-mAuto {
  margin: auto;
}
.c-mxAuto {
  margin-left: auto;
  margin-right: auto;
}
.c-myAuto {
  margin-top: auto;
  margin-bottom: auto;
}
.c-mtAuto {
  margin-top: auto;
}
.c-mrAuto {
  margin-right: auto;
}
.c-mbAuto {
  margin-bottom: auto;
}
.c-mlAuto {
  margin-left: auto;
}

.c-m0 {
  margin: 0;
}
.c-mx0 {
  margin-left: 0;
  margin-right: 0;
}
.c-my0 {
  margin-top: 0;
  margin-bottom: 0;
}
.c-mt0 {
  margin-top: 0;
}
.c-mr0 {
  margin-right: 0;
}
.c-mb0 {
  margin-bottom: 0;
}
.c-ml0 {
  margin-left: 0;
}

.c-mb1 {
  margin-bottom: 1em;
}
.c-mb2 {
  margin-bottom: 2em;
}
.c-mb3 {
  margin-bottom: 3em;
}
.c-mb4 {
  margin-bottom: 4em;
}
.c-mb5 {
  margin-bottom: 5em;
}

/* ==========================================================================
column
========================================================================== */
.c-column {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  justify-content: space-between;
}

.c-column--center {
  justify-content: center;
}

.c-column__item,
.c-column__item--col2,
.c-column__item--col3 {
  width: 100%;
}

.c-column__item,
.c-column__item--col2,
.c-column__item--col2B,
.c-column__item--col3,
.c-column__item--col4 {
  margin-bottom: 1%;
}

.c-column__item--col2B {
  width: 49%;
}

.c-column__item--col2B:nth-of-type(even) {
  margin-left: auto;
}

.c-column__item--col4 {
  width: 49.5%;
}

@media screen and (max-width: 767px) {
  .c-column__item--col4:nth-of-type(even) {
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  .c-column {
    margin-bottom: 10px;
  }

  .c-column__item--col2 {
    width: 49%;
  }

  .c-column__item--col2:nth-of-type(even) {
    margin-left: auto;
  }

  .c-column__item--col3 {
    width: 32%;
  }

  .c-column__item--col3:not(:nth-of-type(3n)) {
    /* margin-right: 2%; */
  }

  .c-column__item--col4 {
    width: 24.25%;
  }

  .c-column__item--col4:not(:nth-of-type(4n)) {
    /* margin-right: 1%; */
  }
}

/* ==========================================================================
imgWrap
========================================================================== */
.c-imgWrap {
  margin-bottom: 15px;
}

.c-imgWrap--center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
}

.c-imgWrap--radius img {
  border-radius: 10px;
}

.c-imgWrap--circle {
  border-radius: 50%;
  width: 160px;
  height: 160px;
  object-fit: cover;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-imgWrap--circle img {
  max-width: inherit;
}

.c-imgWrap--max {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.c-imgWrap--max img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .c-imgWrap {
    margin-bottom: 20px;
  }

  .c-imgWrap--circle {
    width: 240px;
    height: 240px;
  }
}

/* ==========================================================================
oList
========================================================================== */
.c-oList {
  counter-reset: listNum 0;
  margin-bottom: 20px;
}

.c-oList .c-oList {
  margin-bottom: 0;
}

.c-oList > li {
  display: table;
  line-height: 1.6875;
}

.c-oList > li::before {
  counter-increment: listNum 1;
  content: counters(listNum, '-') '.';
  padding-right: 10px;
  display: table-cell;
}

.c-oList > li:not(:first-child) {
  margin-top: 20px;
}

.c-oList > li .c-oList > li {
  margin-top: 10px;
}

.c-oList > li .c-oList > li::before {
  width: 3em;
}

@media screen and (min-width: 768px) {
  .c-oList {
    margin-bottom: 30px;
  }

  .c-oList > li {
    line-height: 1.778;
  }

  .c-oList > li:not(:first-child) {
    margin-top: 30px;
  }

  .c-oList > li .c-oList > li {
    margin-top: 20px;
  }
}

/* ==========================================================================
uList
========================================================================== */
.c-uList {
  margin-bottom: 20px;
}

.c-uList .c-uList {
  margin-bottom: 0;
}

.c-uList > li {
  display: table;
  line-height: 1.6875;
}

.c-uList > li::before {
  content: '●';
  padding-right: 10px;
  display: table-cell;
}

.c-uList > li:not(:first-child) {
  margin-top: 20px;
}

.c-uList > li .c-uList > li {
  margin-top: 10px;
}

.c-uList--link > li::before {
  color: var(--accent1-text-color);
}

@media screen and (min-width: 768px) {
  .c-uList {
    margin-bottom: 30px;
  }

  .c-uList > li {
    line-height: 1.778;
  }

  .c-uList > li:not(:first-child) {
    margin-top: 30px;
  }

  .c-uList > li .c-uList > li {
    margin-top: 20px;
  }
}

/* ==========================================================================
noteList
========================================================================== */
.c-noteList,
.c-noteList--order {
  margin-bottom: 20px;
}

.c-noteList li {
  display: table;
  font-size: 13px;
  line-height: 1.77;
}

.c-noteList li::before {
  content: '※';
  padding-right: 10px;
  display: table-cell;
}

.c-noteList > li:not(:first-child) {
  margin-top: 20px;
}

.c-noteList--order {
  counter-reset: noteNum 0;
}

.c-noteList--order > li::before {
  counter-increment: noteNum 1;
  content: '※' counter(noteNum);
}

@media screen and (min-width: 768px) {
  .c-noteList li {
    font-size: 14px;
  }
}

/* ==========================================================================
maru
========================================================================== */
.c-maru {
  display: inline-block;
  color: #fff;
  width: 1.5556em;
  line-height: 1.5556;
  background-color: #bbc1d0;
  border-radius: 100%;
  text-align: center;
}

/* ==========================================================================
tk 固有のコンポーネント
========================================================================== */
/* ==========================================================================
bnrBtn
========================================================================== */
/* card */
.c-bnrBtn {
  display: block;
  margin: auto;
  margin-bottom: 20px;
  width: 100%;
}
.c-bnrBtn--small {
  max-width: 160px;
}
.c-bnrBtn--xSmall {
  max-width: 158px;
}

.c-bnrBtn__img img {
  width: 100%;
  transition: opacity 0.3s;
  border-radius: 10px;
}

.c-bnrBtn__txt {
  margin-top: 8px;
  font-size: 16px;
  color: var(--main-text-color) 333;
}

.c-bnrBtn__txt--small {
  font-size: 10px;
  color: #000000;
}

.c-bnrBtn__txtInner {
  padding-right: 16px;
  color: var(--main-text-color);
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .c-bnrBtn {
    max-width: 520px;
  }
  .c-bnrBtn--small {
    max-width: 291px;
  }
  .c-bnrBtn--xSmall {
    max-width: 241px;
  }
  .c-bnrBtn__txt {
    margin-top: 13.5px;
    font-size: 18px;
  }

  .c-bnrBtn__txt--small {
    font-size: 12px;
  }

  .c-bnrBtn:hover img {
    opacity: 0.6;
  }

  .c-bnrBtn:hover .c-bnrBtn__txtInner {
    color: var(--main-color);
  }
}

/* ==========================================================================
pagenation
========================================================================== */
.c-pagenation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  text-align: center;
  margin-bottom: 36px;
}

.c-pagenation--left {
  justify-content: flex-start;
}

.c-pagenation > li:not(:last-child) {
  margin-right: 5px;
}

.c-pagenation > li a {
  font-size: 16px;
  display: inline-block;
  position: relative;
  border: 1px solid var(--accent2-text-color);
  background-color: var(--main-bg-color);
  color: var(--accent1-text-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  transition: 0.3s;
}

.c-pagenation > li a:hover {
  color: var(--main-bg-color);
  background-color: var(--accent2-text-color);
}

.c-pagenation > li a.is-active {
  color: var(--main-bg-color);
  background-color: var(--accent2-text-color);
}

.c-pagenation > .prev a::before,
.c-pagenation > .next a::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  border-top: 2px solid var(--accent2-text-color);
  border-left: 2px solid var(--accent2-text-color);
  top: 0;
  bottom: 0;
  margin: auto;
}

.c-pagenation > .prev a::before {
  transform: rotate(-45deg);
  left: 45%;
}

.c-pagenation > .next a::before {
  transform: rotate(135deg);
  right: 45%;
}

.c-pagenation > li a:hover::before,
.c-pagenation > li a:hover::after {
  border-color: var(--main-bg-color);
}

@media screen and (min-width: 768px) {
  .c-pagenation {
    margin-bottom: 66px;
  }
}

/* ==========================================================================
table
========================================================================== */
.c-tableWrap {
  width: 100%;
  margin: 10px 0 30px;
}

.c-table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}

.c-table--layout {
  table-layout: fixed;
}

.c-table th,
.c-table td {
  padding: 10px;
  word-break: break-all;
}

.c-table th {
  font-weight: bold;
  color: var(--main-color);
  background-color: var(--sub-bg-color);
  padding: 10px;
}

.c-table--rowA {
  text-align: left;
}

.c-table--rowA th {
  background-color: var(--main-bg-color);
  padding: 0 0 10px;
}

.c-table--rowA td {
  padding: 0 0 15px;
  margin-bottom: 15px;
  border-bottom: solid 1px var(--sub-text-color);
}

@media screen and (max-width: 767px) {
  .c-table {
    width: 100%;
  }

  .c-table th,
  .c-table td {
    display: block;
  }

  .c-table--rowB tr,
  .c-table--column tr {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }

  .c-table--rowB th,
  .c-table--column th {
    width: 100%;
  }

  .c-table--rowB td,
  .c-table--column td {
    width: 33.3%;
    position: relative;
  }

  .c-table--rowB td:nth-of-type(3n + 1)::after,
  .c-table--column td:nth-of-type(3n + 1)::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300%;
    height: 1px;
    background-color: var(--sub-text-color);
  }

  .c-table--mix th {
    background-color: var(--main-bg-color);
  }

  .c-table--mix td {
    padding: 0 0 10px;
  }

  .c-table--rowB .c-table__pcTr,
  .c-table--column .c-table__pcTr {
    display: none;
  }

  .c-table--mix td::before {
    content: attr(data-label);
    display: block;
    background-color: var(--sub-bg-color);
    padding: 10px;
    margin-bottom: 10px;
  }

  .c-tableFlex__item:first-of-type {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .c-tableFlex {
    display: flex;
    justify-content: space-between;
  }

  .c-tableFlex__item {
    width: 48.333%;
  }

  .c-tableFlex__item .c-table--rowA th {
    width: 22.75%;
  }

  .c-table th,
  .c-table td {
    padding: 37px 10px 36px;
    border-bottom: solid 1px var(--sub-text-color);
  }

  .c-table__body--column {
    display: flex;
  }

  .c-table--column tr {
    display: block;
    width: 100%;
  }

  .c-table--column th,
  .c-table--column td {
    display: block;
  }

  .c-table--mix tr:first-of-type th:first-child {
    border-right: 1px solid var(--main-bg-color);
  }

  .c-table--rowA th {
    padding: 15px 30px 15px 10px;
    width: 160px;
  }

  .c-table--rowA td {
    padding: 15px 0;
  }
}

/* ==========================================================================
colorBox
========================================================================== */
.c-colorBox {
  padding: 15px;
  margin-bottom: 48px;
  border-radius: 10px;
}

.c-colorBox--A {
  background-color: var(--sub-bg-color);
}

.c-colorBox--B {
  background-color: var(--main-bg-color);
  border: solid 2px var(--accent2-text-color);
}

@media screen and (min-width: 768px) {
  .c-colorBox {
    padding: 40px;
  }
}

/* ==========================================================================
colorBox
========================================================================== */
.c-chronology__caption {
  color: var(--main-bg-color);
  font-weight: bold;
  text-align: center;
  background-color: var(--main-color);
  padding: 14px 10px 16px;
}

.c-chronology__inner {
  padding: 0 17.5px 0 28px;
  margin: 0 auto;
}

.c-chronology__list {
  padding: 20px 0 15px 40px;
  position: relative;
}

.c-chronology__list::before {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 3px;
  background-color: var(--accent2-text-color);
  left: 0;
  top: 0;
}

.c-chronology__list::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: var(--accent2-text-color) transparent transparent transparent;
  position: absolute;
  left: -9px;
  bottom: -3px;
}

.c-chronology__ttl {
  font-size: 20px;
  font-weight: bold;
  color: var(--accent1-text-color);
  position: relative;
}

.c-chronology__ttl::before {
  content: '';
  position: absolute;
  width: 46px;
  height: 3px;
  background-color: var(--accent2-text-color);
  left: -50px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.c-chronology__ttl::after {
  content: '';
  position: absolute;
  width: 50px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMzIC0yNjU3KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMzIDI2NTcpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmODlmYTAiIHN0cm9rZS13aWR0aD0iMiI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIHN0cm9rZT0ibm9uZSIvPjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjkiIGZpbGw9Im5vbmUiLz48L2c+PGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzOCAyNjYyKSIgZmlsbD0iI2VjNmQ3NiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  left: -50px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.c-chronology__content {
  color: #707070;
  padding-bottom: 20px;
}

.c-chronology__content img {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .c-chronology {
    padding: 0 17.5px;
    max-width: 1235px;
    margin: 0 auto 80px;
  }

  .c-chronology__inner {
    padding: 0 18px 0 124px;
  }

  .c-chronology__caption {
    font-size: 30px;
    padding: 20px 10px 18px;
  }

  .c-chronology__list {
    padding: 50px 0 50px 80px;
  }

  .c-chronology__ttl {
    font-size: 24px;
  }

  .c-chronology__content {
    padding-bottom: 50px;
  }

  .c-chronology__ttl::before,
  .c-chronology__ttl::after {
    left: -90px;
  }

  .c-chronology__ttl::before {
    width: 66px;
  }
}

/* ==========================================================================
boxImgTxt
========================================================================== */
.c-box {
  padding: 15px;
  border: solid 2px var(--accent2-text-color);
  border-radius: 10px;
  margin-bottom: 20px;
}

.c-box__ttl {
  font-weight: bold;
  text-align: center;
  color: var(--main-color);
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: solid 1px var(--accent2-text-color);
}

@media screen and (min-width: 768px) {
  .c-box {
    padding: 20px;
    max-width: 585px;
  }
  .c-box__ttl {
    padding-bottom: 15px;
  }
  .c-column__item--col2 .c-box {
    height: calc(100% - 20px);
  }
}
/* ==========================================================================
c-recruitBox
========================================================================== */
.c-recruitBox {
  padding: 15px;
  background-color: var(--sub-bg-color);
}
.c-recruitBox__ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.c-recruitBox__em {
  font-size: 17px;
  font-weight: bold;
  color: var(--accent1-text-color);
  margin-bottom: 15px;
}
.c-recruitBox__bio {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.c-recruitBox__bioItem {
  font-size: 17px;
}
.c-recruitBox__bioItem:not(:last-child) {
  margin-right: 0.25em;
}
.c-recruitBox__bioItem:not(:last-child)::after {
  content: '→';
}
.c-recruitBox__bioDep {
  color: var(--accent1-text-color);
  font-weight: bold;
  margin-left: 0.25em;
}
.c-recruitBox__blcImg {
  margin-top: 15px;
}
.c-recruitBox__blcImg img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .c-recruitBox {
    padding: 40px;
  }
  .c-recruitBox__container {
    display: flex;
    justify-content: space-between;
  }
  .c-recruitBox__ttl {
    margin-bottom: 15px;
  }
  .c-recruitBox__em {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .c-recruitBox__blcTxt {
    width: 66.07%;
  }
  .c-recruitBox__blcImg {
    width: 30.36%;
    max-width: 340px;
    margin-top: 0;
  }
  .c-recruitBox__bio {
    margin-bottom: 20px;
  }
  .c-recruitBox__bioItem {
    font-size: 20px;
  }
}