@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,200,300,400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Secular+One&display=swap");
@import "./project/wp-genesis-custom-blocks/wp-genesis-custom-blocks.css";
.color-white {
  color: #fff;
}

/* Noto+Sans+JP */
/* Lato */
/* Noto+Sans */
/* M+PLUS+1p */
/* Mitr */
/* Roboto Slab */
html {
  font-size: 16px;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: "Lato", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #3b3c3f;
  line-height: 1.6;
  letter-spacing: 0.025em;
}

h1, h2, h3, h4, h5,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  margin-top: 1.5em;
  margin-bottom: 1.25em;
  line-height: 1.4;
  font-family: "Lato", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}
h1.space-lg, h2.space-lg, h3.space-lg, h4.space-lg, h5.space-lg,
h1.space-lg, .h1.space-lg, h2.space-lg, .h2.space-lg, h3.space-lg, .h3.space-lg, h4.space-lg, .h4.space-lg, h5.space-lg, .h5.space-lg {
  margin-top: 2.25em;
  margin-bottom: 1.75em;
}

.sentence h1, .sentence h2, .sentence h3, .sentence h4, .sentence h5 {
  margin-top: 2.25em;
  margin-bottom: 1.75em;
}

/* mobile */
h1, .h1 {
  font-size: 1.75rem;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.25rem;
}

h4, .h4 {
  font-size: 1.125rem;
}

h5, .h5 {
  font-size: 1rem;
}

/* desktop,tablet */
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 2.25rem;
  }
  h2, .h2 {
    font-size: 1.75rem;
  }
  h3, .h3 {
    font-size: 1.375rem;
  }
  h4, .h4 {
    font-size: 1.125rem;
  }
  h5, .h5 {
    font-size: 1rem;
  }
}
p {
  line-height: 1.8;
}

/* ----------------------------------------
link
---------------------------------------- */
a {
  text-decoration: none;
}

a, a:visited {
  color: #8d44cb;
  /* on hover */
  /* on click */
  /* mobile tap color */
}

a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #ac6ae5;
  text-decoration: none;
}

/*a.color-default, a.color-default:visited, a.color-default:hover, a.color-default:focus, a.color-default:visited:hover, a.color-default:visited:focus {
}*/
.color-default * {
  color: #3b3c3f;
}

a:link, a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/* ----------------------------------------
list
---------------------------------------- */
ul {
  padding-left: 0;
  list-style: none;
}

/*template1*/
.c-title-1 {
  font-size: 2.25rem;
  letter-spacing: 0.15em;
  font-family: "Secular One", sans-serif;
  font-weight: normal;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .c-title-1 {
    font-size: 3.625rem;
  }
}

.c-title-2 {
  font-size: 2.25rem;
  letter-spacing: 0.15em;
  font-family: "Secular One", sans-serif;
  font-weight: normal;
}
@media (min-width: 768px) {
  .c-title-2 {
    font-size: 3.625rem;
  }
}

.c-button-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  border: 1px solid #fff;
  padding: 20px 28px;
}
.c-button-1 .c-button-1-text {
  display: inline-block;
}
.c-button-1 .c-button-1-image {
  display: inline-block;
  margin-left: 32px;
}
.c-button-1.c-button-1--full {
  width: 100%;
}
.c-button-1.c-button-1--sm {
  padding: 10px 10px;
}

.c-title-3:after {
  content: "";
  display: block;
  width: 144px;
  height: 4px;
  margin-top: 1em;
  background-color: #fff;
}

.c-title-4:before {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 1em;
  height: 0.5em;
  margin-bottom: 0.1em;
  margin-right: 0.5em;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.c-text-1 {
  color: #f7f7f7;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 0px #B4FFF3, -1px 1px 0px #B4FFF3, 1px -1px 0px #B4FFF3, -1px -1px 0px #B4FFF3, 1px 0px 0px #B4FFF3, 0px 1px 0px #B4FFF3, -1px 0px 0px #B4FFF3, 0px -1px 0px #B4FFF3;
}

.c-text-1--dark {
  color: #000;
}

.c-text-2 {
  color: #B4FFF3;
  letter-spacing: 0.1em;
}

.text-1 {
  position: relative;
  width: 100%;
  height: 6rem;
}

.text-1__svg {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: auto;
  height: auto;
  overflow: visible;
}

.text-1__char {
  fill: transparent;
  stroke: #B4FFF3;
  stroke-width: 2px;
  stroke-linejoin: round;
  font-size: 4rem;
  font-family: "Secular One", sans-serif;
}

.text-1--xl {
  --text-1-fz: 3em;
  height: calc(var(--text-1-fz) * 2);
}
.text-1--xl .text-1__char {
  font-size: var(--text-1-fz);
}
@media screen and (min-width: 768px) {
  .text-1--xl {
    --text-1-fz: 5em;
    height: calc(var(--text-1-fz) * 1.3);
  }
  .text-1--xl .text-1__char {
    font-size: var(--text-1-fz);
  }
}

.nowrap {
  white-space: nowrap;
}

/**/
.text-2__svg {
  display: inline-block;
  width: auto;
  height: auto;
  overflow: visible;
}

.text-2__char {
  fill: transparent;
  stroke: #B4FFF3;
  stroke-width: 2px;
  stroke-linejoin: round;
  font-size: 4rem;
  font-family: "Secular One", sans-serif;
}

.text-2--xl {
  --text-1-fz: 3em;
  height: calc(var(--text-1-fz) * 2);
}
.text-2--xl .text-2__char {
  font-size: var(--text-1-fz);
}
@media screen and (min-width: 768px) {
  .text-2--xl {
    --text-1-fz: 5em;
    height: calc(var(--text-1-fz) * 1.3);
  }
  .text-2--xl .text-2__char {
    font-size: var(--text-1-fz);
  }
}

.text-3__char {
  fill: #B4FFF3;
  stroke-linejoin: round;
  font-size: 4rem;
  font-family: "Secular One", sans-serif;
}

.text-3--xl {
  --text-1-fz: 3em;
  height: calc(var(--text-1-fz) * 2);
}
.text-3--xl .text-3__char {
  font-size: var(--text-1-fz);
}
@media screen and (min-width: 768px) {
  .text-3--xl {
    --text-1-fz: 5em;
    height: calc(var(--text-1-fz) * 1.3);
  }
  .text-3--xl .text-3__char {
    font-size: var(--text-1-fz);
  }
}

.c-round-1 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.c-decoration-plus {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
}

.c-decoration-plus::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}

.c-button-1, .c-button-1:visited {
  color: #3b3c3f;
}
.c-button-1:hover, .c-button-1:focus, .c-button-1:visited:hover, .c-button-1:visited:focus {
  color: #666;
}

@media screen and (min-width: 768px) {
  .c-content-inner-1 {
    padding: 0 15%;
  }
}
/*下層*/
body:not(.home) .site-content {
  padding-top: 3rem;
  background-color: #fff;
}
@media (min-width: 768px) {
  body:not(.home) .site-content {
    padding-top: 4rem;
  }
}

