@charset "UTF-8";
/*アニメ秒数*/
/*コンテン最小横幅*/
/*flex*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  word-wrap: break-word;
}

html {
  scroll-behavior: smooth;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

img {
  max-width: 100%;
  /*最大横幅制御*/
  height: auto;
  /*縦長比維持*/
  vertical-align: bottom;
  /*画像下部の謎の余白をなくす*/
  line-height: 1;
  /*ブラウザによって有効と無効な場合がありますが、一応入れておく*/
  border: 0;
  /*ブラウザによって有効と無効な場合がありますが、一応入れておく*/
}

/* レスポンシブ表示 */
@media only screen and (min-width: 768px) {
  .pc-none {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .sp-none {
    display: none !important;
  }
}
/* aリンク PCでクリック非表示 */
@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
html {
  font-size: 100%;
}
@media (max-width: 767px) {
  html {
    font-size: 87.5%;
  }
}

body {
  -webkit-text-size-adjust: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  line-height: 1.75;
  text-align: left;
  color: #333;
  font-weight: normal;
  font-size: 1rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif,
    "Inter", sans-serif;
  font-weight: 500;
  min-width: 980px;
  overflow-x: hidden;
}
@media (max-width: 1200px) {
  body {
    overflow: visible;
  }
}
@media (max-width: 767px) {
  body {
    min-width: auto;
  }
  body.is-fixed {
    overflow-y: hidden;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: underline;
}

strong,
span {
  font-size: 100%;
}

strong {
  font-weight: bold;
}

.font-inter {
  font-family: "Inter", sans-serif;
}

a[href="tel:090-1619-1770"] {
  color: #333 !important;
  text-decoration: none !important;
}

.l-header {
  /*固定ヘッダーの時にこちらのクラスを付ける*/
}
.l-header.js-fixed-header {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
}
.l-header__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .l-header__inner {
    padding: 18px 16px 17px;
  }
}
.l-header__logo {
  line-height: 1;
  width: 300px;
  margin-left: 32px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  .l-header__logo {
    width: 200px;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .l-header__logo:hover {
    opacity: 0.7;
  }
}
.l-header__logo img {
  display: block;
}
.l-header__menu {
  margin-left: auto;
}
@media (max-width: 767px) {
  .l-header__menu {
    display: none;
    background-color: #f5f6f7;
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 50px;
    height: calc(100% + 50.5px);
    overflow: hidden;
  }
}
.l-header__menu.is-active {
  display: block;
}
.l-header__gnav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .l-header__gnav {
    display: block;
  }
}
.l-header__menu-list,
.l-header__link-list,
.l-header__btn-list {
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-header__menu-list li,
.l-header__link-list li,
.l-header__btn-list li {
  line-height: 1.5;
}
.l-header__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 9px 0;
  border-bottom: 1px solid #dee5ea;
}
@media (max-width: 767px) {
  .l-header__link {
    display: none;
  }
}
.l-header__link-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 16px;
  padding-right: 16px;
}
.l-header__link-info li {
  list-style: none;
}
.l-header__link-info li + li {
  margin-left: 8px;
}
.l-header__link-info a {
  font-weight: 600;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
}
.l-header__link-info p {
  font-size: 0.75rem;
}
.l-header__link-info--work-our {
  margin-left: 8px;
}
.l-header__link-info--sp {
  margin-top: 24px;
}
.l-header__link-info--sp div {
  text-align: center;
}
.l-header__link-info--sp div a {
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #333;
  display: block;
}
.l-header__link-info--sp .l-header__link-info-work-our {
  text-align: center;
  margin-top: 4px;
}
.l-header__link-list {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.l-header__link-list li a {
  padding: 0 16px;
  position: relative;
  font-size: 0.75rem;
}
.l-header__link-list li a::before {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #dee5ea;
}
@media (max-width: 767px) {
  .l-header__link-list {
    display: block;
  }
  .l-header__link-list li + li {
    margin: 0;
  }
}
.l-header__link-list--sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
}
.l-header__link-list--sp li {
  border-left: 1px solid #dee5ea;
  text-align: center;
  width: 33.33%;
  padding: 6px 0;
}
.l-header__link-list--sp li:first-child {
  border: 0;
}
.l-header__link-list--sp li a {
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .l-header__menu-list {
    display: block;
  }
}
.l-header__menu-list li + li {
  margin-left: 24px;
}
@media (max-width: 1300px) {
  .l-header__menu-list li + li {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .l-header__menu-list li + li {
    margin: 0;
  }
}
.l-header__menu-list li a {
  position: relative;
  display: block;
  font-weight: bold;
  padding: 18px 0;
  font-size: 0.9375rem;
}
@media (max-width: 767px) {
  .l-header__menu-list li a {
    padding: 12px 0;
    text-align: left;
    border-bottom: 1px solid #dee5ea;
    font-weight: bold;
  }
}
.l-header__menu-list li a::after {
  content: "";
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  background-color: #009fe8;
  right: 0;
  width: 0;
  height: 2px;
  bottom: -3px;
}
@media (max-width: 767px) {
  .l-header__menu-list li a::after {
    bottom: 0px;
  }
}
@media (min-width: 768px) {
  .l-header__menu-list li a:hover {
    text-decoration: none;
  }
  .l-header__menu-list li a:hover::after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.l-header__btn-list {
  margin-left: 24px;
}
@media (max-width: 767px) {
  .l-header__btn-list {
    display: block;
    margin-left: 0px;
    margin-top: 28px;
  }
}
.l-header__btn-list li a {
  display: block;
  padding: 20px 23px;
  border: 1px solid #009fe8;
  background-color: #009fe8;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px) {
  .l-header__btn-list li a {
    text-align: center;
    font-size: 16px;
    border-radius: 28px;
    padding: 15px 23px;
  }
}
.l-header__btn-list li a span {
  position: relative;
  padding-left: 23px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  .l-header__btn-list li a span {
    padding-left: 36px;
  }
}
.l-header__btn-list li a span::before {
  opacity: 1;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../../assets/img/ico/ico_mail_01.svg);
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (max-width: 767px) {
  .l-header__btn-list li a span::before {
    width: 24px;
    height: 24px;
  }
}
.l-header__btn-list li a span::after {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../../assets/img/ico/ico_mail_02.svg);
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .l-header__btn-list li a span::after {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 768px) {
  .l-header__btn-list li a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #009fe8;
  }
  .l-header__btn-list li a:hover span::before {
    opacity: 0;
  }
  .l-header__btn-list li a:hover span::after {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .l-header__trigger {
    display: none;
  }
}
@media (max-width: 767px) {
  .l-header__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 4%;
  }
}
.l-header__trigger-btn {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  width: 32px;
  height: 18px;
}
@media (min-width: 768px) {
  .l-header__trigger-btn:hover {
    cursor: pointer;
  }
}
.l-header__trigger-btn > * {
  background-color: #009fe8;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
}
.l-header__trigger-btn > *:nth-of-type(1) {
  top: 0;
}
.l-header__trigger-btn > *:nth-of-type(2) {
  top: 8px;
}
.l-header__trigger-btn > *:nth-of-type(3) {
  bottom: 0;
}
.l-header__trigger-btn.is-active > *:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.l-header__trigger-btn.is-active > *:nth-of-type(2) {
  opacity: 0;
}
.l-header__trigger-btn.is-active > *:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}
.l-header .l-container {
  padding: 0;
}

.home .l-header__menu-list a[href="/"] {
  position: relative;
}
.home .l-header__menu-list a[href="/"]::after {
  width: 100%;
}
@media (max-width: 767px) {
  .home .l-header__menu-list a[href="/"]::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .home .l-header__menu-list a[href="/"] {
    color: #009fe8;
  }
}

.l-footer__cv {
  background-color: #fff;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .l-footer__cv {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.l-footer__cv-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .l-footer__cv-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.l-footer__cv-image {
  position: relative;
  width: 55%;
  margin-right: -3.33%;
  z-index: 10;
}
@media (max-width: 767px) {
  .l-footer__cv-image {
    width: 100%;
  }
}
.l-footer__cv-text-wrapper {
  width: 48.3%;
  padding: 80px 8.58%;
  background-color: #009fe8;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1300px) {
  .l-footer__cv-text-wrapper {
    padding: 80px 8%;
  }
}
@media (max-width: 767px) {
  .l-footer__cv-text-wrapper {
    width: 100%;
    padding: 60px 4%;
  }
}
.l-footer__cv-text-wrapper::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  background-image: url(../../assets/img/top/img_bg_01.png);
  width: 449px;
  height: 449px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.24;
}
.l-footer__cv-title {
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  font-weight: 1.5;
  padding-top: 17px;
  color: #fff;
  text-align: center;
  position: relative;
}
.l-footer__cv-title--sub {
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  margin: -3px;
  text-align: center;
}
.l-footer__cv-title::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  background-color: #fff;
  width: 120px;
  height: 1px;
}
.l-footer__cv-text {
  font-weight: bold;
  color: #fff;
  font-size: 1.25rem;
  text-align: center;
  margin-top: 35px;
}
.l-footer__cv-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .l-footer__cv-info {
    display: block;
  }
}
.l-footer__cv-info li {
  list-style: none;
}
.l-footer__cv-tel {
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.2rem;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .l-footer__cv-tel {
    text-align: center;
  }
}
.l-footer__cv-tel a[href="tel:090-1619-1770"] {
  color: #fff !important;
}
.l-footer__cv-work-hour {
  font-size: 0.75rem;
  color: #fff;
  margin-left: 12px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .l-footer__cv-work-hour {
    text-align: center;
    margin: 12px 0 0 0;
  }
}
.l-footer-info-sitemap-wrapper {
  background-color: #f5f6f7;
  padding-top: 56px;
  padding-bottom: 56px;
}
@media (max-width: 767px) {
  .l-footer-info-sitemap-wrapper {
    padding-top: 42px;
    padding-bottom: 42px;
  }
}
.l-footer-info-sitemap-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .l-footer__info {
    display: block;
    width: 100%;
  }
}
.l-footer__info-logo {
  width: 300px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  .l-footer__info-logo:hover {
    opacity: 0.7;
  }
}
@media (max-width: 767px) {
  .l-footer__info-logo {
    width: 180px;
    display: block;
    margin: 0 auto;
  }
}
.l-footer__info-address {
  font-size: 0.8125rem;
  margin-top: 19px;
}
@media (max-width: 767px) {
  .l-footer__info-address {
    margin-top: 12px;
    text-align: center;
  }
}
.l-footer__info-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .l-footer__info-sns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.l-footer__info-sns li {
  list-style: none;
  margin-left: 8px;
}
.l-footer__info-sns li:first-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .l-footer__info-sns li {
    margin-left: 12px;
  }
}
.l-footer__info-sns li:first-child {
  display: block;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #009fe8;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
}
.l-footer__info-sns li:last-child {
  display: block;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #aace9d;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .l-footer__info-sns a {
    width: 42px;
    height: 42px;
  }
}
.l-footer__info-sns a::before,
.l-footer__info-sns a::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center center;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1;
}
@media (max-width: 767px) {
  .l-footer__info-sns a::before,
  .l-footer__info-sns a::after {
    background-size: 20px 20px;
  }
}
.l-footer__info-sns a::after {
  opacity: 0;
}
.l-footer__info-sns a:hover {
  background-color: #fff;
}
.l-footer__info-sns a:hover::before {
  opacity: 0;
}
.l-footer__info-sns a:hover::after {
  opacity: 1;
}
.l-footer__info-sns li:first-child a::before {
  background-image: url(../../assets/img/ico/ico_instagram_01.svg);
}
.l-footer__info-sns li:first-child a::after {
  background-image: url(../../assets/img/ico/ico_instagram_blue_01.svg);
}
.l-footer__info-sns li:last-child a::before {
  background-image: url(../../assets/img/ico/ico_instagram_01.svg);
}
.l-footer__info-sns li:last-child a::after {
  background-image: url(../../assets/img/ico/ico_instagram_green_01.svg);
}

.l-footer__info-sns li:first-child:hover {
  background-color: #fff;
  border: 1px solid #009fe8;
}
.l-footer__info-sns li:last-child:hover {
  background-color: #fff;
  border: 1px solid #aace9d;
}

@media (max-width: 767px) {
  .l-footer__sitemap {
    display: none;
  }
}
.l-footer__sitemap-nav ul,
.l-footer__sitemap-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.l-footer__sitemap-nav ul li,
.l-footer__sitemap-link ul li {
  list-style: none;
  margin-left: 24px;
}
.l-footer__sitemap-nav ul li:first-child,
.l-footer__sitemap-link ul li:first-child {
  margin-left: 0px;
}
.l-footer__sitemap-nav ul a,
.l-footer__sitemap-link ul a {
  display: block;
}
.l-footer__sitemap-nav li {
  font-size: 0.9375rem;
  font-weight: bold;
}
.l-footer__sitemap-link {
  margin-top: 22px;
}
.l-footer__sitemap-link li {
  font-size: 0.8125rem;
}
.l-footer .c-btn--contact {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .l-footer .c-btn--contact {
    margin-top: 18px;
  }
}
.l-footer__copyright {
  padding: 27px 0;
}
@media (max-width: 767px) {
  .l-footer__copyright {
    padding: 21px 0;
  }
}
.l-footer__copyright .un-text,
.l-footer__copyright .un-container p:not([class]),
.un-container .l-footer__copyright p:not([class]) {
  font-size: 0.8125rem;
  text-align: center;
  margin-top: 0;
}

