@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary {
  display: block;
}

ul, li {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

	
.sample {
	margin: 16px auto;
	text-align: center;
	display: block;
}
.sample .text {
	text-align: left;
	display: inline-block;
}




ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

a img {
  border: none;
}

img {
  vertical-align: top;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

html,
body {
  height: 100%;
}

body {
  font-family: var(--font-family);
  background: var(--color-bg);
  text-align: center;
  position: relative;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  line-height: 1.7;
  font-size: 16px;
  overflow-x: hidden;
}
@media (max-width:768px) {
  body {
    font-size: 15px;
  }
}

body * {
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-appearance: none;
  letter-spacing: 0.05em;
}

a {
  color: var(--color-text-link);
}
a:link {
  color: var(--color-primary);
  text-decoration: none;
  outline: none;
}
a:visited {
  color: var(--color-primary);
  text-decoration: none;
  outline: none;
}
a:hover {
  color: var(--color-text-secondary);
  text-decoration: none;
  outline: none;
}

::selection {
  background-color: rgba(67, 177, 79, 0.1);
}

.breadcrumbs {
  background: var(--color-white);
  text-align: left;
  padding: 16px 24px;
  border-radius: var(--border-radius-large);
}
@media (max-width:768px) {
  .breadcrumbs {
    margin-top: 16px;
    padding: 10px 16px;
  }
}

.breadcrumbs-inner {
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width:768px) {
  .breadcrumbs-inner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}
.breadcrumbs-inner span {
  font-size: var(--fs-small);
}
@media screen and (min-width: 769px) and (max-width: 2000px) {
  .breadcrumbs-inner span:last-of-type {
    max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.breadcrumbs-inner a.home span {
  display: none;
}
.breadcrumbs-inner a.home:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #999;
}
.breadcrumbs-inner a:hover {
  opacity: 0.6;
}
.breadcrumbs-inner i {
  color: var(--color-text-glay);
  font-size: var(--fs-default);
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
.breadcrumbs-inner span {
  color: var(--color-text-glay);
}

.wp-pagenavi {
  margin: 60px auto 0 auto;
  padding: 0;
  text-align: center;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  font-size: 1em;
}
.wp-pagenavi > .pages {
  display: none;
}
.wp-pagenavi .first i,
.wp-pagenavi .last i,
.wp-pagenavi .previouspostslink i,
.wp-pagenavi .nextpostslink i {
  line-height: 38px;
  font-size: 16px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi span.current,
.wp-pagenavi a.page {
  font-family: var(--font-family-en);
  transition: all 0.3s cubic-bezier(0, 1, 0.64, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
  width: 40px;
  line-height: 40px;
  height: 40px;
  border-radius: var(--border-radius-small);
  background: var(--color-white);
  font-weight: var(--weight-normal);
  font-size: var(--fs-small);
  margin: 0 4px;
  color: #94989e;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
@media (max-width:768px) {
  .wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi span.current,
.wp-pagenavi a.page {
    width: 32px;
    line-height: 32px;
    height: 32px;
    font-size: var(--fs-small);
    margin: 0 3px;
  }
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover,
.wp-pagenavi span.current:hover,
.wp-pagenavi a.page:hover {
  background: var(--color-brand-1);
  color: #fff;
}
.wp-pagenavi span.current {
  background: var(--color-brand-1);
  color: #fff;
}
.wp-pagenavi .extend {
  line-height: 1;
  margin: 0 0.6em;
  position: relative;
  bottom: 2px;
}
@media (max-width:768px) {
  .wp-pagenavi .extend {
    margin: 0 0.1em;
  }
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
  font-size: 1.6em;
}

#toc_container {
  background: var(--color-glay);
  border-radius: var(--border-radius-middle);
  width: 100%;
  padding: 30px;
  display: block !important;
  margin: 30px 0 50px;
}
@media (max-width:768px) {
  #toc_container {
    padding: 16px;
  }
}

.toc_title {
  font-weight: var(--weight-bold);
  font-size: var(--fs-default);
}
.toc_title a {
  cursor: pointer;
  color: var(--color-primary);
}
.toc_title a:hover {
  text-decoration: underline;
}

.toc_list {
  margin-top: 16px !important;
}
.toc_list li {
  line-height: 1.4;
}
.toc_list a:hover {
  text-decoration: underline;
}
.toc_list > li {
  margin-top: 8px;
  position: relative;
}
.toc_list > li > a {
  font-weight: var(--weight-bold);
  color: var(--color-primary);
}
.toc_list > li > ul {
  padding: 4px 0 4px 20px;
  margin: 0;
}
.toc_list > li > ul > li a {
  color: var(--color-text-secondary);
  font-size: var(--fs-small);
}

.header-small__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0 12px 0;
}
@media (max-width:768px) {
  .header-small__top {
    display: none;
  }
}
.header-small__top p {
  font-size: var(--fs-xsmall);
  color: var(--color-text-glay);
}
.header-small__top .parts-contact .-sns {
  margin: 0;
}

.main-sidebar {
  background: var(--color-white);
  position: fixed;
  left: 0;
  width: 290px;
  height: 100%;
  padding: 0 24px;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.05);
  z-index: 100;
  transition: var(--transition);
}
@media (max-width:768px) {
  .main-sidebar {
    width: 100%;
    height: 60px;
    padding: 0 16px;
    text-align: left;
  }
  .main-sidebar::before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: var(--color-brand-1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }
}
.main-sidebar .-logo {
  margin: 40px auto 0 auto;
  display: inline-flex;
  max-width: 80px;
  position: relative;
  z-index: 10;
}
@media (max-width:768px) {
  .main-sidebar .-logo {
    margin: 8px auto 0 0;
  }
}
.main-sidebar .-logo img {
  max-width: 100%;
  width: 80px;
  max-height: 100%;
  height: 92px;
  object-fit: cover;
}
@media (max-width:768px) {
  .main-sidebar .-logo img {
    width: 40px;
    height: 46px;
    object-fit: cover;
  }
}
.main-sidebar .-sidebar-inner {
  transition: var(--transition);
  margin: 30px 0 0 0;
}
@media (max-width:768px) {
  .main-sidebar .-sidebar-inner {
    background: var(--color-white);
    position: fixed;
    left: 0;
    width: 100%;
    margin: -1px 0 0 0;
    height: 0;
    overflow: hidden;
  }
}
.main-sidebar .-sidebar-menu {
  text-align: left;
}
.main-sidebar .-sidebar-menu .-item {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 -24px 0 -24px;
}
@media (max-width:768px) {
  .main-sidebar .-sidebar-menu .-item {
    margin: 0 -16px 0 -16px;
    margin: 0;
    border-bottom: dashed 1px #eee;
  }
  .main-sidebar .-sidebar-menu .-item:first-child {
    border-top: solid 1px #eee;
  }
}
.main-sidebar .-sidebar-menu .-item a {
  transition: var(--transition);
  font-weight: var(--weight-bold);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 24px;
  opacity: 1;
}
@media (max-width:768px) {
  .main-sidebar .-sidebar-menu .-item a {
    padding: 12px 16px;
  }
}
.main-sidebar .-sidebar-menu .-item a::after {
  transition: var(--transition);
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20fill%3D%22%2343B14F%22%2F%3E%3Cpath%20d%3D%22M12.8721%208.68919L9.98303%205.80004C9.90056%205.71757%209.79065%205.6723%209.67344%205.6723C9.55611%205.6723%209.44626%205.71764%209.36379%205.80004L9.10148%206.06241C9.01908%206.14475%208.97368%206.25474%208.97368%206.372C8.97368%206.48921%209.01908%206.6029%209.10148%206.68524L10.7869%208.37439H5.43219C5.19076%208.37439%205%208.5634%205%208.80489V9.17582C5%209.41731%205.19076%209.62538%205.43219%209.62538H10.806L9.10155%2011.324C9.01914%2011.4064%208.97374%2011.5134%208.97374%2011.6307C8.97374%2011.7478%209.01914%2011.8564%209.10155%2011.9388L9.36385%2012.2003C9.44632%2012.2828%209.55618%2012.3277%209.67351%2012.3277C9.79071%2012.3277%209.90063%2012.2822%209.9831%2012.1997L12.8722%209.31065C12.9548%209.22791%2013.0003%209.11748%2013%209.00008C13.0002%208.88229%2012.9548%208.77179%2012.8721%208.68919Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 18px;
}
.main-sidebar .-sidebar-menu .-item a.newIcon::after {
  background-image: url('../img/icon/icon-external.svg');
  background-size: contain;
  width: 19px;
}
.main-sidebar .-sidebar-menu .-item a.active, .main-sidebar .-sidebar-menu .-item a:hover {
  background-color: var(--color-bg);
  color: var(--color-brand-1);
}
.main-sidebar .-sidebar-menu .-item a:hover {
  background-color: #ebfded;
}
.main-sidebar .-sidebar-menu .-item a:hover::after {
  transform: scale(1.4);
}
.main-sidebar .parts-contact {
  max-width: 1112px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
  margin-top: 40px;
}
@media (max-width:768px) {
  .main-sidebar .parts-contact {
    max-width: 480px;
  }
}

.-sp-drawr__menu {
  display: none;
  align-items: center;
  background: #eee;
  padding: 4px 12px;
  position: absolute;
  top: 11px;
  right: 16px;
  border-radius: 12px;
  z-index: 300;
  cursor: pointer;
  border: none;
  outline: none;
}
@media (max-width:768px) {
  .-sp-drawr__menu {
    display: inline-flex;
  }
}
.-sp-drawr__menu i {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M2%206C2%205.44772%202.44772%205%203%205H21C21.5523%205%2022%205.44772%2022%206C22%206.55228%2021.5523%207%2021%207H3C2.44772%207%202%206.55228%202%206Z%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012.0322C2%2011.4799%202.44772%2011.0322%203%2011.0322H21C21.5523%2011.0322%2022%2011.4799%2022%2012.0322C22%2012.5845%2021.5523%2013.0322%2021%2013.0322H3C2.44772%2013.0322%202%2012.5845%202%2012.0322Z%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2017.0645C2.44772%2017.0645%202%2017.5122%202%2018.0645C2%2018.6167%202.44772%2019.0645%203%2019.0645H21C21.5523%2019.0645%2022%2018.6167%2022%2018.0645C22%2017.5122%2021.5523%2017.0645%2021%2017.0645H3Z%22%20fill%3D%22currentColor%22%20%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px auto;
  width: 30px;
  height: 30px;
}
.-sp-drawr__menu span {
  font-size: var(--fs-small);
  font-weight: var(--weight-bold);
}

.menu-active .-sp-drawr__menu i {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2047.971%2047.971%22%20style%3D%22enable-background%3Anew%200%200%2047.971%2047.971%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20d%3D%22M28.228%2C23.986L47.092%2C5.122c1.172-1.171%2C1.172-3.071%2C0-4.242c-1.172-1.172-3.07-1.172-4.242%2C0L23.986%2C19.744L5.121%2C0.88%20c-1.172-1.172-3.07-1.172-4.242%2C0c-1.172%2C1.171-1.172%2C3.071%2C0%2C4.242l18.865%2C18.864L0.879%2C42.85c-1.172%2C1.171-1.172%2C3.071%2C0%2C4.242%20C1.465%2C47.677%2C2.233%2C47.97%2C3%2C47.97s1.535-0.293%2C2.121-0.879l18.865-18.864L42.85%2C47.091c0.586%2C0.586%2C1.354%2C0.879%2C2.121%2C0.879%20s1.535-0.293%2C2.121-0.879c1.172-1.171%2C1.172-3.071%2C0-4.242L28.228%2C23.986z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px auto;
}
.menu-active .-sidebar-inner {
  height: 100%;
  background-color: #fff;
}

.sp-menu__burger {
  transition: var(--transition);
  display: none;
  position: absolute;
  height: 50px;
  width: 50px;
  cursor: pointer;
  top: 6px;
  right: 8px;
  align-items: center;
  justify-content: center;
  z-index: 50;
  outline: none;
  border: none;
  padding: 0;
  opacity: 1;
}
@media (max-width:768px) {
  .sp-menu__burger {
    display: flex;
  }
}
.sp-menu__burger .menu-burger {
  outline: none;
  border: none;
  padding: 0;
  background: none;
  opacity: 1;
}
.sp-menu__burger .icon-burger {
  transition: var(--transition);
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.sp-menu__burger .icon-burger[data-burger-state=on] > g[data-burger-face=menu] {
  display: none;
}
.sp-menu__burger .icon-burger[data-burger-state=off] > g[data-burger-face=x] {
  display: none;
}

.sp-menu__inner {
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  transition-delay: 0.2s;
  z-index: 10;
  background: var(--color-glay);
  overflow: hidden;
}
.sp-menu__inner.-open {
  opacity: 1;
  height: 100%;
  visibility: visible;
  transform: translateY(0);
}
.sp-menu__inner .-menu-block {
  position: relative;
  display: block;
  padding: 0px 16px 0;
  list-style: none;
  margin: 80px auto 0 auto;
  overflow: hidden;
  max-width: 480px;
  width: 100%;
}
@media (max-width:768px) {
  .sp-menu__inner .-menu-block {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.sp-menu__inner .-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-menu__inner .-menu-list .-menu-item {
  margin: 8px 0 0 0;
}
.sp-menu__inner .-menu-list .-menu-item a {
  display: flex;
  padding: 10px 16px;
  position: relative;
  color: var(--color-navy);
  font-weight: var(--weight-bold);
  text-decoration: none;
  font-size: var(--fs-default);
  background: var(--color-white);
  border-radius: var(--border-radius-small);
}
.sp-menu__inner .-menu-list .-menu-item a::after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 16px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--color-red);
}
.sp-menu__inner .-menu-btn {
  margin: 20px 0 0 0;
}
.sp-menu__inner .-menu-btn a + a {
  margin-top: 8px;
}

.main-wrap {
  position: relative;
  background-image: url(../img/common/footer-illust.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto 100px;
}
.main-wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: var(--color-brand-1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
@media (max-width:768px) {
  .main-wrap::before {
    display: none;
  }
}
.main-wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: var(--color-brand-1);
  position: absolute;
  bottom: 0;
  left: 0;
}

.main-body {
  padding: 0 40px 0 340px;
}
@media (max-width:768px) {
  .main-body {
    max-width: 1112px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 60px;
  }
}
@media (max-width:768px) and (max-width:768px) {
  .main-body {
    max-width: 480px;
  }
}

@keyframes btnAnimeGreen {
  0% {
    box-shadow: 0 0 0 0 #43b14f;
  }
  0%, 90% {
    opacity: 0.7;
  }
  to {
    box-shadow: 0 0 0 9pt rgba(255, 255, 255, 0);
    opacity: 0;
  }
}
@media (max-width:768px) {
  .parts-contact {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.parts-contact .-btn-item {
  background: var(--color-brand-1);
  color: var(--color-white);
  font-weight: var(--weight-bold);
  border-radius: 50rem;
  min-width: auto;
  position: relative;
}
.parts-contact .-btn-item::before, .parts-contact .-btn-item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50em;
}
.parts-contact .-btn-item::before {
  animation: btnAnimeGreen 3s infinite;
  box-shadow: 0 0 0 0 #43b14f;
}
.parts-contact .-btn-item::after {
  animation: btnAnimeGreen 3s infinite;
  box-shadow: 0 0 0 0 #43b14f;
  animation-delay: 1.5s;
}
.parts-contact .-btn-item:hover {
  transform: scale(1.2);
}
@media (max-width:768px) {
  .parts-contact .-tel-wrap {
    text-align: center;
  }
}
.parts-contact .-tel {
  font-family: var(--font-family-en);
  font-weight: var(--weight-bold);
  font-size: 20px;
  margin: 20px auto 0 auto;
  opacity: 1;
  display: block;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 1000px) {
  .parts-contact .-tel {
    cursor: pointer;
    pointer-events: auto;
  }
}
.parts-contact .-tel span {
  white-space: nowrap;
}
.parts-contact .-business-hours {
  white-space: nowrap;
}
.parts-contact .-business-hours span {
  white-space: nowrap;
  font-weight: var(--weight-bold);
  font-size: var(--fs-default);
  line-height: 1;
}
.parts-contact .-business-hours span:last-child {
  font-family: var(--font-family-en);
  font-weight: var(--weight-bold);
}
.parts-contact .-sns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px auto 0 auto;
}
.parts-contact .-sns a {
  transition: var(--transition);
  width: 26px;
  height: 26px;
  border-radius: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px;
}
.parts-contact .-sns a:hover {
  transform: scale(1.4);
}
.parts-contact .-sns a i {
  color: #fff;
  font-size: 15px;
}
.parts-contact .-sns a i::before {
  color: #fff;
}
.parts-contact .-sns a.-facebook {
  background: #3B5998;
}
.parts-contact .-sns a.-twitter {
  background: #1DA1F2;
}
.parts-contact .-sns a.-instagram {
  background: linear-gradient(49.12deg, #FFDD55 6.62%, #FF543E 50.06%, #C837AB 93.5%);
}
.parts-contact.section {
  background: var(--color-white);
  border-radius: var(--border-radius-large);
  padding: 60px;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width:768px) {
  .parts-contact.section {
    padding: 30px 20px;
  }
}
.parts-contact.section .-btn-item {
  width: 280px;
  margin: 0 auto;
}
.parts-contact.section .-tel-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto 0 auto;
}
@media (max-width:768px) {
  .parts-contact.section .-tel-wrap {
    flex-direction: column;
    text-align: center;
  }
}
.parts-contact.section .-tel {
  margin: 0 20px 0 0;
  display: flex;
  align-items: center;
}
@media (max-width:768px) {
  .parts-contact.section .-tel {
    margin: 0;
    text-align: center;
  }
}
.parts-contact.section .-business-hours {
  display: flex;
  align-items: center;
}
.parts-contact.section .-sns {
  display: none;
}

.section-recruit__bnr {
  background: url(../img/common/recruit-bnr-bg.jpg) no-repeat center;
  background-size: cover;
  border-radius: var(--border-radius-large);
  padding: 80px 0;
  display: flex;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width:768px) {
  .section-recruit__bnr {
    background-position: 50% center;
    padding: 50px 0;
    margin: 0 -16px;
    width: auto;
    border-radius: 0;
  }
}
.section-recruit__bnr .-inner {
  text-align: justify;
  display: inline-block;
  flex-direction: column;
  margin: 0 8vw 0 auto;
}
@media (max-width:768px) {
  .section-recruit__bnr .-inner {
    margin: 0;
    width: 100%;
    padding: 0 16px;
    text-align: center;
  }
}
.section-recruit__bnr h2 {
  font-size: var(--fs-xlarge);
  font-weight: var(--weight-bold);
  line-height: 1;
}
@media (max-width:768px) {
  .section-recruit__bnr h2 {
    font-size: var(--fs-xmiddle);
  }
}
.section-recruit__bnr p {
  margin: 20px 0 0 0;
}
.section-recruit__bnr .-btn-row {
  text-align: left;
  justify-content: start;
}
@media (max-width:768px) {
  .section-recruit__bnr .-btn-row {
    justify-content: center;
  }
}

.-btn-row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.-btn-item {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  font-size: var(--fs-default);
  font-weight: var(--weight-bold);
  border-radius: var(--border-radius-large);
  padding: 0 12px;
  height: 44px;
  min-width: 240px;
  line-height: 1.5;
}
@media (max-width:768px) {
  .-btn-item {
    min-width: 160px;
    font-size: var(--fs-small);
  }
}
.-btn-item.-main {
  background-color: var(--color-brand-1);
  color: var(--color-white);
}
.-btn-item.-main:hover {
  transform: scale(1.1);
}

.common-title__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.common-title__head .-main {
  font-size: var(--fs-xlarge);
  font-weight: var(--weight-bold);
  line-height: 1.2;
}
@media (max-width:768px) {
  .common-title__head .-main {
    font-size: var(--fs-xmiddle);
  }
}
.common-title__head .-sub {
  position: relative;
  display: flex;
  align-items: center;
  font-family: var(--font-family-en);
  margin-top: 10px;
}
.common-title__head .-sub::before, .common-title__head .-sub::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 51px;
  height: 9px;
}
.common-title__head .-sub::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2251%22%20height%3D%229%22%20viewBox%3D%220%200%2051%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%224%22%20width%3D%2250%22%20height%3D%221%22%20fill%3D%22%23333333%22%2F%3E%3Crect%20x%3D%2250%22%20y%3D%229%22%20width%3D%229%22%20height%3D%221%22%20transform%3D%22rotate(-90%2050%209)%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  margin-right: 20px;
}
.common-title__head .-sub::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2251%22%20height%3D%229%22%20viewBox%3D%220%200%2051%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%2251%22%20y%3D%225%22%20width%3D%2250%22%20height%3D%221%22%20transform%3D%22rotate(180%2051%205)%22%20fill%3D%22%23333333%22%2F%3E%3Crect%20x%3D%221%22%20width%3D%229%22%20height%3D%221%22%20transform%3D%22rotate(90%201%200)%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  margin-left: 20px;
}

.common-title__description {
  margin: 30px 0 0 0;
}
@media (max-width:768px) {
  main + .main-footer {
    padding-top: 60px;
  }
}
.main-footer {
  padding: 120px 0 150px 0;
}

.main-footer__concept {
background: #fff;
  border-radius: var(--border-radius-large);
  padding: 40px 50px;
  display: flex;
  align-items: center;
}
@media (max-width:768px) {
  .main-footer__concept {
    padding: 20px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.main-footer__concept .-logo {
  margin: 0 auto 0 0;
  width: 120px;
}
@media (max-width:768px) {
  .main-footer__concept .-logo {
    margin: 0 auto;
    width: 60px;
  }
}
.main-footer__concept .-info {
  padding: 0 40px;
  text-align: left;
}
@media (max-width:768px) {
  .main-footer__concept .-info {
    padding: 0;
    margin-top: 10px;
  }
}
.main-footer__concept .-info-title {
  font-family: var(--font-family-en);
  letter-spacing: 2px;
}
@media (max-width:768px) {
  .main-footer__concept .-info-title {
    display: none;
  }
}
.main-footer__concept .-info-description {
  font-size: var(--fs-small);
  color: var(--color-text-glay);
  margin: 6px 0 0 0;
}
@media (max-width:768px) {
  .main-footer__concept .-info-description {
    font-size: var(--fs-xsmall);
  }
}
.main-footer__concept .parts-contact {
  margin: 0 0 0 auto;
}
@media (max-width:768px) {
  .main-footer__concept .parts-contact {
    margin: 0 auto;
  }
  .main-footer__concept .parts-contact .-sns {
    margin-top: 10px;
  }
}

.main-footer__menu {
  display: flex;
  justify-content: flex-end;
  margin: 80px 0 0 0;
}
@media (max-width:768px) {
  .main-footer__menu {
    margin-top: 30px;
  }
}
.main-footer__menu .-menu {
  display: flex;
}
@media (max-width:768px) {
  .main-footer__menu .-menu {
    flex-wrap: wrap;
    margin: 0 -16px;
  }
}
@media (max-width:768px) {
  .main-footer__menu .-menu-item {
    width: 50%;
    padding: 8px 16px;
  }
  .main-footer__menu .-menu-item a {
    display: block;
  }
}
.main-footer__menu .-menu-item + .-menu-item {
  margin-left: 80px;
}
@media (max-width:768px) {
  .main-footer__menu .-menu-item + .-menu-item {
    margin: 0;
  }
}
.main-footer__menu .-menu-item__title {
  font-weight: var(--weight-bold);
  text-align: left;
}
.main-footer__menu .-menu-item__title a {
  color: var(--color-text-primary);
}
.main-footer__menu .-menu-item__title a span {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.main-footer__menu .-menu-item__title a span::after {
  background: #1A2226;
  position: absolute;
  bottom: -3px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}
.main-footer__menu .-menu-item__title a span:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.main-footer__menu .-menu-item__list {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
@media (max-width:768px) {
  .main-footer__menu .-menu-item__list {
    margin-top: 4px;
  }
}
.main-footer__menu .-menu-item__list a {
  font-size: var(--fs-small);
  color: var(--color-text-glay);
  display: inline-flex;
}
.main-footer__menu .-menu-item__list a + a {
  margin-top: 6px;
  line-height: 1.3;
}
.main-footer__menu .-menu-item__list a span {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.main-footer__menu .-menu-item__list a span::after {
  background: #999;
  position: absolute;
  bottom: -3px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}
.main-footer__menu .-menu-item__list a span:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

.main-footer__company {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 40px auto 0 auto;
}
@media (max-width:768px) {
  .main-footer__company {
    flex-direction: column;
  }
}
.main-footer__company .-access {
  text-align: left;
}
@media (max-width:768px) {
  .main-footer__company .-access {
    width: 100%;
  }
}
.main-footer__company .-access p {
  display: flex;
  flex-direction: column;
}
.main-footer__company .-access .-tel {
  margin: 10px 0 0 0;
}
.main-footer__company .-access .-tel a {
  font-family: var(--font-family-en);
  color: var(--color-text-primary);
  font-weight: var(--weight-bold);
  font-size: 24px;
  line-height: 1;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 1000px) {
  .main-footer__company .-access .-tel a {
    cursor: pointer;
    pointer-events: auto;
  }
}
.main-footer__company .-access .-reception-time {
  margin: 4px 0 0 0;
}
.main-footer__company .-sub-menu {
  display: flex;
  flex-direction: column;
  text-align: right;
}
@media (max-width:768px) {
  .main-footer__company .-sub-menu {
    width: 100%;
    margin: 50px auto 0 auto;
  }
}
.main-footer__company .-sub-menu ul {
  display: flex;
  align-items: center;
}
.main-footer__company .-sub-menu ul li + li {
  margin-left: 32px;
}
.main-footer__company .-sub-menu ul li a {
  font-size: var(--fs-small);
  color: var(--color-text-primary);
}
.main-footer__company .-sub-menu ul li a span {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.main-footer__company .-sub-menu ul li a span::after {
  background: #1A2226;
  position: absolute;
  bottom: -3px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}
.main-footer__company .-sub-menu ul li a span:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.main-footer__company .-sub-menu .-copy {
  font-family: var(--font-family-en);
  font-size: var(--fs-xsmall);
  margin: 16px 0 0 0;
}
@media (max-width:768px) {
  .main-footer__company .-sub-menu .-copy {
    text-align: center;
  }
}
.main-footer__company .-sub-menu .-copy i {
  font-size: 10px;
}

.sp-contact__btn-height {
  height: 44px;
  display: none;
  overflow: hidden;
}
@media (max-width:768px) {
  .sp-contact__btn-height {
    display: block;
  }
}

.sp-contact__btn {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 44px;
  background: var(--color-white);
  z-index: 10;
  overflow: hidden;
}
@media (max-width:768px) {
  .sp-contact__btn {
    display: flex;
  }
}
.sp-contact__btn a {
  width: 50%;
  color: var(--color-white);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sp-contact__btn a.-contact {
  background: var(--color-brand-1);
}
.sp-contact__btn a.-tel {
  background: #62C0B4;
  font-family: var(--font-family-en);
}

.slideshow-container {
  position: relative;
}
.slideshow-container #slideshow {
  position: relative;
  line-height: 0;
}
.slideshow-container #slideshow .image-wrapper {
  display: block;
  position: absolute;
  top: 0;
}
.slideshow-container #slideshow .image-wrapper.current {
  position: relative;
  z-index: 10;
}
.slideshow-container #slideshow .image-wrapper a {
  display: block;
}
.top-visual__inner {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  max-width: 1440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1200px) {
  .top-visual__inner {
    display: block;
  }
}

.swiper-container.-visual {
  width: 808px;
  height: 383px;
  margin: 0 32px 0 0;
}
@media (max-width: 1200px) {
  .swiper-container.-visual {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
.swiper-container.-visual .swiper-wrapper {
  position: relative;
}
.swiper-container.-visual .swiper-wrapper .swiper-slide.-visual-item {
  border-radius: var(--border-radius-large);
  overflow: hidden;
}
@media (max-width:768px) {
  .swiper-container.-visual .swiper-wrapper .swiper-slide.-visual-item {
    border-radius: 0;
  }
}
.swiper-container.-visual .swiper-wrapper .swiper-slide .-visual-item__link {
  display: block;
  height: 100%;
}
.swiper-container.-visual .swiper-wrapper .swiper-slide .-visual-item__link[href="#"] {
  pointer-events: none;
  cursor: default;
}
.swiper-container.-visual .swiper-wrapper .swiper-slide .-visual-item__link img {
  object-fit: cover;
}
@media (max-width:768px) {
  .swiper-container.-visual .swiper-wrapper .swiper-slide .-visual-item__link img {
    border-radius: var(--border-radius-large);
  }
}
.swiper-container.-visual .-swiper-button {
  transition: var(--transition);
  background: var(--color-brand-1);
  color: var(--color-white);
  width: 36px;
  height: 60px;
  margin-top: -30px;
  border-radius: 4px;
}
@media (max-width:768px) {
  .swiper-container.-visual .-swiper-button {
    width: 30px;
    height: 60px;
    margin-top: -30px;
  }
}
.swiper-container.-visual .-swiper-button:hover {
  background: var(--color-brand-1);
}
.swiper-container.-visual .-swiper-button::after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
}
.swiper-container.-visual .-swiper-button.-next {
  right: 8px;
}
@media (max-width:768px) {
  .swiper-container.-visual .-swiper-button.-next {
    right: 0;
  }
}
.swiper-container.-visual .-swiper-button.-next::after {
  content: "";
}
.swiper-container.-visual .-swiper-button.-prev {
  left: 8px;
}
@media (max-width:768px) {
  .swiper-container.-visual .-swiper-button.-prev {
    left: 0;
  }
}
.swiper-container.-visual .-swiper-button.-prev::after {
  content: "";
}

.top-visual__banner {
  max-width: 250px;
  width: 100%;
}
@media (max-width: 1200px) {
  .top-visual__banner {
    max-width: 100%;
    margin-top: 8px;
    position: relative;
    top: 10px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .top-visual__banner {
    display: flex;
    justify-content: center;
  }
}
@media (max-width:768px) {
  .top-visual__banner {
    padding: 0 0 10px 0;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    width: auto;
    max-width: none;
  }
}
.top-visual__banner li {
  max-width: 250px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .top-visual__banner li {
    padding: 5px;
  }
}
@media (max-width:768px) {
  .top-visual__banner li {
    max-width: 33.3%;
    margin: 0 5px !important;
  }
}
.top-visual__banner li + li {
  margin-top: 10px;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .top-visual__banner li + li {
    margin: 0;
  }
}
.top-visual__banner li a {
  transition: var(--transition);
  display: flex;
}
.top-visual__banner li a:hover {
  transform: scale(1.1);
}
@media (max-width: 1000px) {
  .top-visual__banner li a:hover {
    transform: scale(1);
  }
}
.top-visual__banner li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-service__header {
  background: url(../img/top/top-bg.svg) no-repeat center;
}
.top-service__header .common-title__head {
  color: var(--color-brand-1);
  font-weight: var(--weight-bold);
  font-size: var(--fs-xlarge);
  line-height: 1.5;
}
@media (max-width: 1000px) {
  .top-service__header .common-title__head {
    font-size: var(--fs-middle);
  }
}
@media (max-width:768px) {
  .top-service__header .common-title__head {
    font-size: var(--fs-middle);
  }
  .top-service__header .common-title__head br {
    display: none;
  }
}

.top-service__body {
  margin: 0 -16px;
}

.top-service__list {
  display: flex;
  justify-content: center;
  margin: 50px auto 0 auto;
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1000px) {
  .top-service__list {
    flex-wrap: wrap;
    margin-top: 0;
  }
}
.top-service__list li {
  width: 25%;
  padding: 0 16px;
}
@media (max-width: 1000px) {
  .top-service__list li {
    width: 50%;
    margin-top: 40px;
  }
}
@media (max-width:768px) {
  .top-service__list li {
    width: 100%;
    margin-top: 30px;
  }
}
.top-service__list li figure {
  position: relative;
}
.top-service__list li figure img {
  border-radius: var(--border-radius-large);
  width: 100%;
}
.top-service__list li figure span {
  position: absolute;
  top: 0;
  right: 0;
  background: #333;
  color: #ffff;
  padding: 6px 10px;
  font-size: 10px;
}
.top-service__list li dl {
  margin: 16px 0 0 0;
}
.top-service__list li dt {
  font-size: var(--fs-middle);
  font-weight: var(--weight-bold);
  line-height: 1.5;
  text-align: center;
}
@media (max-width:768px) {
  .top-service__list li dt br {
    display: none;
  }
}
.top-service__list li dd {
  font-size: var(--fs-default);
  text-align: justify;
  margin: 16px 0 0 0;
  line-height: 1.55;
}
@media (max-width:768px) {
  .top-service__list li dd {
    margin-top: 10px;
  }
}
.top-service__list li dd small {
  display: block;
  font-size: var(--fs-small);
  margin-top: 10px;
  color: var(--color-text-secondary);
}

.top-section__flow .flow-list {
  margin: 60px auto 0 auto;
}
@media (max-width:768px) {
  .top-section__flow .flow-list {
    margin-top: 0px;
  }
}
.top-section__flow .flow-list ul {
  display: flex;
  justify-content: center;
}
@media (max-width:768px) {
  .top-section__flow .flow-list ul {
    flex-wrap: wrap;
    margin: 0 -16px;
  }
}
.top-section__flow .flow-list ul li {
  margin: 0 16px;
  max-width: 190px;
  width: 100%;
}
@media (max-width:768px) {
  .top-section__flow .flow-list ul li {
    margin-top: 40px;
    max-width: 50%;
    margin: 40px 0 0 0;
    padding: 0 16px;
  }
}
.top-section__flow .flow-list ul li .-icon {
  background: var(--color-white);
  border-radius: var(--border-radius-large);
  position: relative;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width:768px) {
  .top-section__flow .flow-list ul li .-icon {
    height: 100px;
  }
}
.top-section__flow .flow-list ul li .-number {
  width: 34px;
  height: 34px;
  border-radius: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  font-family: var(--font-family-en);
  font-size: 16px;
  font-weight: var(--weight-bold);
  position: absolute;
  top: -12px;
  right: -12px;
}
.top-section__flow .flow-list ul li i {
  font-size: 30px;
}
.top-section__flow .flow-list ul li p {
  margin: 16px 0 0 0;
}

.single-tsection,
.top-tsection__news {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}

.single-csection,
.top-tsection__company {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}

.single-section,
.top-section__news {
  max-width: 832px;
  width: 100%;
  margin: 0 auto;
}
.single-section .news-list,
.top-section__news .news-list {
  margin: 0 auto;
}

.post-archives {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.post-archives__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}

.post-item {
  display: flex;
  flex-direction: column;
  width: 25%;
  padding: 0 16px;
  margin-top: 60px;
}
@media (max-width: 1280px) {
  .post-item {
    width: 33.3%;
  }
}
@media (max-width: 1000px) {
  .post-item {
    width: 50%;
  }
}
@media (max-width:768px) {
  .post-item {
    width: 100% !important;
    margin-top: 30px;
  }
}

.post-item__link {
  transition: var(--transition);
}
.post-item__link:hover .post-item__image .-bg {
  transform: scale(1.1);
}
@media (max-width:768px) {
  .post-item__link:hover .post-item__image .-bg {
    transform: none;
  }
}
.post-item__link:hover .post-item__info .-title {
  text-decoration: underline;
}

.post-item__image {
  height: 200px;
  position: relative;
}
.post-item__image .-bg {
  transition: var(--transition);
  background-color: var(--color-white);
  background-image: url(../img/common/loading.gif);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--border-radius-large);
}
.post-item__image .-category {
  position: absolute;
  top: -8px;
  right: -8px;
}
.post-item__image .-category span {
  background: var(--color-brand-1);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-small);
  padding: 0 10px;
  height: 26px;
  border-radius: var(--border-radius-middle);
}

.post-item__info {
  text-align: justify;
  margin: 16px 0 0 0;
}
.post-item__info .-title {
  transition: var(--transition);
  font-size: var(--fs-xmiddle);
  color: var(--color-brand-1);
  font-weight: var(--weight-bold);
  line-height: 1.35;
}
@media (max-width:768px) {
  .post-item__info .-title {
    font-size: var(--fs-middle);
  }
}
.post-item__info .-access {
  font-size: var(--fs-small);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 8px 0 0 0;
}
.post-item__info .-description {
  font-size: var(--fs-small);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 8px 0 0 0;
}

.single-main__wrap {
  position: relative;
  display: flex;
  margin: 30px 0 0 0;
}
@media (max-width:768px) {
  .single-main__wrap {
    display: block;
    margin-top: 20px;
  }
}

.single-main__inner {
  /*max-width: calc(100% - 230px);*/
  /*width: 100%;*/
  max-width: 980px;
  margin: auto;
  padding: 0 40px 0 0;
}
@media only screen and (max-width: 1260px) {
  .single-main__inner {
    max-width: 100%;
    padding-right: 0;
  }
}

.single-main__sidebar {
  background: var(--color-white);
  border-radius: var(--border-radius-large);
  width: 100%;
  max-width: 230px;
  display: flex;
  justify-content: center;
  height: 250px;
  padding: 40px 20px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 30px;
}
@media only screen and (min-width: 769px) and (max-width: 1260px) {
  .single-main__sidebar {
    display: none;
  }
}
@media (max-width:768px) {
  .single-main__sidebar {
    max-width: 100%;
    position: relative;
    top: 0;
    margin: 20px 0 0 0;
    padding: 30px 0 20px;
    height: auto;
  }
}

.single-visual {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (max-width:768px) {
  .single-visual {
    display: block;
  }
}
.single-visual .gallery-content {
  width: 100%;
  padding: 0 20px 0 0;
}
@media (max-width:768px) {
  .single-visual .gallery-content {
    padding: 0;
  }
}
.single-visual .gallery-navigation {
  max-width: 210px;
  width: 100%;
}
@media (max-width:768px) {
  .single-visual .gallery-navigation {
    max-width: 100%;
  }
}
.single-visual .gallery-navigation .pagination {
  display: flex;
  width: 100%;
}
@media (max-width:768px) {
  .single-visual .gallery-navigation .pagination {
    margin: 10px 0 0 0;
  }
}
.single-visual .gallery-navigation .pagination span,
.single-visual .gallery-navigation .pagination a {
  transition: var(--transition);
  font-family: var(--font-family-en);
  background: var(--color-white);
  font-size: var(--fs-small);
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  border-radius: 4px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.single-visual .gallery-navigation .pagination a:hover {
  background: var(--color-brand-1);
  color: var(--color-white);
}
.single-visual .gallery-navigation .pagination span.current {
  background: var(--color-brand-1);
  color: var(--color-white);
}
.single-visual .gallery-navigation .pagination a[title=Prev],
.single-visual .gallery-navigation .pagination a[title=Next] {
  width: 70px;
}
.single-visual .gallery-navigation .thumbs {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -6px 0 -6px;
}
@media (max-width:768px) {
  .single-visual .gallery-navigation .thumbs {
    margin: 6px -3px 0 -3px;
  }
}
.single-visual .gallery-navigation .thumbs li {
  width: 50%;
  height: 68px;
  padding: 6px;
  opacity: 1 !important;
}
@media (max-width:768px) {
  .single-visual .gallery-navigation .thumbs li {
    width: 25%;
    padding: 3px;
  }
}
.single-visual .gallery-navigation .thumbs li a {
  display: block;
  height: 100%;
  position: relative;
}
.single-visual .gallery-navigation .thumbs li a::before {
  transition: var(--transition);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 8px;
  border: 4px solid transparent;
}
.single-visual .gallery-navigation .thumbs li a img {
  transition: var(--transition);
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.single-visual .gallery-navigation .thumbs li:hover a::before, .single-visual .gallery-navigation .thumbs li.selected a::before {
  border: 4px solid var(--color-brand-1);
}
.single-visual #slideshow .post-categories {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 20;
}
@media (max-width:768px) {
  .single-visual #slideshow .post-categories {
    bottom: 10px;
    left: 10px;
  }
}
.single-visual #slideshow .post-categories li {
  margin: 0 6px 0 0;
}
.single-visual #slideshow .post-categories li a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-brand-1);
  color: var(--color-white);
  font-size: var(--fs-small);
  padding: 8px 16px;
  line-height: 1;
  border-radius: var(--border-radius-middle);
}
.single-visual #slideshow .advance-link img {
  border-radius: 4px;
}

.single-section__head {
  text-align: justify;
  margin: 20px 0 0 0;
}
.single-section__head .-title {
  font-weight: var(--weight-bold);
  color: var(--color-brand-1);
  font-size: var(--fs-xxlarge);
  margin: 36px 0;
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .single-section__head .-title {
    font-size: var(--fs-xlarge);
  }
}
@media (max-width:768px) {
  .single-section__head .-title {
    font-size: var(--fs-large);
    line-height: 1.5;
  }
}
.single-section__head .-single-content {
  margin-top: 20px;
}

.single-section__table {
  text-align: left;
  margin: 60px 0 0 0;
}
@media (max-width:768px) {
  .single-section__table {
    margin-top: 40px;
  }
}
.single-section__table h2 {
  font-size: var(--fs-xmiddle);
  font-weight: var(--weight-bold);
  line-height: 1.4;
}
.single-section__table .-table {
  background: var(--color-white);
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 16px;
}
.single-section__table .-table-item {
  display: flex;
  border-top: 1px dashed #ccc;
}
@media (max-width:768px) {
  .single-section__table .-table-item {
    display: block;
  }
}
.single-section__table .-table-item:first-child {
  border-top: none;
}
.single-section__table .-table-item:first-child .-table-item__th {
  border-radius: 4px 0 0 0;
}
.single-section__table .-table-item:first-child .-table-item__td {
  border-radius: 0 4px 0 0;
}
.single-section__table .-table-item:last-child .-table-item__th {
  border-radius: 0 0 0 4px;
}
.single-section__table .-table-item:last-child .-table-item__td {
  border-radius: 0 0 4px 0;
}
.single-section__table .-table-item__li,
.single-section__table .-table-item__th,
.single-section__table .-table-item__td {
  padding: 18px 24px;
}
@media (max-width:768px) {
.single-section__table .-table-item__li,
.single-section__table .-table-item__th,
.single-section__table .-table-item__td {
    padding: 16px;
  }
}
@media (max-width:768px) {
  .single-section__table .-table-item__th {
    padding: 6px 16px;
  }
}
.single-section__table .-table-item__th {
  max-width: 200px;
  width: 100%;
  text-align: right;
  background: #F6F6F6;
  font-weight: var(--weight-bold);
}
@media (max-width:768px) {
  .single-section__table .-table-item__th {
    max-width: 100%;
    text-align: left;
  }
}
.single-section__table .-table-item__td {
  max-width: calc(100% - 200px);
  width: 100%;
  text-align: justify;
  font-weight: var(--weight-normal);
  border-left: 1px dashed #ccc;
}
@media (max-width:768px) {
  .single-section__table .-table-item__td {
    max-width: 100%;
    border-left: none;
    border-top: 1px dashed #ccc;
  }
}

.single-section__table .-table-item__li {
  max-width: 100%;
  text-align: justify;
  font-weight: var(--weight-normal);
}
@media (max-width:768px) {
  .single-section__table .-table-item__li {
  }
}

.single-section__table .-table-item__td a {
  text-decoration: underline;
  color: var(--color-text-link);
}
.single-section__table .-table-item__td iframe,
.single-section__table .-table-item__td img {
  max-width: 100%;
}
.single-section__table .-table-item__td iframe {
  max-height: 220px;
  margin-top: 10px;
}

.-single-inner {
  background: #FFFFFF;
  padding: 40px;
  border-radius: var(--border-radius-large);
}
@media (max-width:768px) {
  .-single-inner {
    padding: 20px;
  }
}

.-single-content {
  text-align: justify;
	
  font-weight: var(--weight-normal);
  line-height: 1.7;
}
.-single-content * + * {
  margin-top: 24px;
}
.-single-content a {
  color: var(--color-text-link);
  transition: var(--transition);
  text-decoration: underline;
  padding: 0 3px;
}
.-single-content a:hover {
  text-decoration: none;
}
.-single-content a:hover img {
  opacity: 0.7;
}
.-single-content img {
  transition: var(--transition);
  object-fit: cover;
  display: block;
  height: auto;
  text-decoration: none;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.-single-content strong {
  font-weight: var(--weight-bold);
 
}
.-single-content figure figcaption {
  margin: 10px 0 0 0;
  color: var(--color-text-glay);
  text-align: left;
}
.-single-content figure figcaption a {
  color: var(--color-text-glay);
  text-decoration: underline;
}
.-single-content blockquote {
  padding: 30px;
  border-radius: 8px;
  line-height: 1.7;
  background-color: #F0F3F5;
  border: none;
  background-image: url(../img/icon/icon-blockquote_top.svg), url(../img/icon/icon-blockquote_bottom.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 2% 6%, 98% 94%;
  background-size: 16px auto, 16px auto;
}
.-single-content blockquote p + p {
  margin-top: 10px;
}
.-single-content blockquote cite {
  display: block;
  color: var(--color-text-glay);
  margin: 10px 0 0 0;
}
.-single-content blockquote cite a {
  color: var(--color-text-glay) !important;
  text-decoration: underline;
}
.-single-content ul li,
.-single-content ol li {
  margin-top: 8px;
}
.-single-content ul li p,
.-single-content ol li p {
  margin-top: 8px;
}
.-single-content ul {
  padding: 0 0 0 12px;
}
.-single-content ul li {
  list-style-type: disc;
  list-style-position: inside;
}
.-single-content ol {
  padding: 0 0 0 12px;
}
.-single-content ol li {
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: -20px;
  padding-left: 10px;
}
.-single-content ol li p {
  text-indent: 0;
}
.-single-content h1 {
  font-size: var(--fs-xlarge);
  font-weight: var(--weight-bold);
  line-height: 1.4;
}
.-single-content h2 {
  font-size: var(--fs-large);
  font-weight: var(--weight-bold);
  line-height: 1.3;
  border-bottom: 4px solid var(--color-primary);
  padding-bottom: 10px;
  margin-top: 50px;
}
@media (max-width:768px) {
  .-single-content h2 {
    font-size: var(--fs-xmiddle);
    line-height: 1.25;
  }
}
.-single-content h3 {
  font-size: var(--fs-middle);
  font-weight: var(--weight-bold);
  line-height: 1.5;
  background: var(--color-glay);
  padding: 14px 20px;
  border-radius: var(--border-radius-small);
  margin-top: 50px;
}
@media (max-width:768px) {
  .-single-content h3 {
    font-size: var(--fs-middle);
    padding: 12px 16px;
    line-height: 1.3;
  }
}
.-single-content h4 {
  font-size: var(--fs-middle);
  font-weight: var(--weight-bold);
  line-height: 1.5;
  margin-top: 50px;
  position: relative;
  padding-left: 18px;
}
@media (max-width:768px) {
  .-single-content h4 {
    line-height: 1.4;
  }
}
.-single-content h4::before {
  content: "";
  display: block;
  width: 3px;
  height: 80%;
  position: absolute;
  top: 2px;
  left: 0;
  margin: auto 0;
  background: var(--color-primary-dark);
}
.-single-content h5 {
  font-size: var(--fs-default);
  font-weight: var(--weight-bold);
  line-height: 1.5;
  margin-top: 50px;
}
.-single-content .wp-block-table.scroll-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.-single-content .wp-block-table.scroll-x table td {
  white-space: pre;
}
.-single-content .wp-block-table.is-style-regular table tr:first-child td {
  font-weight: var(--weight-bold) !important;
  background: #f0f0f0 !important;
}
.-single-content .wp-block-table.is-style-stripes table td:first-child {
  font-weight: var(--weight-bold) !important;
  background: #f0f0f0 !important;
}
.-single-content .wp-block-table table {
  border-collapse: collapse;
  border-spacing: 0;
  background: #F7F9FA;
  width: 100%;
  position: relative;
}
.-single-content .wp-block-table table tr {
  border-bottom: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  background: none !important;
}
.-single-content .wp-block-table table tr:first-child {
  border-top: 1px solid #ddd !important;
}
.-single-content .wp-block-table table td {
  padding: 10px 14px;
  white-space: normal;
  line-height: 1.4 !important;
  border: none !important;
}
@media (max-width:768px) {
  .-single-content .wp-block-table table td {
    line-height: 1.35 !important;
  }
}
.-single-content .wp-block-table table td + td {
  border-left: 1px dashed #ddd !important;
}
.-single-content .wp-block-qroko-blocks-blog-card.qroko-blocks-blog-card {
  transition: var(--transition);
}
.-single-content .wp-block-qroko-blocks-blog-card.qroko-blocks-blog-card:hover {
  background: #f6f6f6;
}
.-single-content .wp-block-qroko-blocks-blog-card.qroko-blocks-blog-card .qroko-blocks-blog-card-columns {
  margin-top: 0;
}
.-single-content .wp-block-qroko-blocks-blog-card.qroko-blocks-blog-card .qroko-blocks-blog-card-column {
  margin-top: 0;
}

.-single-content.-policy > h3 {
  margin-top: 0;
}

.-single-content.-about > h3 {
  margin-top: 0;
}

.social-btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -3px;
  padding: 14px 0 30px 0;
}
@media (max-width:768px) {
  .social-btns {
    padding-bottom: 16px;
  }
}

.social-btn__item {
  transition: var(--transition);
  height: 28px;
  margin: 0 3px;
  font-size: var(--fs-small);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  white-space: nowrap;
  margin-top: 6px;
  overflow: hidden;
}
@media (max-width:768px) {
  .social-btn__item {
    height: 24px;
    font-size: var(--fs-xsmall);
  }
}
.social-btn__item:hover {
  opacity: 0.6;
}
.social-btn__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  color: #fff;
  font-weight: var(--weight-bold);
}
.social-btn__item a i {
  font-size: 16px;
  padding-right: 4px;
}
.social-btn__item a i::before {
  color: #fff;
}
.social-btn__item.-facebook {
  padding: 0;
}
.social-btn__item.-facebook-share {
  background: #1877f2;
}
.social-btn__item.-twitter {
  background: #1da1f2;
}
.social-btn__item.-twitter span {
  letter-spacing: 0;
}
.social-btn__item.-pocket {
  background: #ef3f56;
}
.social-btn__item.-feedly {
  background: #2bb24c;
}
.social-btn__item.-hatena {
  background: #00a4de;
}
.social-btn__item.-line {
  background: #00c300;
}

.company-table__item {
  display: flex;
}
.company-table__item:nth-child(odd) {
  background: var(--color-glay);
}
@media (max-width:768px) {
  .company-table__item:nth-child(odd) {
    background: none;
  }
}
@media (max-width:768px) {
  .company-table__item {
    display: block;
  }
}
.company-table__item .-head {
  width: 230px;
  padding: 16px 16px 16px 0;
  text-align: right;
}
@media (max-width:768px) {
  .company-table__item .-head {
    background: var(--color-glay);
    padding: 16px;
    text-align: left;
    width: 100%;
    padding: 8px 16px;
  }
}
.company-table__item .-conts {
  max-width: calc(100% - 230px);
  width: 100%;
  padding: 16px 0 16px 30px;
  text-align: justify;
}
@media (max-width:768px) {
  .company-table__item .-conts {
    max-width: 100%;
    padding: 10px 0;
  }
}
.company-table__item .-conts iframe {
  max-width: 100%;
}
.company-table__item .-conts-secondary {
  margin: 16px 0 0 0;
}
.company-table__item .-conts-secondary:empty {
  display: none;
}

.form-item {
  display: flex;
  align-items: center;
}
@media (max-width:768px) {
  .form-item {
    display: block;
    text-align: left;
  }
}
.form-item + .form-item {
  margin-top: 16px;
}
.form-item.-submit-btn {
  margin-top: 40px;
  display: block !important; /* add inoue 20240820 */
}
@media (max-width:768px) {
  .form-item.-submit-btn {
    margin-top: 20px;
    text-align: center; /* add inoue 20240820 */
  }
}
.form-item .-label {
  position: relative;
  max-width: 160px;
  width: 100%;
  text-align: right;
  font-weight: var(--weight-middle);
}
@media (max-width:768px) {
  .form-item .-label {
    max-width: 100%;
    text-align: left;
  }
}
.form-item .-label.-required::after {
  content: "*";
  position: absolute;
  right: -10px;
  color: var(--color-red-dark);
}
.form-item .-conts {
  width: 100%;
  max-width: calc(100% - 160px);
  padding: 0 0 0 40px;
  position: relative;
  text-align: left;
}
@media (max-width:768px) {
  .form-item .-conts {
    max-width: 100%;
    padding: 8px 0 0 0;
  }
}
/* inoue add 20240820 */
.form-item .-form-btn-conts {
  width: calc(100% - 160px);
  max-width: calc(100% - 160px);
  padding: 0 0 0 40px;
  margin: 0 auto;
}
@media (max-width:768px) {
  .form-item .-form-btn-conts {
    width: 100%;
    max-width: 100%;
    padding: 8px 0 0 0;
  }
}
/* inoue end 20240820 */
.form-item .-conts span.error {
  text-align: left;
  font-size: var(--fs-small);
  display: block;
  margin: 4px 0 0 0;
}
.form-item .-select,
.form-item .-input,
.form-item .-textarea {
  transition: var(--transition);
  font-size: var(--fs-default);
  background: var(--color-glay);
  border: 1px solid var(--color-glay-dark);
  font-weight: var(--weight-middle);
  width: 100%;
  padding: 12px 20px;
  height: 54px;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none;
  border-radius: 2px;
  position: relative;
}
.form-item .-select::placeholder,
.form-item .-input::placeholder,
.form-item .-textarea::placeholder {
  color: #999;
}
@media (max-width:768px) {
  .form-item .-select,
.form-item .-input,
.form-item .-textarea {
    height: 50px;
    font-size: 16px !important;
    padding: 10px 14px !important;
  }
}
.form-item .-select.error {
  border-color: var(--color-red-dark);
  background-color: rgba(66, 37, 39, 0.05);
}
.form-item .-textarea {
  height: auto;
}
.form-item .-textarea::placeholder {
  color: #999;
}
.form-item .-input.error,
.form-item .-textarea.error {
  border-color: var(--color-red-dark);
  background-color: rgba(163, 0, 12, 0.05);
}
.form-item .-input:focus,
.form-item .-textarea:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-item .-arrow-down {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2219%22%20viewBox%3D%220%200%2024%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.2095%2017.4086L23.3236%204.09543C23.7449%203.4806%2023.9678%202.86112%2023.9678%202.34621C23.9678%201.35072%2023.1688%200.734924%2021.8315%200.734924L2.1331%200.734923C0.797312%200.734923%20-8.4644e-05%201.34995%20-8.46874e-05%202.3431C-8.471e-05%202.85879%200.223032%203.46838%200.645399%204.08457L9.75938%2017.404C10.3465%2018.2606%2011.1365%2018.7349%2011.9849%2018.7349C12.8328%2018.7351%2013.6226%2018.2662%2014.2095%2017.4086Z%22%20fill%3D%22%23AAAAAA%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  right: 20px;
  display: block;
  pointer-events: none;
}
@media (max-width:768px) {
  .form-item .-arrow-down {
    top: 24px;
    right: 16px;
  }
}
/* inoue comment out 20280820
.form-btn {
  display: flex;
  justify-content: space-between;
}
@media (max-width:768px) {
  .form-btn {
    justify-content: center;
  }
}
*/
.form-btn input {
  transition: var(--transition);
  background: var(--color-brand-1);
  font-weight: var(--weight-bold);
  color: var(--color-white);
  font-size: var(--fs-default);
  width: 48%;
  outline: none;
  border: none;
  padding: 0;
  height: 50px;
  border-radius: var(--border-radius-large);
  cursor: pointer;
}
@media (max-width:768px) {
  .form-btn input {
    font-size: var(--fs-default);
    -webkit-appearance: none;
  }
}
.form-btn input:hover {
  transform: scale(1.1);
}
.form-btn input.-back {
  background: var(--color-text-glay);
}

.mw_wp_form_confirm .form-item .-label {
  font-weight: var(--weight-bold);
}
@media (max-width:768px) {
  .mw_wp_form_confirm .form-item .-conts {
    padding-top: 0;
  }
}
.mw_wp_form_confirm .form-item i.-arrow-down {
  display: none !important;
}
@media (max-width:768px) {
  .mw_wp_form_confirm .form-btn {
    justify-content: space-between;
  }
}

.mw_wp_form_complete .-complete-description {
  line-height: 2;
}
@media (max-width:768px) {
  .mw_wp_form_complete .-complete-description br {
    display: none;
  }
}

.section-recruit__visual {
  background: url(../img/common/pattern.png), url(../img/recruit/visual-recruit.jpg);
  background-position: center, center;
  background-repeat: repeat, no-repeat;
  margin: 20px -40px 0 -40px;
  position: relative;
}
@media (max-width:768px) {
  .section-recruit__visual {
    margin: 20px 0 0 0;
    background-size: auto, cover;
    border-radius: var(--border-radius-large);
    overflow: hidden;
  }
}
.section-recruit__visual::before {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.section-recruit__visual-inner {
  padding: 120px 20px;
  color: var(--color-white);
  position: relative;
}
@media (max-width:768px) {
  .section-recruit__visual-inner {
    padding: 60px 20px;
  }
}
@media (max-width:480px) {
  .section-recruit__visual-inner {
    padding: 40px 20px;
  }
}
.section-recruit__visual-inner .common-title__head + p {
  margin-top: 30px;
}
@media (max-width:768px) {
  .section-recruit__visual-inner .common-title__head + p {
    margin-top: 20px;
    font-size: var(--fs-small);
  }
  .section-recruit__visual-inner .common-title__head + p br {
    display: none;
  }
}
.section-recruit__visual-inner .common-title__head .-sub::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2251%22%20height%3D%229%22%20viewBox%3D%220%200%2051%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%224%22%20width%3D%2250%22%20height%3D%221%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%2250%22%20y%3D%229%22%20width%3D%229%22%20height%3D%221%22%20transform%3D%22rotate(-90%2050%209)%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}
.section-recruit__visual-inner .common-title__head .-sub::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2251%22%20height%3D%229%22%20viewBox%3D%220%200%2051%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%2251%22%20y%3D%225%22%20width%3D%2250%22%20height%3D%221%22%20transform%3D%22rotate(180%2051%205)%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%221%22%20width%3D%229%22%20height%3D%221%22%20transform%3D%22rotate(90%201%200)%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

.section-recruit__contents-inner {
  margin: 60px auto 0 auto;
}
@media (max-width:768px) {
  .section-recruit__contents-inner {
    margin-top: 40px;
  }
}
.section-recruit__contents-inner .-head {
  text-align: center;
}
.section-recruit__contents-inner .-head strong {
  display: block;
  font-size: var(--fs-xmiddle);
  line-height: 1;
}
@media (max-width:768px) {
  .section-recruit__contents-inner .-head strong {
    font-size: var(--fs-middle);
  }
}
.section-recruit__contents-inner .-head span {
  display: block;
  font-size: var(--fs-xxlarge);
  line-height: 1.3;
  margin-top: 4px;
}
@media (max-width:768px) {
  .section-recruit__contents-inner .-head span {
    font-size: var(--fs-large);
  }
}
.section-recruit__contents-inner .-contents-block {
  max-width: 1440px;
  width: 100%;
  margin: 40px auto 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width:768px) {
  .section-recruit__contents-inner .-contents-block {
    margin-top: 10px;
  }
}
.section-recruit__contents-inner .-contents-block__item {
  width: 33.3%;
  padding: 20px;
  text-align: left;
}
@media (max-width:768px) {
  .section-recruit__contents-inner .-contents-block__item {
    width: 100% !important;
    padding: 20px 0;
  }
}
.section-recruit__contents-inner .-contents-block__item .-image img {
  border-radius: 8px;
}
.section-recruit__contents-inner .-contents-block__item .-title {
  font-size: var(--fs-xmiddle);
  font-weight: var(--weight-bold);
  margin: 20px 0 0 0;
}
@media (max-width:768px) {
  .section-recruit__contents-inner .-contents-block__item .-title {
    font-size: var(--fs-middle);
  }
}
.section-recruit__contents-inner .-contents-block__item .-description {
  font-size: var(--fs-small);
  color: var(--color-text-secondary);
  margin: 10px 0 0 0;
}
.section-recruit__contents-inner .-contents-block__item:nth-child(1), .section-recruit__contents-inner .-contents-block__item:nth-child(2) {
  width: 50%;
}
.section-recruit__contents-inner .-contents-block__item:nth-child(1) .-description, .section-recruit__contents-inner .-contents-block__item:nth-child(2) .-description {
  font-size: var(--fs-default);
}
@media (max-width:768px) {
  .section-recruit__contents-inner .-contents-block__item:nth-child(1) .-description, .section-recruit__contents-inner .-contents-block__item:nth-child(2) .-description {
    font-size: var(--fs-small);
  }
}

.section-recruit__job {
  margin: 40px auto 0 auto;
  max-width: 1440px;
  width: 100%;
}

.section-recruit__job-inner .-category-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto 0 auto;
}
.section-recruit__job-inner .-category-nav li {
  margin: 0 8px;
}
@media (max-width:768px) {
  .section-recruit__job-inner .-category-nav li {
    margin: 4px;
  }
}
.section-recruit__job-inner .-category-nav li a {
  transition: all 0.3s cubic-bezier(0, 1, 0.64, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  border-radius: var(--border-radius-small);
  background: var(--color-white);
  font-size: var(--fs-small);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
@media (max-width:768px) {
  .section-recruit__job-inner .-category-nav li a {
    line-height: 36px;
    height: 36px;
  }
}
.section-recruit__job-inner .-category-nav li a:hover {
  background: var(--color-brand-1);
  color: var(--color-white);
}
.section-recruit__job-inner .single-section__table {
  margin-top: 40px;
  padding: 20px 0 0 0;
}
@media (max-width:768px) {
  .section-recruit__job-inner .single-section__table {
    margin-top: 20px;
  }
}
.section-recruit__job-inner .single-section__table .-btn-row {
  width: 100%;
  padding: 20px;
}
.section-recruit__job-inner .single-section__table .-btn-row .-btn-item {
  padding: 20px 12px;
  height: auto;
}
@media (max-width:768px) {
  .section-recruit__job-inner .single-section__table .-btn-row .-btn-item {
    width: 100% !important;
  }
}

.news-category__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width:768px) {
  .news-category__nav {
    overflow-x: auto;
    display: block;
    white-space: normal;
  }
}
.news-category__nav li {
  margin: 0 4px;
}
@media (max-width:768px) {
  .news-category__nav li {
    display: inline-flex;
  }
}
.news-category__nav li.current-cat a {
  background: var(--color-brand-1);
  color: var(--color-white);
}
.news-category__nav li a {
  transition: var(--transition);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 24px;
  font-weight: var(--weight-middle);
  background: var(--color-white);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius-small);
  font-size: var(--fs-small);
}
@media (max-width:768px) {
  .news-category__nav li a {
    padding: 4px 16px;
  }
}
.news-category__nav li a:hover {
  background: var(--color-brand-1);
  color: var(--color-white);
}

.news-item {
  position: relative;
}
.news-item::after {
  content: "";
  display: block;
  height: 1px;
  background-image: linear-gradient(to right, #1A2226, #1A2226 4px, transparent 4px, transparent 8px);
  background-size: 10px 1px;
  background-repeat: repeat-x;
}
.news-item:first-child::before {
  content: "";
  display: block;
  height: 1px;
  background-image: linear-gradient(to right, #1A2226, #1A2226 4px, transparent 4px, transparent 8px);
  background-size: 10px 1px;
  background-repeat: repeat-x;
}

.news-item__link {
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 20px 0;
  transition: var(--transition);
  color: var(--color-text-primary) !important;
}
@media (max-width:768px) {
  .news-item__link {
    flex-wrap: wrap;
    padding: 16px 0;
    text-overflow: initial !important;
    white-space: normal;
  }
}
.news-item__link:hover {
  background: var(--color-white);
  padding: 20px 10px;
  opacity: 1;
  transform: scale(1.03);
}
@media (max-width:768px) {
  .news-item__link:hover {
    padding: 16px 0;
    transform: scale(1);
  }
}
.news-item__link .-time {
  font-family: var(--font-family-en);
  font-size: var(--fs-default);
  min-width: 110px;
  text-align: left;
}
.news-item__link .-category {
  text-align: left;
  white-space: nowrap;
  display: flex;
}
.news-item__link .-category span {
  background: var(--color-white);
  border: 1px solid var(--color-brand-1);
  color: var(--color-brand-1);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: var(--fs-small);
  padding: 4px 12px;
  min-width: 120px;
}
.news-item__link .-category span + span {
  margin-left: 6px;
}
@media (max-width:768px) {
  .news-item__link .-category span {
    min-width: auto;
  }
}
.news-item__link .-title {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 0 24px;
  font-size: var(--fs-default);
}
@media (max-width:768px) {
  .news-item__link .-title {
    font-size: var(--fs-small);
    text-align: left;
    min-width: 280px;
    margin: 6px 0 0 0;
    line-height: 1.6;
  }
}

.-news-single {
  max-width: 800px;
  width: 100%;
  margin: 30px auto 0 auto;
}
.-news-single .-single-thumb {
  width: 100%;
  padding: 0 0 20px 0;
}
.-news-single .-single-head time {
  font-family: var(--font-family-en);
  display: flex;
  font-size: var(--fs-small);
}
.-news-single .-single-head .new {
  font-size: var(--fs-small);
  padding: 0 0 0 10px;
}
.-news-single .-single-head .-title {
  font-size: var(--fs-xlarge);
  font-weight: var(--weight-bold);
  text-align: justify;
  line-height: 1.4;
  margin: 10px 0 0 0;
}
@media (max-width:768px) {
  .-news-single .-single-head .-title {
    font-size: var(--fs-xmiddle);
  }
}
.-news-single .-single-head__sns .social-btns {
  padding-bottom: 0;
}

.p-404 {
  max-width: 1112px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
  max-width: 500px;
  padding-top: 100px;
}
@media (max-width:768px) {
  .p-404 {
    max-width: 480px;
  }
}
@media (max-width:768px) {
  .p-404 {
    padding-top: 40px;
  }
}
.p-404 .not-found {
  font-size: 50px;
  font-family: var(--font-family-en);
  color: var(--color-brand-1);
  line-height: 1;
}
@media (max-width:768px) {
  .p-404 .not-found {
    font-size: 36px;
  }
}
.p-404 h1 {
  font-size: var(--fs-large);
  font-weight: var(--weight-bold);
  line-height: 1.3;
  margin-top: 40px;
}
@media (max-width:768px) {
  .p-404 h1 {
    font-size: var(--fs-xmiddle);
    margin-top: 30px;
  }
}
.p-404 p {
  font-size: var(--fs-default);
  font-weight: var(--weight-bold);
  margin: 20px 0 0 0;
}
.p-404 .-btn-block {
  margin: 30px auto 0 auto;
  max-width: 300px;
}

.on a img,
.op,
.on a:hover img,
.op:hover {
  text-decoration: none;
  transition: var(--transition);
}

.on a:hover img,
.op:hover {
  opacity: 0.8;
}

.w-auto {
  width: auto !important;
}

.w-full {
  width: 100% !important;
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

.t-center {
  text-align: center;
}

.t-justify {
  text-align: justify;
}

.w-400 {
  font-weight: 400;
}

.w-500 {
  font-weight: 500;
}

.w-700 {
  font-weight: 700;
}

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

.pc-inline-flex {
  display: inline-flex;
}
@media (max-width:768px) {
  .pc-inline-flex {
    display: none;
  }
}

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


.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: px;
  background: #efb117;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #efb117;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}

.balloon2-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: px;
  background: #a8cd39;
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #a8cd39;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}


.mt0 {
  margin-top: 0 !important;
}

.mt1 {
  margin-top: 8px !important;
}

.mt2 {
  margin-top: 16px !important;
}

.mt3 {
  margin-top: 24px !important;
}

.mt4 {
  margin-top: 32px !important;
}

.mt5 {
  margin-top: 40px !important;
}

.mt6 {
  margin-top: 48px !important;
}

.mt7 {
  margin-top: 56px !important;
}

.mt8 {
  margin-top: 64px !important;
}

.mt9 {
  margin-top: 72px !important;
}

.mt10 {
  margin-top: 80px !important;
}

@media (max-width: 768px) {
  .mt1 {
    margin-top: 5.3333333333px !important;
  }

  .mt2 {
    margin-top: 10.6666666667px !important;
  }

  .mt3 {
    margin-top: 16px !important;
  }

  .mt4 {
    margin-top: 21.3333333333px !important;
  }

  .mt5 {
    margin-top: 26.6666666667px !important;
  }

  .mt6 {
    margin-top: 32px !important;
  }

  .mt7 {
    margin-top: 37.3333333333px !important;
  }

  .mt8 {
    margin-top: 42.6666666667px !important;
  }

  .mt9 {
    margin-top: 48px !important;
  }

  .mt10 {
    margin-top: 53.3333333333px !important;
  }
	
	.sample {
		margin: 16px auto;
		text-align: center;
		display: block;
	}
	.sample .text {
		text-align: left;
		display: inline-block;
	}
}

/* AMANEKU 2024040201 */
/* Auto layout */
.concept{
	/* ホームコンセプト */
	position: relative;
	box-sizing: border-box;

	/* Auto layout */
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 48px auto;
	padding: 32px 48px;
	gap: 24px;
	isolation: isolate;

	background: #F3FAF5;
	border: 2px solid #00B441;
	border-radius: 10px;

	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
	
	text-align: left;
}

/* ホーム情報 */
.information .-table .-table-item__th {
	    text-align: center;
}

/* Map */
#facility-map iframe {
  width: 100% !important;
  height: 360px !important;
}

/* ホームコンセプト */
.concept h2.-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 33px;
	/* identical to box height */
	letter-spacing: 0.1em;
	color: #00B441;
	position: relative;
}

@media (max-width: 767px) {
	.concept {
		padding: 32px;
		gap: 14px;
	}
}

@media screen and (min-width: 1024px) {
	.concept h2.-title:after {
		content: "";
		display: block;
		position: absolute;
        bottom: 0px;
        left: 110%;
		width: 138px;
		height: 57px;
		background: url(/wp-content/themes/AMANEKU_v1.0/assets/img/icon/icon-concept-head.svg);
	}	
}

@media (max-width: 1023px) {
	.concept h2.-title:after {
      z-index: -9999;
	  	content: "";
  		display: block;
		position: absolute;
        bottom: 35px;
        left: 63%;
		width: 138px;
		height: 57px;
		background: url(/wp-content/themes/AMANEKU_v1.0/assets/img/icon/icon-concept-head.svg) no-repeat;
	}
}

.concept .items li {
    list-style-type: none; /*点を非表示*/
    position: relative; /*基準位置*/
    padding-left: 1.2em;
	min-height: 2rem;
}

.concept .items li:before {
    border-radius: 50%; /*丸くする*/
    width: 10px; /*点の幅*/
    height: 10px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.6em; /*点の位置*/
    content: "";
    background: #00B441; /*点の色*/
}

.concept-wrap {
  background: var(--color-white);
  text-align: left;
  padding: 36px 24px;
  border-radius: var(--border-radius-large);
}

/* 施設詳細の小見出し */
.single-section__table h2.-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 33px;
	/* identical to box height */
	letter-spacing: 0.1em;
	color: #00B441;
	border-left: 8px solid #00B441;
	padding: 4px 0px 4px 24px;
}

.thumbs-scenery {
	display: flex;
	flex-wrap: wrap;
	margin: 10px -6px 0 -6px;
}

.thumbs-scenery li {
	width: 33%;
    max-height: 300px;
    padding: 6px !important;
}

/* inoue add 20240822 start */
@media (max-width: 767px) {
  .thumbs-scenery li {
    margin: 0 auto;
    width: 90% !important;
    height: auto;
  }
}
/* inoue add 20240822 end */

.thumbs-scenery li img {
  border-radius: 10px;
}

/* 施設長の声 */
.facility-director .-table-item__li {
	padding: 24px;
}

.facility-director-image {
    min-width: 120px;
	width: 100%;
}

@media (max-width: 767px) {
  .facility-director-image {
    text-align: center;
  }
}

.icon-facility-director {
	width: 120px;
	height: 120px;
	object-fit: cover;
}

.facility-director-sub-title {
	font-weight: 700;
	font-size: 20px;
	line-height: 27px;
	letter-spacing: 0.1em;
}

.facility-director-content {
	margin-top: 16px;
}

/* CTA */	
.cta {
	display: flex;
	padding: 32px 16px;
	gap: 30px;

	background: #FFF9DF;
	border-radius: 10px;
}

.cta .cta-inner {
	display: flex;
	width: 100%;
}

@media (max-width: 767px) {
	.cta .cta-inner {
		flex-flow: column;
	}
	
	.cta .cta-inner img {
		display: block;
		width: 100%;
		margin: 4px auto;
	}
	
	.cta .cta-inner .-table-item__li {
        padding: 16px 0;
    }
	
	.cta .cta-inner .link-row {
		width: 100%;
	}
}	

.cta .cta-buttons {
	text-align: center;
	margin-bottom: 16px;
}

.cta .cta-buttons img {
	display: block;
	margin: auto;
}

.cta h2.-title {
	color: #333333;
	border-left: none;
	font-size: 20px;
	line-height: 27px;
	text-align: center;
	letter-spacing: 0.1em;	
}

@media (max-width: 767px) {
	.cta h2.-title {
		display: block;
		margin: auto;
		padding: 0;
	}
}

.cta .btn-arrow-right:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 12px;
    margin-left: 8px;
    vertical-align: middle;
    background: url(/wp-content/themes/AMANEKU_v1.0/assets/img/icon/icon-cta-btn-arrow-white.svg) no-repeat;
}

.cta .btn {
	margin: 8px 8px 24px;
}

@media (max-width: 767px) {
	.cta .btn {
		margin: 24px 0 0;
		width: 100%;
	}
}	

/* 見学・内覧会／相談会 */
.seminor .seminor-inner {
	padding: 32px 0;
}

/* inoue add 2024/08/19 start */
.seminor .seminor-inner .visit-image {
  display: block;
  margin: 16px 0;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .seminor .seminor-inner .visit-image {
    height: 54px;
    object-fit: cover;
  }
}
/* inoue add 2024/08/19 end */

.seminor .seminor-inner .btn {
	margin: 16px 0;
}

.btn {
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	border-radius: var(--border-radius-large);
	line-height: 22px;
	letter-spacing: 0.1em;
	padding: 16px 40px;	
	width: 260px;
	height: 54px;	
}

/* AMANEKUグループホームの特徴 */
.feature {
	
}

.feature .-table {
	border: none;
}

.feature h3.-title {
	margin-top: 16px;
	color: #00B441;
}

.feature .-content {
	margin-top: 8px;
}

.feature .feature-image{
	width: 100%;
	height: 180px;
	object-fit: cover;
  border-radius: 10px; /* inoue add 20280822 */
}


.btn-green {
	background: #00B441;
	color: #fff !important;
}

.btn-orange {
	background: #F17922;
	color: #fff !important;
}

.btn-white {
	background: #FFFFFF;
	color: #333 !important;
}

.btn-rounded {
	border-radius: 40px;
}

.btn-border {
	border: 1px solid #ccc;
}

.btn-full {
	width: 100%;
}

.link-table {
	display: flex;
	flex-wrap: wrap;
}

.link-row {
	flex-flow:row;
}

.link-item {
	flex-flow:column;
}