@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
p {
  line-height: 2;
}

.sec-header {
  position: relative;
  padding: 1em;
  height: clamp(600px, 40vh, 43vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(../images/mv.webp) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sec-header {
    max-height: 300px;
  }
}
.sec-header h1 {
  font-family: "Anton", sans-serif;
  display: flex;
  flex-direction: column;
  row-gap: 0.5vh;
  justify-content: center;
  text-align: center;
  margin: 1em auto 0;
  font-weight: 400;
  letter-spacing: 0.046em;
  font-size: 70px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.44;
}
@media (max-width: 767px) {
  .sec-header h1 {
    font-size: 40px;
    margin-top: 0;
  }
}
.sec-header h1 span.jan {
  color: #fff;
  font-size: 1.25rem;
  text-align: center;
  font-weight: 400;
  text-shadow: none;
}
@media (max-width: 767px) {
  .sec-header h1 span.jan {
    font-size: 0.8rem;
  }
}

.breadcrumbs__wrap {
  background: #172b88;
  padding: 0.5em 1em;
  max-width: 100%;
  z-index: 2;
  font-size: 0.7rem;
  color: #aaa;
}
.breadcrumbs__wrap a {
  color: #aaa;
  text-decoration: none;
}

h2.jp {
  text-align: center;
  color: #172b88 !important;
  text-decoration: underline;
}

/*************レイアウト************/
p.Center {
  text-align: center;
  line-height: 2;
  margin-bottom: 5vh;
}

section {
  padding: 10vh 2.6vw;
}
section .container__block {
  max-width: 1140px;
  margin: 0 auto;
}

ul.solution {
  display: flex;
  -moz-column-gap: 2%;
       column-gap: 2%;
  flex-wrap: wrap;
  margin: 0 auto 2.5vh;
  padding-left: 0;
}
ul.solution li {
  width: 49%;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.5em;
  display: flex;
  -moz-column-gap: 0.25em;
       column-gap: 0.25em;
  align-items: center;
}
@media (max-width: 767px) {
  ul.solution li {
    align-items: first baseline;
    font-size: 0.85rem;
  }
}
ul.solution li:before {
  content: "●";
  font-size: 0.8rem;
  color: #172b88;
}
@media (max-width: 767px) {
  ul.solution li:before {
    font-size: 0.7rem;
  }
}

ul.solution-two {
  display: flex;
  -moz-column-gap: 2%;
       column-gap: 2%;
  flex-wrap: wrap;
  margin: 0 auto 2.5vh;
  padding-left: 0;
}
ul.solution-two li {
  width: 23.5%;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.5em;
  display: flex;
  -moz-column-gap: 0.25em;
       column-gap: 0.25em;
  align-items: center;
}
@media (max-width: 767px) {
  ul.solution-two li {
    width: 49%;
    font-size: 0.85rem;
  }
}
ul.solution-two li:before {
  content: "─";
  font-size: 0.8rem;
  color: #172b88;
}
@media (max-width: 767px) {
  ul.solution-two li:before {
    font-size: 0.7rem;
  }
}

h5.border {
  border-left: 6px solid #172b88;
  padding-left: 15px;
  font-weight: bold;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  h5.border {
    font-size: 1rem;
  }
}

.flex {
  width: 100%;
  align-items: flex-start;
}
.flex p.text-left {
  text-align: left !important;
}
.flex .four {
  width: 23.5%;
}
@media (max-width: 767px) {
  .flex .four {
    width: 49%;
  }
}
.flex .three {
  width: 32%;
}
@media (max-width: 767px) {
  .flex .three {
    width: 49%;
  }
}
.flex .three p.name {
  font-weight: 400;
  margin-top: 0.5em;
  font-size: 0.8rem;
}
.flex .three p.name:before {
  display: none;
}
.flex p.mb {
  margin-bottom: 1em !important;
}
.flex .so-Left {
  width: 70%;
}
@media (max-width: 767px) {
  .flex .so-Left {
    width: 100%;
  }
}
.flex .so-Right {
  width: 25%;
}
@media (max-width: 767px) {
  .flex .so-Right {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
.flex .so-Right p {
  margin: 0.5em 0 1em;
  font-size: 0.9rem;
}
.flex .Hurf {
  width: 49%;
}
.flex .Hurf.center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.flex .Hurf p {
  text-align: left !important;
}
@media (max-width: 767px) {
  .flex .Hurf {
    width: 100%;
  }
  .flex .Hurf:first-of-type {
    margin-bottom: 1em;
  }
}
.flex .Hurf picture + picture {
  display: block;
  margin-top: 0.5em;
}

#solution .Inner__wrap .flex {
  flex-direction: row;
}
@media (max-width: 767px) {
  #solution .Inner__wrap .flex.column {
    flex-direction: column;
  }
  #solution .Inner__wrap .flex.column .Hurf {
    width: 100%;
  }
  #solution .Inner__wrap .flex.column .Hurf img {
    display: block;
    margin: 0 auto;
    max-width: 80%;
  }
}