.l-container {
  max-width: 1232px;
  min-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.l-container.-sm,
.l-container--small {
  max-width: calc(800px + 32px);
}
.l-container--smaller {
  max-width: 992px;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 767px) {
  .l-container--smaller {
    min-width: auto;
  }
}
.l-container.-wide,
.l-container--wide {
  max-width: 100%;
  min-width: 1200px;
}
@media (max-width: 767px) {
  .l-container.-wide,
  .l-container--wide {
    min-width: auto;
  }
}
@media (max-width: 767px) {
  .l-container {
    max-width: 100%;
    min-width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* table に rowspan を含む場合, スクロール不要なのに表示される.
   原因は scrollWidth が 1px 大きく取得されるため. 回避策を打つ
   にあたり, バージョンアップを考慮して javascript 側ではなく,
   cssでモバイル時のみの対応にするようにした.
   .scroll-hint-icon-wrap を初期値で非表示にし,メディアクエリで
   ラップした. T.Nakamura */
.scroll-hint-icon-wrap {
  display: none;
}

@media screen and (max-width: 600px) {
  .scroll-hint-icon-wrap {
    display: block;
  }

  /* 以下,末尾の閉じ括弧前まではオリジナルの先頭にタブ文字追加 */
  @-webkit-keyframes scroll-hint-appear {
    0% {
      -webkit-transform: translateX(40px);
      transform: translateX(40px);
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    50%,
    100% {
      -webkit-transform: translateX(-40px);
      transform: translateX(-40px);
      opacity: 0;
    }
  }
  @keyframes scroll-hint-appear {
    0% {
      -webkit-transform: translateX(40px);
      transform: translateX(40px);
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    50%,
    100% {
      -webkit-transform: translateX(-40px);
      transform: translateX(-40px);
      opacity: 0;
    }
  }
  .scroll-hint.is-right-scrollable {
    background: linear-gradient(
      270deg,
      rgba(0, 0, 0, 0.15) 0,
      rgba(0, 0, 0, 0) 16px,
      rgba(0, 0, 0, 0)
    );
  }

  .scroll-hint.is-right-scrollable.is-left-scrollable {
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.15) 0,
        rgba(0, 0, 0, 0) 16px,
        rgba(0, 0, 0, 0)
      ),
      linear-gradient(
        270deg,
        rgba(0, 0, 0, 0.15) 0,
        rgba(0, 0, 0, 0) 16px,
        rgba(0, 0, 0, 0)
      );
  }

  .scroll-hint.is-left-scrollable {
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.15) 0,
      rgba(0, 0, 0, 0) 16px,
      rgba(0, 0, 0, 0)
    );
  }

  .scroll-hint-icon {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 60px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 120px;
    height: 80px;
    border-radius: 5px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 20px 10px 10px 10px;
  }

  .scroll-hint-icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    pointer-events: none;
  }

  .scroll-hint-text {
    font-size: 10px;
    color: #fff;
    margin-top: 5px;
  }

  .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: 0.8;
  }

  .scroll-hint-icon:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
  }

  .scroll-hint-icon:after {
    content: "";
    width: 34px;
    height: 14px;
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
    opacity: 0;
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s;
  }

  .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
    opacity: 1;
  }

  .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    -webkit-animation: scroll-hint-appear 1.2s linear;
    animation: scroll-hint-appear 1.2s linear;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }

  .scroll-hint-icon-white {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
  }

  .scroll-hint-icon-white:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
  }

  .scroll-hint-icon-white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
  }

  .scroll-hint-icon-white .scroll-hint-text {
    color: #000;
  }
}
.c-btn {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.5;
  position: relative;
  display: block;
  text-decoration: none;
  background: #fff;
  color: #009fe8;
  text-align: center;
  font-weight: bold;
  max-width: 420px;
  width: 100%;
  margin: 32px auto 0;
  padding: 14px 32px;
  border: 1px solid #009fe8;
  border-radius: 28px;
}
@media (max-width: 767px) {
  .c-btn {
    max-width: 100%;
    padding: 15.5px 32px;
    font-size: 16px;
    margin: 24px auto 0;
  }
}
.c-btn span {
  padding-left: 24px;
  position: relative;
}
.c-btn span::before,
.c-btn span::after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../../assets/img/ico/ico_arrow_blue_01.svg);
  width: 8px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
}
.c-btn span::after {
  opacity: 0;
  background-image: url(../../assets/img/ico/ico_arrow_white_01.svg);
}
.c-btn:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .c-btn:hover {
    text-decoration: none;
    background-color: #009fe8;
    border: 1px solid #fff;
    color: #fff;
  }
  .c-btn:hover span {
    position: relative;
  }
  .c-btn:hover span::before {
    opacity: 0;
  }
  .c-btn:hover span::after {
    opacity: 1;
  }
}
.c-btn--wide {
  max-width: 100%;
}
.c-btn:first-child {
  margin-top: 0;
}

.c-btn--contact span {
  padding-left: 36px;
  position: relative;
}
.c-btn--contact span::before,
.c-btn--contact span::after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../../assets/img/ico/ico_mail_02.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}
.c-btn--contact span::after {
  opacity: 0;
  background-image: url(../../assets/img/ico/ico_mail_01.svg);
}
@media (min-width: 768px) {
  .c-btn--contact:hover span::before {
    opacity: 0;
  }
  .c-btn--contact:hover span::after {
    opacity: 1;
  }
}

.c-btn-text {
  margin-top: 18px;
}
@media (max-width: 767px) {
  .c-btn-text {
    margin-top: 14px;
  }
}
.c-btn-text a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 18px;
  font-size: 1.125rem;
}
.c-btn-text a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 8px;
  height: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../../assets/img/ico/ico_arrow_blue_01.svg");
}
@media (max-width: 767px) {
  .c-btn-text a:before {
    width: 7px;
    height: 12px;
  }
}
.c-btn-text a[href*=".pdf"] {
  padding: 0 0 0 28px;
}
@media (max-width: 767px) {
  .c-btn-text a[href*=".pdf"] {
    padding: 0 0 0 25px;
  }
}
.c-btn-text a[href*=".pdf"]:before {
  height: 18px;
  width: 19px;
  background-position: center 40%;
  background-size: 1em auto;
  background-image: url("../../assets/img/ico/ico_pdf_01.svg");
}
@media (max-width: 767px) {
  .c-btn-text a[href*=".pdf"]:before {
    height: 16px;
    width: 17px;
    background-size: contain;
  }
}
.c-btn-text a[target*="_blank"] {
  padding: 0 0 0 28px;
}
@media (max-width: 767px) {
  .c-btn-text a[target*="_blank"] {
    padding: 0 0 0 25px;
  }
}
.c-btn-text a[target*="_blank"]:before {
  height: 18px;
  width: 18px;
  background-position: center 80%;
  background-size: 1em auto;
  background-image: url("../../assets/img/ico/ico_blank_01.svg");
}
@media (max-width: 767px) {
  .c-btn-text a[target*="_blank"]:before {
    height: 16px;
    width: 16px;
    background-size: contain;
  }
}

.c-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}
.c-flex + * {
  margin-top: 40px;
}
.c-flex:first-child {
  margin-top: 0;
}
.c-flex--max2 {
  margin-left: -24px;
}
.c-flex--max2 .c-flex__item {
  -ms-flex-preferred-size: calc(50% - 24px);
  flex-basis: calc(50% - 24px);
  max-width: calc(50% - 24px);
  margin-left: 24px;
}
.c-flex--max2 .c-flex__item:nth-of-type(2) ~ * {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .c-flex--max2 .c-flex__item,
  .c-flex--max2 .c-flex__item:nth-of-type(2) ~ * {
    margin-top: 24px;
  }
}
.c-flex--max3 {
  margin-left: -24px;
}
.c-flex--max3 .c-flex__item {
  -ms-flex-preferred-size: calc(100% / 3 - 24px);
  flex-basis: calc(100% / 3 - 24px);
  max-width: calc(100% / 3 - 24px);
  margin-left: 24px;
}
.c-flex--max3 .c-flex__item:nth-of-type(3) ~ * {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .c-flex--max3 .c-flex__item,
  .c-flex--max3 .c-flex__item:nth-of-type(3) ~ * {
    margin-top: 24px;
  }
}
.c-flex--max4 {
  margin-left: -24px;
}
.c-flex--max4 .c-flex__item {
  -ms-flex-preferred-size: calc(100% / 4 - 24px);
  flex-basis: calc(100% / 4 - 24px);
  max-width: calc(100% / 4 - 24px);
  margin-left: 24px;
}
.c-flex--max4 .c-flex__item:nth-of-type(4) ~ * {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .c-flex--max4 .c-flex__item,
  .c-flex--max4 .c-flex__item:nth-of-type(4) ~ * {
    margin-top: 24px;
  }
}
.c-flex--max4[class] {
  margin-left: -24px;
}
.c-flex--max4 .c-flex__item[class] {
  margin-left: 24px;
}
@media (max-width: 767px) {
  .c-flex--max4 .c-flex__item[class] {
    -ms-flex-preferred-size: calc(100% / 2 - 24px);
    flex-basis: calc(100% / 2 - 24px);
    max-width: calc(100% / 2 - 24px);
  }
}
@media (max-width: 767px) {
  .c-flex--max4 .c-flex__item[class]:nth-of-type(1),
  .c-flex--max4 .c-flex__item[class]:nth-of-type(2) {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .c-flex {
    margin-left: 0;
    margin-top: 24px;
  }
}
.c-flex .c-flex__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
@media (max-width: 767px) {
  .c-flex .c-flex__item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .c-flex .c-flex__item:first-child {
    margin-top: 0;
  }
  .c-flex .c-flex__item img {
    display: block;
    margin: 0 auto;
  }
}

.c-img-center {
  width: 65.8%;
  margin: 32px auto 0;
}
@media (max-width: 767px) {
  .c-img-center {
    margin: 24px auto 0;
    width: 100%;
  }
}
.c-img-center__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .c-img-center__img {
    display: block;
    text-align: center;
  }
}
.c-img-center img {
  width: 100%;
}
.c-img-center:first-child {
  margin-top: 0;
}

.c-img-caption,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption,
.wp-block-image .aligncenter figcaption {
  margin-top: 12px;
  text-align: center;
}