/*company*/
.company-info .company-info-item {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 1.5rem;
  border-bottom: 1px solid #6f6f6f;
}
.company-info .company-info-item .company-info__title {
  font-weight: bold;
  margin-bottom: 1rem;
}
.price-box {
  padding: 1.5rem;
  background-color: #8d44cb;
  color: #ffffff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.price-box .price-box-item {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.price-box .row .price-box-item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  border-right: none;
}
.price-box .price-box__title {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .price-box .price-box__title {
    font-size: 0.875rem;
  }
}
.price-box .price-box__text {
  margin-left: 1em;
}
.price-box .price-box__text, .price-box .price-box__text:visited {
  color: #ffffff;
}
.price-box .price-box__text:hover, .price-box .price-box__text:focus, .price-box .price-box__text:visited:hover, .price-box .price-box__text:visited:focus {
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  .price-box .price-box-item {
    margin-bottom: 0;
    padding-left: 1.5rem;
    border-bottom: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.gradation-shade--dark::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(transparent 0, #000 100%);
  opacity: 0.6;
}

body.blog,
body.search-results,
body.single-post,
body.archive,
body.page-id-16154,
body.page-id-16069,
body.page-id-16162,
body.page-id-16081,
body.page-id-16645,
body.car_sales-template-default,
body.post-type-archive-car_sales {
  background-color: #000 !important;
}
body.blog .site-content,
body.search-results .site-content,
body.single-post .site-content,
body.archive .site-content,
body.page-id-16154 .site-content,
body.page-id-16069 .site-content,
body.page-id-16162 .site-content,
body.page-id-16081 .site-content,
body.page-id-16645 .site-content,
body.car_sales-template-default .site-content,
body.post-type-archive-car_sales .site-content {
  padding-top: 2rem;
}
@media (min-width: 768px) {
  body.blog .site-content,
  body.search-results .site-content,
  body.single-post .site-content,
  body.archive .site-content,
  body.page-id-16154 .site-content,
  body.page-id-16069 .site-content,
  body.page-id-16162 .site-content,
  body.page-id-16081 .site-content,
  body.page-id-16645 .site-content,
  body.car_sales-template-default .site-content,
  body.post-type-archive-car_sales .site-content {
    padding-top: 2.5rem;
  }
}
body.blog .site-content, body.blog #primary,
body.blog .site-content, body.blog #secondary,
body.search-results .site-content,
body.search-results #primary,
body.search-results .site-content,
body.search-results #secondary,
body.single-post .site-content,
body.single-post #primary,
body.single-post .site-content,
body.single-post #secondary,
body.archive .site-content,
body.archive #primary,
body.archive .site-content,
body.archive #secondary,
body.page-id-16154 .site-content,
body.page-id-16154 #primary,
body.page-id-16154 .site-content,
body.page-id-16154 #secondary,
body.page-id-16069 .site-content,
body.page-id-16069 #primary,
body.page-id-16069 .site-content,
body.page-id-16069 #secondary,
body.page-id-16162 .site-content,
body.page-id-16162 #primary,
body.page-id-16162 .site-content,
body.page-id-16162 #secondary,
body.page-id-16081 .site-content,
body.page-id-16081 #primary,
body.page-id-16081 .site-content,
body.page-id-16081 #secondary,
body.page-id-16645 .site-content,
body.page-id-16645 #primary,
body.page-id-16645 .site-content,
body.page-id-16645 #secondary,
body.car_sales-template-default .site-content,
body.car_sales-template-default #primary,
body.car_sales-template-default .site-content,
body.car_sales-template-default #secondary,
body.post-type-archive-car_sales .site-content,
body.post-type-archive-car_sales #primary,
body.post-type-archive-car_sales .site-content,
body.post-type-archive-car_sales #secondary {
  background-color: #000 !important;
  color: #fff;
}
body.blog .page-title,
body.search-results .page-title,
body.single-post .page-title,
body.archive .page-title,
body.page-id-16154 .page-title,
body.page-id-16069 .page-title,
body.page-id-16162 .page-title,
body.page-id-16081 .page-title,
body.page-id-16645 .page-title,
body.car_sales-template-default .page-title,
body.post-type-archive-car_sales .page-title {
  color: #fff;
  line-height: 1;
}
body.blog .entry-title,
body.search-results .entry-title,
body.single-post .entry-title,
body.archive .entry-title,
body.page-id-16154 .entry-title,
body.page-id-16069 .entry-title,
body.page-id-16162 .entry-title,
body.page-id-16081 .entry-title,
body.page-id-16645 .entry-title,
body.car_sales-template-default .entry-title,
body.post-type-archive-car_sales .entry-title {
  color: #fff;
  text-align: center;
}
body.blog a, body.blog a:visited,
body.search-results a,
body.search-results a:visited,
body.single-post a,
body.single-post a:visited,
body.archive a,
body.archive a:visited,
body.page-id-16154 a,
body.page-id-16154 a:visited,
body.page-id-16069 a,
body.page-id-16069 a:visited,
body.page-id-16162 a,
body.page-id-16162 a:visited,
body.page-id-16081 a,
body.page-id-16081 a:visited,
body.page-id-16645 a,
body.page-id-16645 a:visited,
body.car_sales-template-default a,
body.car_sales-template-default a:visited,
body.post-type-archive-car_sales a,
body.post-type-archive-car_sales a:visited {
  color: #ffffff;
}
body.blog a:hover, body.blog a:focus, body.blog a:visited:hover, body.blog a:visited:focus,
body.search-results a:hover,
body.search-results a:focus,
body.search-results a:visited:hover,
body.search-results a:visited:focus,
body.single-post a:hover,
body.single-post a:focus,
body.single-post a:visited:hover,
body.single-post a:visited:focus,
body.archive a:hover,
body.archive a:focus,
body.archive a:visited:hover,
body.archive a:visited:focus,
body.page-id-16154 a:hover,
body.page-id-16154 a:focus,
body.page-id-16154 a:visited:hover,
body.page-id-16154 a:visited:focus,
body.page-id-16069 a:hover,
body.page-id-16069 a:focus,
body.page-id-16069 a:visited:hover,
body.page-id-16069 a:visited:focus,
body.page-id-16162 a:hover,
body.page-id-16162 a:focus,
body.page-id-16162 a:visited:hover,
body.page-id-16162 a:visited:focus,
body.page-id-16081 a:hover,
body.page-id-16081 a:focus,
body.page-id-16081 a:visited:hover,
body.page-id-16081 a:visited:focus,
body.page-id-16645 a:hover,
body.page-id-16645 a:focus,
body.page-id-16645 a:visited:hover,
body.page-id-16645 a:visited:focus,
body.car_sales-template-default a:hover,
body.car_sales-template-default a:focus,
body.car_sales-template-default a:visited:hover,
body.car_sales-template-default a:visited:focus,
body.post-type-archive-car_sales a:hover,
body.post-type-archive-car_sales a:focus,
body.post-type-archive-car_sales a:visited:hover,
body.post-type-archive-car_sales a:visited:focus {
  color: #ffffff;
}
body.blog .site-header,
body.search-results .site-header,
body.single-post .site-header,
body.archive .site-header,
body.page-id-16154 .site-header,
body.page-id-16069 .site-header,
body.page-id-16162 .site-header,
body.page-id-16081 .site-header,
body.page-id-16645 .site-header,
body.car_sales-template-default .site-header,
body.post-type-archive-car_sales .site-header {
  padding-bottom: 0 !important;
}

.breadcrumbs {
  display: flex;
  justify-content: center;
  font-size: 0.75rem;
  color: #6f6f6f;
}
@media (min-width: 768px) {
  .breadcrumbs {
    font-size: 0.75rem;
  }
}
.breadcrumbs a {
  color: #6f6f6f !important;
}
.breadcrumbs .home {
  background-color: transparent;
}

.footer-fix-bnr {
  position: fixed;
  left: 12px;
  bottom: 24px;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .footer-fix-bnr {
    left: inherit;
    right: 12px;
  }
}
.footer-fix-bnr img {
  width: auto;
  height: 60px;
}
@media screen and (min-width: 768px) {
  .footer-fix-bnr img {
    height: 80px;
  }
}

.page-id-16645 .footer-fix-bnr {
  display: none;
}

/* --------------------------------------------------------------------------------
POSTS & CONTENT
-------------------------------------------------------------------------------- */
.entry-header {
  margin: 0;
  color: #3b3c3f;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .entry-header {
    margin-bottom: 4rem;
  }
}

.single-title, .entry-title {
  margin: 0;
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .single-title, .entry-title {
    font-size: 2.25rem;
  }
}

.post-thumbnail {
  display: inline-block;
}

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

.entry-content p {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .entry-content p {
    margin-bottom: 2.5rem;
  }
}

.entry-content table {
  margin-bottom: 1.5rem;
}
.entry-content blockquote {
  margin-bottom: 1.5rem;
}
.post-thumbnail {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .post-thumbnail {
    margin-bottom: 2.5rem;
  }
}

/* 投稿のタイトル下の日付とユーザーの記述 */
.entry-meta {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .entry-meta {
    font-size: 0.75rem;
  }
}

/* ----------------------------------------
entry-content
投稿・固定ページ・アーカイブの記事の内容
---------------------------------------- */
.entry-content {
  /*h2 :not(+.wp-block-image) {
    margin-top: 1.5em;
    margin-bottom: 1em;
    padding-bottom: .5em;
    border-bottom: 1px solid #aaa;
  }*/
  /* ----------------------------------------
  entry-footer
  記事の最後に表示されるカテゴリ、タグなどのテキスト
   ---------------------------------------- */
}
.entry-content > *:first-child {
  margin-top: 0;
}
.entry-content h1 {
  margin-top: 1.75em;
  margin-bottom: 1.125em;
}
.entry-content .wp-block-image > h2 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #aaa;
}
.entry-content h2 {
  margin-top: 1.75em;
  margin-bottom: 1.25em;
}
.entry-content h3 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  padding-left: 0.75em;
  border-left: 1px solid #ddd;
}
.entry-content ul {
  list-style: inherit;
}
.entry-content li {
  margin-bottom: 0.25em;
  margin-left: 1.5em;
}
.entry-content .byline {
  color: #9fa6b4;
  font-style: italic;
  margin: 0;
}
.entry-content table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1.5em;
}
.entry-content tr {
  border-bottom: 1px solid #eaedf2;
}
.entry-content td {
  padding: 7px;
  border-right: 1px solid #eaedf2;
}
.entry-content td:last-child {
  border-right: 0;
}
.entry-content th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2;
}
.entry-content th:last-child {
  border-right: 0;
}
.entry-content blockquote {
  border-top: 3px solid #ebeced;
  border-bottom: 3px solid #ebeced;
  padding: 30px 10%;
  font-style: italic;
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #323944;
  color: #f8f9fa;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}
.entry-content .entry-footer {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .entry-content .entry-footer {
    font-size: 0.75rem;
  }
}
.entry-content .tags-links a {
  display: inline-block;
  margin-left: 0.8em;
  padding: 0.5em 0.5em;
  border: 1px solid #ebeced;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #ffffff;
  line-height: 1em;
}

/* end .entry-content */
/* ----------------------------------------
post-navigation
singleの最後に表示されるページナビゲーション(次の記事等)
---------------------------------------- */
.post-navigation .screen-reader-text {
  color: #3b3c3f;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .post-navigation .screen-reader-text {
    font-size: 1.375rem;
  }
}

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}