h4.bg:nth-of-type(n+2) {
  margin-top: 5vh;
}

.table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
}
.table th, .table td {
  border: 1px solid #ddd;
  padding: 1em;
  line-height: 1.8;
}
.table th {
  width: 20%;
  background-color: #fafafa;
  text-align: left;
  border-top: none;
}
.table td {
  width: 80%;
  border-top: none;
}
@media (max-width: 767px) {
  .table {
    display: block;
  }
  .table tr {
    display: block;
  }
  .table th, .table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .table th {
    background-color: #fafafa;
  }
}

/*****************お問い合わせフォーム*********************/
dl.border {
  display: flex;
  border: 1px solid #ccc;
  border-bottom: none;
  flex-wrap: wrap;
}
dl.border dt, dl.border dd {
  padding: 0.75em;
  border-bottom: 1px solid #ccc;
}
dl.border dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  background-color: #f0f0f0;
  font-weight: 600;
  color: #202020;
}
dl.border dd {
  width: 70%;
  margin: 0;
  background: #fff;
}
dl.border dd.privacy p {
  text-align: left !important;
}
dl.border dd.privacy p span {
  font-size: 1rem !important;
}
dl.border dd p {
  margin: 0 !important;
}
dl.border dd div.flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  font-size: 0.9rem;
  margin: 0 0 0.5em;
}
dl.border dd div.flex.column {
  max-width: 20%;
}
@media (max-width: 767px) {
  dl.border dd div.flex.column {
    max-width: 27.5%;
  }
}
dl.border dd div.flex:last-of-type {
  margin-bottom: 0;
}
dl.border dd div.flex .column p {
  flex-direction: column;
  width: 30%;
}
dl.border dd div.flex .column p picture {
  max-width: 100px;
}
dl.border dd div.flex div p {
  width: 100% !important;
}
dl.border dd div.flex div {
  width: 80%;
}
dl.border dd div.flex p {
  display: flex;
  justify-content: flex-start;
  text-align: left !important;
  width: 20%;
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  dl.border dd div.flex p {
    width: 30%;
  }
}
dl.border dd div.flex p b {
  font-size: 0.8rem;
}
dl.border .wpcf7-list-item {
  font-size: 0.9rem;
}
dl.border input[type=radio] {
  width: 25px;
  height: 25px;
  vertical-align: top;
}
dl.border input[type=text],
dl.border input[type=email],
dl.border input[type=tel],
dl.border input[type=search],
dl.border input[type=password],
dl.border select,
dl.border textarea {
  border-radius: 3px;
  padding: 1em 0.5em;
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.1);
  border: solid 1px #a7a7a7;
  margin: auto;
  width: 100%;
  display: block;
  line-height: 1.4;
  font-size: 16px;
  font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
dl.border .wpcf7-not-valid-tip {
  font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
}
dl.border input[type=text]:focus,
dl.border input[type=tel]:focus,
dl.border input[type=email]:focus,
dl.border input[type=search]:focus,
dl.border input[type=password]:focus,
dl.border textarea:focus,
dl.border select:focus {
  border: solid 1px #d00249;
  background-color: #f2f2f2;
}
dl.border input[type=text], dl.border input[type=email], dl.border input[type=password], dl.border input[type=tel], dl.border input[type=date] {
  background-color: #fafafa;
  width: 100%;
}
dl.border input[type=date i] {
  padding: 0.75em;
  margin-bottom: 1em;
}
dl.border input[type=text], dl.border input[type=email], dl.border input[type=tel], dl.border input[type=search], dl.border input[type=password], dl.border select, dl.border textarea {
  width: 100%;
  color: #010101;
}
dl.border input[type=text]#zip {
  max-width: 220px;
  margin: 0;
}
dl.border select {
  font-size: 1rem;
}
dl.border p {
  margin: 0;
}
dl.border .wpcf7-not-valid-tip {
  text-align: left !important;
}
dl.border span.text_red {
  background: #fe0000;
  text-align: center;
  color: #fff;
  margin-left: 5px;
  display: inline-block;
  line-height: 1;
  font-size: 0.85rem;
  padding: 3px;
  font-weight: normal;
}
dl.border span.any {
  background: #888;
  text-align: center;
  color: #fff;
  margin-left: 5px;
  display: inline-block;
  line-height: 1;
  font-size: 0.85rem;
  padding: 3px;
  font-weight: normal;
}
@media (max-width: 767px) {
  dl.border {
    flex-direction: column;
  }
  dl.border dt, dl.border dd {
    width: 100%;
  }
  dl.border dt {
    border-bottom: 1px solid #ccc;
  }
}