.c-img-movie {
  width: 65.8%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .c-img-movie {
    position: relative;
    padding-bottom: 56.3%;
    height: 0;
    overflow: hidden;
    width: 100%;
  }
}
.c-img-movie iframe {
  vertical-align: bottom;
  width: 100%;
}
@media (max-width: 767px) {
  .c-img-movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.c-imgbox:first-child {
  margin: 0;
}
.c-imgbox .c-imgbox__right {
  float: right;
  width: 31.7%;
  margin: 0 0 40px 4.2%;
}
@media (max-width: 767px) {
  .c-imgbox .c-imgbox__right {
    width: 100%;
    margin: 0 0 24px;
  }
}
.c-imgbox .c-imgbox__left {
  float: left;
  width: 31.7%;
  margin: 0 4.2% 40px 0;
}
@media (max-width: 767px) {
  .c-imgbox .c-imgbox__left {
    width: 100%;
    margin: 0 0 24px;
  }
}
.c-imgbox:first-child {
  margin-top: 0;
}

.c-table {
  border-right: 1px solid #dee5ea;
  border-bottom: 1px solid #dee5ea;
  width: 100%;
  margin-top: 32px;
}
.c-table + * {
  margin-top: 32px;
}
.c-table th,
.c-table td {
  border-top: 1px solid #dee5ea;
  border-left: 1px solid #dee5ea;
}
.c-table th {
  width: 200px;
  font-weight: bold;
  background: #f5f6f7;
}
.c-table th,
.c-table td {
  padding: 21px 20px;
}
@media (max-width: 767px) {
  .c-table th,
  .c-table td {
    display: block;
    width: 100%;
    padding: 16px;
  }
}
.c-table:first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  .c-table--wide th {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .c-table--wide td {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .c-table--wide th,
  .c-table--wide td {
    display: table-cell;
    border-right: 1px solid #dee5ea;
  }
}

.c-table--side th,
.c-table--side td {
  width: auto;
}
@media (max-width: 767px) {
  .c-table--side th,
  .c-table--side td {
    width: auto;
  }
}

.c-table-scroll {
  margin: 32px 0;
}
@media (max-width: 767px) {
  .c-table-scroll {
    overflow-x: auto;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767px) {
  .c-table-scroll .c-table {
    min-width: 640px;
  }
}
@media (max-width: 767px) {
  .c-table-scroll .c-table th,
  .c-table-scroll .c-table td {
    display: table-cell;
    width: auto;
    border-right: 1px solid #dee5ea;
  }
}
.c-table-scroll:first-child {
  margin-top: 0;
}

.c-pagetop {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  z-index: 9999;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.c-pagetop.is-active {
  opacity: 1;
}
.c-pagetop__btn {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-pagetop__btn:hover {
  cursor: pointer;
}

.c-breadcrumb {
  position: relative;
  top: -31px;
}
@media (max-width: 767px) {
  .c-breadcrumb {
    top: -23px;
  }
  .c-breadcrumb::after {
    position: absolute;
    content: "";
    right: 16px;
    top: 0;
    background: #fff;
    width: 19px;
    height: 40px;
    z-index: 10;
  }
}
.c-breadcrumb + * {
  margin-top: 49px;
}
@media (max-width: 767px) {
  .c-breadcrumb + * {
    margin-top: 37px;
  }
}
.c-breadcrumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 22px 25px 18px;
  background-color: #fff;
  border-bottom: 1px solid #dee5ea;
}
@media (max-width: 767px) {
  .c-breadcrumb-list {
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding: 17px 19px;
    position: relative;
  }
}
.c-breadcrumb-list__item {
  list-style-type: none;
  line-height: 1.5;
  font-size: 0.875rem;
}
.c-breadcrumb-list__item + .c-breadcrumb-list__item:before {
  content: ">";
  display: inline-block;
  margin: 0 0.5rem;
}

.c-pagetitle {
  padding-top: 33px;
  padding-bottom: 64px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#009fe8),
    to(#e2de7c)
  );
  background: linear-gradient(to right, #009fe8, #e2de7c 100%);
}
@media (max-width: 767px) {
  .c-pagetitle {
    padding-top: 25px;
    padding-bottom: 48px;
  }
}
.c-pagetitle__title {
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .c-pagetitle__title {
    font-size: 2rem;
  }
}

.c-sitemap ul {
  list-style: none;
}
.c-sitemap__list ul {
  margin-left: 24px;
}

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

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

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

.wp-block-image {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .wp-block-image {
    margin-top: 24px;
  }
}
.wp-block-image .alignleft,
.wp-block-image .alignright {
  display: inline-block;
}
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption,
.wp-block-image .aligncenter figcaption {
  text-align: center;
}
@media (max-width: 767px) {
  .wp-block-image .alignleft,
  .wp-block-image .alignright,
  .wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-block-image .alignright {
  margin-left: auto;
}
.wp-block-image .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.un-section + .un-section {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .un-section + .un-section {
    margin-top: 60px;
  }
}

.un-text,
.un-container p:not([class]) {
  font-size: 1rem;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .un-text,
  .un-container p:not([class]) {
    margin-top: 24px;
  }
}
.un-text--center {
  text-align: center;
}

.un-head-2,
.un-container h2:not([class]),
.un-head-3,
.un-container h3:not([class]),
.un-head-4,
.un-container h4:not([class]) {
  font-weight: bold;
  line-height: 1.5;
}

p + .un-head-2,
.un-container p + h2:not([class]) {
  margin: 67px 0 0;
}
@media (max-width: 767px) {
  p + .un-head-2,
  .un-container p + h2:not([class]) {
    margin: 51px 0 0;
  }
}

.un-head-2,
.un-container h2:not([class]) {
  margin: 80px 0 0;
  font-size: 1.75rem;
  padding: 0 0 15px;
  border-bottom: 2px solid #009fe8;
}
@media (max-width: 767px) {
  .un-head-2,
  .un-container h2:not([class]) {
    margin: 60px 0 0;
  }
}
.un-head-2 + *,
.un-container h2:not([class]) + * {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .un-head-2 + *,
  .un-container h2:not([class]) + * {
    margin-top: 30px;
  }
}
.un-head-2 + p,
.un-container h2:not([class]) + p {
  margin-top: 34px;
}
@media (max-width: 767px) {
  .un-head-2 + p,
  .un-container h2:not([class]) + p {
    margin-top: 26px;
  }
}
.un-head-2:first-child,
.un-container h2:first-child:not([class]) {
  margin-top: 0;
}

p + .un-head-3,
.un-container p + h3:not([class]) {
  margin-top: 50px;
}
@media (max-width: 767px) {
  p + .un-head-3,
  .un-container p + h3:not([class]) {
    margin-top: 38px;
  }
}

.un-head-3,
.un-container h3:not([class]) {
  position: relative;
  font-size: 1.5rem;
  margin-top: 64px;
  padding: 0 16px;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .un-head-3,
  .un-container h3:not([class]) {
    margin-top: 48px;
  }
}
.un-head-3 + *,
.un-container h3:not([class]) + * {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .un-head-3 + *,
  .un-container h3:not([class]) + * {
    margin-top: 16px;
  }
}
.un-head-3 + p,
.un-container h3:not([class]) + p {
  margin-top: 18px;
}
@media (max-width: 767px) {
  .un-head-3 + p,
  .un-container h3:not([class]) + p {
    margin-top: 14px;
  }
}
.un-head-3:first-child,
.un-container h3:first-child:not([class]) {
  margin-top: 0;
}
.un-head-3::before,
.un-container h3:not([class])::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 100%;
  background-color: #009fe8;
  border-radius: 3px;
}

p + .un-head-4,
.un-container p + h4:not([class]) {
  margin-top: 36px;
}
@media (max-width: 767px) {
  p + .un-head-4,
  .un-container p + h4:not([class]) {
    margin-top: 27px;
  }
}

.un-head-4,
.un-container h4:not([class]) {
  font-size: 1.25rem;
  margin-top: 43px;
}
.un-head-4 + *,
.un-container h4:not([class]) + * {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .un-head-4 + *,
  .un-container h4:not([class]) + * {
    margin-top: 12px;
  }
}
.un-head-4 + p,
.un-container h4:not([class]) + p {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .un-head-4 + p,
  .un-container h4:not([class]) + p {
    margin-top: 9px;
  }
}
.un-head-4:first-child,
.un-container h4:first-child:not([class]) {
  margin-top: 0;
}

.un-ul,
.un-container ul:not([class]),
.un-ol,
.un-container ol:not([class]) {
  margin-top: 32px;
  padding: 0 0 0 20px;
}
.un-ul + *,
.un-container ul:not([class]) + *,
.un-ol + *,
.un-container ol:not([class]) + * {
  margin-top: 32px;
}
.un-ul:first-child,
.un-container ul:first-child:not([class]),
.un-ol:first-child,
.un-container ol:first-child:not([class]) {
  margin-top: 0;
}
.un-ul li,
.un-container ul:not([class]) li,
.un-ol li,
.un-container ol:not([class]) li {
  font-size: 1.125rem;
  margin-top: 8px;
}
.un-ul li:first-child,
.un-container ul:not([class]) li:first-child,
.un-ol li:first-child,
.un-container ol:not([class]) li:first-child {
  margin-top: 0px;
}

.un-ul li,
.un-container ul:not([class]) li {
  list-style: none;
  position: relative;
}
.un-ul li::before,
.un-container ul:not([class]) li::before {
  position: absolute;
  content: "";
  left: -20px;
  top: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #333333;
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}

.un-container p:not([class]) a {
  color: #009fe8;
  text-decoration: underline;
}
.un-container p:not([class]) a:hover {
  text-decoration: none;
}
.un-container .text-link {
  color: #009fe8;
  text-decoration: underline;
}
.un-container .text-link:hover {
  text-decoration: none;
}
.c-en {
  font-family: "Inter", sans-serif;
}

/**/
.modaal-gallery-label {
  display: block !important;
  font-size: 1.125rem;
  margin-top: 25px;
}

.modaal-container {
  max-width: 800px;
  max-height: 493px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .modaal-gallery-item {
    max-width: 100%;
  }
}

.modaal-gallery-item-wrap {
  position: relative;
  max-height: 494px;
}
.modaal-gallery-item-wrap img {
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 767px) {
  .modaal-gallery-item-wrap img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .modaal-gallery-item-wrap {
    max-height: 400px;
  }
}

.modaal-gallery-control {
  width: 40px;
  height: 40px;
  background-color: #fff;
  background-image: url(/assets/img/ico/ico_arrow_blue_01.svg);
  background-size: 6px 11px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  .modaal-gallery-control {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 767px) {
  .modaal-gallery-control {
    top: 50%;
    bottom: initial;
  }
}
@media (min-width: 768px) {
  .modaal-gallery-control:hover {
    background-color: #fff;
    background-image: url(/assets/img/ico/ico_arrow_blue_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.7;
  }
}
.modaal-gallery-control::before,
.modaal-gallery-control::after {
  display: none;
}

.modaal-gallery-prev {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
@media (max-width: 767px) {
  .modaal-gallery-prev {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    margin: 0;
    left: 6px;
  }
}

@media (max-width: 767px) {
  .modaal-gallery-next {
    margin: 0;
    right: 6px;
  }
}

@media (max-width: 767px) {
  .modaal-container {
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
  }
}

@media only screen and (max-width: 1140px) {
  .modaal-gallery-control {
    top: 50%;
  }

  .modaal-gallery-prev {
    left: -15px;
    right: initial;
  }

  .modaal-gallery-next {
    left: initial;
    right: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.modaal-close {
  top: 30px;
  right: 30px;
  width: 24px;
  height: 24px;
}
@media (min-width: 768px) {
  .modaal-close:hover {
    background: none;
  }
  .modaal-close:hover::before,
  .modaal-close:hover::after {
    background: #fff;
  }
}

.modaal-close:before,
.modaal-close:after {
  border-radius: 0;
  height: 24px;
  width: 2px;
  top: 0;
  left: 12px;
}

/* =====================================
* mw wp formデフォルトcss
* ================================== */
/**
* error message
*/
.mw_wp_form .error {
  font-size: 93%;
  color: #b70000;
  display: block;
}

/**
* error message of akismet
*/
.mw_wp_form .akismet_error {
  display: block;
}

/**
* vertical style of radio and checkbox
*/
.mw_wp_form .vertical-item {
  display: block;
}

.mw_wp_form .vertical-item + .vertical-item {
  margin-top: 5px;
}

/**
* horizontal style of radio and checkbox
*/
.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 10px;
}

/**
* radio and checkbox
*/
.mwform-checkbox-field label,
.mwform-radio-field label {
  font-weight: normal;
  margin-bottom: 0;
}

.mwform-checkbox-field input,
.mwform-radio-field input {
  margin-right: 5px;
}

/**
* datepicker
*/
.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  width: 40%;
  margin: 0 5px;
}

/**
* deprecated message
*/
.mw-wp-form-deprecated-message {
  background: #fdeeee;
  border: 1px solid #f7bdb8;
  border-radius: 5px;
  color: #af4040;
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 10px;
  padding: 1em;
}

/**
* file
*/
.mw_wp_form input[type="file"] {
  display: inline-block;
}

/**
* file delete button
*/
.mwform-file-delete {
  cursor: pointer;
  visibility: hidden;
}

/**
* tel and zip
*/
.mwform-tel-field input[type="text"],
.mwform-zip-field input[type="text"] {
  display: inline-block;
  width: auto;
}

/* =====================================
 * フォームのオリジナル設定はここから
 * ================================== */
.p-form__inner {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-form__inner dt,
.p-form__inner dd {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.p-form__inner dt {
  font-weight: bold;
  -ms-flex-preferred-size: 250px;
  flex-basis: 250px;
  max-width: 250px;
}
.p-form__inner dd {
  -ms-flex-preferred-size: calc(100% - 250px);
  flex-basis: calc(100% - 250px);
  max-width: calc(100% - 250px);
}
.p-form__req {
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-form__req:after {
  content: "必須";
  display: inline-block;
  font-weight: normal;
}

.section-kv {
  padding: 0;
}

.kv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
  overflow: hidden;
  max-height: 780px;
}
@media (max-width: 767px) {
  .kv {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    max-height: none;
  }
}
.kv-message,
.kv-image {
  width: 50%;
}
@media (max-width: 767px) {
  .kv-message,
  .kv-image {
    width: 100%;
  }
}
.kv-message__image,
.kv-image__image {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .kv-message__image,
  .kv-image__image {
    -o-object-position: center;
    object-position: center;
  }
}
.kv-message img,
.kv-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .kv-image {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .kv-image::before {
    display: block;
    padding-top: 53.33%;
    content: "";
  }
}
.kv-image__image {
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .kv-image__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .kv .swiper-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.kv-message {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 69px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background: -webkit-gradient(
    linear,
    left bottom,
    right top,
    from(#009fe8),
    to(#e2de7c)
  );
  background: linear-gradient(to right top, #009fe8, #e2de7c 100%);
}
@media (max-width: 767px) {
  .kv-message {
    padding-bottom: 0px;
  }
}
.kv-message__inner {
  width: 65%;
  margin: 8.9% auto;
}
@media (max-width: 1300px) {
  .kv-message__inner {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .kv-message__inner {
    width: 100%;
    padding: 42px 4% 48px;
    margin: 0;
  }
}
.kv-message .kv-text,
.kv-message .kv-message__main-text,
.kv-message .kv-message__top-text {
  color: #fff;
  font-weight: bold;
}
.kv-message__main-text {
  font-size: 3.5rem;
  line-height: 1.43;
  margin-top: 14px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .kv-message__main-text {
    font-size: 2.857rem;
    white-space: wrap;
    text-align: center;
  }
}
.kv-message .kv-text {
  font-size: 0.875rem;
  margin-top: 23px;
}
@media (max-width: 767px) {
  .kv-message .kv-text {
    font-size: 0.857rem;
    margin-top: 35.5px;
  }
}
.kv-message::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  background-image: url(../../assets/img/top/img_bg_01.png);
  width: 455px;
  height: 455px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.24;
}
@media (max-width: 767px) {
  .kv-message::before {
    right: initial;
    width: 311px;
    height: 310px;
    top: -230px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .kv-message .kv-message__top-text {
    text-align: center;
    font-size: 16px;
  }
}
.kv-news {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0px;
  left: calc((100vw - 1200px) / 2);
  padding-right: calc((100vw - 1200px) / 2);
  width: 100%;
  background-color: #fff;
  z-index: 10;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1300px) {
  .kv-news {
    left: 0;
  }
}
@media (max-width: 767px) {
  .kv-news {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 16px 19px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: block;
    position: relative;
    width: 100%;
  }
}
.kv-news__head {
  font-size: 1.125rem;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: #009fe8;
  line-height: 1.17;
  margin: 24px 0;
  padding: 0 32px;
  border-right: 1px solid #e6edf1;
}
@media (max-width: 767px) {
  .kv-news__head {
    width: 100%;
    text-align: left;
    margin: 0;
    border-right: 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #e6edf1;
  }
}
.kv-news__date {
  font-size: 0.75rem;
  color: #333;
  margin-left: 32px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .kv-news__date {
    margin-left: 0px;
    width: 100%;
    display: block;
    margin-top: 12px;
  }
}
.kv-news__title {
  font-size: 1rem;
  color: #333;
  margin-left: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: calc((100vw - 1200px) / 2);
}
@media (max-width: 767px) {
  .kv-news__title {
    margin: 1px 0 0;
    width: 100%;
    white-space: break-spaces;
    max-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-right: 0;
  }
}
.kv .c-btn {
  margin-top: 43px;
  margin-left: 0;
  border: 0;
}
@media (max-width: 1300px) {
  .kv .c-btn {
    margin-top: 36px;
  }
}
@media (max-width: 767px) {
  .kv .c-btn {
    margin-top: 26.5px;
  }
}

.section-service {
  background-color: #f5f6f7;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .section-service {
    padding-top: 75px;
  }
}

.service-decoration,
.service-situation {
  padding-top: 27px;
  width: 100%;
  position: relative;
}
.service .service-decoration + .service-situation {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .service .service-decoration + .service-situation {
    margin-top: 48px;
  }
}
.service-inner {
  background-color: #fff;
  padding: 34px 40px 58px;
}
@media (max-width: 767px) {
  .service-inner {
    padding: 32px 20px;
  }
}
.service-tag {
  position: absolute;
  top: 0;
  left: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  width: 100px;
  line-height: 27px;
  background-image: url(../../assets/img/top/img_top_trapezoid_01.png);
  background-repeat: no-repeat;
  background-size: 100px 27px;
  text-transform: capitalize;
}
.service .service-head {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  position: relative;
  padding-left: 19px;
}
@media (max-width: 767px) {
  .service .service-head {
    font-size: 1.25rem;
  }
}
.service .service-head--inner {
  color: #009fe8;
}
.service .service-head::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 24px;
  background-color: #009fe8;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .service .service-head::before {
    height: 100%;
  }
}
.service-list {
  margin-top: 33px;
  margin-left: -32px;
}
@media (max-width: 767px) {
  .service-list {
    margin-left: 0px;
  }
}
.service-list__image {
  display: block;
  overflow: hidden;
}
.service-list__image-wrapper {
  position: relative;
}
.service-list__image::before {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background-image: url(../../assets/img/ico/ico_arrow_blue_01.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 5px 8px;
  background-color: #fff;
}
.service-list__image::after {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background-image: url(../../assets/img/ico/ico_arrow_white_01.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 5px 8px;
  background-color: #009fe8;
}
.service-list__image-image {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
@media (min-width: 768px) {
  .service-list__image:hover .service-list__image-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .service-list__image:hover::before {
    opacity: 1;
    z-index: 10;
  }
}
.service-list__title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333;
  margin-top: 17px;
  text-align: center;
  display: block;
}
.service-list__explain {
  margin-top: 7px;
}
.service-list__item:nth-of-type(n + 4) {
  margin-top: 50px !important;
}
@media (max-width: 767px) {
  .service-list__item:nth-of-type(n + 4) {
    margin-top: 38px !important;
  }
}
.service-list__item {
  -ms-flex-preferred-size: calc(100% / 3 - 32px) !important;
  flex-basis: calc(100% / 3 - 32px) !important;
  max-width: calc(100% / 3 - 32px) !important;
  margin-left: 32px !important;
}
@media (max-width: 767px) {
  .service-list__item {
    margin-top: 38px;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .service-list__item:first-of-type {
    margin-top: 0;
  }
}

.section-about {
  padding-bottom: 0;
}

.about-menu {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  .about-menu {
    width: 100%;
  }
}
.about-menu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about-menu__title {
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
.about-menu__title--sub {
  font-size: 1rem;
  margin-top: 3px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.about-menu__text {
  text-align: center;
  max-width: 366px;
  margin: 28px auto 0;
  color: #fff;
}
.about-menu__image {
  overflow: hidden;
  display: block;
}
.about-menu__image-image {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.about-menu__text-wrapper {
  padding: 40px 0 50px;
  background-color: #009fe8;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .about-menu__text-wrapper {
    padding: 30px 20px 38px;
  }
}
.about-menu--company .about-menu__text-wrapper {
  background-color: #23aceb;
}
@media (min-width: 768px) {
  .about-menu:hover .about-menu__text-wrapper {
    opacity: 0.7;
  }
  .about-menu:hover .about-menu__image-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .about-menu:hover a::after {
    opacity: 0.7;
  }
}
.about-menu--inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .about-menu--inner:hover {
    text-decoration: none;
  }
}
.about-menu--inner::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background-image: url(../../assets/img/ico/ico_arrow_blue_01.svg);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px 14px;
  background-color: #ffffff;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.about a {
  text-decoration: none;
}

.section-flow {
  padding-top: 170px;
  padding-bottom: 158px;
}
@media (max-width: 767px) {
  .section-flow {
    padding-top: 30px !important;
    padding-bottom: 70px !important;
  }
}

.top-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .top-flow {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
}
.top-flow-diagram,
.top-flow-text {
  width: 45%;
}
@media (max-width: 767px) {
  .top-flow-diagram,
  .top-flow-text {
    width: 100%;
  }
}
.top-flow-diagram {
  width: 55%;
}
@media (max-width: 767px) {
  .top-flow-diagram {
    width: 100%;
    margin-top: 24px;
  }
}
.top-flow-text {
  padding-left: 80px;
}
@media (max-width: 767px) {
  .top-flow-text {
    padding-left: 0;
    margin-top: 0px;
  }
}
.top-flow .top-section-header__explain {
  margin-top: 52px !important;
}
@media (max-width: 767px) {
  .top-flow .top-section-header__explain {
    margin-top: 39px !important;
  }
}
.top-flow .c-btn {
  margin-top: 58px;
  margin-left: 0;
}
@media (max-width: 767px) {
  .top-flow .c-btn {
    margin-top: 44px;
  }
}

.section-faq {
  background-color: #f5f6f7;
}

.top-faq-list__item {
  background-color: #fff;
}
.top-faq-list__item:nth-child(n + 3) {
  margin-top: 40px !important;
}
@media (max-width: 767px) {
  .top-faq-list__item:nth-child(n + 3) {
    margin-top: 30px !important;
  }
}
@media (max-width: 767px) {
  .top-faq-list__item:nth-child(n + 2) {
    margin-top: 30px !important;
  }
}
.top-faq-list__item:first-child {
  margin-top: 0 !important;
}
.top-faq-list__question {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333;
  padding: 15px 22px 15px 47px;
  background-color: rgba(0, 159, 232, 0.1);
  position: relative;
}
@media (max-width: 767px) {
  .top-faq-list__question {
    padding: 12px 20px 12px 40px;
  }
}
.top-faq-list__question::before {
  position: absolute;
  content: "Q";
  left: 16px;
  top: 16px;
  line-height: 1.2;
  font-size: 24px;
  font-family: "Inter", sans-serif;
  color: #009fe8;
  font-weight: 600;
}
@media (max-width: 767px) {
  .top-faq-list__question::before {
    top: 15px;
    font-size: 20px;
  }
}
.top-faq-list__answer {
  font-size: 1rem;
  color: #333;
  padding: 17px 24px 17px 47px;
  background-color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  .top-faq-list__answer {
    padding: 12px 20px 12px 40px;
  }
}
.top-faq-list__answer::before {
  position: absolute;
  content: "A";
  left: 17px;
  top: 16px;
  font-size: 24px;
  line-height: 1.2;
  font-size: 1.5rem;
  font-family: "Inter", sans-serif;
  color: #65696a;
  font-weight: 600;
}
@media (max-width: 767px) {
  .top-faq-list__answer::before {
    top: 14px;
    font-size: 20px;
  }
}
.top-faq .c-btn {
  margin-top: 64px;
  background-color: transparent;
}
@media (min-width: 768px) {
  .top-faq .c-btn:hover {
    background-color: #009fe8;
  }
}
@media (max-width: 767px) {
  .top-faq .c-btn {
    margin-top: 48px;
  }
}

.section-case {
  position: relative;
}
.section-case::before {
  position: absolute;
  background-image: url(../../assets/img/top/img_bg_02.png);
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 546px;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
  z-index: -1;
}
.section-case::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 546px;
  z-index: -2;
  background-color: #000;
}

.top-case .c-btn {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .top-case .c-btn {
    margin-top: 48px;
  }
}

.section-blog {
  background-color: #f5f6f7;
}

.top-blog .swiper2 {
  width: calc(100vw - (100vw - 1200px) / 2);
  padding-right: calc((100vw - 1200px) / 2);
  padding-top: 72px;
  padding-bottom: 44px;
  position: relative;
}
@media (max-width: 767px) {
  .top-blog .swiper2 {
    width: 100%;
    padding-top: 54px;
    padding-bottom: 33px;
  }
}
.top-blog .swiper2 .swiper-slide-active {
  left: 0;
}
.top-blog .swiper2 .swiper-pagination-bullets {
  padding-right: calc((100vw - 1200px) / 2);
  bottom: 0;
  line-height: 1;
}
.top-blog .swiper2 .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 56px;
  height: 4px;
  border-radius: 0;
  margin: 0 0 0 6px !important;
}
.top-blog
  .swiper2
  .swiper-pagination-bullets
  .swiper-pagination-bullet:first-child {
  margin-left: 0 !important;
}
.top-blog .swiper2 .swiper-button-prev,
.top-blog .swiper2 .swiper-button-next {
  top: 0;
  width: 40px;
  height: 40px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  background-color: #fff;
  -webkit-transform: 0;
  transform: 0;
  background-repeat: no-repeat;
  margin-top: 0;
}
.top-blog .swiper2 .swiper-button-prev::after,
.top-blog .swiper2 .swiper-button-next::after {
  display: none;
}
.top-blog .swiper2 .swiper-button-prev--inner,
.top-blog .swiper2 .swiper-button-next--inner {
  position: relative;
}
.top-blog .swiper2 .swiper-button-prev--inner::before,
.top-blog .swiper2 .swiper-button-next--inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  content: "";
  background-image: url(../../assets/img/ico/ico_arrow_blue_01.svg);
  width: 8px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
}
.top-blog .swiper2 .swiper-button-prev--inner::after,
.top-blog .swiper2 .swiper-button-next--inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  content: "";
  background-image: url(../../assets/img/ico/ico_arrow_white_01.svg);
  width: 8px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .top-blog .swiper2 .swiper-button-prev:hover,
  .top-blog .swiper2 .swiper-button-next:hover {
    background-color: #009fe8;
  }
  .top-blog
    .swiper2
    .swiper-button-prev:hover
    .swiper-button-next--inner::before,
  .top-blog
    .swiper2
    .swiper-button-prev:hover
    .swiper-button-prev--inner::before,
  .top-blog
    .swiper2
    .swiper-button-next:hover
    .swiper-button-next--inner::before,
  .top-blog
    .swiper2
    .swiper-button-next:hover
    .swiper-button-prev--inner::before {
    opacity: 0;
  }
  .top-blog
    .swiper2
    .swiper-button-prev:hover
    .swiper-button-next--inner::after,
  .top-blog
    .swiper2
    .swiper-button-prev:hover
    .swiper-button-prev--inner::after,
  .top-blog
    .swiper2
    .swiper-button-next:hover
    .swiper-button-next--inner::after,
  .top-blog
    .swiper2
    .swiper-button-next:hover
    .swiper-button-prev--inner::after {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .top-blog .swiper2 .swiper-button-prev,
  .top-blog .swiper2 .swiper-button-next {
    width: 30px;
    height: 30px;
    background-size: 6px 11px;
  }
}
.top-blog .swiper2 .swiper-button-prev {
  right: calc(((100vw - 1200px) / 2) + 48px);
  left: initial;
}
.top-blog .swiper2 .swiper-button-prev--inner::before {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg) !important;
  transform: translate(-50%, -50%) rotate(-180deg) !important;
}
.top-blog .swiper2 .swiper-button-prev--inner::after {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg) !important;
  transform: translate(-50%, -50%) rotate(-180deg) !important;
}
@media (max-width: 1300px) {
  .top-blog .swiper2 .swiper-button-prev {
    right: 38px;
  }
}
@media (max-width: 767px) {
  .top-blog .swiper2 .swiper-button-prev {
    right: 38px;
  }
}
.top-blog .swiper2 .swiper-button-next {
  right: calc((100vw - 1200px) / 2);
}
@media (max-width: 1300px) {
  .top-blog .swiper2 .swiper-button-next {
    right: 0;
  }
}
@media (max-width: 767px) {
  .top-blog .swiper2 .swiper-button-next {
    right: 0;
  }
}
.top-blog-list__tag {
  position: absolute;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  background-color: #009fe8;
  padding: 2px 6px;
  top: 0;
  left: 0;
}
.top-blog-list__title {
  margin-top: 5px;
  font-weight: bold;
  font-size: 1.125rem;
  display: block;
}
.top-blog-list__item {
  position: relative;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: auto !important;
}
.top-blog-list__item-inner {
  padding: 20px 24px 18px;
}
.top-blog-list__item-image {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.top-blog-list__item-image::before {
  content: "";
  display: block;
  padding-top: 62.9%;
}
.top-blog-list__item-image img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.top-blog-list__item--inner {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.top-blog-list__item--inner .top-blog-list__item-image-image {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
@media (min-width: 768px) {
  .top-blog-list__item--inner:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  .top-blog-list__item--inner:hover .blog-list__title {
    text-decoration: underline;
  }
  .top-blog-list__item--inner:hover .top-blog-list__item-image-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.top-blog-list__date {
  color: #65696a;
  font-size: 0.75rem;
}
.top-blog .c-btn {
  margin-top: 64px;
  background-color: transparent;
}
@media (min-width: 768px) {
  .top-blog .c-btn:hover {
    background-color: #009fe8;
  }
}
@media (max-width: 767px) {
  .top-blog .c-btn {
    margin-top: 48px;
  }
}

.top-section-header {
  position: relative;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .top-section-header {
    padding-top: 24px;
  }
}
.top-section-header::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 120px;
  height: 1px;
  background-color: #009fe8;
}
.top-section-header .top-head-2 {
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  color: #65696a;
}
.top-section-header .top-head-2--en {
  font-size: 3rem;
  color: #009fe8;
  font-weight: normal;
  font-family: "Inter", sans-serif;
  line-height: 1.23;
}
.top-section-header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .top-section-header-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.top-section-header__explain {
  margin-left: 80px;
  max-width: calc(100% - 240px);
}
@media (max-width: 767px) {
  .top-section-header__explain {
    margin-left: 0;
    margin-top: 32px;
    max-width: none;
  }
}
.top-section-header__explain-text {
  margin-top: 0;
}

.top-section-header-wrapper--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.top-section-header-wrapper--column .top-section-header__explain {
  margin-left: 0px;
  margin-top: 10px;
  max-width: none;
}

.top-section-header--white .top-section-header__explain-text,
.top-section-header--white .top-head-2--en,
.top-section-header--white .top-head-2 {
  color: #fff;
}
.top-section-header--white .top-section-header::before {
  background-color: #fff;
}

.top-section-header-wrapper + * {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .top-section-header-wrapper + * {
    margin-top: 48px;
  }
}

.top-section {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .top-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

a[href="tel:090-1619-1770"] {
  pointer-events: none;
}
@media (max-width: 767px) {
  a[href="tel:090-1619-1770"] {
    pointer-events: auto;
  }
}

body.is-fixed {
  overflow-x: hidden;
  overflow-y: scroll;
}

@media (max-width: 767px) {
  .top-section .c-btn {
    margin-top: 48px;
  }
}

.news-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 33px;
  padding-bottom: 33px;
  border-bottom: 1px solid #dee5ea;
}
@media (max-width: 767px) {
  .news-list__item {
    margin-top: 25px;
    padding-bottom: 25px;
  }
}
.news-list__item:first-child {
  margin-top: 0;
}
.news-list__date {
  display: inline-block;
  font-size: 0.75rem;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .news-list__date {
    display: block;
    width: 100%;
  }
}
.news-list__title {
  margin-left: 24px;
  max-width: 91%;
  font-size: 1.125rem;
  text-align: justify;
}
@media (max-width: 767px) {
  .news-list__title {
    width: 100%;
    max-width: 100%;
    margin: 18px 0 0 0;
  }
}

.c-pagination-list {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .c-pagination-list {
    margin-top: 60px;
  }
}
.c-pagination-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
  list-style: none;
}
@media (max-width: 767px) {
  .c-pagination-list ul {
    padding: 0 !important;
  }
}
.c-pagination-list li {
  position: relative;
  width: 40px;
  height: 40px;
  margin-left: 8px;
  margin-top: 0 !important;
  list-style: none;
}
.c-pagination-list li::before {
  display: none;
}
.c-pagination-list li a,
.c-pagination-list li span {
  border: 1px solid #dee5ea;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.c-pagination-list li a:hover,
.c-pagination-list li span:hover {
  color: #ffffff;
  background-color: #009fe8;
  text-decoration: none;
}
.c-pagination-list li a,
.c-pagination-list li span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-top: 5px;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .c-pagination-list li a,
  .c-pagination-list li span {
    padding-top: 7px;
  }
}
.c-pagination-list li .number__current {
  color: #ffffff;
  border: 1px solid #dee5ea;
  background-color: #009fe8;
}
.c-pagination-list li .number__current:hover {
  color: #ffffff;
  background-color: #009fe8;
}
.c-pagination-list li .number__skip {
  color: #333;
  background-color: #fff;
  border: 0;
}
.c-pagination-list li .number__skip:hover {
  color: #333;
  background-color: #fff;
}
.c-pagination-list li:first-child {
  margin-left: 0;
}
.c-pagination-list .number__prev,
.c-pagination-list .number__next {
  padding-top: 0;
}
.c-pagination-list .number__prev::before,
.c-pagination-list .number__prev::after,
.c-pagination-list .number__next::before,
.c-pagination-list .number__next::after {
  position: absolute;
  top: 14px;
  left: 16px;
  width: 6px;
  height: 10px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.c-pagination-list .number__prev::before,
.c-pagination-list .number__next::before {
  opacity: 1;
  background-image: url("../../assets/img/ico/ico_arrow_blue_01.svg");
}
.c-pagination-list .number__prev::after,
.c-pagination-list .number__next::after {
  opacity: 0;
  background-image: url("../../assets/img/ico/ico_arrow_white_01.svg");
}
.c-pagination-list .number__prev::before,
.c-pagination-list .number__prev::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c-pagination-list .number__prev:hover::before,
.c-pagination-list .number__next:hover::before {
  opacity: 0;
}
.c-pagination-list .number__prev:hover::after,
.c-pagination-list .number__next:hover::after {
  opacity: 1;
  z-index: 10;
}
.c-pagination-list .number__skip {
  padding-top: 0px;
}
@media (max-width: 767px) {
  .c-pagination-list .number__skip {
    padding-top: 2px;
  }
}
.c-pagination-list .number__skip:hover {
  background-color: #fff;
}

.news-detail__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
.news-detail__date {
  font-size: 0.75rem;
  font-weight: bold;
  margin: 16px 0 0 0;
}
.news-detail__footer-link {
  text-align: center;
  margin-top: 113px;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 25px 0 23px;
  border-top: 1px solid #dee5ea;
  border-bottom: 1px solid #dee5ea;
}
.news-detail__footer-link-text {
  padding-left: 18px;
  position: relative;
}
.news-detail__footer-link-text::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
  background-image: url(../../assets/img/ico/ico_arrow_blue_01.svg);
  width: 8px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
}

.blog .un-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.blog-article-wrapper,
.blog-list-wrapper {
  width: 65.8%;
}
@media (max-width: 767px) {
  .blog-article-wrapper,
  .blog-list-wrapper {
    width: 100%;
  }
}
.blog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
}
@media (max-width: 767px) {
  .blog-list {
    margin-left: 0px;
  }
}
.blog-list__card {
  width: calc(50% - 30px);
  margin-left: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .blog-list__card {
    width: 100%;
    margin-left: 0px;
  }
}
.blog-list__card-date {
  font-size: 0.75rem;
  color: #65696a;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.blog-list__card-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 6px 0 0 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.blog-list__card-text-wrapper {
  padding: 21px 24px 17px;
  background-color: #f5f6f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.blog-list__card-category {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  background-color: #009fe8;
  padding: 3px 6px;
  z-index: 10;
}
.blog-list__card-image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-list__card-image-wrapper {
  position: relative;
  width: 100%;
}
.blog-list__card-image-wrapper::before {
  content: "";
  display: block;
  padding-top: 62.9%;
}
.blog-list__card-inner {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.blog-list__card-inner:hover {
  opacity: 0.7;
  text-decoration: none;
}
.blog-list__card-inner:hover .blog-list__card-date,
.blog-list__card-inner:hover .blog-list__card-title {
  opacity: 0.7;
}
.blog-list__card:nth-child(n + 3) {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .blog-list__card:nth-child(n + 2) {
    margin-top: 23px;
  }
}
@media (max-width: 767px) {
  .blog-list__card:first-child {
    margin-top: 0;
  }
}
.blog-sidebar {
  width: 31.2%;
  display: block;
}
@media (max-width: 767px) {
  .blog-sidebar {
    width: 100%;
    margin-top: 80px;
  }
}
.blog-sidebar__list-item {
  background-color: #fff;
}
.blog-sidebar__list-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333333;
  background-color: rgba(0, 159, 232, 0.1);
  margin: 48px 0 0;
  padding: 16px;
  font-family: "Noto Sans JP", sans-serif;
}
.blog-sidebar__list-title:first-child {
  margin-top: 0px;
}
@media (max-width: 767px) {
  .blog-sidebar__list-title {
    margin: 36px 0 0;
  }
}
.blog-sidebar__category-list {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .blog-sidebar__category-list {
    margin-top: 12px;
  }
}
.blog-sidebar__popular-list {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .blog-sidebar__popular-list {
    margin-top: 18px;
  }
}
.blog-sidebar__category-list-item {
  list-style: none;
}
.blog-sidebar__category-list-item-link {
  display: block;
  position: relative;
  padding-right: 32px;
  font-size: 1rem;
  padding: 10px 0;
  border-bottom: 1px solid #dee5ea;
  list-style: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.blog-sidebar__category-list-item-link::before {
  position: absolute;
  content: "";
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../../assets/img/ico/ico_arrow_blue_01.svg);
  width: 8px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
}
.blog-sidebar__category-list-item-link:hover {
  text-decoration: none;
  opacity: 0.7;
}
.blog-sidebar__popular-list-item {
  list-style: none;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .blog-sidebar__popular-list-item {
    margin-top: 18px;
  }
}
.blog-sidebar__popular-list-item:first-child {
  margin-top: 0;
}
.blog-sidebar__popular-list-item-image {
  position: relative;
  width: 140px;
  display: block;
}
.blog-sidebar__popular-list-item-image::before {
  content: "";
  display: block;
  padding-top: 62.9%;
}
.blog-sidebar__popular-list-item-image-image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-sidebar__popular-list-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.blog-sidebar__popular-list-item-inner:hover {
  opacity: 0.7;
  text-decoration: none;
}
.blog-sidebar__popular-list-item-inner:hover
  .blog-sidebar__popular-list-item-date,
.blog-sidebar__popular-list-item-inner:hover
  .blog-sidebar__popular-list-item-title {
  text-decoration: none;
}
.blog-sidebar__popular-list-item-number {
  position: absolute;
  left: 0;
  top: 0;
  padding: 4px 5px 5px 6px;
  font-size: 0.75rem;
  color: #fff;
  background-color: #009fe8;
  font-family: "Inter", sans-serif;
  z-index: 10;
}
.blog-sidebar__popular-list-item-text-wrapper {
  margin-left: 24px;
  width: calc(100% - 164px);
}
.blog-sidebar__popular-list-item-date {
  font-size: 0.75rem;
  margin-top: -4px;
  padding: 0;
  text-decoration: none;
}
.blog-sidebar__popular-list-item-title {
  font-size: 0.8125rem;
  font-weight: bold;
  margin-top: 8px;
  text-decoration: none;
}
.blog-article__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .blog-article__title {
    font-size: 1.8rem;
  }
}
.blog-article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 23px;
}
@media (max-width: 767px) {
  .blog-article__info {
    margin-top: 17px;
  }
}
.blog-article__date {
  font-size: 0.75rem;
}
.blog-article__category {
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  background-color: #009fe8;
  padding: 3px 6px;
  margin-left: 16px;
}
.blog-article__image {
  margin-top: 42px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .blog-article__image {
    margin-top: 32px;
  }
}
.blog-article__image-image {
  display: block;
  margin: 0 auto;
}
.blog-related-article {
  margin-top: 114px;
}
@media (max-width: 767px) {
  .blog-related-article {
    margin-top: 86px;
  }
}
.blog-related-article .blog-list {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .blog-related-article .blog-list {
    margin-top: 30px;
  }
}

.faq-list__item {
  background-color: #fff;
  padding-bottom: 73px;
  border-bottom: 1px solid #dee5ea;
  margin-top: 80px;
}
@media (max-width: 767px) {
  .faq-list__item {
    padding-bottom: 55px;
    margin-top: 60px;
  }
}
.faq-list__item:first-child {
  margin-top: 0;
}
.faq-list__question {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  padding: 10px 16px 9px 47px;
  background-color: rgba(0, 159, 232, 0.1);
  position: relative;
}
@media (max-width: 767px) {
  .faq-list__question {
    font-size: 1.25rem;
    padding: 9px 14px 8px 44px;
  }
}
.faq-list__question::before {
  position: absolute;
  content: "Q";
  left: 16px;
  top: 16px;
  line-height: 1.2;
  font-size: 24px;
  font-family: "Inter", sans-serif;
  color: #009fe8;
  font-weight: 600;
}
@media (max-width: 767px) {
  .faq-list__question::before {
    top: 12px;
    font-size: 20px;
  }
}
.faq-list__answer {
  font-size: 1rem;
  color: #333;
  padding: 24px 24px 24px 47px;
  background-color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  .faq-list__answer {
    padding: 22px 22px 22px 44px;
  }
}
.faq-list__answer::before {
  position: absolute;
  content: "A";
  left: 17px;
  top: 24px;
  font-size: 24px;
  line-height: 1.2;
  font-family: "Inter", sans-serif;
  color: #65696a;
  font-weight: 600;
}
@media (max-width: 767px) {
  .faq-list__answer::before {
    top: 22px;
    font-size: 20px;
  }
}
.faq-list__answer-text {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .faq-list__answer-text {
    margin-top: 15px;
  }
}
.faq-list__answer-text:first-child {
  margin-top: 0;
}
.faq .c-btn {
  margin-top: 64px;
  background-color: transparent;
}
@media (min-width: 768px) {
  .faq .c-btn:hover {
    background-color: #009fe8;
  }
}
@media (max-width: 767px) {
  .faq .c-btn {
    margin-top: 48px;
  }
}

@media (max-width: 767px) {
  .flow .l-header__menu-list a[href="/flow/"] {
    color: #009fe8;
  }
}
.flow .l-header__menu-list a[href="/flow/"]::after {
  width: 100%;
}
@media (max-width: 767px) {
  .flow .l-header__menu-list a[href="/flow/"]::after {
    width: 0;
  }
}
.flow-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 48px;
  background-color: #f5f6f7;
  margin-top: 64px;
  position: relative;
}
@media (max-width: 767px) {
  .flow-content {
    margin-top: 48px;
    padding: 24px 20px;
  }
}
.flow-content:first-child {
  margin-top: 0px;
}
.flow-content::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #f5f6f7 transparent transparent transparent;
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -40px;
}
@media (max-width: 767px) {
  .flow-content::before {
    border-width: 30px 30px 0 30px;
    bottom: -30px;
  }
}
.flow-content__number {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .flow-content__number {
    margin: 0 auto;
    padding: 18px 26px;
  }
}
.flow-content__number--sub,
.flow-content__number--main {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-align: center;
  color: white;
}
.flow-content__number--sub {
  font-size: 1rem;
  line-height: 1.25;
}
.flow-content__number--main {
  font-size: 2rem;
  line-height: 1.22;
}
.flow-content__main {
  margin-top: 29px;
  margin-left: 40px;
  max-width: calc(100% - 140px);
}
@media (max-width: 767px) {
  .flow-content__main {
    max-width: 100%;
    margin-left: 0;
    margin-top: 23px;
  }
}
.flow-content__title {
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  padding-left: 64px;
}
@media (max-width: 767px) {
  .flow-content__title {
    padding-left: 48px;
  }
}
.flow-content__title::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/assets/img/ico/ico_mail_03.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .flow-content__title::before {
    width: 30px;
    height: 30px;
  }
}
.flow-content__text {
  font-size: 1.125rem;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .flow-content__text {
    margin-top: 18px;
  }
}
.flow-content:first-child .flow-content__number {
  background-color: #bfd48d;
}
.flow-content:first-child .flow-content__title::before {
  background-image: url(/assets/img/ico/ico_mail_03.svg);
}
.flow-content:nth-child(2) .flow-content__number {
  background-color: #a1cc9a;
}
.flow-content:nth-child(2) .flow-content__title::before {
  background-image: url(/assets/img/ico/ico_file_01.svg);
}
.flow-content:nth-child(3) .flow-content__number {
  background-color: #81c3ab;
}
.flow-content:nth-child(3) .flow-content__title::before {
  background-image: url(/assets/img/ico/ico_meeting_01.svg);
}
.flow-content:nth-child(4) .flow-content__number {
  background-color: #4eb5c2;
}
.flow-content:nth-child(4) .flow-content__title::before {
  background-image: url(/assets/img/ico/ico_design_01.svg);
}
.flow-content:nth-child(5) .flow-content__number {
  background-color: #26a9d5;
}
.flow-content:nth-child(5) .flow-content__title::before {
  background-image: url(/assets/img/ico/ico_balloon_01.svg);
}
.flow-content:nth-child(6) .flow-content__number {
  background-color: #009fe8;
}
.flow-content:nth-child(6) .flow-content__title::before {
  background-image: url(/assets/img/ico/ico_tools_01.svg);
}
.flow-content:last-child::before {
  display: none;
}

.case .case-list {
  margin-top: 64px !important;
}
@media (max-width: 767px) {
  .case .case-list {
    margin-top: 48px !important;
    margin-left: 0;
  }
}
.case .l-header__menu-list a[href="/case/"]::after {
  width: 100%;
}

.case-list {
  margin-top: 59px !important;
  margin-left: -30px;
}
@media (max-width: 767px) {
  .case-list {
    margin-top: 44px !important;
    margin-left: 0px;
  }
}
.case-list__item {
  margin-left: 30px !important;
  -ms-flex-preferred-size: calc(100% / 3 - 30px) !important;
  flex-basis: calc(100% / 3 - 30px) !important;
  max-width: calc(100% / 3 - 30px) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}
@media (max-width: 767px) {
  .case-list__item {
    margin-left: 0px !important;
    max-width: 100% !important;
    width: 100% !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
  }
}
.case-list__item:nth-child(n + 4) {
  margin-top: 64px !important;
}
@media (max-width: 767px) {
  .case-list__item:nth-child(n + 4) {
    margin-top: 48px !important;
  }
}
@media (max-width: 767px) {
  .case-list__item:nth-child(n + 2) {
    margin-top: 48px !important;
  }
}
@media (max-width: 767px) {
  .case-list__item:first-child {
    margin-top: 0;
  }
}
.case-list__inner {
  margin-left: 32px;
  padding: 24px 24px 20px;
  background-color: #fff;
  position: relative;
  margin-top: -32px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
}
.case-list__category-tag {
  font-size: 0.75rem;
  font-weight: bold;
  color: #009fe8;
  padding: 1px 12px;
  border-radius: 12px;
  border: 1px solid #dee5ea;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #fff;
}
.case-list__category-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -8px;
  font-size: 0;
}
.case-list__category-tag-list__item {
  list-style: none;
  margin: 8px 8px 0 0;
}
@media (min-width: 768px) {
  .case-list__category-tag:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.case-list__title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #333;
  margin-top: 13px;
  display: block;
}
.case-list__image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.case-list__image::before {
  content: "";
  display: block;
  padding-top: 63.2%;
}
.case-list__image-image {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 768px) {
  .case-list__image-image:hover {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}

.case-top {
  padding: 48px;
  background-color: #f5f6f7;
}
@media (max-width: 767px) {
  .case-top {
    padding: 36px 24px;
  }
}
.case-top__item {
  margin-top: 48px;
}
@media (max-width: 767px) {
  .case-top__item {
    margin-top: 36px;
  }
}
.case-top__item:first-child {
  margin-top: 0;
}
.case-top__title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  position: relative;
  padding-left: 19px;
}
@media (max-width: 767px) {
  .case-top__title {
    font-size: 1.25rem;
  }
}
.case-top__title--inner {
  color: #009fe8;
}
.case-top__title::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 24px;
  background-color: #009fe8;
  border-radius: 2px;
}
@media (max-width: 767px) {
  .case-top__title::before {
    height: 100%;
  }
}
.case-top .case-list__category-tag-list {
  margin-top: 10px;
}

.case-detail__top-image {
  max-width: 100%;
  max-height: 606px;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.case-detail__title {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  margin: 72px 0 0;
}
@media (max-width: 767px) {
  .case-detail__title {
    margin: 54px 0 0;
  }
}
.case-detail__info {
  margin-top: 40px;
}
.case-detail__info td {
  vertical-align: middle;
}
@media (max-width: 767px) {
  .case-detail .l-container--smaller {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .case .l-header__menu-list a[href="/case/"],
  .case-detail .l-header__menu-list a[href="/case/"] {
    color: #009fe8;
  }
}
.case .l-header__menu-list a[href="/case/"]::after,
.case-detail .l-header__menu-list a[href="/case/"]::after {
  width: 100%;
}
@media (max-width: 767px) {
  .case .l-header__menu-list a[href="/case/"]::after,
  .case-detail .l-header__menu-list a[href="/case/"]::after {
    width: 0;
  }
}

.service__lead + .service-decoration {
  margin-top: 73px;
}
@media (max-width: 767px) {
  .service__lead + .service-decoration {
    margin-top: 55px;
  }
}

.service__lead {
  text-align: center;
}
.service-bg {
  background-color: #f5f6f7;
  padding-bottom: 120px;
  min-width: 1200px;
}
@media (max-width: 767px) {
  .service-bg {
    padding-bottom: 90px;
    min-width: auto;
  }
}
@media (max-width: 767px) {
  .service .l-header__menu-list a[href="/service/"] {
    color: #009fe8;
  }
}
.service .l-header__menu-list a[href="/service/"]::after {
  width: 100%;
}
@media (max-width: 767px) {
  .service .l-header__menu-list a[href="/service/"]::after {
    width: 0;
  }
}

.swiper {
  position: relative;
}

.service-detail__decoration-kind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 80px;
}
@media (max-width: 767px) {
  .service-detail__decoration-kind {
    margin-top: 60px;
  }
}
.service-detail__decoration-kind:first-child {
  margin-top: 0;
}
.service-detail__hrader-2 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
.service-detail__hrader-2 + * {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .service-detail__hrader-2 + * {
    margin-top: 48px;
  }
}
.service-detail__hrader-3--main {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
}
.service-detail__hrader-3--number {
  font-size: 1rem;
  font-family: "Inter", sans-serif;
}
@media (max-width: 767px) {
  .service-detail__hrader-3--number {
    margin-top: 24px;
  }
}
.service-detail__difference {
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: 120px;
}
.service-detail__difference-title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
.service-detail__difference-wrapper {
  background-color: #f5f6f7;
}
@media (max-width: 767px) {
  .service-detail__difference {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 90px;
  }
}
.service-detail__menu {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .service-detail__menu {
    margin-top: 90px;
  }
}
.service-detail__menu .service-inner {
  background-color: #f5f6f7;
}
.service-detail__situation-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 56px;
}
@media (max-width: 767px) {
  .service-detail__situation-flex {
    margin-top: 42px;
  }
}
.service-detail__situation-flex:first-child {
  margin-top: 0;
}
.service-detail__situation-flex-image {
  width: 33.7%;
}
@media (max-width: 767px) {
  .service-detail__situation-flex-image {
    width: 100%;
  }
}
.service-detail__situation-flex-info {
  width: 53.7%;
  margin-left: 12.6%;
}
@media (max-width: 767px) {
  .service-detail__situation-flex-info {
    width: 100%;
    margin-left: 0;
    margin-top: 24px;
  }
}
.service-detail__situation-flex-title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
}
.service-detail__situation-flex .c-btn {
  margin-left: 0;
}

.font-family {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-family: "Inter", sans-serif;
  font-family: "Noto Sans JP", sans-serif;
}

.font-style {
  font-size: 0rem;
  font-weight: 0;
  color: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

body.service .swiper {
  overflow: hidden;
}
body.service .c-imgbox {
  margin-top: 80px;
}
@media (max-width: 767px) {
  body.service .c-imgbox {
    margin-top: 60px;
  }
}
body.service .c-imgbox__right,
body.service .c-imgbox__left {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  body.service .c-imgbox__right,
  body.service .c-imgbox__left {
    float: initial;
  }
}

.service-swiper-main .swiper-slide {
  position: relative;
  width: 100%;
}
.service-swiper-main .swiper-slide::before {
  content: "";
  display: block;
  padding-top: 63.7%;
}
.service-swiper-main .swiper-slide img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767px) {
  .service-situation-gallery {
    margin-left: -12px;
  }
}
.service-situation-gallery__item {
  position: relative;
}
@media (max-width: 767px) {
  .service-situation-gallery__item {
    -ms-flex-preferred-size: calc(100% / 2 - 12px) !important;
    flex-basis: calc(100% / 2 - 12px) !important;
    max-width: calc(100% / 2 - 12px) !important;
    margin-left: 12px !important;
  }
}
@media (max-width: 767px) {
  .service-situation-gallery__item:nth-child(-n + 2) {
    margin-top: 0px !important;
  }
}
@media (max-width: 767px) {
  .service-situation-gallery__item:nth-child(n + 3) {
    margin-top: 24px;
  }
}
.service-situation-gallery__item::before {
  content: "";
  display: block;
  padding-top: 61.7%;
}
.service-situation-gallery__item .gallery {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-service-detail-kv {
  position: relative;
  padding-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
@media (max-width: 767px) {
  .p-service-detail-kv {
    padding-top: 120px;
  }
}
.p-service-detail-kv__title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 7.5rem;
  font-weight: normal;
  color: #eaf4f7;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .p-service-detail-kv__title {
    font-size: 4rem;
  }
}
.p-service-detail-kv__title--sub {
  font-size: 2.5rem;
  line-height: 1.7;
  font-weight: bold;
  margin-top: -9px;
}
@media (max-width: 767px) {
  .p-service-detail-kv__title--sub {
    font-size: 2rem;
  }
}
.p-service-detail-kv__title--sub span {
  color: #009fe8;
}
.p-service-detail-kv__desc {
  margin-top: 34px;
  font-size: 1.125rem;
}
.p-service-detail-kv__text {
  width: 48%;
}
@media (max-width: 767px) {
  .p-service-detail-kv__text {
    width: 100%;
    margin-top: 24px;
  }
}
.p-service-detail-kv__image {
  width: 48.3%;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .p-service-detail-kv__image {
    width: 100%;
  }
}

.p-service-detail-contact {
  background-color: #009fe8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 56px 2% 56px 8.58%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .p-service-detail-contact {
    padding: 40px 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.p-service-detail-contact::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  background-image: url(../../assets/img/top/img_bg_01.png);
  width: 449px;
  height: 449px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.24;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-service-detail-contact::before {
    width: 300px;
    height: 300px;
  }
}
.p-service-detail-contact-wrapper {
  margin-top: 120px !important;
}
@media (max-width: 767px) {
  .p-service-detail-contact-wrapper {
    margin-top: 90px !important;
  }
}
.p-service-detail-contact__title {
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  font-weight: 1.5;
  padding-top: 17px;
  color: #fff;
  text-align: center;
  position: relative;
  text-transform: capitalize;
}
.p-service-detail-contact__title--sub {
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  margin: -3px;
  text-align: center;
}
.p-service-detail-contact__title::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  background-color: #fff;
  width: 120px;
  height: 1px;
}
.p-service-detail-contact__desc {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  .p-service-detail-contact__desc {
    margin-top: 16px;
  }
}
.p-service-detail-contact__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .p-service-detail-contact__info {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.p-service-detail-contact__info-tel {
  font-size: 1.5rem;
  font-weight: 600;
  margin-left: 24px;
}
.p-service-detail-contact__info-tel a {
  color: #fff !important;
}
@media (max-width: 767px) {
  .p-service-detail-contact__info-tel {
    text-align: center;
    margin-top: 16px;
  }
}
.p-service-detail-contact__info-work-hour {
  font-size: 0.75rem;
  margin-left: 12px;
  color: #fff;
}
@media (max-width: 767px) {
  .p-service-detail-contact__info-work-hour {
    margin-top: 8px;
    margin-left: 0;
    text-align: center;
    display: block;
  }
}
.p-service-detail-contact__info-wrapper {
  width: 74%;
  margin-left: 7.6%;
}
@media (max-width: 767px) {
  .p-service-detail-contact__info-wrapper {
    width: 100%;
    margin-left: 0;
  }
}
.p-service-detail-contact__info .c-btn--contact {
  max-width: 374px;
  margin: 0;
}
@media (max-width: 767px) {
  .p-service-detail-contact__info .c-btn--contact {
    max-width: 100%;
  }
}

.p-service-detail-contact-wrapper + .un-section {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .p-service-detail-contact-wrapper + .un-section {
    margin-top: 90px;
  }
}

.p-service-detail-image__flex {
  margin-top: 58px !important;
  margin-left: -30px !important;
}
@media (max-width: 767px) {
  .p-service-detail-image__flex {
    margin-left: 0 !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.p-service-detail-image__flex-item {
  -ms-flex-preferred-size: calc(100% / 3 - 30px) !important;
  flex-basis: calc(100% / 3 - 30px) !important;
  max-width: calc(100% / 3 - 30px) !important;
  margin-left: 30px !important;
}
.p-service-detail-image__flex-item:nth-child(n + 4) {
  margin-top: 30px !important;
}
@media (max-width: 767px) {
  .p-service-detail-image__flex-item {
    max-width: 100% !important;
    margin-left: 0 !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
  }
}

.p-service-bg {
  position: relative;
  display: block;
  width: 100%;
  padding: 7.5rem 0;
}
.p-service-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(((100vw - 100%) / 2) * -1);
  max-width: 100vw;
  width: 100vw;
  height: 100%;
  background-color: #f5f6f7;
  z-index: -1;
  min-width: 1200px;
}
@media (max-width: 1200px) {
  .p-service-bg::after {
    left: -16px;
  }
}
@media (max-width: 767px) {
  .p-service-bg::after {
    min-width: auto;
  }
}

.p-service-detail-effect + .p-service-bg {
  margin-top: 7.5rem;
}

.p-service-bg + .un-section {
  margin-top: 7.5rem;
}

.p-service-detail-content__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 56px 5.33% 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .p-service-detail-content__item {
    padding: 40px 24px;
  }
}
.p-service-detail-content__item-wrapper {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .p-service-detail-content__item-wrapper {
    margin-top: 48px;
  }
}
.p-service-detail-content__item:first-child {
  margin-top: 0;
}
.p-service-detail-content__item-number {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #009fe8;
}
@media (max-width: 767px) {
  .p-service-detail-content__item-number {
    margin: 0 auto;
    padding: 18px 26px;
  }
}
@media (max-width: 1300px) {
  .p-service-detail-content__item-number {
    width: 95px;
    height: 95px;
  }
}
.p-service-detail-content__item-number--sub,
.p-service-detail-content__item-number--main {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-align: center;
  color: white;
  white-space: nowrap;
}
.p-service-detail-content__item-number--sub {
  font-size: 1rem;
  line-height: 1.25;
}
.p-service-detail-content__item-number--main {
  font-size: 2rem;
  line-height: 1.22;
}
.p-service-detail-content__item-image {
  margin-left: 6.1%;
  width: 13%;
}
@media (max-width: 767px) {
  .p-service-detail-content__item-image {
    width: 50%;
    margin-left: 0;
    margin: 0 auto;
  }
}
.p-service-detail-content__item-image img {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .p-service-detail-content__item-image img {
    margin: 24px auto 0;
  }
}
.p-service-detail-content__item-inner {
  width: 86.2%;
  margin-left: 4.4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
@media (max-width: 767px) {
  .p-service-detail-content__item-inner {
    margin-left: 0;
    width: 100%;
  }
}
.p-service-detail-content__title-wrapper {
  width: 80.9%;
}
@media (max-width: 767px) {
  .p-service-detail-content__title-wrapper {
    margin-top: 24px;
    width: 100%;
  }
}
.p-service-detail-content__title {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .p-service-detail-content__title {
    text-align: center;
  }
}
.p-service-detail-content__desc {
  font-size: 1rem;
  margin-top: 27px;
  line-height: 1.7;
}

.p-service-detail-effect__flex {
  margin-top: 77px;
  margin-left: -30px !important;
}
@media (max-width: 767px) {
  .p-service-detail-effect__flex {
    margin-top: 57px;
    margin-left: 0 !important;
  }
}
.p-service-detail-effect__flex--2column {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-service-detail-effect__item {
  position: relative;
  padding: 69px 32px 34px;
  background-color: #f5f6f7;
  margin-left: 30px !important;
  -ms-flex-preferred-size: calc(100% / 3 - 30px) !important;
  flex-basis: calc(100% / 3 - 30px) !important;
  max-width: calc(100% / 3 - 30px) !important;
}
@media (max-width: 767px) {
  .p-service-detail-effect__item {
    margin-top: 48px !important;
    max-width: 100% !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    margin-left: 0px !important;
  }
}
.p-service-detail-effect__item:first-child {
  margin-top: 0;
}
.p-service-detail-effect__number {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 2.5rem;
  line-height: 1.25;
  color: #009fe8;
  padding-bottom: 8px;
  border-bottom: 1px solid #009fe8;
}
@media (max-width: 767px) {
  .p-service-detail-effect__number {
    top: -20px;
  }
}
.p-service-detail-effect__title {
  margin-top: 0px;
  font-size: 1.75rem;
  font-weight: bold;
  color: #009fe8;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-service-detail-effect__title--sub {
  margin-top: 34px;
  font-size: 1rem;
  font-weight: bold;
  color: #333;
  text-align: center;
}
.p-service-detail-effect__desc {
  margin-top: 24px;
  line-height: 1.7;
}
.p-service-detail-effect__image img {
  display: block;
  width: 100%;
}

.p-service-detail-type {
  padding: 120px 0;
  background-color: #f5f6f7;
}
@media (max-width: 767px) {
  .p-service-detail-type {
    padding: 90px 0;
  }
}
.p-service-detail-type__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 116px;
  background-color: #fff;
  padding: 64px;
}
@media (max-width: 767px) {
  .p-service-detail-type__item {
    margin-top: 87px;
    padding: 40px 16px;
  }
}
.p-service-detail-type__item:first-child {
  margin-top: 0;
}
.p-service-detail-type__item-gallery-wrapper {
  width: 46.6%;
}
@media (max-width: 767px) {
  .p-service-detail-type__item-gallery-wrapper {
    width: 100%;
  }
}
.p-service-detail-type__item-title {
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.75rem;
  margin-top: 8px;
}
.p-service-detail-type__item-title--sub {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #009fe8;
  text-transform: capitalize;
}
.p-service-detail-type__item-text-wrapper {
  margin-left: 4.48%;
  width: 48.9%;
}
@media (max-width: 767px) {
  .p-service-detail-type__item-text-wrapper {
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }
}
.p-service-detail-type__item-desc {
  margin-top: 28px;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .p-service-detail-type__item-desc {
    margin-top: 16px;
  }
}
.p-service-detail-type .service-swiper-thumbnail .swiper-slide,
.p-service-detail-type .service-swiper-thumbnail-2 .swiper-slide {
  width: calc(20% - 8px) !important;
  height: 100%;
  opacity: 0.5;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 16px 10px 0 0;
}
@media (max-width: 767px) {
  .p-service-detail-type .service-swiper-thumbnail .swiper-slide,
  .p-service-detail-type .service-swiper-thumbnail-2 .swiper-slide {
    width: calc(20% - 7px) !important;
    margin: 12px 8px 0 0;
  }
}
.p-service-detail-type .service-swiper-thumbnail .swiper-slide:nth-child(5n),
.p-service-detail-type .service-swiper-thumbnail-2 .swiper-slide:nth-child(5n) {
  margin-right: 0px;
}
.p-service-detail-type
  .service-swiper-thumbnail
  .swiper-slide.swiper-slide-thumb-active,
.p-service-detail-type
  .service-swiper-thumbnail-2
  .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.p-service-detail-type .swiper-button-next,
.p-service-detail-type .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: #fff;
  background-image: url(/assets/img/ico/ico_arrow_blue_01.svg);
  background-size: 8px 14px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
}
.p-service-detail-type .swiper-button-next::after,
.p-service-detail-type .swiper-button-prev::after {
  display: none;
}
.p-service-detail-type .swiper-button-next {
  right: 0;
}
.p-service-detail-type .swiper-button-prev {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
  left: 0;
}
.p-service-detail-type__item + .p-service-detail-type__item {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .p-service-detail-type__item + .p-service-detail-type__item {
    margin-top: 48px;
  }
}

.swiper-wrapper-thumbnail {
  width: 100%;
  -webkit-transform: initial !important;
  transform: initial !important;
  margin-top: 1.25rem !important;
}
.swiper-wrapper-thumbnail .swiper-slide:hover {
  cursor: pointer;
}

.p-service-detail-point {
  background-color: #f5f6f7;
  padding: 71px 40px 50px;
  position: relative;
  margin-top: 149px;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .p-service-detail-point {
    margin-top: 112px;
    padding: 40px 16px;
  }
}
.p-service-detail-point__header--sub {
  position: absolute;
  left: 50%;
  top: -27px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.2;
  color: #009fe8;
  padding-bottom: 8px;
  border-bottom: 1px solid #009fe8;
}
.p-service-detail-point__header--main {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.p-service-detail-point__desc {
  font-size: 1rem;
  margin-top: 27px;
  line-height: 1.7;
}

.p-service-detail-case {
  margin-top: 114px !important;
}
@media (max-width: 767px) {
  .p-service-detail-case {
    margin-top: 90px !important;
  }
}
.p-service-detail-case .case-list {
  margin-top: 40px !important;
}
.p-service-detail-case__desc {
  font-size: 1.125rem;
}
.p-service-detail-case > p + p {
  margin-top: 18px !important;
}

.p-service-detail-case__cost {
  background-color: #f5f6f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 3.3% 40px 6.6%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .p-service-detail-case__cost {
    padding: 32px 16px;
  }
}
.p-service-detail-case__cost-text-wrapper {
  width: 25.9%;
}
@media (max-width: 767px) {
  .p-service-detail-case__cost-text-wrapper {
    width: 100%;
  }
}
.p-service-detail-case__cost-price-wrapper {
  width: 33.3%;
  background-color: #fff;
  padding: 32px 32px 27px;
  margin-left: 5.5%;
}
@media (max-width: 767px) {
  .p-service-detail-case__cost-price-wrapper {
    width: 100%;
    padding: 24px 16px;
    margin-top: 24px;
    margin-left: 0;
  }
}
.p-service-detail-case__cost-price-wrapper
  + .p-service-detail-case__cost-price-wrapper {
  margin-left: 1.9%;
}
.p-service-detail-case__cost-size {
  font-size: 1.5rem;
  line-height: 1.7;
  font-weight: bold;
  margin-top: 18px;
  text-align: center;
}
.p-service-detail-case__cost-size--sub {
  font-size: 1.125rem;
  line-height: 1.45;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}
.p-service-detail-case__cost-price {
  color: #009fe8;
  font-size: 1rem;
  text-align: center;
  line-height: 1.2;
}
.p-service-detail-case__cost-price span {
  font-size: 3rem;
  text-align: center;
}
.p-service-detail-case__cost-time {
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.7;
  margin-top: 6px;
}
.p-service-detail-case__cost-time--sub {
  margin-top: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.7;
  text-align: center;
}
.p-service-detail-case__cost + h3 {
  margin-top: 58px !important;
}
.p-service-detail-case__cost--2column {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.p-service-detail-case__cost--2column
  .p-service-detail-case__cost-text-wrapper {
  width: 58%;
}
@media (max-width: 767px) {
  .p-service-detail-case__cost--2column
    .p-service-detail-case__cost-text-wrapper {
    width: 100%;
  }
}

.p-service-detail-case__cost + .p-service-detail-case__cost {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .p-service-detail-case__cost + .p-service-detail-case__cost {
    margin-top: 16px;
  }
}

.p-service-detail-flow {
  margin-top: 105px !important;
}
@media (max-width: 767px) {
  .p-service-detail-flow {
    margin-top: 79px !important;
  }
}
.p-service-detail-flow__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -24px;
  margin-top: 75px !important;
}
@media (max-width: 767px) {
  .p-service-detail-flow__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-top: 57px !important;
  }
}
.p-service-detail-flow__item {
  width: calc(16.7% - 24px);
  display: block;
  margin-left: 24px;
  padding: 59px 0 26px;
  background-color: #f5f6f7;
  position: relative;
}
@media (max-width: 767px) {
  .p-service-detail-flow__item {
    width: 100%;
    padding: 50px 0 20px;
    margin-top: 56px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .p-service-detail-flow__item:first-child {
    margin-top: 0;
  }
}
.p-service-detail-flow__item::before {
  display: block;
  position: absolute;
  content: "";
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #f5f6f7;
}
@media (max-width: 767px) {
  .p-service-detail-flow__item::before {
    right: 50%;
    top: initial;
    bottom: -29px;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg);
  }
}
.p-service-detail-flow__item-title {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 10px;
}
.p-service-detail-flow__item-number {
  font-size: 1.5rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding-top: 6px;
}
.p-service-detail-flow__item-number--sub {
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  text-align: center;
  padding-top: 14px;
}
.p-service-detail-flow__item-number-wrapper {
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.p-service-detail-flow__item-image img {
  display: block;
  margin: auto;
}
.p-service-detail-flow__item-title {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.p-service-detail-flow__item:first-child
  .p-service-detail-flow__item-number-wrapper {
  background-color: #bfd48d;
}

.p-service-detail-flow__item:nth-child(2)
  .p-service-detail-flow__item-number-wrapper {
  background-color: #a1cc9a;
}

.p-service-detail-flow__item:nth-child(3)
  .p-service-detail-flow__item-number-wrapper {
  background-color: #81c3ab;
}

.p-service-detail-flow__item:nth-child(4)
  .p-service-detail-flow__item-number-wrapper {
  background-color: #4eb5c2;
}

.p-service-detail-flow__item:nth-child(5)
  .p-service-detail-flow__item-number-wrapper {
  background-color: #26a9d5;
}

.p-service-detail-flow__item:nth-child(6)
  .p-service-detail-flow__item-number-wrapper {
  background-color: #009fe8;
}
.p-service-detail-flow__item:nth-child(6)::before {
  display: none;
}

.p-service-detail-faq {
  margin-top: 112px !important;
}
@media (max-width: 767px) {
  .p-service-detail-faq {
    margin-top: 84px !important;
  }
}
.p-service-detail-faq-list {
  max-width: 960px;
  margin-top: 80px !important;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-service-detail-faq-list {
    margin-top: 60px !important;
  }
}
.p-service-detail-faq-list__item {
  background-color: #fff;
  padding-bottom: 49px;
  border-bottom: 1px solid #dee5ea;
  margin-top: 80px;
}
@media (max-width: 767px) {
  .p-service-detail-faq-list__item {
    padding-bottom: 55px;
    margin-top: 60px;
  }
}
.p-service-detail-faq-list__item:first-child {
  margin-top: 0;
}
.p-service-detail-faq-list__question {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  padding: 10px 16px 9px 47px;
  background-color: rgba(0, 159, 232, 0.1);
  position: relative;
}
@media (max-width: 767px) {
  .p-service-detail-faq-list__question {
    font-size: 1.25rem;
    padding: 9px 14px 8px 44px;
  }
}
.p-service-detail-faq-list__question::before {
  position: absolute;
  content: "Q";
  left: 16px;
  top: 16px;
  line-height: 1.2;
  font-size: 24px;
  font-family: "Inter", sans-serif;
  color: #009fe8;
  font-weight: 600;
}
@media (max-width: 767px) {
  .p-service-detail-faq-list__question::before {
    top: 12px;
    font-size: 20px;
  }
}
.p-service-detail-faq-list__answer {
  font-size: 1.125rem;
  color: #333;
  padding: 24px 0 24px 47px;
  background-color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  .p-service-detail-faq-list__answer {
    padding: 22px 22px 22px 44px;
  }
}
.p-service-detail-faq-list__answer::before {
  position: absolute;
  content: "A";
  left: 17px;
  top: 24px;
  font-size: 24px;
  line-height: 1.2;
  font-family: "Inter", sans-serif;
  color: #65696a;
  font-weight: 600;
}
@media (max-width: 767px) {
  .p-service-detail-faq-list__answer::before {
    top: 22px;
    font-size: 20px;
  }
}
.p-service-detail-faq-list__answer-text {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .p-service-detail-faq-list__answer-text {
    margin-top: 15px;
  }
}
.p-service-detail-faq-list__answer-text:first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  .p-service-detail-menu {
    padding: 90px 0;
    margin-top: 90px;
  }
}
.p-service-detail-menu .service-decoration {
  margin-top: 92px;
}
@media (max-width: 767px) {
  .p-service-detail-menu .service-decoration {
    margin-top: 69px;
  }
}
.p-service-detail-menu .service-situation {
  margin-top: 67px !important;
}
@media (max-width: 767px) {
  .p-service-detail-menu .service-situation {
    margin-top: 50px !important;
  }
}
.p-service-detail-menu .service-inner {
  padding-bottom: 81px;
}

.c-service-detail-header {
  position: relative;
}
.c-service-detail-header--main {
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  font-weight: 1.5;
  padding-top: 17px;
  color: #009fe8;
  text-align: center;
  position: relative;
  text-transform: capitalize;
}
.c-service-detail-header--sub {
  font-size: 1rem;
  font-weight: bold;
  color: #65696a;
  margin: -3px;
  text-align: center;
}
.c-service-detail-header::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  background-color: #009fe8;
  width: 120px;
  height: 1px;
}

.c-service-detail-lead {
  margin-top: 54px;
  text-align: center;
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .c-service-detail-lead {
    margin-top: 39px;
  }
}

.thought__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
.thought__top-text-wrapper {
  position: relative;
  padding: 83px 58px 88px;
  width: 45%;
  margin-top: 120px;
  background: -webkit-gradient(
    linear,
    left bottom,
    right top,
    from(#009fe8),
    to(#e2de7c)
  );
  background: linear-gradient(to right top, #009fe8, #e2de7c 100%);
  z-index: 10;
}
@media (max-width: 767px) {
  .thought__top-text-wrapper {
    margin-top: 0;
    padding: 66px 24px 66px;
    width: 100%;
  }
}
.thought__top-title {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  padding-bottom: 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  text-align: center;
}
@media (max-width: 767px) {
  .thought__top-title {
    padding-bottom: 26px;
  }
}
.thought__top-text {
  margin-top: 41px;
  text-align: center;
  color: #fff;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .thought__top-text {
    margin-top: 31px;
  }
}
.thought__top-image {
  width: 61.2%;
  margin-left: -6.67%;
}
@media (max-width: 767px) {
  .thought__top-image {
    width: 100%;
    margin-left: 0;
  }
}
.thought__greeting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.thought__greeting-image {
  width: 29.2%;
}
@media (max-width: 767px) {
  .thought__greeting-image {
    width: 100%;
  }
}
.thought__greeting-text {
  margin-top: 0px;
  font-size: 1.125rem;
}
.thought__greeting-sign {
  font-size: 1.125rem;
  margin-top: 18px;
  text-align: right;
}
.thought__greeting-sign span {
  font-weight: bold;
  margin-top: 14px;
}
.thought__greeting-text-wrapper {
  width: 65.8%;
  margin-left: 5%;
}
@media (max-width: 767px) {
  .thought__greeting-text-wrapper {
    width: 100%;
    margin: 24px 0 0 0;
  }
}
.thought__main {
  padding: 120px 150px;
  position: relative;
}
@media (max-width: 767px) {
  .thought__main {
    padding: 90px 24px;
  }
}
.thought__main::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-image: url(/assets/img/thought/img_thought_02.jpg);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: 0.25;
}
@media (max-width: 767px) {
  .thought__main::before {
    background-position: center center;
  }
}
.thought__main::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-color: #009fe8;
}
.thought__main-header {
  margin-top: 54px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  padding: 14px 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#c2e2f0),
    color-stop(31.09%, #009fe8),
    to(#e2de7c)
  );
  background: linear-gradient(
    to right,
    #c2e2f0 0%,
    #009fe8 31.09%,
    #e2de7c 100%
  );
  -webkit-box-shadow: 12px 12px 16px rgba(0, 0, 0, 0.06);
  box-shadow: 12px 12px 16px rgba(0, 0, 0, 0.06);
}
@media (max-width: 767px) {
  .thought__main-header {
    margin-top: 41px;
  }
}
.thought__main-header:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .thought__main-header:first-child {
    margin-top: 0;
  }
}
.thought__main-philosophy {
  font-size: 1.75rem;
  font-weight: bold;
  color: #fff;
  margin: 38px 0 0;
  text-align: center;
}
@media (max-width: 767px) {
  .thought__main-philosophy {
    margin-top: 29px;
  }
}
.thought__main-policy-text {
  font-size: 1.125rem;
  color: #fff;
  margin-top: 18px;
  text-align: left;
}
@media (max-width: 767px) {
  .thought__main-policy-text {
    margin-top: 14px;
  }
}
.thought__main-policy-item {
  padding-bottom: 41px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 767px) {
  .thought__main-policy-item {
    padding-bottom: 31px;
  }
}
.thought__main-policy-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.thought__main-policy-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 42px;
}
@media (max-width: 767px) {
  .thought__main-policy-title {
    margin-top: 32px;
  }
}
.thought__main-policy-title--number {
  font-size: 1.5rem;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 0;
  position: relative;
  padding-right: 40px;
}
.thought__main-policy-title--number::after {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  content: "";
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 1px;
}
.thought__main-policy-title--main {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 0;
}
.thought .l-header__menu-list a[href="/thought/"]::after {
  width: 100%;
}
@media (max-width: 767px) {
  .thought .l-header__menu-list a[href="/thought/"]::after {
    width: 0;
  }
}
@media (max-width: 767px) {
  .thought .l-header__menu-list a[href="/thought/"] {
    color: #009fe8;
  }
}

.company-history {
  position: relative;
}
.company-history::after {
  position: absolute;
  content: "";
  left: 18.4%;
  top: 32px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #dee5ea;
  width: 2px;
  height: calc(100% - 32px);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .company-history::after {
    display: none;
  }
}
.company-history__item {
  border-bottom: 1px solid #dee5ea;
}
@media (max-width: 767px) {
  .company-history__item {
    padding: 24px 0;
    display: block;
  }
}
@media (max-width: 767px) {
  .company-history__item:first-child {
    padding-top: 0;
  }
}
.company-history__item:first-child .company-history__year {
  padding-top: 0;
}
.company-history__item:first-child .company-history__explain {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .company-history__item:first-child .company-history__explain {
    padding-top: 0px;
  }
}
.company-history__item:first-child .company-history__explain::before {
  top: 32px;
}
@media (max-width: 767px) {
  .company-history__item:first-child .company-history__explain::before {
    top: 13px;
  }
}
.company-history__year {
  width: 18.4%;
  font-size: 3rem;
  color: #009fe8;
  line-height: 1.5;
  padding: 34px 0;
  font-family: "Inter", sans-serif;
  vertical-align: top;
  font-weight: normal;
}
@media (max-width: 767px) {
  .company-history__year {
    width: 100%;
    font-size: 2.4rem;
    display: block;
    padding: 0;
  }
}
.company-history__explain {
  width: 81.4%;
  font-size: 1.125rem;
  padding: 53px 0 53px 19px;
  vertical-align: middle;
  position: relative;
}
@media (max-width: 767px) {
  .company-history__explain {
    width: 100%;
    font-size: 1.5rem;
    display: block;
    margin-top: 18px;
    padding: 0 0 0 16px;
  }
}
.company-history__explain::before {
  position: absolute;
  content: "";
  left: -4px;
  top: 66px;
  border-radius: 50%;
  background-color: #009fe8;
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
}
@media (max-width: 767px) {
  .company-history__explain::before {
    top: 13px;
    left: 0;
  }
}
.company-works__item {
  position: relative;
}
.company-works__item::before {
  content: "";
  display: block;
  padding-top: 61.7%;
}
.company-works__item .gallery {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.company .l-header__menu-list a[href="/company/"]::after {
  width: 100%;
}
@media (max-width: 767px) {
  .company .l-header__menu-list a[href="/company/"]::after {
    width: 0;
  }
}
@media (max-width: 767px) {
  .company .l-header__menu-list a[href="/company/"] {
    color: #009fe8;
  }
}

.p-table-cpompany th,
.p-table-cpompany td {
  font-size: 1.125rem;
}

.contact .c-breadcrumb {
  display: none;
}
.contact .c-pagetitle {
  padding-bottom: 33px;
}
.contact .c-pagetitle .l-container {
  max-width: 992px;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 767px) {
  .contact .c-pagetitle .l-container {
    min-width: auto;
  }
}
.contact .l-header {
  padding: 19px 0 22px;
  max-width: 960px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .contact .l-header {
    padding: 0;
  }
}
.contact .l-header__link,
.contact .l-header__trigger-btn,
.contact .l-header__gnav {
  display: none;
}
.contact .l-header__logo {
  margin-left: 0;
}
.contact .l-main {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .contact .l-main {
    margin-top: 48px;
  }
}
.contact .l-footer {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .contact .l-footer {
    margin-top: 90px;
  }
}
.contact .l-footer__sitemap-inner {
  display: none;
}
.contact .l-footer__info-sns,
.contact .l-footer__cv {
  display: none;
}
.contact .l-footer-info-sitemap-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact .l-footer__info-address {
  text-align: center;
}

.p-form dd,
.p-form dt {
  display: block;
  width: 100%;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  max-width: none;
}
.p-form dt {
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 38px;
}
@media (max-width: 767px) {
  .p-form dt {
    margin-top: 29px;
  }
}
.p-form dd {
  margin-top: 13px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dee5ea;
}
@media (max-width: 767px) {
  .p-form dd {
    padding-bottom: 30px;
  }
}
.p-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #b4b4b4;
}
.p-form .select-wrapper {
  position: relative;
}
.p-form .select-wrapper::before {
  position: absolute;
  content: "";
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  background-image: url(../../assets/img/ico/ico_arrow_blue_01.svg);
  width: 8px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
}
.p-form .select-wrapper option:first-child {
  display: none;
}
.p-form input[type="text"],
.p-form select,
.p-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #c4c7c9;
  border-radius: 4px;
  resize: none;
  font-size: 1.125rem;
}
.p-form input[type="text"]::-webkit-input-placeholder,
.p-form select::-webkit-input-placeholder,
.p-form textarea::-webkit-input-placeholder {
  color: #b4b4b4;
}
.p-form input[type="text"]::-moz-placeholder,
.p-form select::-moz-placeholder,
.p-form textarea::-moz-placeholder {
  color: #b4b4b4;
}
.p-form input[type="text"]:-ms-input-placeholder,
.p-form select:-ms-input-placeholder,
.p-form textarea:-ms-input-placeholder {
  color: #b4b4b4;
}
.p-form input[type="text"]::-ms-input-placeholder,
.p-form select::-ms-input-placeholder,
.p-form textarea::-ms-input-placeholder {
  color: #b4b4b4;
}
.p-form input[type="text"]::placeholder,
.p-form select::placeholder,
.p-form textarea::placeholder {
  color: #b4b4b4;
}
.p-form .file-label {
  padding: 4px 12px;
  line-height: 1;
  font-size: 1;
  border: 1px solid #c4c7c9;
  border-radius: 4px;
  background-color: #fff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-form .file-label:hover {
  cursor: pointer;
  opacity: 0.7;
}
.p-form input[type="file"] {
  display: none;
}
.p-form__req::after {
  margin-left: 12px;
  padding: 3px 10px;
  background-color: #f46d6d;
  border-radius: 4px;
  font-weight: bold;
  font-size: 0.875rem;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
.p-form p {
  margin-top: 0 !important;
}

.address__postal-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.address__house-number {
  margin-top: 16px;
}
.address .js-form-zip {
  display: inline-block;
  max-width: 160px;
  margin-left: 16px;
}
.address .p-form__item-headline {
  display: inline-block;
}

.file-status {
  display: inline-block;
  margin-left: 24px;
}

.checkbox-wrapper input {
  display: none;
}
.checkbox-wrapper label {
  padding-left: 36px;
  position: relative;
}
.checkbox-wrapper label:hover {
  cursor: pointer;
}
.checkbox-wrapper label::before,
.checkbox-wrapper label::after {
  content: "";
  display: block;
  position: absolute;
}
.checkbox-wrapper label::before {
  background-color: #fff;
  border-radius: 0%;
  border: 1px solid #ddd;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 5px;
  border-radius: 4px;
}
.checkbox-wrapper label::after {
  border-bottom: 2px solid #009fe8;
  border-left: 2px solid #009fe8;
  opacity: 0;
  height: 7px;
  width: 14px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 3px;
  left: 10px;
}
.checkbox-wrapper input:checked + label::after {
  opacity: 1;
}

.p-form__btn input[type="submit"] {
  display: none;
}
.p-form__btn .c-btn {
  margin-top: 64px;
}
@media (max-width: 767px) {
  .p-form__btn .c-btn {
    margin-top: 48px;
  }
}
.p-form__btn .c-btn:hover {
  cursor: pointer;
}

.p-sitemap-list > li > a {
  font-weight: bold;
  font-size: 1.25rem;
}
.p-sitemap-list > li > ul {
  margin-top: 3.5rem;
}
.p-sitemap-list > li > ul > li > a {
  font-weight: bold;
  font-size: 1.25rem;
}
.p-sitemap-list > li + li {
  margin-top: 2rem;
}
.p-sitemap-list > li > ul > li > ul {
  margin-top: 2rem !important;
}
.p-sitemap-list li {
  list-style: none;
}
.p-sitemap-list li::before {
  content: "";
  display: none;
}
.p-sitemap-list ul {
  padding: 0 !important;
}