.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}

.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

.tags {
  margin: 0;
}

.page-header {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .page-header {
    margin-bottom: 4rem;
  }
}

.page-title {
  margin: 0;
  color: #3b3c3f;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .page-title {
    font-size: 2.875rem;
  }
}

.page-sub-title {
  margin: 0;
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .page-sub-title {
    font-size: 1.125rem;
  }
}

.posts-list .post {
  width: 100%;
  border-top: 1px solid #ebeced;
  margin-top: 2rem;
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .posts-list .post {
    margin-top: 2.5rem;
  }
}
@media (min-width: 768px) {
  .posts-list .post {
    padding-top: 2.5rem;
  }
}

.posts-list > .post:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.posts-list > *:first-of-type .post {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* --------------------------------------------------------------------------------
COMMENT STYLES
-------------------------------------------------------------------------------- */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #f8f9fa;
  /* number of comments span */
}

.comment-list {
  padding-left: 0;
}

.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #f8f9fa;
  /* vcard */
  /* end .commentlist .vcard */
  /* end children */
  /* general comment classes */
}

.comment .comment-author {
  padding: 7px;
  border: 0;
}

.comment .vcard {
  margin-left: 50px;
}

.comment .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}

.comment .vcard time {
  display: block;
  font-size: 0.9em;
  font-style: italic;
}

.comment .vcard time a {
  color: #9fa6b4;
  text-decoration: none;
}

.comment .vcard time a:hover {
  text-decoration: underline;
}

.comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%;
}

.comment:last-child {
  margin-bottom: 0;
}

.comment .children {
  margin: 0;
  /* variations */
  /* change number for different depth */
}

.comment[class*=depth-] {
  margin-top: 1.1em;
}

.comment.depth-1 {
  margin-left: 0;
  margin-top: 0;
}

.comment:not(.depth-1) {
  margin-top: 0;
  margin-left: 7px;
  padding: 7px;
}

.comment.odd {
  background-color: white;
}

.comment.even {
  background: #f8f9fa;
}

/* comment meta */
/* comment content */
.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}

/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link {
  font-size: 0.9em;
  float: right;
}

/* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em;
}

/* --------------------------------------------------------------------------------
COMMENT FORM STYLES
-------------------------------------------------------------------------------- */
.comment-user-area {
  margin-top: 2rem;
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .comment-user-area {
    margin-top: 2.5rem;
  }
}
@media (min-width: 768px) {
  .comment-user-area {
    padding-top: 2.5rem;
  }
}

#respond {
  margin-top: 2rem;
  padding-top: 2rem;
}
@media (min-width: 768px) {
  #respond {
    margin-top: 2.5rem;
  }
}
@media (min-width: 768px) {
  #respond {
    padding-top: 2.5rem;
  }
}

.comment-user-area, .comment-respond {
  border-top: 1px solid #ebeced;
}

#reply-title {
  margin: 0;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  #reply-title {
    font-size: 1.375rem;
  }
}

.logged-in-as {
  color: #9fa6b4;
  font-style: italic;
  margin: 0;
}

.logged-in-as a {
  color: #5c6b80;
}

.comment-form-comment {
  margin: 1.5em 0 0.75em;
}

.form-allowed-tags {
  padding: 1.5em;
  background-color: #f8f9fa;
  font-size: 0.9em;
}

/* comment submit button */
/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em;
}

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

/* no comments */
.nocomments {
  margin: 0 20px 1.1em;
}

/* --------------------------------------------------------------------------------
widget
-------------------------------------------------------------------------------- */
.widget {
  border-top: 1px solid #ebeced;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
@media screen and (min-width: 992px) {
  .widget-area .widget:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
}
.screen-reader-text {
  display: none;
}

.widget-title {
  font-size: 1.125rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media (min-width: 768px) {
  .widget-title {
    font-size: 1.125rem;
  }
}
.widget ul {
  list-style: none;
}
.widget li {
  position: relative;
  margin-bottom: 0.3em;
  margin-left: 1em;
}
.widget li:before {
  content: "";
  display: block;
  position: absolute;
  left: -1em;
  top: 0.75em;
  width: 0.35em;
  height: 2px;
  background-color: #3b3c3f;
}

.search-form {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 -0.8rem -0.8rem;
}

.search-form .search-field,
.search-form .search-submit {
  margin: 0 0 0.8rem 0.8rem;
}

.search-form label {
  align-items: stretch;
  display: flex;
  font-size: inherit;
  margin: 0;
  width: 100%;
}

.search-form .search-field {
  width: 100%;
}

.search-form .search-submit {
  flex-shrink: 0;
  font-family: "Font Awesome 5 Free";
}

.search-form .search-submit:focus,
.search-form .search-submit:hover {
  text-decoration: none;
}

/* --------------------------------------------------------------------------------
PAGE NAVI STYLES
-------------------------------------------------------------------------------- */
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

.pagination {
  display: flex;
  align-items: center;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.pagination ul {
  display: inline-block;
  background-color: white;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px;
}

.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  border-right: 1px solid #eaedf2;
}

.pagination a,
.pagination span {
  display: block;
  margin: 0 0.25rem;
  text-decoration: none;
  line-height: 1em;
  font-size: 0.875rem;
}

.pagination .current,
.pagination .pager,
.pagination .prev,
.pagination .next,
.pagination .last {
  padding: 0.5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.pagination .pager,
.pagination .prev,
.pagination .next {
  background-color: #8d44cb;
  color: #fff;
}

.pagination a,
.pagination a:hover, .pagination a:focus, .pagination a:visited:hover, .pagination a:visited:focus {
  background-color: #ac6ae5;
  color: #fff;
}

.pagination .current {
  color: #ffffff;
  background-color: #6c6c6c;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local], select, textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 12px;
  border: 1px solid #ebeced;
  background-color: #fff;
  border-radius: 4px;
}

.btn, button, input[type=button], input[type=reset], input[type=submit] {
  /*font-style: normal;
  font-weight: 900;
  font-size: 11px;
  line-height: 1;
  font-family: Roboto,sans-serif;
  letter-spacing: 1px;
  color: #fff;
  background-color: #4fd2ab;*/
}

input[type=button], input[type=reset], input[type=submit] {
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  font-family: Roboto, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  background-color: #8d44cb;
}

.btn {
  text-decoration: none;
  display: inline-block;
  max-width: 100%;
  padding: 12px 20px;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

button, input[type=button], input[type=reset], input[type=submit] {
  display: inline-block;
  max-width: 100%;
  padding: 12px 20px;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* --------------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------------- */
.site-header {
  background-color: #000;
}

.site-header {
  padding-top: 2rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .site-header {
    padding-top: 2.5rem;
  }
}
@media (min-width: 768px) {
  .site-header {
    padding-bottom: 4rem;
  }
}

/* site-headerをbodyの上部に固定してheroの上に配置するなどは以下のコメントアウトを外す。.homeはwpでトップページのbodyのクラス */
.home:not(.paged) .site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  border-bottom: none;
  background: transparent;
}

/* site-headerをheroの中(上)に表示する場合
例: <header class="site-header site-header--overlay">
*/
.site-header--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: transparent;
}

@media screen and (min-width: 768px) {
  .site-header {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .site-header {
    padding-top: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .site-header {
    padding-bottom: 2.5rem;
  }
}
/* ----------------------------------------
brand, logo
---------------------------------------- */
.site-branding {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.home .site-branding {
  margin-bottom: 1.5rem;
}
.site-branding-inner {
  width: 180px;
}

@media screen and (min-width: 768px) {
  .site-branding-inner {
    width: 140px;
  }
}
.home .site-branding-inner {
  width: 320px;
}

/* サイトロゴの画像とテキストのラップ */
.site-logo {
  font-size: 22px;
  font-family: Roboto Slab;
  font-weight: bold;
}

.site-logo img {
  width: 100%;
  height: auto;
}

/* wordpressの画像のカスタムロゴ */
.custom-logo {
  width: 160px;
  height: auto;
}

/* wordpressのテキストロゴ */
.site-title {
  margin: 0;
}

.site-title a {
  color: #3b3c3f;
}

.site-title a:hover, .site-title a:focus, .site-title a:visited:hover, .site-title a:visited:focus {
  color: #666;
}

/* サイト名の下のテキスト */
.site-description {
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.6em;
  display: none;
}

.drawer {
  display: flex;
  justify-content: center;
}

/* ----------------------------------------
mobileのハンバーガーメニューの動き
---------------------------------------- */
.drawer__checkbox {
  display: none;
}

@media (max-width: 1199.98px) {
  /*ドロワー*/
  .drawer {
    position: relative;
  }
  .drawer__icon {
    display: block;
    position: fixed;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
  .drawer__icon-parts, .drawer__icon-parts:before, .drawer__icon-parts:after {
    background-color: #949494;
    display: block;
    width: 26px;
    height: 2px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
  .drawer__icon-parts:before, .drawer__icon-parts:after {
    content: " ";
  }
  .drawer__icon-parts:before {
    top: 8px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .drawer__icon-parts:after {
    top: -16px;
  }
  .drawer__icon--white .drawer__icon-parts, .drawer__icon--white .drawer__icon-parts:before, .drawer__icon--white .drawer__icon-parts:after {
    background-color: #fff !important;
  }
  .drawer__overlay {
    background: #000;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
  }
  .drawer__menu {
    background: #ffffff;
    color: #333;
    padding: 64px 32px 24px 32px;
    max-width: 100%;
    width: 320px;
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    right: -320px;
  }
  .drawer__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .drawer__item {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ccc;
  }
  .drawer__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .drawer__item-inner {
    color: #333;
  }
  .drawer__icon {
    z-index: 4;
  }
  .drawer__menu {
    z-index: 3;
  }
  .drawer__overlay {
    z-index: 2;
  }
  .drawer__checkbox:checked ~ .drawer__icon .drawer__icon-parts {
    background: transparent;
  }
  .drawer__checkbox:checked ~ .drawer__icon .drawer__icon-parts:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    background-color: #666 !important;
  }
  .drawer__checkbox:checked ~ .drawer__icon .drawer__icon-parts:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    background-color: #666 !important;
  }
  .drawer__checkbox:checked ~ .drawer__overlay {
    opacity: 0.3;
    pointer-events: auto;
  }
  .drawer__checkbox:checked ~ .drawer__menu {
    right: 0;
  }
  .drawer__icon-parts, .drawer__icon-parts:after, .drawer__icon-parts:before, .drawer__overlay, .drawer__menu {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
}
@media (min-width: 1200px) {
  .drawer {
    /*flex: 1;*/
  }
}
/* ----------------------------------------
mobileのメニューデザイン
---------------------------------------- */
#menu-drawer .menu-item {
  font-size: 1rem;
}
@media (min-width: 768px) {
  #menu-drawer .menu-item {
    font-size: 1rem;
  }
}

#menu-drawer .menu-item a {
  color: #3b3c3f;
}

#menu-drawer > .menu-item > a {
  /*color: #fff;*/
}

#menu-drawer > .menu-item { /* 1階層 */
  margin-bottom: 0.8em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.8em;
  font-weight: bold;
}

/* 2階層以降 */
#menu-drawer > .menu-item > ul {
  margin: 8px 0;
}

#menu-drawer > .menu-item li {
  margin: 0 0 0 1.5em;
  color: #ffffff;
  font-weight: normal;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  #menu-drawer > .menu-item li {
    font-size: 0.875rem;
  }
}