input[type=reset],
input[type=button],
input[type=submit],
button {
  color: #FFFFFF;
  display: block;
  margin: 1em auto 0 auto;
  padding: 25px;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer;
  background-color: #0003ca;
  border: 0px;
  border-radius: 3px;
  width: 100%;
  box-sizing: broder-box;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 1px;
  max-width: 500px;
  font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input[type=reset]:hover, input[type=button]:hover, input[type=submit]:hover {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0);
  background: #ea1f0f;
}

h2.Center span {
  text-align: center;
  line-height: 1.55;
}

p.name {
  font-weight: 400;
  text-align: center;
  margin: 0.5em auto 0;
  font-size: 0.9rem;
  color: #202020;
  display: flex;
  -moz-column-gap: 0.25em;
       column-gap: 0.25em;
  justify-content: center;
  line-height: 1.3;
  align-items: center;
}
@media (max-width: 767px) {
  p.name {
    font-size: 0.75rem !important;
    margin-top: 0.75em !important;
  }
}
p.name:before {
  content: "";
  width: 14px;
  height: 2px;
  background: #172b88;
  display: none;
}
p.name.small {
  font-size: 0.7rem;
  text-align: center;
  font-weight: normal;
  color: #202020;
  padding: 0;
  border: none;
}
@media (max-width: 767px) {
  p.name.small {
    font-size: 0.5rem !important;
  }
}
p.name.small:before {
  display: none;
}

#philosophy {
  padding: 2.6vw;
  text-align: center;
  background: url(../images/solution__bg.webp) no-repeat center/cover;
}
#philosophy picture {
  max-width: 800px;
  display: block;
  margin: 0 auto;
}

h2.bk {
  color: #202020;
}

h3.border {
  border-bottom: 4px solid #172b88;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
@media (max-width: 767px) {
  h3.border {
    font-size: 1.2rem !important;
  }
}
h3.border.mt {
  margin-top: 10vh;
}
@media (max-width: 767px) {
  h3.border.mt {
    margin-top: 5vh;
  }
}

.flex-group {
  display: flex;
  justify-content: center;
  -moz-column-gap: 2%;
       column-gap: 2%;
}
.flex-group a.link {
  border: 1px solid #172b88;
  display: block;
  text-align: center;
  padding: 0.5em;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.1);
  position: relative;
  top: 0;
  transition: all 0.3s;
}
.flex-group a.link:hover {
  background: #172b88;
  color: #fff;
  opacity: 1;
  top: -10px;
}
@media (max-width: 767px) {
  .flex-group {
    flex-direction: column;
  }
}
.flex-group .three {
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
  justify-content: center;
  align-items: center;
  width: 31.3333333333%;
}
@media (max-width: 767px) {
  .flex-group .three picture {
    max-width: 40%;
  }
}
.flex-group .three img {
  max-width: 70%;
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .flex-group .three img {
    max-width: 90%;
  }
}
.flex-group .three a {
  color: #172b88;
}
@media (max-width: 767px) {
  .flex-group .three {
    flex-direction: row;
    -moz-column-gap: 1.5em;
         column-gap: 1.5em;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #company p.Center {
    text-align: left;
  }
}
@media (max-width: 767px) {
  p br.br {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  section#company .Inner__wrap p.title {
    font-size: 1.2rem;
    line-height: 1.75;
  }
}
@media (min-width: 768px) {
  h3.jp {
    font-size: 1.7rem !important;
  }
  h3.jp br {
    display: none;
  }
}
section#contact.sec {
  background: url(../images/solution__bg.webp) no-repeat center top/cover;
}
section#contact.sec .Inner__wrap {
  background: #fff;
  padding: 4vh 2.6vw;
}
section#contact.sec p {
  font-size: 1rem;
  color: #202020;
  margin: 0;
  text-align: left;
}
section#contact.sec h3.border {
  text-align: left;
  padding-left: 0.5em;
}
section#contact.sec h3:first-of-type {
  margin-top: 0;
}

.wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 5%;
       column-gap: 5%;
  margin: 5vh auto;
}
.wp-block-columns .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: 0;
  flex-grow: 1;
}

.single h2 {
  padding: 1em;
  margin: 0 auto;
  border: 1px solid #ddd;
  position: relative;
  padding-left: 33px;
  margin-bottom: 0.75em;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .single h2 {
    font-size: 1.35rem;
  }
}
.single h2::before {
  content: "";
  background-color: #172b88;
  position: absolute;
  width: 8px;
  height: 50%;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

p.has-text-align-center {
  font-size: 1.3rem;
  margin: 2.5vh auto;
}

.single p.date {
  display: flex;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
}

.single .flex {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75em;
       column-gap: 0.75em;
}
@media (max-width: 767px) {
  .single .flex {
    margin-bottom: 1em;
  }
}

.category__name {
  background: #172b88;
  display: inline-block;
  padding: 5px;
  color: #fff;
  line-height: 1;
  font-size: 0.9rem;
}

h3.wp-block-heading {
  font-weight: bold;
  padding-bottom: 0.75em;
  border-bottom: 2px solid #172b88;
  margin: 2.5vh auto;
}
h3.wp-block-heading:first-of-type {
  margin-top: 2.5vh !important;
}

.privacy p {
  line-height: 2.2;
}
@media (max-width: 767px) {
  .privacy p {
    font-size: 0.9rem;
    line-height: 1.8;
  }
}

/***************記事詳細ページ******************/
.single__wrap {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 5%;
       column-gap: 5%;
}
@media (max-width: 767px) {
  .single__wrap {
    flex-direction: column;
  }
}
.single__wrap .main__contents {
  width: 75%;
}
@media (max-width: 767px) {
  .single__wrap .main__contents {
    width: 100%;
  }
}
.single__wrap .main__contents .date {
  font-style: italic;
  letter-spacing: 0.086em;
  font-family: "neue-haas-grotesk-display", sans-serif;
}
.single__wrap .side__menu {
  width: 20%;
}
@media (max-width: 767px) {
  .single__wrap .side__menu {
    width: 100%;
    margin-top: 5vh;
  }
}
.single__wrap .side__menu h3 {
  font-size: 1.2rem;
  padding: 0 0.25em 0.5em;
  border-bottom: 3px solid #172b88;
}
.single__wrap .side__menu ul.new-post {
  list-style: none;
  padding: 0;
}
.single__wrap .side__menu ul.new-post li {
  margin-top: 0.75em;
  padding-bottom: 0.75em;
  border-bottom: 1px solid #ddd;
  font-size: 0.95rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.25em;
}
.single__wrap .side__menu ul.new-post li .category__name {
  font-size: 0.6rem;
  width: -moz-max-content;
  width: max-content;
  padding: 0;
  background: transparent;
  color: #172b88;
}
.single__wrap .side__menu ul.new-post li a {
  color: #172b88;
  text-decoration: none;
}
.single__wrap .side__menu ul.new-post li a:hover {
  text-decoration: underline;
}
.single__wrap .side__menu .archive li {
  display: flex;
  flex-direction: row !important;
  -moz-column-gap: 0.25em;
       column-gap: 0.25em;
}

.yarpp-thumbnails-horizontal {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.5vw;
  -moz-column-gap: 2%;
       column-gap: 2%;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  width: 23.5% !important;
  height: auto !important;
  border: none !important;
}
@media (max-width: 767px) {
  .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    width: 48% !important;
  }
}

.yarpp-thumbnail-default > img,
.yarpp-thumbnail > img, .yarpp-thumbnail-default,
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  width: 100% !important;
  height: auto !important;
  min-height: auto !important;
  min-width: 100% !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  font-weight: normal !important;
  color: #202020;
  margin-top: 0.5em !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title,
.yarpp-thumbnails-horizontal .yarpp-thumbnail,
.yarpp-thumbnails-horizontal .yarpp-thumbnail-default, .yarpp-thumbnails-horizontal .yarpp-thumbnail > img {
  margin: 0 !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  font-size: 14px !important;
  margin-top: 10px !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail img {
  border: 1px solid #ddd !important;
}

.yarpp-related h3 {
  display: none !important;
}

.page_navi {
  margin: 5vh auto;
  display: flex;
  -moz-column-gap: 5%;
       column-gap: 5%;
  justify-content: space-between;
}
.page_navi a {
  color: #172b88;
  text-decoration: none;
}

.addtoany_content {
  margin-top: 5vh !important;
}/*# sourceMappingURL=page.css.map */