/* ----------------------------------------
desktopのドロワーメニューの設定
---------------------------------------- */
@media (min-width: 1200px) {
  .drawer__icon {
    display: none;
  }
  .drawer__menu {
    position: unset;
    background: transparent;
    padding: 0;
    max-width: 100%;
    width: auto;
    height: auto;
    overflow-y: inherit;
  }
  .drawer__overlay {
    opacity: 0;
    pointer-events: none;
    display: none;
  }
}
/* ----------------------------------------
desktopのメニューのデザイン
---------------------------------------- */
@media (min-width: 1200px) {
  #menu-header-pc {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    /*padding: 16px 16px;
    background-color: #fff;*/
  }
  #menu-header-pc > .menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 0 0 24px;
    padding: 0;
    border: none;
    text-align: center;
  }
  #menu-header-pc > .menu-item > a {
    line-height: 1.6;
    color: #ffffff;
  }
  #menu-header-pc > .menu-item:first-child {
    margin-left: 0;
  }
  /* 1階層のメニューが子孫メニューを持っている場合[.menu-item-has-children]が着くので下矢印を表示 */
  #menu-header-pc > .menu-item.menu-item-has-children:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 12px;
    border: 2px solid;
    border-color: #565656 #565656 transparent transparent;
    transform: rotate(135deg);
  }
}
/* ----------------------------------------
desktopのメインメニューの多階層
http://js.crap.jp/book/chapter2/drop-down-3menu.html
---------------------------------------- */
@media (min-width: 1200px) {
  #menu-header-pc .menu-item {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  #menu-header-pc .menu-item {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  #menu-header-pc {
    /* 2階層以降共通設定 */
    /* 3階層以降設定 */
  }
  #menu-header-pc > .menu-item ul {
    list-style: none;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    width: 160px;
    margin: 0;
    padding: 0;
  }
  #menu-header-pc > .menu-item ul li {
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    transition: 0.2s;
    background-color: #fbfbfb;
    background-color: rgba(251, 251, 251, 0.95);
    height: 0;
    opacity: 0;
  }
  #menu-header-pc li:hover > ul > li {
    overflow: visible;
    opacity: 1;
    height: 48px;
  }
  #menu-header-pc .menu-item ul li a {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0 16px;
    line-height: 1.2em;
  }
  #menu-header-pc > .menu-item ul li ul {
    top: 0;
    left: 100%;
  }
  #menu-header-pc > .menu-item:last-child ul li ul {
    left: -100%;
    width: 100%;
  }
  #menu-header-pc > .menu-item ul li ul:before {
    position: absolute;
    content: "";
    top: 22px;
    left: -20px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: #565656 #565656 transparent transparent;
    transform: rotate(45deg);
  }
  #menu-header-pc > .menu-item:last-child ul li ul:before {
    left: 200%;
    margin-left: -20px;
    border-color: transparent transparent #565656 #565656;
    transform: rotate(45deg);
  }
}
/* ----------------------------------------
スクロール固定ヘッダーを表示・非表示する設定と初期化
---------------------------------------- */
/* desktopの場合のみスクロール時にヘッダーを固定 */
@media (min-width: 1200px) {
  /* 固定ヘッダーの初期値の設定、この状態からアニメーションで表示したりする */
  .site-header-fix-init {
    position: fixed;
    width: 100%;
    top: -100px;
    left: 0;
    z-index: 100;
    background-color: #fff;
    -webkit-transition: all 0s;
    transition: all 0s;
  }
  /* ----------------------------------------
  固定ヘッダーのデザイン
  ---------------------------------------- */
  .site-header-fix-init {
    padding: 12px 0;
  }
  .site-header-fix-init .site-description {
    display: none;
  }
  /* サイト画像ロゴ */
  .site-header-fix-show .custom-logo {
    width: 96px;
  }
  /* ----------------------------------------
  固定ヘッダーの表示・非表示
  ---------------------------------------- */
  /* 固定ヘッダーを表示するときの状態 */
  .site-header-fix-show {
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  /* 固定ヘッダーを非表示するときの状態 */
  .site-header-fix-hide {
    top: -100;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
.site-header-content {
  /*justify-content: flex-end;*/
  align-items: center;
}

@media screen and (min-width: 1200px) {
  .home:not(.paged) .site-header-home--white {
    /* 1階層のメニューが子孫メニューを持っている場合[.menu-item-has-children]が着くので下矢印を表示 */
  }
  .home:not(.paged) .site-header-home--white #menu-header-pc > .menu-item > a {
    /*color: $color-link-1;*/
  }
  .home:not(.paged) .site-header-home--white #menu-header-pc > .menu-item.menu-item-has-children:after {
    border-color: #ccc #ccc transparent transparent;
  }
}
@media screen and (min-width: 1200px) {
  .site-header--white {
    /* 1階層のメニューが子孫メニューを持っている場合[.menu-item-has-children]が着くので下矢印を表示 */
  }
  .site-header--white #menu-header-pc > .menu-item > a {
    color: #fff;
  }
  .site-header--white #menu-header-pc > .menu-item.menu-item-has-children:after {
    border-color: #ccc #ccc transparent transparent;
  }
}
.menu-header-pc .menu a::after {
  display: block;
  content: attr(data-desc);
  font-size: 0.75rem;
  text-align: center;
  color: #9d9d9d;
}
@media (min-width: 768px) {
  .menu-header-pc .menu a::after {
    font-size: 0.75rem;
  }
}

.menu-drawer .menu a::after {
  display: block;
  content: attr(data-desc);
  font-size: 0.75rem;
  text-align: left;
  color: #9d9d9d;
}
@media (min-width: 768px) {
  .menu-drawer .menu a::after {
    font-size: 0.75rem;
  }
}

.site-footer {
  background-color: #000;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .site-footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.site-footer a, .site-footer a:visited {
  color: #3b3c3f;
}
.site-footer a:hover, .site-footer a:focus, .site-footer a:visited:hover, .site-footer a:visited:focus {
  color: #CCCCCC;
}

.site-footer-branding-logo {
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  height: auto;
}
.site-footer-branding-logo img {
  width: 100%;
  height: auto;
}
.site-footer-branding-logo-text {
  text-align: center;
}

.footer-info {
  padding: 16px 0;
  color: #fff;
  text-align: center;
}

.footer-copy {
  font-size: 14px;
  text-align: center;
}

.site-footer__social-wrap .site-footer__social-btn {
  display: inline-block;
  width: 40px;
  height: auto;
  margin: 0 0.5em;
}

#footer-menu {
  display: none;
}
@media screen and (min-width: 1200px) {
  #footer-menu {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
}
#footer-menu > .menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 0 0 24px;
  padding: 0;
  border: none;
  font-weight: bold;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  #footer-menu > .menu-item {
    font-size: 0.875rem;
  }
}
#footer-menu > .menu-item:first-child {
  margin-left: 0;
}

body:not(.home) .in-home {
  display: none;
}

body.home .not-home {
  display: none;
}

.badge-line {
  background-color: inherit;
  border: 1px solid #ccc;
}

/* --------------------------------------------------------------------------------
hero
-------------------------------------------------------------------------------- */
.page-hero-outer {
  /*padding-bottom: 5%;*/
}

.page-hero {
  position: relative;
  height: 480px;
  background-image: url(/wp-content/uploads/2021/07/1626695426.jpg);
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
  /*.page-hero-video {
    video {
      width: 100%;
    }
  }*/
}

.page-hero::before {
  /*content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: auto;
  background: linear-gradient(90deg, rgba(255, 27, 166, 0.4), rgba(255, 180, 29, 0.7));
  background: rgba(0, 0, 0, 0.4),;*/
}

.page-hero-content-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: -15%;
  z-index: 2;
  width: 100%;
  pointer-events: none;
}

.page-hero-catch-1 {
  width: 100%;
  max-width: 1440px;
  padding: 0 5%;
  opacity: 0;
  animation: page-hero-catch-1 0.5s ease-in 1.5s forwards;
}

@keyframes page-hero-catch-1 {
  0% {
    transform: translate3d(0, 3%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.page-hero-catch-1 img {
  width: 100%;
}

.morse-code-hero {
  position: relative;
  max-width: 1024px;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  /*1*/
  /*2*/
  /*3*/
  /*4*/
  /*5*/
  /*6*/
  /*8*/
}
@media screen and (min-width: 576px) {
  .morse-code-hero {
    margin-bottom: 1.5rem;
  }
}
.morse-code-hero .morse-code-hero-inner {
  position: relative;
  width: 100%;
}
.morse-code-hero .morse-code-hero-inner > * {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation: morse-code-hero-1 0.5s ease-out 0.5s forwards;
}
@keyframes morse-code-hero-1 {
  0% {
    transform: translate3d(400%, 0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.morse-code-hero .morse-code-s {
  width: 3.13%;
}
.morse-code-hero .morse-code-l {
  width: 6%;
}
.morse-code-hero .morse-code-hero-1 {
  left: 0;
  animation-delay: calc(0.01s * 1 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-2 {
  left: 3.9%;
  animation-delay: calc(0.01s * 2 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-3 {
  left: 7.8%;
  animation-delay: calc(0.01s * 3 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-4 {
  left: 14.5%;
  animation-delay: calc(0.01s * 8 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-5 {
  left: 18.4%;
  animation-delay: calc(0.01s * 9 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-6 {
  left: 22.3%;
  animation-delay: calc(0.01s * 10 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-7 {
  left: 32%;
  animation-delay: calc(0.01s * 15 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-8 {
  left: 38.8%;
  animation-delay: calc(0.01s * 16 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-9 {
  left: 45.5%;
  animation-delay: calc(0.01s * 21 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-10 {
  left: 52.3%;
  animation-delay: calc(0.01s * 22 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-11 {
  left: 56.2%;
  animation-delay: calc(0.01s * 23 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-12 {
  left: 60.1%;
  animation-delay: calc(0.01s * 24 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-13 {
  left: 66.9%;
  animation-delay: calc(0.01s * 29 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-14 {
  left: 73.6%;
  animation-delay: calc(0.01s * 34 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-15 {
  left: 77.5%;
  animation-delay: calc(0.01s * 35 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-16 {
  left: 87.1%;
  animation-delay: calc(0.01s * 40 + 0.5s); /* アニメーション開始時間 */
}
.morse-code-hero .morse-code-hero-17 {
  left: 93.9%;
  animation-delay: calc(0.01s * 41 + 0.5s); /* アニメーション開始時間 */
}

.page-hero__mask-top {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 20%;
  background: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0));
}

.page-hero__mask-bottom {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 40%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
}

.page-hero-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 40%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
}

.page-hero-content {
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .page-hero {
    height: 540px;
    /*padding-bottom: 100px;*/
  }
}
@media (min-width: 992px) {
  .page-hero {
    height: 720px;
    padding-bottom: 100px;
  }
}
#morse-code-wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
#morse-code-wrap .morse-code-inner {
  position: relative;
  /*position: absolute;
  top: 0;
  left: 50%;
  transform: translate(0, -50%);
  z-index: 1;*/
}
#morse-code-wrap .morse-code-inner .morse-code {
  position: absolute;
  z-index: 1;
  top: 0;
  opacity: 0;
  animation: morse-code-animation 0.7s ease-out 0.7s forwards;
}
#morse-code-wrap .morse-code-inner .morse-code-s {
  width: 8px;
  height: 8px;
  border-radius: 5% 50% 50% 50%;
  background-color: #fff;
}
@media screen and (min-width: 576px) {
  #morse-code-wrap .morse-code-inner .morse-code-s {
    width: 16px;
    height: 16px;
  }
}
#morse-code-wrap .morse-code-inner .morse-code-l {
  width: 16px;
  height: 8px;
  border-radius: 8px;
  background-color: #fff;
}
@media screen and (min-width: 576px) {
  #morse-code-wrap .morse-code-inner .morse-code-l {
    width: 32px;
    height: 16px;
  }
}
#morse-code-wrap .morse-code-inner .morse-code-space {
  width: 0px;
}
@media screen and (min-width: 576px) {
  #morse-code-wrap .morse-code-inner .morse-code-space {
    width: 4px;
  }
}
@keyframes morse-code-animation {
  0% {
    transform: translate3d(400%, 0, 0);
  }
  40% {
    opacity: 0.3;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@media screen and (min-width: 576px) {
  .home #morse-code-wrap .morse-code-inner .morse-code-s {
    width: 16px;
    height: 16px;
  }
}
@media screen and (min-width: 768px) {
  .home #morse-code-wrap .morse-code-inner .morse-code-s {
    width: 28px;
    height: 28px;
  }
}
@media screen and (min-width: 576px) {
  .home #morse-code-wrap .morse-code-inner .morse-code-l {
    width: 32px;
    height: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
  }
}
@media screen and (min-width: 768px) {
  .home #morse-code-wrap .morse-code-inner .morse-code-l {
    width: 56px;
    height: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
  }
}
.home #morse-code-wrap .morse-code-inner .morse-code-space {
  width: 0px;
}
@media screen and (min-width: 576px) {
  .home #morse-code-wrap .morse-code-inner .morse-code-space {
    width: 16px;
  }
}

.post-type-archive-car_sales .site-content, .post-type-archive-car_sales #primary {
  background-color: #000 !important;
}
.post-type-archive-car_sales .car-sales-list .entry-card-car-sales-thumb {
  position: relative;
}
.post-type-archive-car_sales .car-sales-list .entry-card-car-sales .car-sales-list__sale-label {
  display: inline-block;
  position: absolute;
  left: 16px;
  top: -20px;
  z-index: 1;
  padding: 0.25em 1em;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-weight: bold;
  font-size: 1.25rem;
  color: #fff;
}
@media (min-width: 768px) {
  .post-type-archive-car_sales .car-sales-list .entry-card-car-sales .car-sales-list__sale-label {
    font-size: 1.375rem;
  }
}
.post-type-archive-car_sales .car-sales-list .entry-card-car-sales .car-sales-list__sale-label--onsale {
  background-color: #8d44cb;
}
.post-type-archive-car_sales .car-sales-list .entry-card-car-sales .car-sales-list__sale-label--sold {
  background-color: #e50000;
}
@media screen and (min-width: 768px) {
  .post-type-archive-car_sales .entry-card-car-sales-content {
    padding: 0 12%;
  }
}
.post-type-archive-car_sales .entry-card-car-sales-content .entry-card-car-sales__title {
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #6f6f6f;
}
.post-type-archive-car_sales .entry-card-car-sales-content .entry-card-car-sales__title span {
  color: #fff;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .post-type-archive-car_sales .entry-card-car-sales-content .entry-card-car-sales__title span {
    font-size: 1.125rem;
  }
}
.post-type-archive-car_sales .entry-card-car-sales-content .entry-card-car-sales__info {
  color: #fff;
}
.post-type-archive-car_sales .entry-card-car-sales-content .entry-card-car-sales__info .entry-card-car-sales__info-item {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #6f6f6f;
}

.service-list__item {
  display: flex;
  flex-direction: column;
}
.service-list__item .entry-card-service__footer {
  margin-top: auto;
}

@media screen and (max-width: 767px) {
  .service-list__item:first-child .service-list__decoration {
    display: none;
  }
}
.service-list__item-cnt-1 .service-list__decoration {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .service-list__item-cnt-1 .service-list__decoration {
    text-align: left;
  }
}

.service-list__item-cnt-2 .service-list__decoration {
  text-align: center;
}

.service-list__item-cnt-3 .service-list__decoration {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .service-list__item-cnt-3 .service-list__decoration {
    text-align: right;
  }
}

.service-list__decoration {
  margin-bottom: 16px;
}

.entry-card-service__sub-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.entry-card-service__title {
  margin: 0;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .entry-card-service__title {
    margin-bottom: 2.5rem;
  }
}
.entry-card-service__title:after {
  content: "";
  display: block;
  margin-top: 0.75em;
  width: 3em;
  height: 4px;
  background-color: #8d44cb;
}

/* 各コンテンツ */
/*news*/
.home {
  background-color: #000;
  color: #ffffff;
  /*car sales*/
  /*ブログ一覧*/
  /*---------------------------------------------------------------------------------*/
  /*---------------------------------------------------------------------------------*/
  /* about-us */
  /* business */
  /* topics */
  /* member */
}
.home .post-card-row .post-card-row-inner .post-card-row-content-article {
  color: #ffffff;
}
.home .c-button-1 .c-button-1-text {
  color: #ffffff;
}
.home .news .news-content {
  display: flex;
  justify-content: center;
  flex-flow: column;
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
}
.home .news .news-content .news-item {
  display: flex;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #6f6f6f;
}
.home .news .news-content .news-item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.home .news .news-content .news-item .news__date {
  width: 10em;
}
.home .news .news-content .news-item .news__title {
  flex: 1;
}
.home .car-sales .car-sales-title__1 {
  position: relative;
  z-index: 1;
  margin-bottom: -0.35em;
  margin-left: -0.5em;
  line-height: 1;
}
.home .car-sales .car-sales-thumb {
  position: relative;
}
.home .car-sales .car-sales-thumb .car-sales__num {
  position: absolute;
  /*left: -32px;*/
  left: -8px;
  /*bottom: -32px;*/
  bottom: 0px;
  z-index: 2;
  width: 100%;
  opacity: 0.75;
  font-family: "Secular One", sans-serif;
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #ffffff;
  font-size: 8vw;
  letter-spacing: -2px;
}
@media screen and (min-width: 576px) {
  .home .car-sales .car-sales-thumb .car-sales__num {
    font-size: 48px;
  }
}
@media screen and (min-width: 992px) {
  .home .car-sales .car-sales-thumb .car-sales__num {
    font-size: 64px;
  }
}
@media screen and (min-width: 1200px) {
  .home .car-sales .car-sales-thumb .car-sales__num {
    left: -20px;
    font-size: 72px;
  }
}
.home .car-sales .car-sales-thumb .car-sales-thumb__mask {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 40%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.home .post-card-row {
  display: flex;
  justify-content: center;
}
.home .post-card-row .post-card-row-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 7.5px;
}
.home .post-card-row .post-card-row-inner .post-card-row-item {
  width: 50%;
  padding: 7.5px;
}
.home .post-card-row .post-card-row-inner .post-card-row-item:nth-child(5) {
  display: none;
}
.home .post-card-row .post-card-row-inner .post-card-row-item__content .post-card-row__date {
  color: #B4FFF3;
}
.home .post-card-row .post-card-row-inner .post-card-row-item__content .post-card-row-title {
  margin: 0;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .home .post-card-row .post-card-row-inner .post-card-row-item__content .post-card-row-title {
    font-size: 1rem;
  }
}
.home .post-card-row .post-card-row-inner .post-card-row-content-article {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .home .post-card-row .post-card-row-inner {
    flex-wrap: nowrap;
    max-width: 1920px;
    width: 100%;
  }
  .home .post-card-row .post-card-row-inner .post-card-row-item {
    width: 20%;
  }
  .home .post-card-row .post-card-row-inner .post-card-row-item:nth-child(5) {
    display: block;
  }
  .home .post-card-row .post-card-row-inner .post-card-row-item__content .post-card-row__date {
    color: #B4FFF3;
  }
}
.home .about-us {
  background-color: #F0F0F0;
  background-image: url(../images/home/stripe-left-md.svg), url(../images/home/stripe-right-md.svg);
  background-repeat: no-repeat, no-repeat;
  background-size: 400px auto;
  background-position: left -240px bottom 0, right -240px top 0;
}
@media screen and (min-width: 576px) {
  .home .about-us {
    background-size: 60% auto;
    background-position: left -80% bottom 0, right -80% top 0;
  }
}
@media screen and (min-width: 992px) {
  .home .about-us {
    background-size: auto 568px;
    background-position: left calc(50% - 740px) bottom 0, right calc(50% - 740px) top 0;
  }
}
.home .site-content {
  overflow: hidden;
}
.home .business-item-content {
  display: flex;
}
.home .business-item-content:before {
  content: "";
  display: block;
  width: 1px;
  height: 12rem;
  background-color: #3b3c3f;
  margin: -4rem 1.5rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .home .business-item-content:before {
    margin: -4rem 2rem 0 2rem;
  }
}
@media screen and (min-width: 992px) {
  .home .business-item-content {
    display: block;
  }
  .home .business-item-content:before {
    content: none;
  }
  .home .business-item-img-wrap {
    position: relative;
  }
  .home .business-item-img {
    position: absolute;
    width: 640px;
  }
  .home .business-item-img .image-fit {
    padding-top: 45% !important;
  }
  .home .business-item:nth-child(odd) .business-item-img {
    top: 0;
    right: 0;
  }
  .home .business-item:nth-child(even) .business-item-img {
    top: 0;
    left: 0;
  }
  .home .business-item-content {
    min-height: 288px;
    padding-top: 100px;
  }
  .home .business-item-content-title:after {
    content: "";
    display: block;
    position: relative;
    z-index: 2;
    width: calc(100% + 94px);
    padding-bottom: 0.8em;
    border-bottom: 1px solid #3b3c3f;
  }
  .home .business-item:nth-child(odd) .business-item-content {
    padding-left: 32px;
  }
  .home .business-item:nth-child(odd) .business-item-content-title:after {
    margin-left: -94px;
  }
  .home .business-item:nth-child(even) .business-item-content {
    padding-right: 32px;
  }
  .home .business-item:nth-child(even) .business-item-content-title {
    text-align: right;
  }
  .home .business-item:nth-child(even) .business-item-content-title:after {
    margin-right: -94px;
  }
}
.home .topics {
  background-image: url(../images/home/bg-wave-1-md.svg), url(../images/home/bg-wave-2-md.svg);
  background-repeat: no-repeat;
  background-position: top center, bottom, center;
  background-size: 100% auto;
}
@media screen and (min-width: 992px) {
  .home .topics {
    background-image: url(../images/home/bg-wave-1-lg.svg);
    background-size: inherit;
    background-position: top center;
  }
}
.home .member {
  position: relative;
  background-image: url(../images/home/member-1.jpg);
  background-size: cover;
}
.home .member * {
  color: #fff;
}
.home .member::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.6);
}
.home .member-content {
  position: relative;
  z-index: 1;
}
.home .store .store__title_en {
  position: relative;
  z-index: 1;
  margin-bottom: -0.65em;
}
@media screen and (min-width: 992px) {
  .home .store .store__title_en {
    margin-left: 15%;
  }
}
.home .store .store__img-wrap {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .home .store .store__img-wrap {
    width: auto;
    margin-left: calc(100% - 50vw + 12px);
    margin-right: 0;
  }
}
.home .store .store__img {
  position: relative;
}
.home .store .store__img img {
  width: 100%;
  height: 400px;
  object-fit: cover !important;
}
@media screen and (min-width: 768px) {
  .home .store .store__img img {
    height: 640px;
  }
}
.home .store .store__content {
  position: relative;
  z-index: 1;
  margin-top: -96px;
}
@media screen and (min-width: 768px) {
  .home .store .store__content {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
}
.home .maintenance .maintenance__img {
  position: relative;
}
.home .maintenance .maintenance__img img {
  width: 100%;
  height: 400px;
  object-fit: cover !important;
}
@media screen and (min-width: 768px) {
  .home .maintenance .maintenance__img img {
    height: 480px;
  }
}
.home .maintenance .maintenance__header {
  display: flex;
  justify-content: end;
}
.home .maintenance .maintenance__header .maintenance__title_en {
  position: relative;
  z-index: 1;
  margin-bottom: -0.65em;
}
.home .maintenance .maintenance__content {
  position: relative;
  z-index: 1;
  margin-top: -96px;
}
.home .maintenance .maintenance__content .maintenance-feature {
  display: flex;
}
@media screen and (min-width: 768px) {
  .home .maintenance .maintenance__content .maintenance-feature {
    display: block;
  }
}
.home .maintenance .maintenance__content .maintenance-feature .maintenance-feature__img {
  width: 80px;
  margin-right: 24px;
}
@media screen and (min-width: 768px) {
  .home .maintenance .maintenance__content .maintenance-feature .maintenance-feature__img {
    width: 110px;
    margin-right: 0;
  }
}
.home .maintenance .maintenance__content .maintenance-feature .maintenance-features__body {
  flex: 1;
  display: flex;
  align-items: center;
}
.home .strength-block .strengths .strength__item .strength__img {
  position: relative;
}
.home .strength-block .strengths .strength__item:nth-child(odd) .strength__img {
  width: auto;
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .home .strength-block .strengths .strength__item:nth-child(odd) .strength__img {
    margin-left: calc(100% - 50vw + 12px);
  }
}
@media screen and (min-width: 768px) {
  .home .strength-block .strengths .strength__item:nth-child(even) .strength__inner {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .home .strength-block .strengths .strength__item:nth-child(even) .strength-content {
    margin-left: 32px;
  }
}
.home .strength-block .strengths .strength__item:nth-child(even) .strength__img {
  width: auto;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .home .strength-block .strengths .strength__item:nth-child(even) .strength__img {
    margin-right: calc(100% - 50vw + 12px);
  }
}
.home .strength-block .strengths .strength__item .strength-content {
  margin-top: -64px;
}
.home .strength-block .strengths .strength__item .strength-content .strength-content__title {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.home .strength-block .store__img-wrap {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .home .strength-block .store__img-wrap {
    width: auto;
    margin-left: calc(100% - 50vw + 12px);
    margin-right: 0;
  }
}

/*object*/
/*🍔*/
.entry-card {
  display: flex;
}
.entry-card-thumb {
  width: 136px;
  margin-right: 15px;
}
.entry-card-thumb img {
  margin-bottom: 0;
}
.entry-card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.entry-card-date {
  display: inline-block;
  font-size: 0.875rem;
  color: #ffffff;
}
.entry-card .categories_label {
  display: inline-block;
}
.entry-card .categories_label .post-categories {
  display: inline-block;
  margin: 0;
}
.entry-card .categories_label .post-categories li {
  display: inline-block;
  margin-right: 0.25em;
}
.entry-card .categories_label .post-categories li a {
  display: inline-block;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #ffffff;
  /*-webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;*/
  line-height: 1em;
  color: #ffffff;
  font-size: 0.75rem;
}
.entry-card .categories_label .post-categories li a:hover {
  color: #fff;
}
.entry-card-title {
  max-height: 2.8em;
  margin-top: 0;
  margin-bottom: 0.25em;
  line-height: 1.4em;
  overflow: hidden;
  color: #3b3c3f;
  font-size: 1rem;
}
.entry-card-text {
  display: none;
}
.entry-card-meta {
  margin-top: auto;
  font-size: 0.75rem;
  line-height: 1em;
}
.entry-card .entry-card-content .entry-card-title {
  font-weight: bold;
}
.entry-card .entry-card-content .entry-card-title a {
  color: #fff;
}

@media screen and (min-width: 576px) {
  .entry-card .entry-card-thumb {
    width: 280px;
    margin-right: 50px;
  }
  .entry-card .entry-card-content .entry-card-title {
    margin-bottom: 0.6em;
    font-size: 1.125rem;
  }
  .entry-card .entry-card-content .entry-card-text {
    display: block;
    /* max-height: calc(1.6em * 2);
     margin-bottom: .8em;
     line-height: 1.6em;
     overflow: hidden;*/
  }
}
.entry-card--sm .entry-card-thumb {
  width: 124px;
}

/*
entry-card-1
--------------------------------------------------------------------------------
*/
.entry-card-1 * {
  color: #3b3c3f;
}
.entry-card-1-title-wrap {
  position: relative;
  z-index: 1;
  margin-right: 1rem;
  margin-left: 1rem;
  margin-top: -4rem;
  background-color: #fff;
  padding: 0.5rem 1rem;
}
.entry-card-1-category {
  display: inline-block;
  margin-bottom: 0.5em;
  padding-bottom: 0.25em;
  border-bottom: 3px solid #222;
  font-size: 0.875rem;
  font-weight: bold;
}
.entry-card-1-more {
  font-weight: bold;
}
.entry-card-1-more img {
  display: inline-block;
  padding-left: 0.5em;
  margin: 0;
}

/*
entry-card-2
--------------------------------------------------------------------------------
*/
.entry-card-2 {
  position: relative;
}
.entry-card-2 * {
  color: #3b3c3f;
}
.entry-card-2 .entry-card-recruitment-status {
  position: absolute;
  left: -16px;
  top: -16px;
  z-index: 1;
  display: inline-block;
  padding: 0.5em 1.2em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  font-size: 1rem;
  background: linear-gradient(to right, #7864C1, #56B79C);
}
.entry-card-2-thumb {
  background-color: #fff;
}
.entry-card-2-content {
  position: relative;
  z-index: 1;
  margin-top: -2rem;
  padding: 0 1rem;
}
.entry-card-2-category {
  display: inline-block;
  padding: 0.25em 0.8em;
  background-color: #222;
  color: #fff;
  font-size: 0.875rem;
}
.entry-card-2-content-sentence {
  background-color: #fff;
  padding: 24px 32px;
}
.entry-card-2-more {
  color: #8d44cb;
  font-weight: bold;
}
.entry-card-2-more img {
  display: inline-block;
  padding-left: 0.5em;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .entry-card-2-content-sentence {
    padding: 32px 40px;
  }
}
/*🍔*/
.entry-card-3 {
  position: relative;
}
.entry-card-3 * {
  color: #3b3c3f;
}
.entry-card-3 .entry-card-3-title {
  position: relative;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 768px) {
  .entry-card-3 .entry-card-3-title {
    margin-bottom: 2.5rem;
  }
}
.entry-card-3 .entry-card-3-title:before {
  position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #ccc transparent transparent transparent;
}
.entry-card-3 .entry-card-3-title:after {
  position: absolute;
  bottom: -12px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.entry-card-3 .entry-card-3-title .entry-card-3-title-text {
  height: 4.5em;
}
.entry-card-3 .entry-card-recruitment-status {
  position: absolute;
  left: 0px;
  top: -16px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .entry-card-3 .entry-card-recruitment-status {
    left: -16px;
    top: -12px;
  }
}
.entry-card-3-thumb {
  position: relative;
  background-color: #fff;
}
.entry-card-3-content {
  position: relative;
  z-index: 1;
  margin-top: -2rem;
  padding: 0 1rem;
}
.entry-card-3-category {
  display: inline-block;
  padding: 0.25em 0.8em;
  background-color: #222;
  color: #fff;
  font-size: 0.875rem;
}
.entry-card-3-content-sentence {
  background-color: #fff;
  padding: 24px 32px;
}
.entry-card-3-more {
  color: #8d44cb;
  font-weight: bold;
}
.entry-card-3-more img {
  display: inline-block;
  padding-left: 0.5em;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .entry-card-3-content-sentence {
    padding: 32px 40px;
  }
}

.recruitment-status {
  display: inline-block;
  padding: 0.5em 1.2em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  font-size: 1rem;
  background: linear-gradient(to right, #7864C1, #56B79C);
  background: linear-gradient(to right, #EB3C94, #C729AF);
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.c-mobile-row-desktop-col-fix-flex {
  margin-bottom: 1.5rem;
}
.c-mobile-row-desktop-col-fix-flex__fix {
  width: 100px;
  margin: 0 auto 1.5rem auto;
  text-align: center;
}
.c-mobile-row-desktop-col-fix-flex__fix img {
  width: 100%;
}
.c-mobile-row-desktop-col-fix-flex__flex {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-mobile-row-desktop-col-fix-flex {
    display: flex;
    justify-content: center;
  }
  .c-mobile-row-desktop-col-fix-flex__fix {
    width: 120px;
    margin: 0 32px 0 0;
  }
  .c-mobile-row-desktop-col-fix-flex__flex {
    display: flex;
    flex-direction: column; /* 縦方向に並べる */
    justify-content: center; /* 主軸方向に中央寄せ */
    align-items: center; /* 交差軸方向に中央寄せ */
  }
}
.news .news__heading {
  margin-bottom: 1rem;
}
.news .news__items .news__item {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #eee;
}
.news .news__items .news__item .news__image {
  margin-right: 32px;
  width: 64px;
}
.news .news__items .news__item .news__title {
  flex: 1;
  font-size: 1rem;
  margin: 0;
}
@media (min-width: 768px) {
  .news .news__items .news__item .news__title {
    font-size: 1rem;
  }
}

/*news-2*/
.news-2 .news-2__heading {
  margin-bottom: 1rem;
}
.news-2 .news-2__items .news-2__item {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #eee;
  display: flex;
}
.news-2 .news-2__items .news-2__item .news-2__image {
  margin-right: 24px;
  width: 120px;
}
@media screen and (min-width: 992px) {
  .news-2 .news-2__items .news-2__item .news-2__image {
    margin-right: 32px;
    width: 180px;
  }
}
@media screen and (min-width: 992px) {
  .news-2 .news-2__items .news-2__item {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .news-2 .news-2__items .news-2__item .news-2__image {
    width: 100%;
    margin-right: 0;
  }
}
.news-2 .news-2__items .news-2__item .news-2__title {
  flex: 1;
  font-size: 1rem;
  margin: 0;
}
@media (min-width: 768px) {
  .news-2 .news-2__items .news-2__item .news-2__title {
    font-size: 1rem;
  }
}

.production-flow-wrap {
  margin-top: 2.25rem;
}
@media screen and (min-width: 992px) {
  .production-flow-wrap {
    margin-top: 0;
  }
}
.production-flow-wrap .production-flow-item {
  margin-bottom: 3.5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f5f7f8;
}
@media screen and (min-width: 992px) {
  .production-flow-wrap .production-flow-item {
    margin-bottom: 2.25rem;
    display: flex;
  }
}
.production-flow-wrap .production-flow-item:last-child {
  margin-bottom: 0;
}
.production-flow-wrap .production-flow-item .production-flow-ico-wrap {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: -48px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 2px solid #3b3c3f;
}
@media screen and (min-width: 992px) {
  .production-flow-wrap .production-flow-item .production-flow-ico-wrap {
    align-items: normal;
    width: 160px;
    margin-top: 0;
    margin-right: 32px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.production-flow-wrap .production-flow-item .production-flow-ico-wrap .production-flow-ico__num {
  display: flex;
}
.production-flow-wrap .production-flow-item .production-flow-ico-wrap .production-flow-ico__num img {
  margin: 0;
  width: auto;
  height: 48px;
}
@media screen and (min-width: 992px) {
  .production-flow-wrap .production-flow-item .production-flow-ico-wrap .production-flow-ico__num {
    width: 60%;
    border-right: 2px solid #3b3c3f;
  }
  .production-flow-wrap .production-flow-item .production-flow-ico-wrap .production-flow-ico__num img {
    width: 48px;
    height: auto;
  }
}
.production-flow-wrap .production-flow-item .production-flow-ico-wrap .production-flow-ico__img {
  display: flex;
  width: 100px;
  align-items: center;
  justify-content: right;
}
.production-flow-wrap .production-flow-item .production-flow-ico-wrap .production-flow-ico__img img {
  width: auto;
  height: 48px;
  margin: 0;
}
@media screen and (min-width: 992px) {
  .production-flow-wrap .production-flow-item .production-flow-ico-wrap .production-flow-ico__img img {
    width: 64px;
    height: auto;
  }
}
.production-flow-wrap .production-flow-item .production-flow-content > *:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .production-flow-wrap .production-flow-item .production-flow-content {
    display: 1;
  }
}
.production-flow-wrap .production-flow-item .production-flow-content .production-flow-title {
  margin: 0;
  padding: 0;
  border: none;
}
.production-flow-wrap .production-flow-item--light {
  background-color: #fff;
}

/* wordpress */
.site-content {
  padding-bottom: 4.5rem;
}
@media (min-width: 768px) {
  .site-content {
    padding-bottom: 6rem;
  }
}

/* メインとサイドバーの横並び ---------------------------------------- */
@media screen and (min-width: 1200px) {
  .site-content-row {
    display: flex;
  }
  #primary {
    flex: 1;
    margin-bottom: 0;
    background-color: #fff;
  }
  #secondary {
    width: 300px;
    margin-left: 60px;
    background-color: #fff;
  }
}
/* ページナビ、コメント、コメントフォームのスペース ---------------------------------------- */
/*
.post-navigation: ページナビ
#comments: コメントとコメントフォームのアウター
#respond: コメントフォーム
*/
.post-navigation {
  border-top: 1px solid #ebeced;
  margin-top: 2rem;
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .post-navigation {
    margin-top: 2.5rem;
  }
}
@media (min-width: 768px) {
  .post-navigation {
    padding-top: 2.5rem;
  }
}

/* 必須項目
contact form7での使用例
<span class="required">[必須]</span>
*/
.wpcf7 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /*background-color: #f5f5f5;*/
}

.wpcf7 .required {
  font-size: 0.75em;
  color: #dd0000;
}

.cwpc7-label {
  margin-bottom: 0.5rem;
}
/* チェックボックスで自動生成されるラベルを非表示にする */
.wpcf7 .wpcf7-hide-label .wpcf7-list-item-label {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* チェックボックスのデザイン */
.wpcf7-form-control-wrap {
  /*display: block;*/
}

.wpcf7-form-control.wpcf7-checkbox,
.wpcf7-form-control.wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
}

span.wpcf7-list-item {
  position: relative;
  display: block;
  /*width: 33%;*/
  margin: 0 0 1em 0 !important; /*項目ごとの余白を調整*/
}

@media screen and (max-width: 767px) {
  span.wpcf7-list-item {
    width: 100%;
  }
}
.wpcf7-list-item-label { /*項目の色や文字サイズ*/
  display: flex;
  align-items: center;
  padding-right: 1em;
  cursor: pointer;
  font-size: 16px;
}

.wpcf7-list-item-label > * { /*項目の色や文字サイズ*/
  display: flex;
  flex: 1;
}

input[type=radio],
input[type=checkbox] {
  position: absolute;
  opacity: 0; /*既存のチェックボックスを見えなくする*/
}

.wpcf7-list-item-label:before { /*チェックボックスの枠*/
  content: "";
  border: 1px solid #b7b7b7;
  display: block;
  flex: none;
  width: 32px;
  height: 32px;
  position: relative;
  top: 0px;
  margin-right: 0.75em;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
}

input[type=radio]:checked + .wpcf7-list-item-label:after,
input[type=checkbox]:checked + .wpcf7-list-item-label:after { /*チェックアイコン*/
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 6px;
  width: 22px;
  height: 14px;
  border-left: 5px solid #3eb8d1;
  border-bottom: 5px solid #3eb8d1;
  transform: rotate(-45deg);
}

/*送信メッセージ*/
.wpcf7 form.invalid .wpcf7-response-output {
  border: none;
  color: #842029;
  border: 1px solid #f5c2c7;
  background-color: #f8d7da;
  padding: 1rem 1rem;
  border-radius: 0.25rem;
}

.wpcf7 form.sent .wpcf7-response-output {
  margin: 32px 0;
  padding: 2em 1em;
  border-color: #b8d0d0;
  border-radius: 4px;
  background-color: #dbecec;
  font-size: 16px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .wpcf7 form.sent .wpcf7-response-output {
    font-size: 18px;
    text-align: center;
  }
}
/* contact form 7 */
/*.wpcf7 p > label span input,
.wpcf7 p > label span textarea {
  display: block;
  margin-top: 8px;
}
.wpcf7 .required {
  font-size: .75em;
  color: #dd0000;
  font-weight: bold;
}
.wpcf7 .wpcf7-not-valid-tip {
  display: block;
  margin-top: 8px;
}*/
.tagcloud a,
.entry-card .tags-links a,
.entry-footer .tags-links a {
  display: inline-block !important;
  margin-bottom: 0.25em !important;
  margin-right: 0.25em !important;
  padding: 0.125em 0.5em !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  border: 1px solid #fff !important;
  font-size: 14px !important;
}

/*# sourceMappingURL=app.css.map */