@charset "UTF-8";

:root {
  --color-primary: #006eff;
  --color-secondary-light: #d2e0ff;
  --color-accent-light: #ff6e00;

  --color-border: #d8d8d8;
  --color-border-dark: #d8d8d8;
  --color-border-light: #d8d8d8;

  --main-blue: #006EFF;
}

/* !!------------------------------------ */
/* !! @map  共通 */
/* !!------------------------------------ */
a {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: #006eff;
}

@media screen and (max-width: 767px) {
  a:hover {
    color: inherit;
  }
}

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height: 1;
  word-break: break-all;
}

body.oh {
  overflow: hidden;
}

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,
input,
textarea {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
}

img {
  vertical-align: bottom;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
div,
address,
iframe,
canvas,
hr,
textarea {
  display: block;
  line-height: 1;
}

alabel {
  cursor: pointer;
}

blockquote {
  padding: 0;
  margin: 0;
  display: block;
}

address,
em {
  font-style: normal;
}

hr {
  border: 0;
  margin: 0;
  padding: 0;
}

ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
  overflow: hidden;
  -webkit-appearance: none;
  border: none;
}

button,
select {
  vertical-align: middle;
  border-radius: 0px;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
}

*:before,
*:after {
  padding: 0;
  margin: 0;
  line-height: 1;
}

::selection {
  color: #fff;
  background: #006EFF;
}

::-moz-selection {
  color: #fff;
  background: #006EFF;
}

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

html {
  min-height: 100%;
  font-size: 10px;
  visibility: hidden;
}

html.wp-login {
  margin-top: 0 !important;
}

html.wf-active {
  visibility: visible;
}

body {
  width: 100%;
  font-family: zen-kaku-gothic-antique, sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  word-break: break-word;
  overflow-wrap: break-word;
  color: #000;
}

@media screen and (max-width: 767px) {
  body {
    min-width: inherit;
  }
}

body.oh {
  overflow: hidden;
}

.mac {
  -webkit-font-smoothing: antialiased;
}

.pc {
  display: block !important;
}

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

.sp {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .sp {
    display: block !important;
  }
}

.inner {
  max-width: 82.4304538799vw;
  margin: 0 auto;
  padding: 0 4.6120058565vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .inner {
    max-width: 100%;
    min-width: 100%;
    padding: 0;
  }
}

img {
  width: 100%;
  height: auto;
}

.container {
  height: 100%;
  overflow: hidden;
}

.table-wrap {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .table-wrap {
    overflow-x: scroll;
  }
}

.wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .wrap {
    flex-direction: column;
  }
}

.en-font {
  font-family: din-2014, sans-serif;
  font-weight: 800;
  font-style: italic;
}

section {
  position: relative;
}

@media screen and (max-width: 767px) {
  section {
    padding: 0 7.2vw;
  }
}

@media screen and (max-width: 767px) {
  article {
    padding-right: 7.2vw;
    padding-left: 7.2vw;
  }
}

.ttl-h2 {
  font-size: 2.9282576867vw;
  font-weight: bold;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .ttl-h2 {
    font-size: 5.8666666667vw;
  }
}

.ttl-h2 .en-font {
  font-size: 1.4641288433vw;
  color: #006eff;
  margin-top: 0.7320644217vw;
}

.lead-txt {
  font-size: 1.317715959vw;
  line-height: 1.94;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .lead-txt {
    font-size: 3.7333333333vw;
    line-height: 1.71;
  }
}

.btn-wrap {
  text-align: right;
  margin-top: 3.6603221083vw;
}

@media screen and (max-width: 767px) {
  .btn-wrap {
    margin-top: 5.3333333333vw;
  }
}

.btn-more {
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .btn-more {
    font-size: 3.4666666667vw;
  }
}

.btn-more:after {
  content: "";
  width: 0.7320644217vw;
  height: 0.7320644217vw;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  margin-left: 1.4641288433vw;
  transform: rotate(45deg);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media screen and (max-width: 767px) {
  .btn-more:after {
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    border-width: 0.5333333333vw;
    margin-left: 2.4vw;
  }
}

.btn-more:hover:after {
  border-color: #006eff;
}

@media screen and (max-width: 767px) {
  .btn-more:hover:after {
    border-color: inherit;
  }
}

@media screen and (max-width: 767px) {
  main {
    padding-top: 13.8666666667vw;
  }
}

/* !!------------------------------------ */
/* !! @map  header */
.header {
  width: 100%;
  height: 5.8565153734vw;
  display: flex;
  align-items: center;
  padding: 0 0 0 3.3674963397vw;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
}

@media screen and (max-width: 767px) {
  .header {
    height: 13.8666666667vw;
    padding-left: 1.3333333333vw;
  }
}

.header .ttl-h1 {
  width: 19.0336749634vw;
  height: 5.8565153734vw;
}

@media screen and (max-width: 767px) {
  .header .ttl-h1 {
    width: 45.0666666667vw;
    height: 13.8666666667vw;
  }
}

.header .logo {
  width: 100%;
  height: 100%;
  display: block;
}

.header .logo:hover {
  color: inherit;
  opacity: 1;
}

.header .nav {
  height: 100%;
  display: flex;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .header .nav {
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    background-color: #d2e0ff;
    position: absolute;
    top: 13.8666666667vw;
    left: 0;
    z-index: -1;
  }
}

@media screen and (max-width: 767px) {
  .header .btn-hbg {
    width: 13.8666666667vw;
    height: 13.8666666667vw;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header .btn-hbg span {
    width: 6.6666666667vw;
    height: 0.2666666667vw;
    background-color: #006eff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .header .btn-hbg span:before,
  .header .btn-hbg span:after {
    content: "";
    width: 100%;
    height: 0.2666666667vw;
    background-color: #006eff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }

  .header .btn-hbg span:before {
    top: -2.1333333333vw;
  }

  .header .btn-hbg span:after {
    top: 2.1333333333vw;
  }

  .header .btn-hbg.on span {
    background-color: transparent;
  }

  .header .btn-hbg.on span:before,
  .header .btn-hbg.on span:after {
    top: 50%;
  }

  .header .btn-hbg.on span:before {
    transform: translate(-50%, -50%) rotate(135deg);
  }

  .header .btn-hbg.on span:after {
    transform: translate(-50%, -50%) rotate(-135deg);
  }
}

.header .gnav-list {
  height: 100%;
  display: flex;
  margin-right: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .header .gnav-list {
    height: auto;
    flex-direction: column;
    margin-right: 0;
    margin-bottom: 13.3333333333vw;
    padding: 0 7.2vw;
    position: relative;
  }

  .header .gnav-list:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 10.6666666667vw auto 0;
    display: block;
  }
}

.header .gnav-list-item {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .header .gnav-list-item {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 6.6666666667vw;
  }

  .header .gnav-list-item:last-child {
    height: auto;
    margin-bottom: 0;
  }
}

.header .gnav-list-item>a {
  font-size: 1.0248901903vw;
  font-weight: bold;
  padding: 0 1.4641288433vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .header .gnav-list-item>a {
    width: 100%;
    height: auto;
    font-size: 5.3333333333vw;
    display: block;
    padding: 0;
  }
}

.header .gnav-list-item:first-child {
  cursor: pointer;
}

.header .gnav-list-item:first-child>a {
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .header .gnav-list-item:first-child>a {
    width: 100%;
    position: relative;
  }

  .header .gnav-list-item:first-child>a:after {
    content: "";
    width: 2vw;
    height: 2vw;
    border-right: 0.5333333333vw solid #000;
    border-bottom: 0.5333333333vw solid #000;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%) rotate(45deg);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }
}

.header .gnav-list-item:first-child>a:hover {
  color: #006eff;
}

.header .gnav-list-item:first-child:hover .meganav-list {
  visibility: visible;
  top: 5.8565153734vw;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .header .gnav-list-item:first-child:hover .meganav-list {
    top: auto;
  }
}

@media screen and (max-width: 767px) {
  .header .gnav-list-item:first-child.open>a:after {
    transform: translate(0, -50%) rotate(45deg) scale(-1, -1);
  }
}


.header .gnav-list-item:nth-child(2) {
  cursor: pointer;
}

.header .gnav-list-item:nth-child(2)>a {
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .header .gnav-list-item:nth-child(2)>a {
    width: 100%;
    position: relative;
  }

  .header .gnav-list-item:nth-child(2)>a:after {
    content: "";
    width: 2vw;
    height: 2vw;
    border-right: 0.5333333333vw solid #000;
    border-bottom: 0.5333333333vw solid #000;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%) rotate(45deg);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }
}

.header .gnav-list-item:nth-child(2)>a:hover {
  color: #006eff;
}

.header .gnav-list-item:nth-child(2):hover .meganav-list02 {
  visibility: visible;
  top: 5.8565153734vw;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .header .gnav-list-item:nth-child(2):hover .meganav-list02 {
    top: auto;
  }
}

@media screen and (max-width: 767px) {
  .header .gnav-list-item:nth-child(2).open>a:after {
    transform: translate(0, -50%) rotate(45deg) scale(-1, -1);
  }
}



.header .meganav-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.7320644217vw 0 1.0980966325vw 1.8301610542vw;
  background-color: #fff;
  visibility: hidden;
  position: absolute;
  top: 5.1244509517vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .header .meganav-list {
    margin-top: 1.4641288433vw;
    display: none;
    padding: 0;
    visibility: visible;
    background-color: transparent;
    position: static;
    transform: none;
    opacity: 1;
    transition: none;
  }
}

.header .meganav-list a {
  width: auto;
  height: auto;
  font-size: 1.0248901903vw;
  line-height: 2.14;
  font-weight: bold;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .header .meganav-list a {
    font-size: 4.2666666667vw;
    line-height: 2;
    display: block;
  }
}

.header .meganav-list a:before {
  content: "・";
}


/* header .meganav-list02 */
.header .meganav-list02 {
  width: 19.62vw;
  display: flex;
  flex-direction: column;
  padding: 0.7320644217vw 0 1.0980966325vw 1.8301610542vw;
  background-color: #fff;
  visibility: hidden;
  list-style: none;
  position: absolute;
  top: 5.1244509517vw;
  left: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  opacity: 0;

  & li {
    margin-top: 16px;

    &:first-child {
      margin-top: 0;
    }
  }
}

@media screen and (max-width: 767px) {
  .header .meganav-list02 {
    width: 100%;
    margin-top: 1.4641288433vw;
    display: none;
    padding: 0;
    visibility: visible;
    background-color: transparent;
    position: static;
    transform: none;
    opacity: 1;
    transition: none;
  }
}

.header .meganav-list02 a {
  width: auto;
  height: auto;
  font-size: 1.0248901903vw;
  font-weight: bold;
  display: inline-block;

  &::before {
    display: none;
  }
}

.meganav-list02_01 {
  padding-left: 13px;
  font-size: 1.0248901903vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
  position: relative;

  &::before {
    content: "";
    width: 6px;
    height: 12px;
    display: block;
    background: url(../img/header_arrow.svg) no-repeat center/100% auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.meganav-list02_02 {
  margin-top: 0.51vw;
  padding-left: 13px;
  font-size: 0.88vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: block;
}

@media screen and (max-width: 767px) {
  .header .meganav-list02 a {
    font-size: 4.2666666667vw;
    line-height: 2;
    display: block;
  }

  .meganav-list02_01 {
    font-size: 4.5vw;
  }

  .meganav-list02_02 {
    font-size: 3.9vw;
  }
}

.header .meganav-list02 a:before {
  content: "・";
}


.header .tel-wrap {
  display: flex;
  align-items: center;
  margin-right: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .header .tel-wrap {
    justify-content: center;
    margin-right: 0;
    margin-bottom: 4vw;
    padding: 0 7.2vw;
  }
}

.header .tel-wrap a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.header .tel-wrap a:hover {
  color: inherit;
}

.header .tel-wrap .ttl {
  font-size: 0.878477306vw;
  font-weight: bold;
  letter-spacing: -0.04em;
}

@media screen and (max-width: 767px) {
  .header .tel-wrap .ttl {
    font-size: 4vw;
    letter-spacing: normal;
    margin-bottom: 0.6666666667vw;
  }
}

.header .tel-wrap .tel-txt {
  font-size: 2.0497803807vw;
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .header .tel-wrap .tel-txt {
    font-size: 13.3333333333vw;
    margin-bottom: 0.6666666667vw;
  }
}

.header .tel-wrap .time-txt {
  width: 100%;
  height: 1.4641288433vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebebeb;
}

@media screen and (max-width: 767px) {
  .header .tel-wrap .time-txt {
    height: 9.3333333333vw;
  }
}

.header .tel-wrap .time-txt .txt {
  font-size: 0.878477306vw;
  font-weight: bold;
  margin-right: 0.5124450952vw;
}

@media screen and (max-width: 767px) {
  .header .tel-wrap .time-txt .txt {
    font-size: 4vw;
    margin-right: 4vw;
  }
}

.header .tel-wrap .time-txt .time {
  font-size: 1.0248901903vw;
  font-family: din-2014, sans-serif;
  font-weight: 600;
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .header .tel-wrap .time-txt .time {
    font-size: 4.6666666667vw;
  }
}

.header .contact-list {
  width: 10.541727672vw;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .header .contact-list {
    width: 82.1333333333vw;
    height: 10.6666666667vw;
    display: flex;
    margin: 0 auto;
  }
}

.header .contact-list-item {
  height: 50%;
}

@media screen and (max-width: 767px) {
  .header .contact-list-item {
    height: 100%;
    flex-basis: 50%;
    max-width: 50%;
  }
}

.header .contact-list-item a {
  width: 100%;
  height: 100%;
  font-size: 1.0248901903vw;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .header .contact-list-item a {
    font-size: 3.7333333333vw;
  }
}

.header .contact-list-item a._download {
  background-color: #006EFF;
}

.header .contact-list-item a._download:hover {
  background-color: rgba(0, 110, 255, 0.8);
}

.header .contact-list-item a._contact {
  background-color: #FF6E00;
}

.header .contact-list-item a._contact:hover {
  background-color: rgba(255, 110, 0, 0.8);
}

/* !!------------------------------------ */
/* !! @map  TOP */
/* !!------------------------------------ */
/* !! @map  KV */
.top {
  /* !!------------------------------------ */
  /* !! @map  こんなお悩みはありませんか？ */
  /* !!------------------------------------ */
  /* !! @map  Eigyo Engineとは？ */
  /* !!------------------------------------ */
  /* !! @map  Eigyo Engineとは？ */
  /* !!------------------------------------ */
  /* !! @map  まずはお気軽にご相談ください */
  /* !!------------------------------------ */
  /* !! @map  営業製作所のサービス提供事例 */
}

@media screen and (max-width: 767px) {
  .top.yoko .kv-section {
    height: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .top .kv-section {
    height: calc(100dvh - 13.8666666667vw);
    padding: 0;
  }

  .top .kv-section .kv-wrap {
    height: 100%;
  }

  .top .kv-section .slick-list {
    height: 100%;
  }

  .top .kv-section .slick-track {
    height: 100%;
  }

  .top .kv-section .slide-item {
    height: 100%;
  }

  .top .kv-section .slide-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
  }
}

.top .kv-section .slide-wrap {
  position: relative;
}

@media screen and (max-width: 767px) {
  .top .kv-section .slide-wrap {
    height: 100%;
  }
}

.top .kv-section .slide-wrap:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

.top .catch-wrap {
  color: #fff;
  text-align: center;
  position: absolute;
  top: calc(50% + 2.9282576867vw);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
}

@media screen and (max-width: 767px) {
  .top .catch-wrap {
    width: 100%;
    top: 52%;
    padding: 0 7.2vw;
  }
}

.top .catch-wrap .ttl {
  font-size: 3.074670571vw;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .top .catch-wrap .ttl {
    font-size: 6.8vw;
    margin-bottom: 1.3333333333vw;
  }
}

.top .catch-wrap .en-font {
  font-size: 7.1010248902vw;
}

@media screen and (max-width: 767px) {
  .top .catch-wrap .en-font {
    font-size: 15.4666666667vw;
  }
}

.top .catch-wrap .lead-txt {
  font-size: 1.756954612vw;
  line-height: 1.46;
  font-weight: bold;
  font-weight: 700;
  text-align: center;
  margin-top: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .top .catch-wrap .lead-txt {
    font-size: 4.2666666667vw;
    line-height: 1.44;
    margin-top: 6vw;
    white-space: nowrap;
    letter-spacing: normal;
  }
}

.top .catch-wrap .contact-list {
  width: 38.5065885798vw;
  display: flex;
  margin-top: 3.6603221083vw;
}

@media screen and (max-width: 767px) {
  .top .catch-wrap .contact-list {
    width: 100%;
    justify-content: space-between;
    margin-top: 7.0666666667vw;
  }
}

.top .catch-wrap .contact-list-item {
  flex-basis: 50%;
  max-width: 50%;
}

@media screen and (max-width: 767px) {
  .top .catch-wrap .contact-list-item {
    flex-basis: 41.7333333333vw;
    max-width: 41.7333333333vw;
  }
}

.top .catch-wrap .contact-list-item a {
  width: 100%;
  height: 4.0995607613vw;
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .top .catch-wrap .contact-list-item a {
    height: 10.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

.top .catch-wrap .contact-list-item a._download {
  background-color: #006EFF;
}

.top .catch-wrap .contact-list-item a._download:hover {
  color: #fff;
  background-color: rgba(0, 110, 255, 0.8);
}

.top .catch-wrap .contact-list-item a._contact {
  background-color: #FF6E00;
}

.top .catch-wrap .contact-list-item a._contact:hover {
  color: #fff;
  background-color: rgba(255, 110, 0, 0.8);
}

.top .slick-track {
  display: flex;
}

.top .worries-section {
  padding-top: 8.0527086384vw;
  padding-bottom: 9.8828696925vw;
}

@media screen and (max-width: 767px) {
  .top .worries-section {
    padding-top: 12vw;
    padding-bottom: 10.6666666667vw;
  }
}

.top .worries-section .ttl-h2 {
  text-align: center;
  margin-bottom: 5.8565153734vw;
}

@media screen and (max-width: 767px) {
  .top .worries-section .ttl-h2 {
    margin-bottom: 10.6666666667vw;
  }
}

.top .worries-section .worries-wrap {
  position: relative;
}

.top .worries-section .worries-wrap .img-wrap {
  width: 34.4070278184vw;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .top .worries-section .worries-wrap .img-wrap {
    width: 62.6666666667vw;
  }
}

.top .worries-section .worries-wrap .worries-list-item {
  width: 24.1581259151vw;
  height: 9.8828696925vw;
  font-size: 1.756954612vw;
  line-height: 1.46;
  color: #002d82;
  font-weight: bold;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 4.9780380673vw;
  box-shadow: 0 0 1.1713030747vw rgba(0, 0, 0, 0.16);
  position: absolute;
  top: 0.7320644217vw;
  left: 4.39238653vw;
}

@media screen and (max-width: 767px) {
  .top .worries-section .worries-wrap .worries-list-item {
    width: 32.9333333333vw;
    height: 19.7333333333vw;
    font-size: 2.6666666667vw;
    line-height: 1.45;
    border-radius: 9.8666666667vw;
    box-shadow: 0 0 2.1333333333vw rgba(0, 0, 0, 0.16);
    top: 1.3333333333vw;
    left: 0;
  }
}

.top .worries-section .worries-wrap .worries-list-item:nth-child(2) {
  left: auto;
  right: 4.39238653vw;
}

@media screen and (max-width: 767px) {
  .top .worries-section .worries-wrap .worries-list-item:nth-child(2) {
    right: 0;
  }
}

.top .worries-section .worries-wrap .worries-list-item:nth-child(n + 3) {
  top: auto;
  bottom: 0.7320644217vw;
  left: 4.39238653vw;
}

@media screen and (max-width: 767px) {
  .top .worries-section .worries-wrap .worries-list-item:nth-child(n + 3) {
    bottom: 1.3333333333vw;
    left: 0;
  }
}

.top .worries-section .worries-wrap .worries-list-item:last-child {
  left: auto;
  right: 4.39238653vw;
}

@media screen and (max-width: 767px) {
  .top .worries-section .worries-wrap .worries-list-item:last-child {
    right: 0;
  }
}

.top .worries-section .logo-wrap {
  margin-top: 3.2942898975vw;
}

@media screen and (max-width: 767px) {
  .top .worries-section .logo-wrap {
    margin-top: 6.1333333333vw;
  }
}

.top .worries-section .logo-wrap:after {
  content: "";
  width: 9.5168374817vw;
  height: 2.196193265vw;
  background-image: url(../img/arrow1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
  margin: 3.6603221083vw auto 0;
}

@media screen and (max-width: 767px) {
  .top .worries-section .logo-wrap:after {
    width: 17.3333333333vw;
    height: 4vw;
    margin-top: 6.6666666667vw;
  }
}

.top .worries-section .logo-wrap img {
  width: 34.9926793558vw;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .top .worries-section .logo-wrap img {
    width: 63.7333333333vw;
  }
}

.top .worries-section .logo-wrap .txt {
  font-size: 2.9282576867vw;
  font-weight: bold;
  font-weight: 700;
  color: #006EFF;
  text-align: center;
  margin-top: 2.9282576867vw;
}

@media screen and (max-width: 767px) {
  .top .worries-section .logo-wrap .txt {
    font-size: 5.8666666667vw;
    margin-top: 4.5333333333vw;
  }
}

.top .about-section .inner {
  padding: 0;
}

.top .about-section .wrap {
  align-items: flex-end;
}

.top .about-section .left-wrap {
  flex-basis: 55.6368960469vw;
  max-width: 55.6368960469vw;
  margin-left: calc(-50vw + 50%);
}

@media screen and (max-width: 767px) {
  .top .about-section .left-wrap {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 7.0666666667vw;
    margin-left: 0;
  }
}

.top .about-section .right-wrap {
  flex-basis: 30.8931185944vw;
  max-width: 30.8931185944vw;
}

@media screen and (max-width: 767px) {
  .top .about-section .right-wrap {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.top .about-section .ttl-h2 {
  margin-bottom: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .top .about-section .ttl-h2 {
    font-size: 5.8666666667vw;
    margin-bottom: 4vw;
  }
}

.top .about-section .lead-txt {
  margin-bottom: 2.5622254758vw;
}

@media screen and (max-width: 767px) {
  .top .about-section .lead-txt {
    margin-bottom: 5.3333333333vw;
  }
}

.top .about-section .about-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.4641288433vw;
  padding-bottom: 1.4641288433vw;
  border-bottom: 1px solid #969696;
}

@media screen and (max-width: 767px) {
  .top .about-section .about-list-item {
    padding-top: 4.6666666667vw;
    padding-bottom: 4.6666666667vw;
  }
}

.top .about-section .about-list-item:first-child {
  border-top: 1px solid #969696;
}

.top .about-section .about-list-item figure {
  flex-basis: 9.5168374817vw;
  max-width: 9.5168374817vw;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .top .about-section .about-list-item figure {
    flex-basis: 26.6666666667vw;
    max-width: 26.6666666667vw;
  }
}

.top .about-section .about-list-item figcaption {
  font-size: 1.317715959vw;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .top .about-section .about-list-item figcaption {
    font-size: 3.6vw;
    letter-spacing: normal;
    margin-bottom: 2.4vw;
  }
}

.top .about-section .about-list-item img {
  width: 4.0995607613vw;
}

@media screen and (max-width: 767px) {
  .top .about-section .about-list-item img {
    width: 11.3333333333vw;
  }
}

.top .about-section .about-list-item .lead-txt {
  flex-basis: 19.5461200586vw;
  max-width: 19.5461200586vw;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .top .about-section .about-list-item .lead-txt {
    flex-basis: 58.9333333333vw;
    max-width: 58.9333333333vw;
  }
}

.top .matchingflow-section {
  padding-top: 11.7130307467vw;
  padding-bottom: 6.588579795vw;
}

@media screen and (max-width: 767px) {
  .top .matchingflow-section {
    padding-top: 21.3333333333vw;
    padding-bottom: 37.3333333333vw;
  }

  .top .matchingflow-section .btn-wrap {
    display: none;
  }

  .top .matchingflow-section .container {
    height: auto;
    opacity: 1;
    overflow: visible;
  }
}

.top .matchingflow-section .inner {
  padding: 0;
}

.top .matchingflow-section .ttl-h2 {
  margin-bottom: 3.6603221083vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .top .matchingflow-section .ttl-h2 {
    margin-bottom: 5.3333333333vw;
  }
}

.top .matchingflow-section .matchingflow-list {
  display: flex;
  justify-content: space-between;
  counter-reset: number 0;
}

@media screen and (max-width: 767px) {
  .top .matchingflow-section .matchingflow-list {
    width: 261.3333333333vw;
    justify-content: flex-start;
    padding-right: 12vw;
  }
}

.top .matchingflow-section .matchingflow-list-item {
  flex-basis: 24.8901903367vw;
  max-width: 24.8901903367vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .top .matchingflow-section .matchingflow-list-item {
    flex-basis: 80vw;
    max-width: 80vw;
    margin-right: 10.6666666667vw;
  }

  .top .matchingflow-section .matchingflow-list-item:last-child {
    margin-right: 0;
  }
}

.top .matchingflow-section .matchingflow-list-item:after {
  content: "";
  width: 1.4641288433vw;
  height: 1.4641288433vw;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  top: calc(50% + 1.1713030747vw);
  right: -2.196193265vw;
  transform: translate(0, -50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .top .matchingflow-section .matchingflow-list-item:after {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    top: calc(50% + 2.9333333333vw);
    border-width: 0.2666666667vw;
    right: -6vw;
  }
}

.top .matchingflow-section .matchingflow-list-item:last-child:after {
  content: none;
}

.top .matchingflow-section .ttl {
  font-size: 1.6105417277vw;
  color: #006EFF;
  display: flex;
  align-items: center;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .top .matchingflow-section .ttl {
    font-size: 4.2666666667vw;
    margin-bottom: 3.4666666667vw;
  }
}

.top .matchingflow-section .ttl:before {
  font-size: 1.9765739385vw;
  margin-right: 1.4641288433vw;
  counter-increment: number 1;
  content: "0"counter(number);
}

@media screen and (max-width: 767px) {
  .top .matchingflow-section .ttl:before {
    font-size: 4.9333333333vw;
    margin-right: 3.0666666667vw;
  }
}

.top .matchingflow-section .txt {
  font-size: 1.317715959vw;
  font-weight: bold;
  font-weight: 700;
  line-height: 1.78;
  text-align: center;
  color: #fff;
  background-color: #006eff;
  padding: 1.8301610542vw 0 2.196193265vw;
}

@media screen and (max-width: 767px) {
  .top .matchingflow-section .txt {
    font-size: 3.7333333333vw;
    line-height: 1.71;
    padding-top: 7.3333333333vw;
    padding-bottom: 8vw;
  }
}

@media screen and (max-width: 767px) {
  .top .contact-section {
    display: flex;
    flex-direction: column-reverse;
    padding-right: 0;
    padding-left: 0;
  }
}

.top .contact-section .inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 8.0527086384vw 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

@media screen and (max-width: 767px) {
  .top .contact-section .inner {
    padding: 7.3333333333vw 12.6666666667vw;
    background-color: #f5f5f5;
    position: static;
    transform: none;
  }
}

.top .contact-section .ttl-h2 {
  width: 30.0146412884vw;
  font-size: 2.0497803807vw;
  margin-bottom: 1.46vw;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .top .contact-section .ttl-h2 {
    width: 100%;
    font-size: 5.0666666667vw;
    margin-bottom: 3.2vw;
  }
}

.top .contact-section .btn-contact {
  width: 30.0146412884vw;
  height: 5.27vw;
  font-size: 1.32vw;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.4641288433vw;
  margin-left: auto;
  background-color: #ff6e00;
}

@media screen and (max-width: 767px) {
  .top .contact-section .btn-contact {
    width: 100%;
    height: 12.2666666667vw;
    font-size: 3.7333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}

.top .contact-section .btn-contact:hover {
  background-color: rgba(255, 110, 0, 0.8);
}

.top .contact-section .note-txt {
  width: 30.0146412884vw;
  font-size: 0.878477306vw;
  line-height: 1.83;
  text-align: justify;
  display: flex;
  align-items: baseline;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .top .contact-section .note-txt {
    width: 100%;
    font-size: 2.6666666667vw;
    line-height: 1.6;
    letter-spacing: normal;
  }
}

.top .contact-section .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

/* !!------------------------------------ */
/* !! @map  只今、無料ご相談会実施中！ */
@media screen and (min-width: 768px) {
  .move-wrap_new_sp {
    display: none !important;
  }

  .move-wrap_new {
    display: block !important;
  }

  .header .nav {
    height: 100% !important;
  }

  .kv-section {
    height: auto !important;
  }
}

@media screen and (max-width: 768px) {
  .move-wrap_new {
    display: none !important;
  }

  .move-wrap_new_sp {
    display: block !important;
    margin-top: 9.3333333333vw;
  }
}

.form-section {
  padding-top: 11.7130307467vw;
  padding-bottom: 6.9546120059vw;
  background-color: #f5f5f5;
  position: static;
}

@media screen and (max-width: 767px) {
  .form-section {
    padding-top: 18.6666666667vw;
    padding-bottom: 21.3333333333vw;
  }
}

.form-section .inner {
  padding: 0;
  position: static;
}

.form-section .wrap {
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .form-section .wrap {
    display: block;
  }
}

.form-section .left-wrap {
  flex-basis: 38.4333821376vw;
  max-width: 38.4333821376vw;
}

@media screen and (max-width: 767px) {
  .form-section .left-wrap {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 10.6666666667vw;
  }
}

.form-section .right-wrap {
  flex-basis: 38.4333821376vw;
  max-width: 38.4333821376vw;
  padding: 2.9282576867vw 2.9282576867vw 5.4904831625vw;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .form-section .right-wrap {
    flex-basis: 100%;
    max-width: 100%;
    padding: 11.3333333333vw 7.3333333333vw 10vw;
  }
}

.form-section .ttl-h2 {
  color: #006eff;
  margin-bottom: 1.8301610542vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .form-section .ttl-h2 {
    margin-bottom: 4vw;
  }
}

.form-section .ttl-h2 .sub-ttl {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  color: #000;
  display: block;
  margin-top: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .form-section .ttl-h2 .sub-ttl {
    font-size: 5.0666666667vw;
    margin-top: 4vw;
  }
}

.form-section .consult-list-item {
  font-size: 1.317715959vw;
  line-height: 1.94;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .form-section .consult-list-item {
    font-size: 3.7333333333vw;
    line-height: 1.71;
  }
}

.form-section .consult-list-item:before {
  content: "・";
}

.form-section .lead-txt {
  font-size: 1.317715959vw;
  line-height: 1.78;
  font-weight: bold;
  font-weight: 700;
  margin-top: 1.0980966325vw;
  margin-bottom: 3.6603221083vw;
}

@media screen and (max-width: 767px) {
  .form-section .lead-txt {
    font-size: 3.7333333333vw;
    line-height: 1.71;
    margin-top: 4.6666666667vw;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .form-section .move-wrap {
    margin-top: 9.3333333333vw;
  }
}

.form-section .tel {
  width: 100%;
  height: 100%;
  display: block;
}

.form-section .tel:hover {
  color: inherit;
}

.form-section .tel+.lead-txt {
  font-weight: 500;
  line-height: 1.94;
}

.form-section .tel-txt {
  font-size: 6.2225475842vw;
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .form-section .tel-txt {
    font-size: 13.3333333333vw;
    text-align: center;
  }
}

.form-section .time-txt {
  height: 4.0995607613vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.7320644217vw;
  background-color: #d2e0ff;
}

@media screen and (max-width: 767px) {
  .form-section .time-txt {
    height: 9.7333333333vw;
    margin-top: 1.3333333333vw;
  }
}

.form-section .time-txt .txt {
  font-size: 1.6837481698vw;
  font-weight: bold;
  font-weight: 700;
  margin-right: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .form-section .time-txt .txt {
    font-size: 3.8666666667vw;
    margin-right: 4.5333333333vw;
  }
}

.form-section .time-txt .time {
  font-size: 1.9765739385vw;
  font-family: din-2014, sans-serif;
  font-weight: 600;
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .form-section .time-txt .time {
    font-size: 4.6666666667vw;
  }
}

.form-section .note-wrap {
  font-size: 0.878477306vw;
  line-height: 1.83;
}

@media screen and (max-width: 767px) {
  .form-section .note-wrap {
    font-size: 2.6666666667vw;
    line-height: 1.6;
    margin-top: 7.3333333333vw;
  }
}

.form-section .note-list {
  letter-spacing: normal;
  counter-reset: number 0;
}

.form-section .note-list-item {
  display: flex;
  align-items: baseline;
}

.form-section .note-list-item:before {
  counter-increment: number 1;
  content: counter(number) "）";
  white-space: nowrap;
}

.form-section .form-list-item {
  margin-bottom: 0.5856515373vw;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .form-section .form-list-item {
    margin-bottom: 1.8666666667vw;
  }
}

.form-section .form-list-item:nth-child(3)>.ttl {
  display: none;
}

.form-section .form-list-item:last-child {
  margin-bottom: 0;
}

.form-section .form-list-item:last-child .ttl {
  top: 0.7320644217vw;
  transform: none;
}

@media screen and (max-width: 767px) {
  .form-section .form-list-item:last-child .ttl {
    top: 2.8vw;
  }
}

.form-section .form-list-item:last-child .wpcf7-not-valid-tip {
  margin-bottom: 0;
}

.form-section .form-list-item .ttl {
  font-size: 1.317715959vw;
  font-weight: 400;
  color: #656565;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.8052708638vw;
  left: 0.7320644217vw;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .form-section .form-list-item .ttl {
    font-size: 3.0666666667vw;
    top: 2.6666666667vw;
    left: 1.8666666667vw;
  }
}

.form-section .form-list-item .ttl span {
  color: #ff6e00;
  margin-left: 0.1464128843vw;
}

@media screen and (max-width: 767px) {
  .form-section .form-list-item .ttl span {
    margin-left: 1.3333333333vw;
  }
}

.form-section .form-list-item ol {
  display: flex;
  justify-content: space-between;
}

.form-section .form-list-item ol li {
  flex-basis: 16.0322108346vw;
  max-width: 16.0322108346vw;
  margin-bottom: 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .form-section .form-list-item ol li {
    flex-basis: calc((100% - 1.3333333333vw)/2);
    max-width: calc((100% - 1.3333333333vw)/2);
  }
}

.form-section .form-list-item input,
.form-section .form-list-item select,
.form-section .form-list-item textarea {
  width: 100%;
  height: 2.9282576867vw;
  font-size: 1.1713030747vw;
  font-family: zen-kaku-gothic-antique, sans-serif;
  font-weight: 400;
  color: #000;
  padding: 0 0.7320644217vw;
  border: 1px solid #D8D8D8;
  border-radius: 0.1464128843vw;
}

@media screen and (max-width: 767px) {

  .form-section .form-list-item input,
  .form-section .form-list-item select,
  .form-section .form-list-item textarea {
    height: 9.7333333333vw;
    font-size: 3.0666666667vw;
    padding: 0 1.8666666667vw;
    border-radius: 0.2666666667vw;
  }
}

.form-section .form-list-item input:focus,
.form-section .form-list-item select:focus,
.form-section .form-list-item textarea:focus {
  outline: none;
}

.form-section .form-list-item input ::placeholder,
.form-section .form-list-item select ::placeholder,
.form-section .form-list-item textarea ::placeholder {
  color: #999;
}

.form-section .form-list-item textarea {
  height: 17.5695461201vw;
  line-height: 1.63;
  text-align: justify;
  padding: 0.7320644217vw;
  resize: none;
}

@media screen and (max-width: 767px) {
  .form-section .form-list-item textarea {
    height: 58.4vw;
    padding: 2.8vw 1.8666666667vw;
  }
}

.form-section .form-list-item.is-active .ttl {
  display: none;
}

.form-section .privacy-check {
  padding-top: 2.5622254758vw;
  padding-bottom: 3.2942898975vw;
}

@media screen and (max-width: 767px) {
  .form-section .privacy-check {
    padding-top: 6.2666666667vw;
    padding-bottom: 7.2vw;
  }
}

.form-section .privacy-check input {
  display: none;
}

.form-section .privacy-check input:checked+.mwform-checkbox-field-text:after {
  opacity: 1;
}

.form-section .mwform-checkbox-field-text {
  font-size: 0.878477306vw;
  font-weight: 500;
  color: #000;
  display: inline-flex;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .form-section .mwform-checkbox-field-text {
    font-size: 3.2vw;
  }
}

.form-section .mwform-checkbox-field-text:before {
  content: "";
  width: 1.4641288433vw;
  height: 1.4641288433vw;
  margin-right: 0.878477306vw;
  border: 1px solid #D8D8D8;
}

@media screen and (max-width: 767px) {
  .form-section .mwform-checkbox-field-text:before {
    width: 3.2vw;
    height: 3.2vw;
    margin-right: 2vw;
  }
}

.form-section .mwform-checkbox-field-text:after {
  content: "";
  width: 0.3660322108vw;
  height: 0.7320644217vw;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  top: 0.2196193265vw;
  left: 0.5856515373vw;
  transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

@media screen and (max-width: 767px) {
  .form-section .mwform-checkbox-field-text:after {
    width: 0.9333333333vw;
    height: 1.8666666667vw;
    border-width: 0.2666666667vw;
    top: 0.4vw;
    left: 1.0666666667vw;
  }
}

.form-section .mwform-checkbox-field-text a {
  color: #59c3ff;
  font-weight: 500;
  text-decoration: underline;
}

.form-section .mwform-checkbox-field-text a:hover {
  text-decoration: none;
}

.btn-list {
  display: flex;
  justify-content: space-between;
}

.btn-list-item {
  flex-basis: 100%;
  max-width: 100%;
}

.btn-list-item.cancel {
  display: none;
}

.btn-list-item input {
  width: 100%;
  height: 4.0995607613vw;
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media screen and (max-width: 767px) {
  .btn-list-item input {
    height: 12.2666666667vw;
    font-size: 3.7333333333vw;
  }
}

.btn-list-item input.btn-reset {
  text-align: center;
  background-color: #000;
  cursor: pointer;
}

.btn-list-item input.btn-reset:hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .btn-list-item input.btn-reset:hover {
    opacity: 1;
  }
}

.btn-list-item input.btn-confirm {
  background-color: #006eff;
}

.btn-list-item input.btn-confirm:hover {
  background-color: rgba(0, 110, 255, 0.8);
}

.wpcf7-spinner {
  display: none !important;
}

.mw_wp_form_input button {
  width: 100%;
  height: 4.0995607613vw;
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  color: #fff;
  background-color: #006eff;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.mw_wp_form_input button:hover {
  background-color: rgba(0, 110, 255, 0.8);
}

@media screen and (max-width: 767px) {
  .mw_wp_form_input button:hover {
    height: 12.2666666667vw;
    font-size: 3.7333333333vw;
  }
}

.swiper-button-prev,
.swiper-button-next {
  width: 3.6603221083vw;
  height: 3.6603221083vw;
  background-color: #006eff;
  border-radius: 50%;
  position: absolute;
  top: auto;
  bottom: -1.8301610542vw;
  left: 0;
}

@media screen and (max-width: 767px) {

  .swiper-button-prev,
  .swiper-button-next {
    width: 12vw;
    height: 12vw;
    bottom: -5.3333333333vw;
  }
}

.swiper-button-prev:before,
.swiper-button-next:before {
  content: "";
  width: 1.0980966325vw;
  height: 1.0980966325vw;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: calc(50% + 0.2196193265vw);
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {

  .swiper-button-prev:before,
  .swiper-button-next:before {
    width: 4vw;
    height: 4vw;
    border-width: 0.2666666667vw;
    left: calc(50% + 1vw);
  }
}

.swiper-button-prev:after,
.swiper-button-next:after {
  content: none;
}

.swiper {
  width: 100vw;
  overflow: hidden;
}

.swiper-button-next {
  left: 5.1244509517vw;
}

@media screen and (max-width: 767px) {
  .swiper-button-next {
    left: 18vw;
  }
}

.swiper-button-next:before {
  left: calc(50% - 0.2196193265vw);
  transform: translate(-50%, -50%) rotate(135deg);
}

@media screen and (max-width: 767px) {
  .swiper-button-next:before {
    left: calc(50% - 1vw);
  }
}

.swiper-container-horizontal>.swiper-scrollbar {
  width: 71.0102489019vw;
  height: 2px;
  background-color: #d2e0ff;
  margin-top: 7.6134699854vw;
  margin-left: 11.2737920937vw;
  border-radius: 0;
  position: static;
}

@media screen and (max-width: 767px) {
  .swiper-container-horizontal>.swiper-scrollbar {
    display: none;
  }
}

.swiper-scrollbar-drag {
  background-color: #006eff;
  height: 4px;
  border-radius: 0;
  position: relative;
  top: -1px;
}

@media screen and (max-width: 767px) {
  .yoko .pin-spacer {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
  }

  .yoko .matchingflow-section {
    height: auto !important;
    max-width: initial !important;
    width: 100% !important;
    max-height: initial !important;
    padding: 21.3333333333vw 0 36.9333333333vw !important;
  }

  .yoko .matchingflow-section .matchingflow-list {
    width: 100% !important;
    padding-right: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .yoko .matchingflow-section .matchingflow-list-item {
    margin-right: 0;
    margin-bottom: 5.3333333333vw;
  }

  .yoko .matchingflow-section .matchingflow-list-item:after {
    content: none !important;
  }

  .yoko .matchingflow-section .matchingflow-list-item:last-child {
    margin-bottom: 0;
  }

  .yoko .side-scroll-list {
    position: static !important;
  }

  .yoko .side-scroll {
    flex-direction: column;
  }

  .yoko .side-scroll-list-wrapper {
    height: auto !important;
  }
}

/* !!------------------------------------ */
/* !! @map  footer */
.footer {
  padding-top: 6.9546120059vw;
}

@media screen and (max-width: 767px) {
  .footer {
    padding-top: 8.5333333333vw;
  }
}

.footer .inner {
  padding: 0;
}

.footer .nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .footer .nav {
    display: block;
    margin-bottom: 0;
  }
}

.footer .logo {
  flex-basis: 31.9180087848vw;
  max-width: 31.9180087848vw;
  margin-left: -2.196193265vw;
}

@media screen and (max-width: 767px) {
  .footer .logo {
    width: 100%;
    height: auto;
    flex-basis: inherit;
    max-width: 100%;
    display: block;
    margin-bottom: 6vw;
    margin-left: 0;
  }
}

.footer .gnav-list {
  display: flex;
}

.footer .nav .info-wrap {
  margin-top: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .footer .nav {
    position: relative;
    padding-bottom: 67.2vw;
  }

  .footer .nav .info-wrap {
    margin-top: 0;
  }

  .footer .gnav-list {
    flex-wrap: wrap;
    margin-top: 15.2vw;
    padding: 0 7.2vw;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.footer .gnav-list-item {
  display: flex;
  flex-direction: column;
  margin-right: 4.0263543192vw;
}

@media screen and (max-width: 767px) {
  .footer .gnav-list-item {
    flex-basis: 26.6666666667vw;
    max-width: 26.6666666667vw;
    margin-right: 12.8vw;
    white-space: nowrap;
  }

  .footer .gnav-list-item:nth-child(even) {
    margin-right: 0;
  }

  .footer .gnav-list-item:nth-child(n + 3) {
    margin-top: 8.2666666667vw;
  }
}

.footer .gnav-list-item:first-child>a,
.footer .gnav-list-item:nth-child(2)>a {
  pointer-events: none;
}

.footer .gnav-list-item:last-child {
  margin-right: 0;
}

.footer .gnav-list-item a {
  font-size: 1.0248901903vw;
  line-height: 2.29;
}

@media screen and (max-width: 767px) {
  .footer .gnav-list-item a {
    font-size: 3.2vw;
  }
}

.footer .subnav-list-item a:before {
  content: "・";
}

@media screen and (max-width: 767px) {
  .footer .info-wrap {
    padding: 0 7.2vw;
  }
}

.footer .ttl {
  font-size: 1.756954612vw;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .footer .ttl {
    font-size: 4.5333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}

.footer .txt {
  font-size: 1.317715959vw;
  line-height: 1.6;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .footer .txt {
    font-size: 3.7333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}

.footer .txt:last-of-type {
  margin-bottom: 0;
}

.footer .en-font {
  font-size: 1.317715959vw;
  line-height: 1.28;
  font-family: din-2014, sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .footer .en-font {
    font-size: 3.7333333333vw;
    line-height: 1.29;
    margin-bottom: 5.3333333333vw;
  }
}

.footer .copylight-wrap {
  font-size: 0.878477306vw;
  color: #656565;
  margin-top: 3.6603221083vw;
  border-top: 1px solid #EBEBEB;
}

@media screen and (max-width: 767px) {
  .footer .copylight-wrap {
    font-size: 2.4vw;
    margin-top: 14.4vw;
  }
}

.footer .copylight-wrap .inner {
  height: 5.1244509517vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .footer .copylight-wrap .inner {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 8vw 4.8vw;
  }

  .footer .copylight-wrap .inner .copylight-txt {
    margin-bottom: 4vw;
  }
}

@media screen and (min-width: 768px) {
  .footer .copylight-wrap .inner .terms {
    display: flex;
    gap: 2vw;
  }
}

.footer .copylight-wrap a:hover {
  color: inherit;
}

/*========= ローディング画面のためのCSS ===============*/
#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 999;
  text-align: center;
  color: #fff;
}

#splash .fadeIn {
  animation-timing-function: ease-in;
  animation-duration: 2s;
}

.splash-logo1,
.splash-logo2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.splash-logo1 img,
.splash-logo2 img {
  width: 44.8023426061vw;
}

@media screen and (max-width: 767px) {

  .splash-logo1 img,
  .splash-logo2 img {
    width: 66.6666666667vw;
  }
}

.splash-logo2 {
  position: fixed;
  opacity: 0;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.splash-logo2 img {
  width: 44.8023426061vw;
}

@media screen and (max-width: 767px) {
  .splash-logo2 img {
    width: 66.6666666667vw;
  }
}

.appear .splash-logo2 {
  opacity: 1;
  z-index: 1000;
}

.loading-none .container {
  opacity: 1;
}

/*========= 画面遷移のためのCSS ===============*/
/*画面遷移アニメーション*/
.splashbg {
  display: none;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg {
  display: block;
  content: "";
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transform: scaleX(0);
  background: #d2e0ff;
  background: linear-gradient(90deg, #d2e0ff 0%, #59c3ff 35%, #006eff 70%, #002d82 100%);
  animation-name: PageAnime;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes PageAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }

  50% {
    transform-origin: left;
    transform: scaleX(1);
  }

  100% {
    transform-origin: right;
    transform: scaleX(1);
  }
}

/*画面遷移の後現れるコンテンツ設定*/
.container {
  opacity: 0;
  /*はじめは透過0に*/
}

/*bodyにappearクラスがついたら出現*/
body.appear .container {
  animation-name: PageAnimeAppear;
  animation-duration: 1s;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes PageAnimeAppear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* !!------------------------------------ */
/* !! @map  横スクロール */
/* !!------------------------------------ */
@media screen and (max-width: 767px) {
  .side-scroll {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .side-scroll-list-wrapper {
    width: 100%;
    position: relative;
  }

  .side-scroll-list {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
  }
}

/* !!------------------------------------ */
/* !! @map  PAGE */
/* !!------------------------------------ */
.page .header .logo {
  width: 19.0336749634vw;
  height: 5.8565153734vw;
}

@media screen and (max-width: 767px) {
  .page .header .logo {
    width: 45.0666666667vw;
    height: 13.8666666667vw;
  }
}

.page main {
  padding-top: 5.8565153734vw;
}

@media screen and (max-width: 767px) {
  .page main {
    padding-top: 13.8666666667vw;
  }
}

.page .kv-section {
  padding-top: 5.1244509517vw;
}

@media screen and (max-width: 767px) {
  .page .kv-section {
    padding-top: 15.3333333333vw;
  }
}

.page .kv-section .ttl-h1 {
  font-size: 2.9282576867vw;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 5.1244509517vw;
}

@media screen and (max-width: 767px) {
  .page .kv-section .ttl-h1 {
    font-size: 5.8666666667vw;
    line-height: 1.45;
    margin-bottom: 6.9333333333vw;
  }
}

.page .kv-section .ttl-h1 .en-font {
  font-size: 1.4641288433vw;
  color: #006eff;
  display: block;
  margin-top: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page .kv-section .ttl-h1 .en-font {
    font-size: 3.2vw;
    margin-top: 2.6666666667vw;
    margin-bottom: 0;
  }
}

.page .kv-section .img-wrap {
  padding-bottom: 2.5622254758vw;
  border-radius: 0.2928257687vw;
}

.page .kv-section .ttl-h2 {
  font-size: 2.0497803807vw;
  line-height: 1.5;
  font-weight: bold;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 1.8301610542vw;
}

@media screen and (max-width: 767px) {
  .page .kv-section .ttl-h2 {
    font-size: 5.0666666667vw;
    line-height: 1.42;
    margin-bottom: 4.6666666667vw;
  }
}

.page .breadcrumbs-wrap {
  padding-top: 1.4641288433vw;
  border-top: 0.1464128843vw solid #EBEBEB;
}

@media screen and (max-width: 767px) {
  .page .breadcrumbs-wrap {
    margin-left: calc(-50vw + 50%);
    padding-top: 2.6666666667vw;
    padding-right: 0;
    padding-left: 7.2vw;
    border: none;
    position: relative;
  }

  .page .breadcrumbs-wrap:before {
    content: "";
    width: 100vw;
    height: 0.2666666667vw;
    background-color: #ebebeb;
    position: absolute;
    top: 0;
    left: calc(-50vw + 50%);
  }
}

.page .breadcrumbs-wrap+.inner {
  padding-top: 4.39238653vw;
}

@media screen and (max-width: 767px) {
  .page .breadcrumbs-wrap+.inner {
    padding-top: 12.6666666667vw;
  }
}

.page #breadcrumbs span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.page #breadcrumbs span span {
  font-size: 1.0248901903vw;
  line-height: 1.6;
  font-weight: bold;
  font-weight: 700;
  margin-right: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page #breadcrumbs span span {
    font-size: 2.6666666667vw;
    margin-right: 2.6666666667vw;
  }
}

.page #breadcrumbs span span:after {
  content: "";
  width: 0.5856515373vw;
  height: 0.5856515373vw;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  margin-left: 0.5856515373vw;
}

@media screen and (max-width: 767px) {
  .page #breadcrumbs span span:after {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    border-width: 0.2666666667vw;
    margin-left: 2.6666666667vw;
  }
}

.page #breadcrumbs span span a {
  color: #006eff;
  text-decoration: underline;
}

.page #breadcrumbs span span a:hover {
  text-decoration: none;
}

.page #breadcrumbs span span.breadcrumb_last {
  margin-right: 0;
}

.page #breadcrumbs span span.breadcrumb_last:after {
  content: none;
}

.page .ttl-h3 {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 1.4641288433vw;
  padding-left: 1.8301610542vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page .ttl-h3 {
    font-size: 5.0666666667vw;
    padding-left: 4vw;
    margin-bottom: 4vw;
  }
}

.page .ttl-h3:before {
  content: "";
  width: 0.1464128843vw;
  height: 3.6603221083vw;
  background-color: #59c3ff;
  margin-right: 1.8301610542vw;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

@media screen and (max-width: 767px) {
  .page .ttl-h3:before {
    width: 0.2666666667vw;
    height: 100%;
    margin-right: 4vw;
  }
}

.page .ttl-h3 .en-font {
  font-size: 1.0248901903vw;
  color: #006eff;
  display: block;
  margin-top: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page .ttl-h3 .en-font {
    font-size: 2.6666666667vw;
    margin-top: 1.3333333333vw;
  }
}

.page .ttl-h4 {
  font-size: 2.196193265vw;
  font-weight: bold;
  font-weight: 900;
  color: #006eff;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page .ttl-h4 {
    font-size: 5.3333333333vw;
    margin-bottom: 3.2vw;
  }
}

.page .container {
  opacity: 1;
}

.page .contact-section {
  color: #fff;
  background-color: #006eff;
}

.page .contact-section .contact-list {
  display: flex;
}

@media screen and (max-width: 767px) {
  .page .contact-section .contact-list {
    flex-direction: column;
  }
}

.page .contact-section .contact-list-item {
  flex-basis: 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 6.2225475842vw;
  padding-bottom: 7.3206442167vw;
}

@media screen and (max-width: 767px) {
  .page .contact-section .contact-list-item {
    flex-basis: 100%;
    max-width: 100%;
    padding-top: 9.3333333333vw;
    padding-bottom: 9.3333333333vw;
  }
}

.page .contact-section .contact-list-item:first-child {
  border-right: 1px solid #59C3FF;
}

@media screen and (max-width: 767px) {
  .page .contact-section .contact-list-item:first-child {
    border-right: none;
    position: relative;
  }

  .page .contact-section .contact-list-item:first-child:after {
    content: "";
    width: 100vw;
    height: 1px;
    background-color: #59c3ff;
    position: absolute;
    bottom: 0;
    left: calc(-50vw + 50%);
  }
}

@media screen and (max-width: 767px) {
  .page .contact-section .contact-list-item:first-child .icon-wrap {
    height: 7.4666666667vw;
  }
}

.page .contact-section .contact-list-item:first-child .icon-wrap img {
  height: 4.0995607613vw;
}

@media screen and (max-width: 767px) {
  .page .contact-section .contact-list-item:first-child .icon-wrap img {
    height: 100%;
  }
}

.page .contact-section .contact-list-item .icon-wrap {
  height: 6.0761346999vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .page .contact-section .contact-list-item .icon-wrap {
    height: 11.0666666667vw;
  }
}

.page .contact-section .contact-list-item .icon-wrap img {
  width: auto;
  height: 6.0761346999vw;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page .contact-section .contact-list-item .icon-wrap img {
    height: 100%;
  }
}

.page .contact-section .txt {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  padding-top: 1.4641288433vw;
  padding-bottom: 4.0263543192vw;
}

@media screen and (max-width: 767px) {
  .page .contact-section .txt {
    font-size: 3.7333333333vw;
    padding-top: 3.0666666667vw;
    padding-bottom: 4.6666666667vw;
  }
}

.page .contact-section .btn-contact {
  width: 30.0146412884vw;
  height: 4.0995607613vw;
  font-size: 1.1713030747vw;
  color: #006eff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #006eff;
}

@media screen and (max-width: 767px) {
  .page .contact-section .btn-contact {
    width: 100%;
    height: 16vw;
    font-size: 3.7333333333vw;
    border: none;
  }
}

.page .contact-section .btn-contact:hover {
  color: #fff;
  background-color: #006eff;
  border-color: #fff;
}

@media screen and (max-width: 767px) {
  .page .contact-section .btn-contact:hover {
    color: #006eff;
    background-color: #fff;
  }
}

.page .contact-section .tel {
  font-size: 2.9282576867vw;
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .page .contact-section .tel {
    font-size: 8vw;
  }
}

.page .contact-section .tel:before {
  content: "";
  width: 2.7818448023vw;
  height: 2.7818448023vw;
  margin-right: 1.1713030747vw;
  background-image: url(../img/icon-phone.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .page .contact-section .tel:before {
    width: 5.0666666667vw;
    height: 5.0666666667vw;
    margin-right: 2.2666666667vw;
  }
}

.page .contact-section .tel:hover {
  color: inherit;
}

.page .note-txt {
  font-size: 1.0248901903vw;
  margin-top: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page .note-txt {
    font-size: 3.2vw;
    margin-top: 1.3333333333vw;
  }
}

/* !!------------------------------------ */
/* !! @map  お問い合わせ */
/* !!------------------------------------ */
.page-contact .breadcrumbs-wrap {
  background-color: #f5f5f5;
}

.page-contact .form-section {
  padding-top: 8.78477306vw;
}

.wpcf7-not-valid-tip,
.mw_wp_form .error {
  font-size: 1.0248901903vw !important;
  font-weight: bold !important;
  font-weight: 700 !important;
  color: #dc3232 !important;
  margin-top: 0.7320644217vw;
  margin-bottom: 1.4641288433vw;
}

@media screen and (max-width: 767px) {

  .wpcf7-not-valid-tip,
  .mw_wp_form .error {
    font-size: 3.2vw !important;
    margin-top: 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}

.wpcf7 form .wpcf7-response-output {
  font-size: 1.0248901903vw !important;
  line-height: 1.6;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 1.4641288433vw 0 0 0 !important;
  padding: 1.4641288433vw !important;
}

@media screen and (max-width: 767px) {
  .wpcf7 form .wpcf7-response-output {
    font-size: 3.2vw !important;
    margin-top: 5.3333333333vw !important;
    padding: 5.3333333333vw !important;
  }
}

/* !!------------------------------------ */
/* !! @map  内容確認 */
@media screen and (max-width: 767px) {
  .page-confirm .kv-section {
    padding-top: 8.6666666667vw;
  }
}

.page-confirm .kv-section .sub-ttl {
  font-size: 1.4641288433vw;
  font-weight: bold;
  font-weight: 700;
  display: block;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-confirm .kv-section .sub-ttl {
    font-size: 3.2vw;
    margin-bottom: 2vw;
  }
}

.page-confirm .breadcrumbs-wrap {
  background-color: #f5f5f5;
}

.page-confirm .form-section {
  padding-top: 8.78477306vw;
}

@media screen and (max-width: 767px) {
  .page-confirm .form-section {
    padding-top: 18.6666666667vw;
  }
}

.page-confirm .form-list-item {
  font-size: 1.1713030747vw;
  display: flex;
  align-items: center;
  margin-bottom: 1.0980966325vw;
  padding-bottom: 1.0980966325vw;
  border-bottom: 1px solid #EBEBEB;
}

@media screen and (max-width: 767px) {
  .page-confirm .form-list-item {
    font-size: 3.0666666667vw;
    margin-bottom: 4vw;
    padding-bottom: 4vw;
  }
}

.page-confirm .form-list-item:nth-child(n + 7):nth-child(-n + 10):after {
  content: none;
}

.page-confirm .form-list-item:last-child {
  line-height: 1.63;
  display: block;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .page-confirm .form-list-item:last-child {
    line-height: 1.78;
  }
}

.page-confirm .form-list-item:last-child.is-active .ttl {
  display: none;
}

.page-confirm .form-list-item:last-child.is-active .ttl+.ttl {
  line-height: 1;
  display: block;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-confirm .form-list-item:last-child.is-active .ttl+.ttl {
    margin-bottom: 2vw;
  }
}

.page-confirm .form-list-item .ttl {
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  flex-basis: 14.2752562225vw;
  max-width: 14.2752562225vw;
  position: static;
  transform: none;
}

@media screen and (max-width: 767px) {
  .page-confirm .form-list-item .ttl {
    font-size: 3.0666666667vw;
    flex-basis: 37.8666666667vw;
    max-width: 37.8666666667vw;
  }
}

.page-confirm .form-list-item .ttl span {
  display: none;
}

.page-confirm .form-list-item span {
  flex-basis: calc(100% - 14.2752562225vw);
  max-width: calc(100% - 14.2752562225vw);
}

@media screen and (max-width: 767px) {
  .page-confirm .form-list-item span {
    flex-basis: calc(100% - 37.8666666667vw);
    max-width: calc(100% - 37.8666666667vw);
  }
}

.page-confirm .form-list-item input,
.page-confirm .form-list-item select,
.page-confirm .form-list-item textarea {
  color: #656565;
  padding: 0;
  border: none;
}

@media screen and (max-width: 767px) {

  .page-confirm .form-list-item input,
  .page-confirm .form-list-item select,
  .page-confirm .form-list-item textarea {
    color: #000;
  }
}

.page-confirm .form-list-item select:disabled {
  color: #656565;
  cursor: auto;
}

@media screen and (max-width: 767px) {
  .page-confirm .form-list-item select:disabled {
    color: #000;
  }
}

.page-confirm .form-list-item textarea {
  height: auto;
  overflow-y: scroll;
}

.page-confirm .form-list-item.is-active .ttl {
  display: block;
}

.page-confirm .form-list-item:nth-child(3)>.ttl {
  display: block;
}

.page-confirm .form-list-item:nth-child(3) ol {
  flex-basis: calc(100% - 14.2752562225vw);
  max-width: calc(100% - 14.2752562225vw);
}

@media screen and (max-width: 767px) {
  .page-confirm .form-list-item:nth-child(3) ol {
    flex-basis: calc(100% - 37.8666666667vw);
    max-width: calc(100% - 37.8666666667vw);
  }
}

.page-confirm .form-list-item:nth-child(3) ol .form-list-item span {
  flex-basis: initial;
  max-width: initial;
}

.page-confirm .form-list-item .form-list-item {
  flex-basis: initial;
  max-width: initial;
  padding-bottom: 0;
  border-bottom: none;
}

.page-confirm .form-list-item .form-list-item:first-child {
  margin-right: 0.5em;
}

.page-confirm .form-list-item .form-list-item:last-child {
  line-height: 1;
}

.page-confirm .form-list-item .form-list-item .ttl {
  display: none;
}

.page-confirm .form-list-item ol {
  justify-content: flex-start;
}

.page-confirm .privacy-check {
  display: none;
}

.page-confirm .btn-list {
  margin-top: 5.1244509517vw;
}

@media screen and (max-width: 767px) {
  .page-confirm .btn-list {
    margin-top: 10.6666666667vw;
  }
}

.page-confirm .btn-list-item {
  flex-basis: 15.3733528551vw;
  max-width: 15.3733528551vw;
}

@media screen and (max-width: 767px) {
  .page-confirm .btn-list-item {
    flex-basis: calc((100% - 1.3333333333vw)/2);
    max-width: calc((100% - 1.3333333333vw)/2);
  }
}

.page-confirm .btn-list-item.reset {
  display: none;
}

.page-confirm .btn-list-item.cancel {
  display: block;
}

.page-confirm .btn-cancel {
  width: 100%;
  height: 100%;
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .page-confirm .btn-cancel {
    font-size: 3.7333333333vw;
  }
}

.page-confirm .btn-cancel:hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .page-confirm .btn-cancel:hover {
    opacity: 1;
  }
}

/* !! @map  .form-section_new */
.top .form-section_new .mw_wp_form .error,
.page-contact .form-section_new .mw_wp_form .error,
.page-eigyoengine .form-section_new .mw_wp_form .error {
  width: 18vw;
  margin: 0.5vw 0 1.2vw auto;
}

.top .form-section_new .mw_wp_form .privacy-check .error,
.page-contact .form-section_new .mw_wp_form .privacy-check .error,
.page-eigyoengine .form-section_new .mw_wp_form .privacy-check .error {
  width: 100%;
  margin: 0.5vw 0 1.2vw;
}

@media screen and (max-width: 767px) {

  .top .form-section_new.block .mw_wp_form .error,
  .page-contact .form-section_new.block .mw_wp_form .error,
  .page-eigyoengine .form-section_new.block .mw_wp_form .error {
    width: 100%;
    margin: 1.5vw 0 4vw;
  }

  .top .form-section_new .mw_wp_form .privacy-check .error,
  .page-contact .form-section_new .mw_wp_form .privacy-check .error,
  .page-eigyoengine .form-section_new .mw_wp_form .privacy-check .error {
    margin: 1.5vw 0 4vw;
  }
}

.top .form-section_new .form-list-item:nth-child(3)>.ttl,
.page-contact .form-section_new .form-list-item:nth-child(3)>.ttl,
.page-eigyoengine .form-section_new .form-list-item:nth-child(3)>.ttl {
  display: block;
}

@media screen and (max-width: 767px) {

  .top .form-section_new .right-wrap,
  .page-contact .form-section_new .right-wrap,
  .page-eigyoengine .form-section_new .right-wrap,
  .page-confirm .form-section .right-wrap {
    padding: 8vw 4vw 10vw;
  }
}

@media screen and (max-width: 767px) {

  .top .form-section_new .form-list-item .ttl span,
  .page-contact .form-section_new .form-list-item .ttl span,
  .page-eigyoengine .form-section_new .form-list-item .ttl span {
    margin-left: 0;
  }
}

.top .form-section_new .form-list-item,
.page-contact .form-section_new .form-list-item,
.page-eigyoengine .form-section_new .form-list-item {
  font-size: 1.1713030747vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.0980966325vw;
  padding-bottom: 1.0980966325vw;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 0.5vw;
  padding-bottom: 0;
  border-bottom: 0px;
}

@media screen and (max-width: 767px) {

  .top .form-section_new .form-list-item,
  .page-contact .form-section_new .form-list-item,
  .page-eigyoengine .form-section_new .form-list-item {
    font-size: 3.0666666667vw;
    margin-bottom: 2vw;
    padding-bottom: 0;
  }
}

.mw_wp_form.mw_wp_form_input .form-list-item .checkbox-wrap {
  margin: 12px 0;
}

.form-list-item .checkbox-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media screen and (max-width: 767px) {
  .mw_wp_form.mw_wp_form_input .form-list-item .checkbox-wrap {
    margin: 12px 0 4px !important;
  }
}

.form-list-item .checkbox-wrap input[type="checkbox"] {
  display: none;
}

.form-list-item .checkbox-wrap .mwform-checkbox-field-text {
  font-size: 1.1713030747vw;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .form-list-item .checkbox-wrap .mwform-checkbox-field-text {
    font-size: 3.0666666667vw;
  }
}

.form-list-item .checkbox-wrap input:checked+.mwform-checkbox-field-text:after {
  opacity: 1;
}

.page-confirm .form-section .form-list-item {
  padding-left: calc(100% - 18vw);
  min-height: 2.4vw;
}

@media screen and (max-width: 767px) {
  .page-confirm .form-section .form-list-item {
    display: block;
    padding-left: 0;
    min-height: 7.4vw;
  }
}

.page-confirm .form-section .form-list-item:last-child {
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .page-confirm .form-section .form-list-item:last-child {
    padding-left: 0;
  }
}

.page-confirm .form-section .form-list-item .ttl {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 18vw);
}

@media screen and (max-width: 767px) {
  .page-confirm .form-section .form-list-item .ttl {
    position: static;
    width: 100%;
    margin-bottom: 2vw;
  }
}

.top .form-section_new .form-list-item:last-child,
.page-contact .form-section_new .form-list-item:last-child,
.page-eigyoengine .form-section_new .form-list-item:last-child {
  line-height: 1.63;
  display: block;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

@media screen and (max-width: 767px) {

  .top .form-section_new .form-list-item:last-child,
  .page-contact .form-section_new .form-list-item:last-child,
  .page-eigyoengine .form-section_new .form-list-item:last-child {
    line-height: 1.78;
  }
}

.top .form-section_new .form-list-item .ttl,
.page-contact .form-section_new .form-list-item .ttl,
.page-eigyoengine .form-section_new .form-list-item .ttl {
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  flex-basis: 14.2752562225vw;
  max-width: 14.2752562225vw;
  position: static;
  transform: none;
}

@media screen and (max-width: 767px) {

  .top .form-section_new .form-list-item .ttl,
  .page-contact .form-section_new .form-list-item .ttl,
  .page-eigyoengine .form-section_new .form-list-item .ttl {
    font-size: 3.0666666667vw;
    flex-basis: 37.8666666667vw;
    max-width: 37.8666666667vw;
  }
}

.top .form-section_new .form-list-item input,
.top .form-section_new .form-list-item select,
.top .form-section_new .form-list-item .checkbox-wrap,
.page-contact .form-section_new .form-list-item input,
.page-contact .form-section_new .form-list-item select,
.page-contact .form-section_new .form-list-item .checkbox-wrap,
.page-eigyoengine .form-section_new .form-list-item input,
.page-eigyoengine .form-section_new .form-list-item select,
.page-eigyoengine .form-section_new .form-list-item .checkbox-wrap {
  width: 18vw;
}

.page-confirm .form-section .form-list-item:last-child .ttl {
  position: static;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {

  .top .form-section_new .form-list-item input,
  .top .form-section_new .form-list-item select,
  .top .form-section_new .form-list-item .checkbox-wrap,
  .page-contact .form-section_new .form-list-item input,
  .page-contact .form-section_new .form-list-item select,
  .page-contact .form-section_new .form-list-item .checkbox-wrap,
  .page-eigyoengine .form-section_new .form-list-item input,
  .page-eigyoengine .form-section_new .form-list-item select,
  .page-eigyoengine .form-section_new .form-list-item .checkbox-wrap {
    width: 39vw;
  }

  .top .form-section_new.block .form-list-item input,
  .top .form-section_new.block .form-list-item select,
  .top .form-section_new.block .form-list-item .checkbox-wrap,
  .page-contact .form-section_new.block .form-list-item input,
  .page-contact .form-section_new.block .form-list-item select,
  .page-contact .form-section_new.block .form-list-item .checkbox-wrap,
  .page-eigyoengine .form-section_new.block .form-list-item input,
  .page-eigyoengine .form-section_new.block .form-list-item select,
  .page-eigyoengine .form-section_new.block .form-list-item .checkbox-wrap {
    width: 100%;
    margin-top: 1vw;
  }
}

@media screen and (max-width: 767px) {

  .page-contact .breadcrumbs-wrap,
  .page-confirm .breadcrumbs-wrap {
    margin-right: calc(-50vw + 50%);
  }
}

/* !!------------------------------------ */
/* !! @map  送信完了 */
.page-complete .kv-section {
  padding-bottom: 8.0527086384vw;
}

@media screen and (max-width: 767px) {
  .page-complete .kv-section {
    padding-top: 8.6666666667vw;
    padding-bottom: 17.3333333333vw;
  }
}

.page-complete .kv-section .sub-ttl {
  font-size: 1.4641288433vw;
  font-weight: bold;
  font-weight: 700;
  display: block;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-complete .kv-section .sub-ttl {
    font-size: 3.2vw;
    margin-bottom: 2vw;
  }
}

.page-complete .kv-section .btn-wrap {
  text-align: center;
  margin-top: 9.5168374817vw;
}

@media screen and (max-width: 767px) {
  .page-complete .kv-section .btn-wrap {
    margin-top: 15.3333333333vw;
  }
}

/* !!------------------------------------ */
/* !! @map  404 */
/* !!------------------------------------ */
.page-notfound .btn-wrap {
  text-align: center;
  margin-top: 9.5168374817vw;
}

@media screen and (max-width: 767px) {
  .page-notfound .btn-wrap {
    margin-top: 12vw;
  }
}

.page-notfound .kv-section {
  padding-bottom: 7.3206442167vw;
}

@media screen and (max-width: 767px) {
  .page-notfound .kv-section {
    padding-bottom: 15.3333333333vw;
  }
}

/* !!------------------------------------ */
/* !! @map  採用情報 */
/* !!------------------------------------ */
@media screen and (max-width: 767px) {
  .page-recruit .breadcrumbs-wrap+.inner {
    padding-top: 6.6666666667vw;
  }
}

@media screen and (max-width: 767px) {
  .page-recruit .kv-section .img-wrap {
    margin-bottom: 6.6666666667vw;
    border-radius: 0.5333333333vw;
  }
}

.page-recruit .kv-section .ttl-h2 {
  line-height: 1;
  margin-bottom: 1.0980966325vw;
  padding-left: 1.8301610542vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-recruit .kv-section .ttl-h2 {
    line-height: 1.42;
    text-align: justify;
    margin-bottom: 4vw;
    padding-left: 4vw;
  }
}

.page-recruit .kv-section .ttl-h2:before {
  content: "";
  width: 0.1464128843vw;
  height: 2.5622254758vw;
  margin-right: 1.6105417277vw;
  background-color: #59c3ff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

@media screen and (max-width: 767px) {
  .page-recruit .kv-section .ttl-h2:before {
    width: 0.2666666667vw;
    height: 100%;
    margin-right: 4vw;
  }
}

.page-recruit .kv-section .note-txt {
  font-size: 0.878477306vw;
}

@media screen and (max-width: 767px) {
  .page-recruit .kv-section .note-txt {
    font-size: 2.6666666667vw;
  }
}

.page-recruit .recruit-section {
  padding-top: 5.1244509517vw;
  padding-bottom: 6.2225475842vw;
}

@media screen and (max-width: 767px) {
  .page-recruit .recruit-section {
    padding-top: 11.3333333333vw;
    padding-bottom: 15.3333333333vw;
  }
}

.page-recruit .recruit-section .recruit-list-item:first-child {
  margin-bottom: 1.756954612vw;
}

@media screen and (max-width: 767px) {
  .page-recruit .recruit-section .recruit-list-item:first-child {
    margin-bottom: 14.6666666667vw;
  }
}

.page-recruit .recruit-section .recruit-list-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.page-recruit .recruit-section .recruit-list-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .page-recruit .recruit-section .recruit-list-item a {
    flex-direction: column;
  }
}

.page-recruit .recruit-section .recruit-list-item a:hover .btn-more:after {
  border-color: #006eff;
}

@media screen and (max-width: 767px) {
  .page-recruit .recruit-section .recruit-list-item a:hover .btn-more:after {
    border-color: #000;
  }
}

.page-recruit .recruit-section .recruit-list-item .img-wrap {
  flex-basis: 25.6222547584vw;
  max-width: 25.6222547584vw;
}

@media screen and (max-width: 767px) {
  .page-recruit .recruit-section .recruit-list-item .img-wrap {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 6.6666666667vw;
  }
}

.page-recruit .recruit-section .recruit-list-item .img-wrap img {
  border-radius: 0.2928257687vw;
}

@media screen and (max-width: 767px) {
  .page-recruit .recruit-section .recruit-list-item .img-wrap img {
    border-radius: 0.5333333333vw;
  }
}

.page-recruit .recruit-section .recruit-list-item .txt-wrap {
  flex-basis: 44.289897511vw;
  max-width: 44.289897511vw;
}

@media screen and (max-width: 767px) {
  .page-recruit .recruit-section .recruit-list-item .txt-wrap {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.page-recruit .recruit-section .recruit-list-item .ttl-h3 {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 1.0980966325vw;
  padding-bottom: 0.7320644217vw;
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .page-recruit .recruit-section .recruit-list-item .ttl-h3 {
    font-size: 5.0666666667vw;
    margin-bottom: 3.3333333333vw;
    padding-bottom: 2.6666666667vw;
  }
}

.page-recruit .recruit-section .recruit-list-item .ttl-h3:before {
  content: none;
}

/* !!------------------------------------ */
/* !! @map  企業理念 */
/* !!------------------------------------ */
@media screen and (max-width: 767px) {
  .page-philosophy .breadcrumbs-wrap+.inner {
    padding-top: 14.6666666667vw;
  }
}

.page-philosophy .corporatephilosophy-section {
  padding-top: 5.1244509517vw;
  padding-bottom: 8.0527086384vw;
}

@media screen and (max-width: 767px) {
  .page-philosophy .corporatephilosophy-section {
    padding-top: 12.5333333333vw;
    padding-bottom: 17.3333333333vw;
  }
}

.page-philosophy .corporatephilosophy-list {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .page-philosophy .corporatephilosophy-list {
    flex-direction: column;
  }
}

.page-philosophy .corporatephilosophy-list-item {
  flex-basis: 34.4070278184vw;
  max-width: 34.4070278184vw;
}

@media screen and (max-width: 767px) {
  .page-philosophy .corporatephilosophy-list-item {
    flex-basis: 100%;
    max-width: 100%;
  }

  .page-philosophy .corporatephilosophy-list-item:first-child {
    margin-bottom: 12.5333333333vw;
  }
}

.page-philosophy .corporatephilosophy-list-item .img-wrap {
  margin-bottom: 3.6603221083vw;
}

@media screen and (max-width: 767px) {
  .page-philosophy .corporatephilosophy-list-item .img-wrap {
    width: 100%;
    margin-bottom: 5.3333333333vw;
    margin-left: 0;
  }
}

.page-philosophy .behavioralguidelines-section {
  padding-bottom: 7.3206442167vw;
}

@media screen and (max-width: 767px) {
  .page-philosophy .behavioralguidelines-section {
    padding-bottom: 17.3333333333vw;
  }
}

.page-philosophy .behavioralguidelines-section .img-wrap {
  margin-bottom: 3.6603221083vw;
}

.page-philosophy .behavioralguidelines-section .ttl-h3 {
  margin-bottom: 2.196193265vw;
}

@media screen and (max-width: 767px) {
  .page-philosophy .behavioralguidelines-section .ttl-h3 {
    margin-bottom: 4vw;
  }
}

.page-philosophy .behavioralguidelines-section .behavioralguidelines-list {
  margin-bottom: 9.8828696925vw;
}

@media screen and (max-width: 767px) {
  .page-philosophy .behavioralguidelines-section .behavioralguidelines-list {
    margin-bottom: 17.3333333333vw;
  }
}

.page-philosophy .behavioralguidelines-section .behavioralguidelines-list-item {
  margin-bottom: 2.9282576867vw;
  padding-bottom: 2.196193265vw;
  border-bottom: 1px solid #EBEBEB;
}

@media screen and (max-width: 767px) {
  .page-philosophy .behavioralguidelines-section .behavioralguidelines-list-item {
    margin-bottom: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }

  .page-philosophy .behavioralguidelines-section .behavioralguidelines-list-item .img-wrap {
    width: 100vw;
    margin-bottom: 5.3333333333vw;
    margin-left: calc(-50vw + 50%);
  }
}

.page-philosophy .behavioralguidelines-section .behavioralguidelines-list-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.page-philosophy .ttl-h3.en-font {
  color: var(--color-primary);
  font-size: calc(2.196193265vw * 1.5);

  @media screen and (max-width: 767px) {
    padding: 1.6666666666vw;
    font-size: calc(5.3333333333vw * 1.5);
  }
}

/* !!------------------------------------ */
/* !! @map  会社情報 */
/* !!------------------------------------ */
.page-about .message-section {
  padding-top: 4.39238653vw;
  padding-bottom: 10.6149341142vw;
}

@media screen and (max-width: 767px) {
  .page-about .message-section {
    padding-top: 14.2666666667vw;
    padding-bottom: 20.8vw;
  }

  .page-about .message-section .ttl-h3 {
    margin-bottom: 6.6666666667vw;
  }

  .page-about .message-section .img-wrap {
    margin-bottom: 6.6666666667vw;
  }
}

@media screen and (max-width: 767px) {
  .page-about .message-section .wrap {
    display: block;
  }
}

.page-about .message-section .wrap>div {
  flex-basis: 34.4070278184vw;
  max-width: 34.4070278184vw;
}

@media screen and (max-width: 767px) {
  .page-about .message-section .wrap>div {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.page-about .message-section .ttl-h4 {
  line-height: 1.47;
}

@media screen and (max-width: 767px) {
  .page-about .message-section .ttl-h4 {
    line-height: 1.45;
  }
}

.page-about .message-section .lead-txt+.lead-txt {
  margin-top: 2.196193265vw;
}

@media screen and (max-width: 767px) {
  .page-about .message-section .lead-txt+.lead-txt {
    margin-top: 6.6666666667vw;
  }
}

.page-about .message-section .name-wrap {
  text-align: right;
  margin-top: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .page-about .message-section .name-wrap {
    margin-top: 6.6666666667vw;
  }
}

.page-about .message-section .name-wrap span {
  display: block;
}

.page-about .message-section .name-wrap span.sub-txt {
  font-size: 0.878477306vw;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-about .message-section .name-wrap span.sub-txt {
    font-size: 2.6666666667vw;
    margin-bottom: 1.3333333333vw;
  }
}

.page-about .message-section .name-wrap span.en-font {
  font-size: 1.0248901903vw;
  color: #006eff;
  letter-spacing: normal;
}

@media screen and (max-width: 767px) {
  .page-about .message-section .name-wrap span.en-font {
    font-size: 2.6666666667vw;
  }
}

.page-about .message-section .name-wrap .name-txt {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-about .message-section .name-wrap .name-txt {
    font-size: 5.0666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}

.page-about .corporateinfo-section {
  padding-bottom: 8.0527086384vw;
}

@media screen and (max-width: 767px) {
  .page-about .corporateinfo-section {
    padding-bottom: 14.9333333333vw;
  }

  .page-about .corporateinfo-section .ttl-h3 {
    margin-bottom: 8.6666666667vw;
  }
}

.page-about .corporateinfo-section .corporateinfo-list-item {
  display: flex;
  align-items: baseline;
  margin-bottom: 1.0980966325vw;
  padding-bottom: 1.0980966325vw;
  border-bottom: 1px solid #EBEBEB;
}

@media screen and (max-width: 767px) {
  .page-about .corporateinfo-section .corporateinfo-list-item {
    margin-bottom: 3.7333333333vw;
    padding-bottom: 3.7333333333vw;
  }
}

.page-about .corporateinfo-section .corporateinfo-list-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .page-about .corporateinfo-section .corporateinfo-list-item:last-child {
    display: block;
  }

  .page-about .corporateinfo-section .corporateinfo-list-item:last-child .ttl {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 3.7333333333vw;
  }
}

.page-about .corporateinfo-section .corporateinfo-list-item .ttl {
  font-size: 1.317715959vw;
  font-weight: bold;
  font-weight: 700;
  flex-basis: 14.2752562225vw;
  max-width: 14.2752562225vw;
}

@media screen and (max-width: 767px) {
  .page-about .corporateinfo-section .corporateinfo-list-item .ttl {
    font-size: 4.2666666667vw;
    flex-basis: 25.6vw;
    max-width: 25.6vw;
  }
}

.page-about .corporateinfo-section .corporateinfo-list-item .lead-txt {
  flex-basis: calc(100% - 14.2752562225vw);
  max-width: calc(100% - 14.2752562225vw);
}

@media screen and (max-width: 767px) {
  .page-about .corporateinfo-section .corporateinfo-list-item .lead-txt {
    font-size: 4.2666666667vw;
    flex-basis: calc(100% - 25.6vw);
    max-width: calc(100% - 25.6vw);
  }
}

.page-about .corporateinfo-section .corporateinfo-list-item .map-wrap {
  flex-basis: calc(100% - 14.2752562225vw);
  max-width: calc(100% - 14.2752562225vw);
}

@media screen and (max-width: 767px) {
  .page-about .corporateinfo-section .corporateinfo-list-item .map-wrap {
    flex-basis: 100%;
    max-width: 100%;
  }

  .page-about .corporateinfo-section .corporateinfo-list-item .map-wrap iframe {
    width: 100%;
    height: 46.6666666667vw;
  }
}

.page-about .corporateinfo-section .corporateinfo-list-item .map-wrap .lead-txt {
  flex-basis: initial;
  max-width: initial;
  margin-top: 2.5622254758vw;
  margin-bottom: 1.4641288433vw;
  padding-top: 1.8301610542vw;
  border-top: 1px solid #EBEBEB;
}

@media screen and (max-width: 767px) {
  .page-about .corporateinfo-section .corporateinfo-list-item .map-wrap .lead-txt {
    margin-top: 5.7333333333vw;
    margin-bottom: 5.7333333333vw;
    padding-top: 5.7333333333vw;
  }
}

.page-about .corporateinfo-section .corporateinfo-list-item .map-wrap .lead-txt:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* !!------------------------------------ */
/* !! @map  会社情報 */
/* !!------------------------------------ */
.page-eigyoengine .kv-section {
  padding-top: 0;
}

.page-eigyoengine .kv-section .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.page-eigyoengine .kv-section .kv-wrap {
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .kv-section .kv-wrap {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
  }
}

.page-eigyoengine .kv-section .txt-wrap {
  height: 100%;
}

.page-eigyoengine .kv-section .ttl-h1 {
  height: 100%;
  font-size: 2.0497803807vw;
  color: #fff;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .kv-section .ttl-h1 {
    width: 100%;
    font-size: 4.8vw;
    align-items: center;
  }
}

.page-eigyoengine .kv-section .ttl-h1:after {
  content: "";
  width: 30.3074670571vw;
  height: 30.3074670571vw;
  background-image: url(../img/bg-ttl-circle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .kv-section .ttl-h1:after {
    width: 55.2vw;
    height: 55.2vw;
  }
}

.page-eigyoengine .kv-section .ttl-h1 .en-font {
  font-size: 3.513909224vw;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .kv-section .ttl-h1 .en-font {
    font-size: 9.4666666667vw;
    margin-bottom: 1.3333333333vw;
  }
}

.page-eigyoengine .kv-section .breadcrumbs-wrap {
  padding-top: 0.7320644217vw;
  padding-bottom: 0.7320644217vw;
  border-top: none;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .kv-section .breadcrumbs-wrap {
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}

.page-eigyoengine .kv-section #breadcrumbs {
  position: static;
  transform: none;
}

.page-eigyoengine .lead-section {
  padding-top: 7.3206442167vw;
  padding-bottom: 8.0527086384vw;
  background-color: #FAFAFA;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .lead-section {
    padding-top: 17.3333333333vw;
    padding-bottom: 17.3333333333vw;
  }
}

.page-eigyoengine .lead-section .ttl-h2 {
  text-align: center;
  margin-bottom: 2.9282576867vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .lead-section .ttl-h2 {
    width: 100vw;
    font-size: 5.3333333333vw;
    margin-left: calc(-50vw + 50%);
  }
}

.page-eigyoengine .lead-section .ttl-h2 .sub-ttl {
  font-size: 2.0497803807vw;
  display: block;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .lead-section .ttl-h2 .sub-ttl {
    font-size: 5.0666666667vw;
    line-height: 1.42;
    margin-bottom: 1.3333333333vw;
  }
}

.page-eigyoengine .lead-section .wrap {
  justify-content: center;
}

.page-eigyoengine .lead-section .img-wrap {
  flex-basis: 21.9619326501vw;
  max-width: 21.9619326501vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .lead-section .img-wrap {
    flex-basis: 52.2666666667vw;
    max-width: 52.2666666667vw;
  }
}

.page-eigyoengine .lead-section .comment-wrap {
  margin-left: -1.8301610542vw;
  padding: 1.4641288433vw 3.2942898975vw;
  background-color: #fff;
  border: 0.1464128843vw solid #EBEBEB;
  border-radius: 4.9780380673vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .lead-section .comment-wrap {
    width: 100%;
    margin-top: -4.6666666667vw;
    margin-left: 0;
    padding: 4.6666666667vw 0;
    border-width: 0.5333333333vw;
    border-radius: 17.0666666667vw;
  }

  .page-eigyoengine .lead-section .comment-wrap .lead-txt {
    text-align: center;
  }
}

.page-eigyoengine .lead-section .speechbubble-wrap {
  width: 100%;
  height: 9.5168374817vw;
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #006eff;
  border-radius: 4.7584187408vw;
  position: absolute;
  bottom: -12.8111273792vw;
  left: 50%;
  transform: translate(-50%, 0);
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .lead-section .speechbubble-wrap {
    height: 17.7333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.43;
    text-align: center;
    border-radius: 8.9333333333vw;
    bottom: -23.6vw;
  }
}

.page-eigyoengine .lead-section .speechbubble-wrap:after {
  content: "";
  width: 4.39238653vw;
  height: 4.39238653vw;
  background-color: #006eff;
  position: absolute;
  bottom: -2.196193265vw;
  left: 50%;
  transform: translate(-50%, 0) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .lead-section .speechbubble-wrap:after {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    bottom: -1.7333333333vw;
  }
}

.page-eigyoengine .technology-section {
  padding-top: 17.5695461201vw;
  padding-bottom: 12.0790629575vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section {
    padding-top: 19.7333333333vw;
    /* padding-bottom: 25.7333333333vw; */
    padding-bottom: 21.3333333333vw;
  }
}

.page-eigyoengine .technology-section .ttl-h2 img {
  width: 39.3118594436vw;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .ttl-h2 img {
    width: 71.6vw;
  }
}

.page-eigyoengine .technology-section .ttl-h2+.lead-txt {
  font-size: 2.9282576867vw;
  line-height: 1.45;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .ttl-h2+.lead-txt {
    font-size: 5.0666666667vw;
    line-height: 1.42;
  }
}

.page-eigyoengine .technology-section .ttl-h3 {
  margin-top: 6.9546120059vw;
  margin-bottom: 2.9282576867vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .ttl-h3 {
    margin-top: 19.2vw;
    margin-bottom: 5.3333333333vw;
  }
}

.page-eigyoengine .technology-section .ttl-h3:before {
  height: 2.5622254758vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .ttl-h3:before {
    height: 100%;
  }
}

.page-eigyoengine .technology-section .strong-list {
  align-items: flex-start;
  margin-bottom: 7.3206442167vw;
  counter-reset: number 0;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .strong-list {
    margin-bottom: 18.6666666667vw;
  }
}

.page-eigyoengine .technology-section .strong-list-item {
  flex-basis: 23.4260614934vw;
  max-width: 23.4260614934vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .strong-list-item {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 12vw;
  }

  .page-eigyoengine .technology-section .strong-list-item:last-child {
    margin-bottom: 0;
  }
}

.page-eigyoengine .technology-section .strong-list-item img {
  border-radius: 0.2928257687vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .strong-list-item img {
    border-radius: 0.5333333333vw;
  }
}

.page-eigyoengine .technology-section .strong-list-item .ttl-h4 {
  font-size: 1.756954612vw;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  display: flex;
  align-items: center;
  margin-top: 1.0980966325vw;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .strong-list-item .ttl-h4 {
    font-size: 5.3333333333vw;
    margin-top: 5.3333333333vw;
    margin-bottom: 3.3333333333vw;
  }
}

.page-eigyoengine .technology-section .strong-list-item .ttl-h4:before {
  counter-increment: number 1;
  content: "0"counter(number);
  font-size: 1.9033674963vw;
  font-family: din-2014, sans-serif;
  font-weight: 800;
  font-style: italic;
  color: #000;
  margin-right: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .strong-list-item .ttl-h4:before {
    font-size: 5.6vw;
    margin-right: 2.6666666667vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap {
  padding-top: 5.8565153734vw;
  padding-bottom: 5.1244509517vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap {
    padding-top: 20vw;
    padding-bottom: 18.6666666667vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 110, 255, 0.02);
  position: absolute;
  top: 0;
  left: calc(-50vw + 50%);
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap:after {
    width: 100vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap .left-wrap {
  flex-basis: 35.8711566618vw;
  max-width: 35.8711566618vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .left-wrap {
    flex-basis: 100%;
    max-width: 100%;
  }

  .page-eigyoengine .technology-section .difference-wrap .left-wrap .ttl-h3 {
    margin-bottom: 4vw;
    white-space: nowrap;
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap {
  flex-basis: 32.5768667643vw;
  max-width: 32.5768667643vw;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap {
    flex-basis: 100%;
    max-width: 100%;
    flex-direction: column;
    margin-top: 11.6vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item .img-wrap {
  font-size: 1.4641288433vw;
  font-weight: bold;
  font-weight: 900;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item .img-wrap {
    font-size: 4.8vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item .img-wrap:after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:first-child {
  flex-basis: 18.0087847731vw;
  max-width: 18.0087847731vw;
  margin-right: 3.8067349927vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:first-child {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 25.2vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:first-child:after {
  content: "";
  width: 1.317715959vw;
  height: 2.8550512445vw;
  background-image: url(../img/arrow2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 7.8330893119vw;
  right: -2.7086383602vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:first-child:after {
    width: 7.2vw;
    height: 15.4666666667vw;
    top: auto;
    right: auto;
    left: 50%;
    bottom: -18.6666666667vw;
    transform: translate(-50%, 0) rotate(90deg);
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:first-child .img-wrap {
  width: 15.3733528551vw;
  height: 15.3733528551vw;
  background-color: #006eff;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:first-child .img-wrap {
    width: 50.5333333333vw;
    height: 50.5333333333vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:first-child .img-wrap:after {
  width: 18.0087847731vw;
  height: 18.0087847731vw;
  background-image: url(../img/circle1.svg);
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:first-child .img-wrap:after {
    width: 59.2vw;
    height: 59.2vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:first-child img {
  width: 9.224011713vw;
  display: block;
  margin: 1.4641288433vw auto 0;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:first-child img {
    width: 30vw;
    margin-top: 4.4vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:last-child {
  font-size: 1.3909224012vw;
  flex-basis: 10.7613469985vw;
  max-width: 10.7613469985vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:last-child {
    font-size: 4.2666666667vw;
    flex-basis: 100%;
    max-width: 100%;
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:last-child .img-wrap {
  width: 8.78477306vw;
  height: 8.78477306vw;
  background-color: #656565;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:last-child .img-wrap {
    width: 31.2vw;
    height: 31.2vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:last-child .img-wrap:after {
  width: 10.7613469985vw;
  height: 10.7613469985vw;
  background-image: url(../img/circle2.svg);
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:last-child .img-wrap:after {
    width: 38.1333333333vw;
    height: 38.1333333333vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:last-child .txt {
  font-size: 1.1713030747vw;
  line-height: 1.5;
  font-weight: bold;
  font-weight: 900;
  text-align: center;
  margin-top: 1.4641288433vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .difference-wrap .right-wrap .right-wrap-item:last-child .txt {
    font-size: 4.2666666667vw;
    line-height: 1;
    margin-top: 6.1333333333vw;
  }
}

.page-eigyoengine .technology-section .difference-wrap .ttl-h3 {
  margin-top: 0;
  margin-bottom: 1.4641288433vw;
}

.page-eigyoengine .technology-section .cost-wrap {
  padding-top: 8.78477306vw;
  padding-bottom: 12.8111273792vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap {
    text-align: center;
    padding-top: 18.6666666667vw;
    padding-bottom: 18.6666666667vw;
  }

  .page-eigyoengine .technology-section .cost-wrap .ttl-h3 {
    text-align: justify;
    margin-top: 0;
    margin-bottom: 6vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list {
  display: flex;
  margin-bottom: 1.8301610542vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list {
    display: block;
    margin-bottom: 6.6666666667vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item {
  flex-basis: 33.6749633968vw;
  max-width: 33.6749633968vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item:first-child {
    margin-bottom: 12vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item:first-child:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  top: 0;
  right: -2.9282576867vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item:first-child:after {
    content: none;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .ttl-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5622254758vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item .ttl-wrap {
    margin-bottom: 4.6666666667vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .icon-wrap {
  flex-basis: 6.8081991215vw;
  max-width: 6.8081991215vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item .icon-wrap {
    flex-basis: 17.3333333333vw;
    max-width: 17.3333333333vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .txt-wrap {
  flex-basis: 24.5241581259vw;
  max-width: 24.5241581259vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item .txt-wrap {
    flex-basis: 62.6666666667vw;
    max-width: 62.6666666667vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .ttl {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 900;
  color: #006eff;
  letter-spacing: -0.01em;
  margin-bottom: 0.7320644217vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item .ttl {
    font-size: 5.0666666667vw;
    text-align: justify;
    letter-spacing: normal;
    margin-bottom: 2.6666666667vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .txt-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item .txt-list {
    margin-bottom: 4vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .txt-list-item {
  height: 2.7818448023vw;
  font-size: 1.317715959vw;
  font-weight: bold;
  font-weight: 900;
  flex-basis: 16.4714494876vw;
  max-width: 16.4714494876vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EBEBEB;
  border-radius: 0.2928257687vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item .txt-list-item {
    height: 7.0666666667vw;
    font-size: 3.4666666667vw;
    flex-basis: calc((100% - 2vw)/2);
    max-width: calc((100% - 2vw)/2);
    border-radius: 0.5333333333vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .txt-list-item:nth-child(n + 3) {
  margin-top: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item .txt-list-item:nth-child(n + 3) {
    margin-top: 2vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .cost-txt-wrap {
  text-align: center;
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .cost-txt-wrap .sub-ttl {
  font-size: 1.4641288433vw;
  display: block;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item .cost-txt-wrap .sub-ttl {
    font-size: 3.7333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .cost-txt-wrap .ttl {
  font-size: 1.9033674963vw;
  font-weight: bold;
  font-weight: 900;
  color: #000;
  display: flex;
  align-items: baseline;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item .cost-txt-wrap .ttl {
    font-size: 4.8vw;
    margin-bottom: 0;
  }
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .cost-txt-wrap .ttl strong {
  color: #ff6e00;
  font-weight: bold;
  font-weight: 900;
}

.page-eigyoengine .technology-section .cost-wrap .cost-list-item .cost-txt-wrap .ttl strong .en-font {
  font-size: 4.39238653vw;
  font-family: din-2014, sans-serif;
  font-weight: 800;
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .cost-list-item .cost-txt-wrap .ttl strong .en-font {
    font-size: 11.0666666667vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .ttl-h2:before {
  content: "";
  width: 3.6603221083vw;
  height: 3.6603221083vw;
  border-right: 0.7320644217vw solid #006EFF;
  border-bottom: 0.7320644217vw solid #006EFF;
  display: block;
  margin: 0 auto 2.5622254758vw;
  transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .ttl-h2:before {
    width: 7.2vw;
    height: 7.2vw;
    border-width: 1.3333333333vw;
    margin-bottom: 6.6666666667vw;
  }
}

.page-eigyoengine .technology-section .cost-wrap .ttl-h2+.lead-txt {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 900;
  color: #ff6e00;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .ttl-h2+.lead-txt {
    font-size: 4.8vw;
    line-height: 1.44;
    display: inline-block;
    margin-top: 1.3333333333vw;
    position: relative;
  }
}

.page-eigyoengine .technology-section .cost-wrap .ttl-h2+.lead-txt strong {
  color: #ff6e00;
}

.page-eigyoengine .technology-section .cost-wrap .ttl-h2+.lead-txt:before,
.page-eigyoengine .technology-section .cost-wrap .ttl-h2+.lead-txt:after {
  content: "";
  width: 0.1464128843vw;
  height: 2.196193265vw;
  background-color: #000;
  margin-right: 1.0980966325vw;
  transform: rotate(-20deg);
}

@media screen and (max-width: 767px) {

  .page-eigyoengine .technology-section .cost-wrap .ttl-h2+.lead-txt:before,
  .page-eigyoengine .technology-section .cost-wrap .ttl-h2+.lead-txt:after {
    width: 0.5333333333vw;
    height: 11.7333333333vw;
    margin-right: 1.3333333333vw;
    position: absolute;
    top: 50%;
    left: -2.6666666667vw;
    transform: translate(0, -50%) rotate(-20deg);
  }
}

.page-eigyoengine .technology-section .cost-wrap .ttl-h2+.lead-txt:after {
  margin-right: 0;
  margin-left: 1.0980966325vw;
  transform: rotate(20deg);
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .cost-wrap .ttl-h2+.lead-txt:after {
    margin-left: 1.3333333333vw;
    right: -2.6666666667vw;
    left: auto;
    transform: translate(0, -50%) rotate(20deg);
  }
}

.page-eigyoengine .technology-section .structure-wrap .ttl-h3 {
  margin-top: 0;
  margin-bottom: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .structure-wrap .ttl-h3 {
    margin-bottom: 4.6666666667vw;
  }
}

.page-eigyoengine .technology-section .structure-wrap .structure-list {
  counter-reset: number 0;
  margin-top: 1.8301610542vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .structure-wrap .structure-list {
    margin-top: 6.6666666667vw;
  }
}

.page-eigyoengine .technology-section .structure-wrap .structure-list-item {
  margin-bottom: 0.7320644217vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .structure-wrap .structure-list-item {
    margin-bottom: 1.3333333333vw;
  }
}

.page-eigyoengine .technology-section .structure-wrap .structure-list-item:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 45, 130, 0.5);
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
}

.page-eigyoengine .technology-section .structure-wrap .structure-list-item img {
  border-radius: 0.2928257687vw;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .structure-wrap .structure-list-item img {
    border-radius: 0.5333333333vw;
  }
}

.page-eigyoengine .technology-section .structure-wrap .structure-list-item .ttl {
  font-size: 2.0497803807vw;
  line-height: 1.5;
  font-weight: bold;
  font-weight: 700;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .structure-wrap .structure-list-item .ttl {
    font-size: 4.2666666667vw;
    line-height: 1.44;
    white-space: nowrap;
  }
}

.page-eigyoengine .technology-section .structure-wrap .structure-list-item .ttl:before {
  counter-increment: number 1;
  content: "0"counter(number);
  width: 4.39238653vw;
  height: 4.39238653vw;
  font-size: 1.9033674963vw;
  font-family: din-2014, sans-serif;
  font-weight: 800;
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.4641288433vw;
  border: 0.1464128843vw solid #fff;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .structure-wrap .structure-list-item .ttl:before {
    width: 8vw;
    height: 8vw;
    font-size: 4.2666666667vw;
    margin-bottom: 2vw;
  }
}

.page-eigyoengine .technology-section .structure-wrap .structure-list-item .arrow {
  width: 5.8565153734vw;
  height: 5.8565153734vw;
  background-color: #006eff;
  border-radius: 50%;
  position: absolute;
  bottom: -2.9282576867vw;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .structure-wrap .structure-list-item .arrow {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    bottom: -5.3333333333vw;
  }
}

.page-eigyoengine .technology-section .structure-wrap .structure-list-item .arrow:before {
  content: "";
  width: 1.317715959vw;
  height: 1.317715959vw;
  border-right: 0.2928257687vw solid #fff;
  border-bottom: 0.2928257687vw solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .structure-wrap .structure-list-item .arrow:before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-width: 0.5333333333vw;
  }
}

.page-eigyoengine .technology-section .structure-wrap .structure-list-item .arrow:after {
  content: "";
  width: 7.027818448vw;
  height: 7.027818448vw;
  background-image: url(../img/circle3.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
  .page-eigyoengine .technology-section .structure-wrap .structure-list-item .arrow:after {
    width: 12.8vw;
    height: 12.8vw;
  }
}

.page-eigyoengine .technology-section .structure-wrap .structure-list-item:last-child {
  margin-bottom: 0;
}

/* !!------------------------------------ */
/* !! @map  プライバシーポリシー */
/* !!------------------------------------ */
.page-privacy .kv-section {
  padding-bottom: 6.588579795vw;
}

@media screen and (max-width: 767px) {
  .page-privacy .kv-section {
    padding-top: 15.3333333333vw;
  }
}

.page-privacy .privacypolicy-section {
  padding-bottom: 9.8828696925vw;
}

@media screen and (max-width: 767px) {
  .page-privacy .privacypolicy-section {
    padding-bottom: 18.6666666667vw;
  }
}

.page-privacy .privacypolicy-section h2 {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  margin-top: 5.1244509517vw;
  margin-bottom: 1.4641288433vw;
  padding-left: 1.8301610542vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-privacy .privacypolicy-section h2 {
    font-size: 5.0666666667vw;
    line-height: 1.42;
    text-align: justify;
    margin-top: 9.3333333333vw;
    margin-bottom: 4vw;
    padding-left: 4vw;
  }
}

.page-privacy .privacypolicy-section h2:before {
  content: "";
  width: 0.1464128843vw;
  height: 2.5622254758vw;
  background-color: #59c3ff;
  margin-right: 1.8301610542vw;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

@media screen and (max-width: 767px) {
  .page-privacy .privacypolicy-section h2:before {
    width: 0.2666666667vw;
    height: 100%;
    margin-right: 4vw;
  }
}

.page-privacy .privacypolicy-section h2 .en-font {
  font-size: 1.0248901903vw;
  color: #006eff;
  display: block;
  margin-top: 0.7320644217vw;
}

.page-privacy .privacypolicy-section p {
  font-size: 1.317715959vw;
  line-height: 1.94;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .page-privacy .privacypolicy-section p {
    font-size: 3.7333333333vw;
    line-height: 1.71;
  }
}

.page-privacy .privacypolicy-section p.has-text-align-right {
  text-align: right;
}

.page-privacy .privacypolicy-section p:last-of-type {
  margin-top: 6.588579795vw;
}

@media screen and (max-width: 767px) {
  .page-privacy .privacypolicy-section p:last-of-type {
    margin-top: 9.3333333333vw;
  }
}

.page-privacy .privacypolicy-section ul {
  padding-top: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .page-privacy .privacypolicy-section ul {
    padding-top: 4vw;
  }
}

.page-privacy .privacypolicy-section ul li {
  font-size: 1.317715959vw;
  line-height: 1.94;
  color: #006eff;
  text-align: justify;
  text-indent: -1.3em;
  padding-left: 1.3em;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-privacy .privacypolicy-section ul li {
    font-size: 4vw;
    line-height: 1.74;
  }
}

.page-privacy .privacypolicy-section ul li:before {
  content: "";
  width: 0.878477306vw;
  height: 0.878477306vw;
  display: inline-block;
  margin-right: 0.8052708638vw;
  background-color: #d2e0ff;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .page-privacy .privacypolicy-section ul li:before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-right: 2.6666666667vw;
  }
}

.page-privacy .privacypolicy-section ul li:after {
  content: "";
  width: 0.1464128843vw;
  height: 0.1464128843vw;
  background-color: #006eff;
  border-radius: 50%;
  position: absolute;
  top: 1.317715959vw;
  left: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .page-privacy .privacypolicy-section ul li:after {
    width: 0.5333333333vw;
    height: 0.5333333333vw;
    top: 3.4666666667vw;
    left: 1.0666666667vw;
  }
}

/* !!------------------------------------ */
/* !! @map  お知らせ一覧 */
/* !!------------------------------------ */
@media screen and (max-width: 767px) {
  .page-news .kv-section {
    padding-top: 15.3333333333vw;
  }
}

.news-article {
  padding-top: 8.4187408492vw;
  padding-bottom: 6.588579795vw;
}

@media screen and (max-width: 767px) {
  .news-article {
    padding-top: 9.3333333333vw;
    padding-bottom: 10.6666666667vw;
  }
}

.news-article .news-item {
  border-bottom: 1px solid #EBEBEB;
}

@media screen and (max-width: 767px) {
  .news-article .news-item {
    padding: 0;
  }
}

.news-article .news-item a {
  display: flex;
  align-items: baseline;
  padding: 0.9516837482vw 0;
}

@media screen and (max-width: 767px) {
  .news-article .news-item a {
    flex-direction: column;
    padding: 4.6666666667vw 0;
  }
}

.news-article .news-item a:hover .ttl {
  color: #006eff;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .news-article .news-item a:hover .ttl {
    color: inherit;
    text-decoration: none;
  }
}

.news-article .news-item time {
  font-size: 0.878477306vw;
  line-height: 1.4;
  font-family: din-2014, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #b1b1b1;
  margin-right: 1.0980966325vw;
  white-space: nowrap;
  position: relative;
  top: -0.2196193265vw;
}

@media screen and (max-width: 767px) {
  .news-article .news-item time {
    font-size: 4.2666666667vw;
    margin-right: 0;
    margin-bottom: 1.3333333333vw;
    text-align: auto;
  }
}

.news-article .news-item .ttl {
  font-size: 1.317715959vw;
  line-height: 1.4;
  font-weight: bold;
  font-weight: 700;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .news-article .news-item .ttl {
    font-size: 4.8vw;
  }
}

.wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8.0527086384vw;
}

@media screen and (max-width: 767px) {
  .wp-pagenavi {
    margin-top: 14.6666666667vw;
  }
}

.wp-pagenavi span,
.wp-pagenavi a {
  height: 3.513909224vw;
  font-size: 1.317715959vw;
  font-weight: bold;
  font-weight: 700;
  flex-basis: 3.513909224vw;
  max-width: 3.513909224vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.7320644217vw;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {

  .wp-pagenavi span,
  .wp-pagenavi a {
    height: 10.6666666667vw;
    font-size: 4.2666666667vw;
    flex-basis: 10.6666666667vw;
    max-width: 10.6666666667vw;
    margin: 0 2vw;
  }
}

.wp-pagenavi .current {
  background-color: #d2e0ff;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  font-size: 0;
  background-color: #006eff;
  position: relative;
}

.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before {
  content: "";
  width: 0.9516837482vw;
  height: 0.9516837482vw;
  border-top: 0.1464128843vw solid #fff;
  border-left: 0.1464128843vw solid #fff;
  position: absolute;
  top: 50%;
  left: calc(50% + 0.2196193265vw);
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {

  .wp-pagenavi .previouspostslink:before,
  .wp-pagenavi .nextpostslink:before {
    width: 2.4vw;
    height: 2.4vw;
    border-width: 0.2666666667vw;
    left: calc(50% + 0.6666666667vw);
  }
}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
  background-color: rgba(0, 110, 255, 0.8);
}

.wp-pagenavi .nextpostslink:before {
  left: calc(50% - 0.2196193265vw);
  transform: translate(-50%, -50%) rotate(-225deg);
}

@media screen and (max-width: 767px) {
  .wp-pagenavi .nextpostslink:before {
    left: calc(50% - 0.6666666667vw);
  }
}

/* !!------------------------------------ */
/* !! @map  お知らせ詳細 */
/* !!------------------------------------ */
@media screen and (max-width: 767px) {
  .page-single .kv-section {
    padding-top: 8.6666666667vw;
  }
}

.page-single .kv-section .ttl-h1 {
  line-height: 1.45;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .page-single .kv-section .ttl-h1 {
    margin-bottom: 5.3333333333vw;
  }
}

.page-single .kv-section .ttl-h1 .sub-ttl {
  font-size: 1.4641288433vw;
  display: block;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-single .kv-section .ttl-h1 .sub-ttl {
    font-size: 3.2vw;
    margin-bottom: 2vw;
  }
}

.page-single .kv-section .ttl-h1 time {
  font-size: 0.878477306vw;
  font-weight: 400;
  font-style: normal;
  color: #b1b1b1;
  display: block;
  margin-top: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-single .kv-section .ttl-h1 time {
    font-size: 3.4666666667vw;
    margin-top: 2.6666666667vw;
  }
}

.page-single .kv-section .ttl-h1 time.en-font {
  color: #b1b1b1;
}

.page-single .single-article {
  padding-top: 6.588579795vw;
  padding-bottom: 4.0263543192vw;
}

@media screen and (max-width: 767px) {
  .page-single .single-article {
    padding-top: 13.3333333333vw;
    padding-bottom: 9.3333333333vw;
  }
}

.page-single .single-article h2 {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  margin-top: 3.6603221083vw;
  margin-bottom: 1.8301610542vw;
  padding-left: 1.8301610542vw;
  position: relative;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .page-single .single-article h2 {
    font-size: 5.0666666667vw;
    margin-top: 13.3333333333vw;
    margin-bottom: 4vw;
    padding-left: 4vw;
    line-height: 1.4;
  }
}

.page-single .single-article h2:first-of-type {
  margin-top: 0;
}

.page-single .single-article h2:before {
  content: "";
  width: 0.1464128843vw;
  height: 2.5622254758vw;
  background-color: #59c3ff;
  margin-right: 1.8301610542vw;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

@media screen and (max-width: 767px) {
  .page-single .single-article h2:before {
    width: 0.2666666667vw;
    height: 100%;
  }
}

.page-single .single-article h2 .en-font {
  font-size: 1.0248901903vw;
  color: #006eff;
  display: block;
  margin-top: 0.7320644217vw;
}

.page-single .single-article h3 {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  margin-top: 3.6603221083vw;
  margin-bottom: 1.8301610542vw;
  padding-bottom: 1.0980966325vw;
  border-bottom: 1px solid #EBEBEB;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .page-single .single-article h3 {
    font-size: 5.0666666667vw;
    margin-top: 13.3333333333vw;
    margin-bottom: 4vw;
    padding-bottom: 3.3333333333vw;
    line-height: 1.4;
  }
}

.page-single .single-article h4 {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  margin-top: 3.6603221083vw;
  margin-bottom: 1.8301610542vw;
}

@media screen and (max-width: 767px) {
  .page-single .single-article h4 {
    font-size: 5.0666666667vw;
    margin-top: 13.3333333333vw;
    margin-bottom: 4vw;
  }
}

.page-single .single-article h5 {
  font-size: 1.317715959vw;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  margin-top: 3.6603221083vw;
  margin-bottom: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .page-single .single-article h5 {
    font-size: 5.0666666667vw;
    margin-top: 6.6666666667vw;
    margin-bottom: 4vw;
  }
}

.page-single .single-article .has-text-align-right {
  text-align: right;
}

.page-single .single-article .has-text-align-center {
  text-align: center;
}

.page-single .single-article .has-text-align-left {
  text-align: left;
}

.page-single .single-article .wp-block-image {
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-single .single-article .wp-block-image {
    margin-bottom: 2vw;
  }
}

.page-single .single-article .wp-block-image img {
  width: auto;
  max-width: 100%;
}

.page-single .single-article p {
  font-size: 1.317715959vw;
  line-height: 1.94;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .page-single .single-article p {
    font-size: 3.7333333333vw;
    line-height: 1.71;
    margin-bottom: 1.8rem;
  }
}

.page-single .single-article p.has-small-font-size {
  font-size: 0.878477306vw;
  line-height: 1.83;
  letter-spacing: normal;
}

@media screen and (max-width: 767px) {
  .page-single .single-article p.has-small-font-size {
    font-size: 3.7333333333vw;
    line-height: 1.71;
  }
}

.page-single .single-article p a {
  color: #006eff;
  text-decoration: underline;
}

.page-single .single-article p a:hover {
  text-decoration: none;
}

.page-single .single-article p+.wp-block-image {
  margin-top: 2.196193265vw;
}

@media screen and (max-width: 767px) {
  .page-single .single-article p+.wp-block-image {
    margin-top: 2.6666666667vw;
  }
}

.page-single .single-article ul {
  padding: 3.6603221083vw 0;
}

@media screen and (max-width: 767px) {
  .page-single .single-article ul {
    padding: 4vw;
    0
  }
}

.page-single .single-article ul li {
  font-size: 1.317715959vw;
  line-height: 1.94;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  text-align: justify;
  /*text-indent: -1.3em; */
  padding-left: 1.3em;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-single .single-article ul li {
    font-size: 4vw;
    line-height: 1.74;
  }
}

.page-single .single-article ul li:before {
  content: "";
  width: 0.878477306vw;
  height: 0.878477306vw;
  display: inline-block;
  margin-right: 0.8052708638vw;
  background-color: #d2e0ff;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .page-single .single-article ul li:before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-right: 2.6666666667vw;
  }
}

/* .page-single .single-article ul li:after {
        content: "";
        width: 0.1464128843vw;
        height: 0.1464128843vw;
        background-color: #006eff;
        border-radius: 50%;
        position: absolute;
        top: 1.317715959vw;
        left: 0.3660322108vw; }
        @media screen and (max-width: 767px) {
          .page-single .single-article ul li:after {
            width: 0.5333333333vw;
            height: 0.5333333333vw;
            top: 3.4666666667vw;
            left: 1.0666666667vw; } } */
.page-single .single-article ol {
  padding: 3.6603221083vw 0;
}

@media screen and (max-width: 767px) {
  .page-single .single-article ol {
    padding: 4vw 0;
  }
}

.page-single .single-article ol li {
  font-size: 1.317715959vw;
  line-height: 1.94;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  list-style: decimal inside;
  text-align: justify;
  text-indent: -1.3em;
  padding-left: 1.3em;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-single .single-article ol li {
    font-size: 4vw;
    line-height: 1.74;
  }
}

.page-single .single-article .img-wrap {
  text-align: center;
  margin-top: 7.3206442167vw;
}

@media screen and (max-width: 767px) {
  .page-single .single-article .img-wrap {
    margin-top: 7.0666666667vw;
  }
}

.page-single .single-article .img-wrap img {
  width: 51.2445095168vw;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .page-single .single-article .img-wrap img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .page-single .single-article .wp-block-table {
    overflow-x: auto;
    white-space: nowrap;
  }
}

.page-single .single-article .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.317715959vw;
  line-height: 1.94;
}

@media screen and (max-width: 767px) {
  .page-single .single-article .wp-block-table table {
    font-size: 3.7333333333vw;
    line-height: 1.71;
  }
}

.page-single .single-article .wp-block-table thead td,
.page-single .single-article .wp-block-table th {
  background-color: var(--color-primary);
  color: white;
  font-weight: bold;
}

.page-single .single-article .wp-block-table th,
.page-single .single-article .wp-block-table td {
  border: 1px solid var(--color-border);
  padding: 0.4em;
}

.page-single .single-article .wp-block-table th:empty {
  background: none;
  border: none;
}

.page-single .prevnext-wrap {
  padding-bottom: 6.9546120059vw;
}

@media screen and (max-width: 767px) {
  .page-single .prevnext-wrap {
    padding-right: 7.2vw;
    padding-bottom: 16vw;
    padding-left: 7.2vw;
  }
}

.page-single .prevnext-list {
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .page-single .prevnext-list {
    font-size: 3.7333333333vw;
  }
}

.page-single .prevnext-list-item:last-child {
  margin-left: 9.5168374817vw;
}

@media screen and (max-width: 767px) {
  .page-single .prevnext-list-item:last-child {
    margin-left: 17.3333333333vw;
  }
}

.page-single .prevnext-list-item:last-child .icon-arrow {
  margin-right: 0;
  margin-left: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .page-single .prevnext-list-item:last-child .icon-arrow {
    margin-left: 3.0666666667vw;
  }
}

.page-single .prevnext-list-item:last-child .icon-arrow:before {
  left: calc(50% - 0.2196193265vw);
  transform: translate(-50%, -50%) rotate(-225deg);
}

@media screen and (max-width: 767px) {
  .page-single .prevnext-list-item:last-child .icon-arrow:before {
    left: calc(50% - 0.6666666667vw);
  }
}

.page-single .prevnext-list-item a {
  display: flex;
  align-items: center;
}

.page-single .prevnext-list-item a:hover {
  color: rgba(0, 110, 255, 0.8);
}

.page-single .prevnext-list-item a:hover .icon-arrow {
  background-color: rgba(0, 110, 255, 0.8);
}

.page-single .prevnext-list-item .icon-arrow {
  width: 3.513909224vw;
  height: 3.513909224vw;
  margin-right: 1.4641288433vw;
  border-radius: 50%;
  background-color: #006eff;
  position: relative;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media screen and (max-width: 767px) {
  .page-single .prevnext-list-item .icon-arrow {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin-right: 3.0666666667vw;
  }
}

.page-single .prevnext-list-item .icon-arrow:before {
  content: "";
  width: 0.9516837482vw;
  height: 0.9516837482vw;
  border-top: 0.1464128843vw solid #fff;
  border-left: 0.1464128843vw solid #fff;
  position: absolute;
  top: 50%;
  left: calc(50% + 0.2196193265vw);
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .page-single .prevnext-list-item .icon-arrow:before {
    width: 2.4vw;
    height: 2.4vw;
    border-width: 0.2666666667vw;
    left: calc(50% + 0.6666666667vw);
  }
}

.page-single .btn-wrap {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-single .btn-wrap {
    margin-top: 10vw;
  }
}

@media screen and (max-width: 767px) {
  .page-single .btn-wrap {
    margin-top: 10vw;
  }
}

@media screen and (max-width: 767px) {
  .page-single .prevnext-list {
    justify-content: space-between;
  }

  .page-single .prevnext-list-item:last-child {
    margin-left: 0;
  }
}

/* !!------------------------------------ */
/* !! @map  お役立ち情報一覧 */
/* !!------------------------------------ */
.page-casestudy .kv-section.kv-useful-section {
  padding-top: 0;
}

.page-casestudy .kv-section.kv-useful-section .kv-wrap {
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-casestudy .kv-section.kv-useful-section .kv-wrap {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
  }

  .page-casestudy .kv-section.kv-useful-section .kv-wrap .inner {
    padding: 0 7.2vw;
  }
}

.page-casestudy .kv-section.kv-useful-section .kv-wrap:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.52);
  position: absolute;
  top: 0;
  left: 0;
}

.page-casestudy .kv-section.kv-useful-section .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}

.page-casestudy .kv-section.kv-useful-section .txt-wrap {
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-casestudy .kv-section.kv-useful-section .ttl-h1 {
  margin-bottom: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .page-casestudy .kv-section.kv-useful-section .ttl-h1 {
    margin-bottom: 8vw;
  }
}

.page-casestudy .kv-section.kv-useful-section .ttl-h1 .sub-ttl {
  font-size: 1.756954612vw;
  font-weight: bold;
  font-weight: 700;
  display: block;
  margin-top: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-casestudy .kv-section.kv-useful-section .ttl-h1 .sub-ttl {
    font-size: 4vw;
    margin-top: 4vw;
    letter-spacing: normal;
  }
}

.page-casestudy .kv-section.kv-useful-section .breadcrumbs-wrap {
  padding-top: 0.7320644217vw;
  padding-bottom: 0.7320644217vw;
  border-top: none;
}

@media screen and (max-width: 767px) {
  .page-casestudy .kv-section.kv-useful-section .breadcrumbs-wrap {
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}

.page-casestudy .kv-section.kv-useful-section #breadcrumbs {
  height: auto;
  position: static;
  transform: none;
}

.useful-article {
  padding-top: 1.8301610542vw;
  padding-bottom: 9.5168374817vw;
}

@media screen and (max-width: 767px) {
  .useful-article {
    padding-top: 10vw;
    padding-bottom: 13.3333333333vw;
  }
}

.useful-article .category-wrap {
  display: flex;
  margin-bottom: 2.9282576867vw;
}

@media screen and (max-width: 767px) {
  .useful-article .category-wrap {
    flex-direction: column;
    margin-bottom: 10.1333333333vw;
  }
}

.useful-article .category-wrap .en-font {
  font-size: 1.4641288433vw;
  color: #006eff;
  margin-right: 5.4904831625vw;
}

@media screen and (max-width: 767px) {
  .useful-article .category-wrap .en-font {
    font-size: 4.2666666667vw;
    margin-right: 0;
    margin-bottom: 6vw;
  }
}

.useful-article .category-wrap .category-list {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .useful-article .category-wrap .category-list {
    flex-wrap: wrap;
  }
}

.useful-article .category-wrap .category-list-item {
  margin-right: 3.2942898975vw;
}

@media screen and (max-width: 767px) {
  .useful-article .category-wrap .category-list-item {
    margin-right: 8vw;
  }

  .useful-article .category-wrap .category-list-item:nth-child(3n) {
    margin-right: 0;
  }

  .useful-article .category-wrap .category-list-item:nth-child(n + 4) {
    margin-top: 4.6666666667vw;
  }
}

.useful-article .category-wrap .category-list-item:last-child {
  margin-right: 0;
}

.useful-article .category-wrap .category-list-item a {
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .useful-article .category-wrap .category-list-item a {
    font-size: 3.4666666667vw;
  }
}

.useful-article .category-wrap .category-list-item a:after {
  content: "";
  width: 0.7320644217vw;
  height: 0.7320644217vw;
  margin-left: 1.4641288433vw;
  border-top: 0.1464128843vw solid #000;
  border-right: 0.1464128843vw solid #000;
  transform: rotate(45deg);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media screen and (max-width: 767px) {
  .useful-article .category-wrap .category-list-item a:after {
    width: 2vw;
    height: 2vw;
    margin-left: 2.6666666667vw;
    border-width: 0.2666666667vw;
  }
}

.useful-article .category-wrap .category-list-item a:hover:after {
  border-color: #006eff;
}

@media screen and (max-width: 767px) {
  .useful-article .category-wrap .category-list-item a:hover:after {
    border-color: #000;
  }
}

.useful-article .useful-list {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .useful-article .useful-list {
    flex-direction: column;
  }
}

.useful-article .useful-list-item {
  flex-basis: 23.6456808199vw;
  max-width: 23.6456808199vw;
  margin-right: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .useful-article .useful-list-item {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 9.7333333333vw;
  }
}

.useful-article .useful-list-item:nth-child(3n) {
  margin-right: 0;
}

.useful-article .useful-list-item:nth-child(n + 4) {
  margin-top: 2.9282576867vw;
}

@media screen and (max-width: 767px) {
  .useful-article .useful-list-item:nth-child(n + 4) {
    margin-top: 0;
  }
}

.useful-article .useful-list-item a {
  width: 100%;
  height: 100%;
  display: block;
}

.useful-article .useful-list-item a:hover {
  color: inherit;
}

.useful-article .useful-list-item .img-wrap {
  width: 100%;
  height: 16.4714494876vw;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .useful-article .useful-list-item .img-wrap {
    height: 59.6vw;
    margin-bottom: 4.6666666667vw;
  }
}

.useful-article .useful-list-item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.useful-article .useful-list-item .ttl {
  font-size: 1.756954612vw;
  line-height: 1.4;
  text-align: justify;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .useful-article .useful-list-item .ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 2vw;
  }
}

.useful-article .useful-list-item .category-txt {
  font-size: 0.878477306vw;
  font-weight: bold;
  font-weight: 700;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .useful-article .useful-list-item .category-txt {
    font-size: 2.9333333333vw;
  }
}

.useful-article .useful-list-item .category-txt:before {
  content: "";
  width: 0.8052708638vw;
  height: 0.8052708638vw;
  background-image: url(../img/icon-category2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-right: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .useful-article .useful-list-item .category-txt:before {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
    margin-right: 1.3333333333vw;
  }
}

/* !!------------------------------------ */
/* !! @map  製造業に役立つコンテンツ特集詳細 */
/* !!------------------------------------ */
@media screen and (max-width: 767px) {
  .page-single-column .kv-section {
    padding-top: 0;
  }
}

.page-single-column .kv-section .wrap {
  padding-bottom: 2.5622254758vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .kv-section .wrap {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 7.3333333333vw;
  }
}

.page-single-column .kv-section .ttl-h1 {
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .kv-section .ttl-h1 {
    margin-bottom: 2vw;
  }
}

.page-single-column .kv-section .category-txt {
  font-size: 0.878477306vw;
  font-weight: bold;
  font-weight: 700;
  color: #59c3ff;
  display: flex;
  align-items: center;
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .kv-section .category-txt {
    font-size: 2.9333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}

.page-single-column .kv-section .category-txt:before {
  content: "";
  width: 0.8052708638vw;
  height: 0.8052708638vw;
  background-image: url(../img/icon-category.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-right: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .kv-section .category-txt:before {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
    margin-right: 1.3333333333vw;
  }
}

.page-single-column .kv-section .date-list {
  display: flex;
  align-items: center;
}

.page-single-column .kv-section .date-list-item {
  font-size: 0.878477306vw;
  color: #b1b1b1;
}

@media screen and (max-width: 767px) {
  .page-single-column .kv-section .date-list-item {
    font-size: 2.9333333333vw;
  }
}

.page-single-column .kv-section .date-list-item:first-child {
  margin-right: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .kv-section .date-list-item:first-child {
    margin-right: 4vw;
  }
}

.page-single-column .kv-section .txt-wrap {
  flex-basis: 32.9428989751vw;
  max-width: 32.9428989751vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .kv-section .txt-wrap {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.page-single-column .kv-section .img-wrap {
  height: 25.4758418741vw;
  flex-basis: 36.6032210835vw;
  max-width: 36.6032210835vw;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .page-single-column .kv-section .img-wrap {
    width: 100vw;
    height: 69.6vw;
    flex-basis: initial;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding-bottom: 7.3333333333vw;
  }
}

.page-single-column .kv-section .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.page-single-column .single-article {
  padding-top: 5.1244509517vw;
  padding-bottom: 8.78477306vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .single-article {
    padding-top: 9.3333333333vw;
    padding-bottom: 19.3333333333vw;
  }
}

.page-single-column .single-article figure {
  text-align: center;
  margin-top: 5.1244509517vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .single-article figure {
    margin-top: 6.9333333333vw;
  }
}

.page-single-column .single-article figure img {
  width: 51.2445095168vw;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .page-single-column .single-article figure img {
    width: 100%;
  }
}

.page-single-column .single-article .ttl {
  font-size: 2.3426061493vw;
  color: #006eff;
  margin-bottom: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .single-article .ttl {
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}

.page-single-column #toc_container .toc_list {
  margin-bottom: 6.2225475842vw;
  padding: 2.196193265vw 2.196193265vw 3.2942898975vw;
  border: 0.2928257687vw solid #EBEBEB;
}

@media screen and (max-width: 767px) {
  .page-single-column #toc_container .toc_list {
    margin-bottom: 11.3333333333vw;
    padding: 4vw;
  }
}

.page-single-column #toc_container .toc_list>li {
  text-indent: 0;
  /*padding-left: 0; */
}

.page-single-column #toc_container .toc_list>li:before {
  content: none;
}

.page-single-column #toc_container .toc_list>li:after {
  content: none;
}

.page-single-column #toc_container .toc_list>li ul {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2.196193265vw;
}

@media screen and (max-width: 767px) {
  .page-single-column #toc_container .toc_list>li ul {
    padding-left: 4vw;
  }
}

.page-single-column #toc_container .toc_list>li>a {
  width: 100%;
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  color: #000;
  display: flex;
  align-items: center;
  margin-bottom: 0.7320644217vw;
  border-bottom: 1px solid #EBEBEB;
}

@media screen and (max-width: 767px) {
  .page-single-column #toc_container .toc_list>li>a {
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
    border-bottom: none;
  }
}

.page-single-column #toc_container .toc_list>li>a:before {
  content: "";
  width: 0.7320644217vw;
  height: 0.7320644217vw;
  margin-right: 1.0980966325vw;
  background-color: transparent;
  border-radius: 0;
  border-top: 0.1464128843vw solid #000;
  border-right: 0.1464128843vw solid #000;
  transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .page-single-column #toc_container .toc_list>li>a:before {
    width: 2.4vw;
    height: 2.4vw;
    margin-right: 2vw;
    border-width: 0.5333333333vw;
  }
}

.page-single-column #toc_container .toc_list>li>ul>li>a {
  font-size: 1.317715959vw;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .page-single-column #toc_container .toc_list>li>ul>li>a {
    font-size: 3.7333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}

.page-single-column #toc_container .toc_list>li>ul>li>ul>li>a {
  font-size: 1.0248901903vw;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .page-single-column #toc_container .toc_list>li>ul>li>ul>li>a {
    font-size: 3.4666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}

.page-single-column #toc_container .toc_list>li>ul>li>ul>li>ul>li>a {
  font-size: 1.0248901903vw;
}

@media screen and (max-width: 767px) {
  .page-single-column #toc_container .toc_list>li>ul>li>ul>li>ul>li>a {
    font-size: 3.4666666667vw;
  }
}

.page-single-column #toc_container .toc_list li:before,
.page-single-column #toc_container .toc_list li:after {
  content: none;
}

.page-single-column #toc_container .toc_list a {
  color: #000;
  display: flex;
  align-items: center;
}

.page-single-column #toc_container .toc_list a:before {
  content: "";
  width: 0.7320644217vw;
  height: 0.7320644217vw;
  margin-right: 1.0980966325vw;
  background-color: transparent;
  border-radius: 0;
  border-top: 0.1464128843vw solid #000;
  border-right: 0.1464128843vw solid #000;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
}

@media screen and (max-width: 767px) {
  .page-single-column #toc_container .toc_list a:before {
    width: 2.4vw;
    height: 2.4vw;
    margin-right: 2vw;
    border-width: 0.5333333333vw;
  }
}

.page-single-column #toc_container .toc_list a:after {
  content: none;
}

.page-single-column .knowhow-section {
  padding-top: 4.39238653vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section {
    padding-top: 0;
  }
}

.page-single-column .knowhow-section .inner {
  padding: 3.6603221083vw 0;
  background: #006eff;
  background: linear-gradient(45deg, #006eff 0%, #003780 100%);
  border-radius: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .inner {
    padding: 13.3333333333vw 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}

.page-single-column .knowhow-section .txt {
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  margin-bottom: 2.5622254758vw;
  padding: 0.7320644217vw 1.8301610542vw;
  display: inline-block;
  background-color: #fff;
  border-radius: 0.2928257687vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .txt {
    font-size: 4.2666666667vw;
    line-height: 1.31;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5.3333333333vw;
    padding: 2vw;
    border-radius: 0.5333333333vw;
  }
}

.page-single-column .knowhow-section .ttl-h2 {
  font-size: 2.3426061493vw;
  line-height: 1.4;
  font-weight: bold;
  font-weight: 900;
  white-space: nowrap;
  letter-spacing: normal;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .ttl-h2 {
    font-size: 5.2vw;
    margin-bottom: 2.6666666667vw;
    text-align: center;
  }
}

.page-single-column .knowhow-section .ttl-h2 strong {
  font-size: 2.9282576867vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .ttl-h2 strong {
    font-size: 6.5333333333vw;
  }
}

.page-single-column .knowhow-section .sub-ttl {
  font-size: 2.3426061493vw;
  font-weight: bold;
  font-weight: 900;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .sub-ttl {
    font-size: 5.2vw;
    text-align: center;
    margin-bottom: 4vw;
  }
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .lead-txt {
    padding: 0 4vw;
  }
}

.page-single-column .knowhow-section .btn-download {
  width: 30.0146412884vw;
  height: 4.0995607613vw;
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.5622254758vw;
  background-color: #ff6e00;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .btn-download {
    width: 100%;
    height: 16vw;
    font-size: 3.7333333333vw;
    color: #006eff;
    margin-top: 6.6666666667vw;
    background-color: #fff;
  }
}

.page-single-column .knowhow-section .btn-download:hover {
  background-color: rgba(255, 110, 0, 0.8);
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .btn-download:hover {
    background-color: #fff;
  }
}

.page-single-column .knowhow-section .wrap {
  padding: 0 4.6120058565vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .wrap {
    padding: 0;
  }
}

.page-single-column .knowhow-section .wrap>div {
  flex-basis: 36.6032210835vw;
  max-width: 36.6032210835vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .wrap>div {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.page-single-column .knowhow-section .left-wrap {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .left-wrap {
    margin-bottom: 9.3333333333vw;
  }
}

.page-single-column .knowhow-section .right-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .right-wrap {
    padding: 0 8vw;
  }
}

.page-single-column .knowhow-section .right-wrap img {
  width: 29.2825768668vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .knowhow-section .right-wrap img {
    width: 100%;
  }
}

.page-single-column .writer-section {
  padding-top: 8.78477306vw;
  padding-bottom: 10.980966325vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .writer-section {
    padding-top: 14vw;
    padding-bottom: 17.3333333333vw;
  }
}

.page-single-column .writer-section .ttl-h3 {
  margin-bottom: 2.9282576867vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .writer-section .ttl-h3 {
    font-size: 4.8vw;
    margin-bottom: 6.6666666667vw;
  }
}

.page-single-column .writer-section .ttl-h3:before {
  height: 2.5622254758vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .writer-section .ttl-h3:before {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .page-single-column .writer-section .wrap {
    align-items: flex-start;
  }
}

.page-single-column .writer-section .left-wrap {
  flex-basis: 12.8111273792vw;
  max-width: 12.8111273792vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .writer-section .left-wrap {
    display: flex;
    align-items: center;
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 6vw;
  }
}

.page-single-column .writer-section .left-wrap img {
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .page-single-column .writer-section .left-wrap img {
    width: 34.4vw;
    margin-right: 6.6666666667vw;
  }
}

.page-single-column .writer-section .right-wrap {
  flex-basis: 57.8330893119vw;
  max-width: 57.8330893119vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .writer-section .right-wrap {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.page-single-column .writer-section .ttl-h4 {
  font-size: 2.0497803807vw;
  font-weight: bold;
  font-weight: 700;
  color: #000;
}

@media screen and (max-width: 767px) {
  .page-single-column .writer-section .ttl-h4 {
    font-size: 4.6666666667vw;
  }
}

.page-single-column .writer-section .ttl-h4 .en-font {
  font-size: 1.4641288433vw;
  color: #006eff;
  display: block;
  margin-top: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .writer-section .ttl-h4 .en-font {
    font-size: 2.6666666667vw;
    margin-top: 1.3333333333vw;
  }
}

.page-single-column .writer-section .btn-wrap {
  margin-top: 5.4904831625vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .writer-section .prevnext-wrap {
    padding: 17.3333333333vw 0 0 0;
  }

  .page-single-column .writer-section .prevnext-wrap+.btn-wrap {
    margin-top: 10vw;
  }

  .page-single-column .writer-section .prevnext-list+.btn-wrap {
    display: none;
  }
}

.page-single-column .related-section {
  padding-top: 8.78477306vw;
  padding-bottom: 8.78477306vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .related-section {
    padding-top: 14vw;
    padding-bottom: 29.8666666667vw;
  }
}

.page-single-column .related-section .ttl-h3 {
  font-size: 2.9282576867vw;
  margin-bottom: 2.196193265vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .related-section .ttl-h3 {
    font-size: 4.8vw;
    margin-bottom: 6.6666666667vw;
  }
}

.page-single-column .related-section .ttl-h3:before {
  height: 2.5622254758vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .related-section .ttl-h3:before {
    height: 100%;
  }
}

.page-single-column .related-section .related-list {
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-single-column .related-section .related-list {
    flex-direction: column;
  }
}

.page-single-column .related-section .related-list-item {
  flex-basis: 23.6456808199vw;
  max-width: 23.6456808199vw;
  margin-right: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .related-section .related-list-item {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 9.3333333333vw;
  }
}

.page-single-column .related-section .related-list-item:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .page-single-column .related-section .related-list-item:last-child {
    margin-bottom: 0;
  }
}

.page-single-column .related-section .related-list-item a {
  width: 100%;
  height: 100%;
  display: block;
}

.page-single-column .related-section .related-list-item a:hover {
  color: inherit;
}

.page-single-column .related-section .related-list-item .img-wrap {
  width: 100%;
  height: 16.4714494876vw;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .related-section .related-list-item .img-wrap {
    height: 59.6vw;
    margin-bottom: 4.6666666667vw;
  }
}

.page-single-column .related-section .related-list-item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.page-single-column .related-section .related-list-item .ttl {
  font-size: 1.756954612vw;
  line-height: 1.4;
  text-align: justify;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .related-section .related-list-item .ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 2vw;
  }
}

.page-single-column .related-section .related-list-item .category-txt {
  font-size: 0.878477306vw;
  font-weight: bold;
  font-weight: 700;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .page-single-column .related-section .related-list-item .category-txt {
    font-size: 2.9333333333vw;
  }
}

.page-single-column .related-section .related-list-item .category-txt:before {
  content: "";
  width: 0.8052708638vw;
  height: 0.8052708638vw;
  background-image: url(../img/icon-category2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-right: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .page-single-column .related-section .related-list-item .category-txt:before {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
    margin-right: 1.3333333333vw;
  }
}

/* !!------------------------------------ */
/* !! @map  お役立ち情報一覧 - カテゴリ一覧 */
/* !!------------------------------------ */
.page-tax .kv-section .ttl-h1 .sub-ttl {
  font-size: 1.4641288433vw;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  display: block;
  margin-top: 0.7320644217vw;
}

/* !!------------------------------------ */
/* !! @map  お客様事例一覧 */
/* !!------------------------------------ */
.page-casestudy .casestudy-article {
  padding-top: 3.2942898975vw;
  padding-bottom: 9.5168374817vw;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-article {
    padding-top: 7vw;
    padding-bottom: 15.3333333333vw;
  }
}

.page-casestudy .casestudy-list {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-list {
    flex-direction: column;
  }
}

.page-casestudy .casestudy-list-item {
  flex-basis: 23.6456808199vw;
  max-width: 23.6456808199vw;
  margin-right: 1.0980966325vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-list-item {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 9.6vw;
  }

  .page-casestudy .casestudy-list-item:last-child {
    margin-bottom: 0;
  }
}

.page-casestudy .casestudy-list-item:nth-child(3n) {
  margin-right: 0;
}

.page-casestudy .casestudy-list-item:nth-child(n + 4) {
  margin-top: 2.9282576867vw;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-list-item:nth-child(n + 4) {
    margin-top: 0;
  }
}

.page-casestudy .casestudy-list-item a {
  width: 100%;
  height: 100%;
  display: block;
}

.page-casestudy .casestudy-list-item a.casestudy-list-item-link {
  position: absolute;
  top: 0;
  left: 0;
}

.page-casestudy .casestudy-list-item a:hover {
  color: inherit;
}

.page-casestudy .casestudy-list-item a.casestudy-list-item-link:hover {
  background: rgba(255, 255, 255, 0.3);
}



.page-casestudy .casestudy-list-item a:hover {
  background-color: rgba(255, 255, 0, 0.3);
}

.page-casestudy .casestudy-list-item .img-wrap {
  width: 100%;
  height: 15.5929721816vw;
  margin-bottom: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-list-item .img-wrap {
    height: 56.4vw;
    margin-bottom: 4vw;
  }
}

.page-casestudy .casestudy-list-item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.page-casestudy .casestudy-list-item .sub-ttl {
  font-size: 1.1713030747vw;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 0.7320644217vw;
  /*
    @note 1行で収まるようにする
    */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-list-item .sub-ttl {
    font-size: 3.7333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}

.page-casestudy .casestudy-list-item .ttl {
  font-size: 1.756954612vw;
  line-height: 1.4;
  font-weight: bold;
  font-weight: 700;
  color: #006eff;
  margin-bottom: 1.0980966325vw;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-list-item .ttl {
    font-size: 5.0666666667vw;
    margin-bottom: 2.9333333333vw;
  }
}

.page-casestudy .casestudy-list-item .archive_options {
  display: flex;
  align-items: center;
  gap: 0 1.17vw;
}

.page-casestudy .casestudy-list-item .archive-main-cat {
  width: 7.47vw;
}

.page-casestudy .casestudy-list-item .archive-main-cat a {
  padding: 8px 0 10px;
  font-size: 1.02vw;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  background: #006EFF;
  display: block;
}

.page-casestudy .casestudy-list-item .info-list {
  font-size: 0.878477306vw;
  font-weight: bold;
  font-weight: 700;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-list-item .archive_options {
    gap: 0 3.07vw;
  }

  .page-casestudy .casestudy-list-item .archive-main-cat {
    width: 66px;
  }

  .page-casestudy .casestudy-list-item .archive-main-cat a {
    padding: 4px 0 5px;
    font-size: 10px;
    letter-spacing: 0;
  }

  .page-casestudy .casestudy-list-item .info-list {
    font-size: 10px;
  }
}

.page-casestudy .casestudy-list-item .category-txt {
  display: flex;
  align-items: center;
  margin-right: 1.6105417277vw;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-list-item .category-txt {
    margin-right: 10px;
  }
}

.page-casestudy .casestudy-list-item .category-txt:before {
  content: "";
  width: 0.8052708638vw;
  height: 0.8052708638vw;
  background-image: url(../img/icon-category2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-right: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-list-item .category-txt:before {
    width: 8px;
    height: 8px;
    margin-top: 1px;
    margin-right: 4px;
  }
}

.page-casestudy .casestudy-list-item .address-txt {
  display: flex;
  align-items: center;
}

.page-casestudy .casestudy-list-item .address-txt:before {
  content: "";
  width: 0.5856515373vw;
  height: 0.8052708638vw;
  background-image: url(../img/icon-address2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-right: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .page-casestudy .casestudy-list-item .address-txt:before {
    width: 7px;
    height: 8px;
    margin-top: 1px;
    margin-right: 4px;
  }
}

/* !!------------------------------------ */
/* !! @map  お客様事例詳細 */
/* !!------------------------------------ */
@media screen and (max-width: 767px) {
  .page-single-casestudy .kv-section {
    padding-top: 8vw;
  }
}

.page-single-casestudy .kv-section .ttl-h1 {
  margin-bottom: 0.7320644217vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .kv-section .ttl-h1 {
    margin-bottom: 2vw;
  }
}

.page-single-casestudy .kv-section .wrap {
  margin-bottom: 5.1244509517vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .kv-section .wrap {
    align-items: flex-start;
    margin-bottom: 6.6666666667vw;
  }
}

.page-single-casestudy .kv-section .info-list {
  font-size: 0.878477306vw;
  font-weight: bold;
  font-weight: 700;
  color: #59c3ff;
  display: flex;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .kv-section .info-list {
    font-size: 10px;
    flex-wrap: wrap;
    gap: 1em;
  }

  .page-single-casestudy .kv-section .info-list .info-list-item {
    margin-right: 0;
    flex-wrap: wrap;
    padding-left: 13px;
  }

  .page-single-casestudy .kv-section .info-list .info-list-item:last-child {
    margin-right: 0;
  }
}

.page-single-casestudy .kv-section .single-options{
  display: flex;
  align-items: center;
  gap: 0 1.6105417277vw;
}

.page-single-casestudy .kv-section .main-cat{
  width: 7.47vw;
  padding: 8px 0 10px;
    font-size: 1.02vw;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    background: #006EFF;
}

.page-single-casestudy .kv-section .category-txt {
  display: flex;
  align-items: center;
  margin-right: 1.6105417277vw;
  gap: .75em;
  white-space: nowrap;
  position: relative;
}

.page-single-casestudy .kv-section .category-txt:before {
  content: "";
  width: 0.8052708638vw;
  height: 0.8052708638vw;
  background-image: url(../img/icon-category.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .kv-section .single-options{
    gap: 0 1em;
  }

  .page-single-casestudy .kv-section .main-cat{
    width: 66px;
    padding: 4px 0 5px;
    font-size: 10px;
    letter-spacing: 0;
  }

  .page-single-casestudy .kv-section .category-txt:before {
    width: 9px;
    height: 9px;
    margin-right: 4px;
    position: absolute;
    top: .1em;
    left: 0;
  }
}

.page-single-casestudy .kv-section .address-txt {
  display: flex;
  align-items: center;
  position: relative;
}

.page-single-casestudy .kv-section .address-txt:before {
  content: "";
  width: 0.5856515373vw;
  height: 0.8052708638vw;
  background-image: url(../img/icon-address.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .kv-section .address-txt:before {
    width: 10px;
    height: 10px;
    margin-right: 0;
    position: absolute;
    top: 0em;
    left: 0;
  }
}

.page-single-casestudy .single-article {
  padding-top: 3.6603221083vw;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article {
    padding-top: 10.6666666667vw;
  }
}

.page-single-casestudy .single-article ul {
  padding-top: 0;
}

.page-single-casestudy .single-article ul li {
  font-size: 1.317715959vw;
  line-height: 1;
  color: #000;
  text-indent: 0;
  padding-left: 0;
}

.page-single-casestudy .single-article ul li:before,
.page-single-casestudy .single-article ul li:after {
  content: none;
}

.page-single-casestudy .single-article .wrap {
  align-items: flex-start;
  padding-bottom: 7.3206442167vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .wrap {
    display: block;
    padding-bottom: 12vw;
  }
}

.page-single-casestudy .single-article .wrap:first-of-type .left-wrap {
  height: 28.3308931186vw;
  flex-basis: 36.6032210835vw;
  max-width: 36.6032210835vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .wrap:first-of-type .left-wrap {
    height: 56.4vw;
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 6.6666666667vw;
  }
}

.page-single-casestudy .single-article .wrap:first-of-type .left-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.page-single-casestudy .single-article .wrap:first-of-type .right-wrap {
  flex-basis: 32.5036603221vw;
  max-width: 32.5036603221vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .wrap:first-of-type .right-wrap {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.page-single-casestudy .single-article .wrap:first-of-type .right-wrap .ttl-h2 {
  margin-bottom: 1.0980966325vw;
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .wrap:first-of-type .right-wrap .ttl-h2 {
    margin-bottom: 6vw;
  }
}

.page-single-casestudy .single-article .wrap:first-of-type .right-wrap .ttl-h2:before {
  content: none;
}

.page-single-casestudy .single-article .wrap:first-of-type .right-wrap .ttl-h2 .en-font {
  font-size: 1.4641288433vw;
  margin-top: 0;
  margin-bottom: 0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .wrap:first-of-type .right-wrap .ttl-h2 .en-font {
    font-size: 2.6666666667vw;
    margin-bottom: 1.3333333333vw;
  }
}

.page-single-casestudy .single-article .wrap:first-of-type .right-wrap .info-list-item {
  display: flex;
  align-items: center;
  padding-top: 0.9516837482vw;
  padding-bottom: 1.0980966325vw;
  border-bottom: 1px solid #EBEBEB;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .wrap:first-of-type .right-wrap .info-list-item {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
}

.page-single-casestudy .single-article .wrap:first-of-type .right-wrap .info-list-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.page-single-casestudy .single-article .wrap:first-of-type .right-wrap .info-list-item .ttl {
  line-height: 1;
  font-weight: bold;
  font-weight: 700;
  flex-basis: 9.5168374817vw;
  max-width: 9.5168374817vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .wrap:first-of-type .right-wrap .info-list-item .ttl {
    flex-basis: 30.4vw;
    max-width: 30.4vw;
  }
}

.page-single-casestudy .single-article .wrap:first-of-type .right-wrap .info-list-item .ttl .sub-ttl {
  font-size: 0.7320644217vw;
  display: block;
  margin-top: 0.3660322108vw;
  position: relative;
  left: -0.3660322108vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .wrap:first-of-type .right-wrap .info-list-item .ttl .sub-ttl {
    font-size: 2.6666666667vw;
    margin-top: 1.3333333333vw;
    left: -1.3333333333vw;
  }
}

.page-single-casestudy .single-article .wrap:first-of-type .right-wrap .info-list-item .lead-txt {
  line-height: 1.4;
  flex-basis: calc(100% - 9.5168374817vw);
  max-width: calc(100% - 9.5168374817vw);
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .wrap:first-of-type .right-wrap .info-list-item .lead-txt {
    flex-basis: calc(100% - 30.4vw);
    max-width: calc(100% - 30.4vw);
  }
}

.page-single-casestudy .single-article .repeat-wrap .wrap:nth-of-type(odd) {
  flex-direction: row-reverse;
}

.page-single-casestudy .single-article .repeat-wrap .wrap:last-of-type {
  padding-bottom: 0;
}

.page-single-casestudy .single-article .repeat-wrap .wrap .left-wrap {
  height: 30.7467057101vw;
  flex-basis: 36.6032210835vw;
  max-width: 36.6032210835vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .repeat-wrap .wrap .left-wrap {
    height: 49.6vw;
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 6.6666666667vw;
  }
}

.page-single-casestudy .single-article .repeat-wrap .wrap .left-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.page-single-casestudy .single-article .repeat-wrap .wrap .right-wrap {
  flex-basis: 33.3089311859vw;
  max-width: 33.3089311859vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .repeat-wrap .wrap .right-wrap {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.page-single-casestudy .single-article .repeat-wrap .wrap .right-wrap .ttl-h2 {
  line-height: 1.5;
  text-align: justify;
  margin-bottom: 2.196193265vw;
  padding-left: 1.8301610542vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .single-article .repeat-wrap .wrap .right-wrap .ttl-h2 {
    line-height: 1.42;
    margin-bottom: 4vw;
    padding-left: 4vw;
  }
}

.page-single-casestudy .single-article .repeat-wrap .wrap .right-wrap .ttl-h2:before {
  content: "";
  height: 100%;
}

.page-single-casestudy .prevnext-wrap {
  padding-top: 5.1244509517vw;
  padding-bottom: 7.3206442167vw;
}

@media screen and (max-width: 767px) {
  .page-single-casestudy .prevnext-wrap {
    padding-top: 12vw;
    padding-bottom: 12vw;
  }
}

.page-single-casestudy .prevnext-wrap .btn-wrap {
  margin-top: 0;
}

/*==================================================
ふわっ
===================================*/
/* fadeUp */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(50px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeUpTrigger {
  opacity: 0;
}

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




/* !!------------------------------------ */
/* !! @map  共通 */
/* !!------------------------------------ */
/* !! @map  営業製作所のサービス提供事例 */
.parts .case-section {
  padding-bottom: 16.8374816984vw;
}

.parts.single .case-section {
  padding-bottom: 7.3206442167vw;
}

@media screen and (max-width: 767px) {
  .parts .case-section {
    padding-bottom: 25.7333333333vw;
    /* padding-bottom: 16.8vw; */
  }

  .parts.single .case-section {
    padding-bottom: 18vw;
  }
}

.parts .case-section .ttl-h2 {
  margin-bottom: 3.6603221083vw;
}

@media screen and (max-width: 767px) {
  .parts .case-section .ttl-h2 {
    margin-bottom: 5.3333333333vw;
  }
}

.parts .case-section .inner {
  padding: 0;
}

.parts .case-section .btn-wrap {
  margin: 0;
  position: absolute;
  top: 0.878477306vw;
  right: 0;
}

@media screen and (max-width: 767px) {
  .parts .case-section .btn-wrap {
    margin-top: 10.6666666667vw;
    position: static;
  }

  .parts.single .case-section .inner {
    padding-bottom: calc(10.6666666667vw + 13px);
  }
}

.parts .case-section .swiper {
  width: 91.21522694vw;
}

.parts .case-section .swiper-slide {
  width: 33.6749633968vw;
}

@media screen and (min-width: 768px) {
  .parts .case-section .swiper-slide {
    padding-right: 4.7584187408vw;
  }
}

@media screen and (max-width: 767px) {
  .parts .case-section .swiper-slide {
    -ms-flex-preferred-size: 82.6666666667vw;
    flex-basis: 82.6666666667vw;
    max-width: 82.6666666667vw;
    margin-right: 5.6vw;
  }
}

.parts .case-section .swiper-slide a.slide_link {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.parts .case-section .swiper-slide a.slide_link:hover {
  background: rgba(255, 255, 255, 0.2);
}

.parts .case-section .swiper-slide .img-wrap {
  width: 100%;
  height: 22.1815519766vw;
  margin-bottom: 2.196193265vw;
}

@media screen and (max-width: 767px) {
  .parts .case-section .swiper-slide .img-wrap {
    height: 54.2666666667vw;
    margin-bottom: 4.6666666667vw;
  }
}

.parts .case-section .swiper-slide .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.parts .case-section .swiper-slide .sub-ttl {
  font-size: 1.317715959vw;
  line-height: 1.2;
  font-weight: bold;
  font-weight: 700;
  display: block;
  margin-bottom: 0.7320644217vw;
  /*
  @note 1行で収まるようにする
  */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
  .parts .case-section .swiper-slide .sub-ttl {
    font-size: 3.7333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}

.parts .case-section .swiper-slide .ttl {
  font-size: 2.0497803807vw;
  line-height: 1.3;
  color: #006eff;
  font-weight: bold;
  font-weight: 700;
  margin-bottom: 1.0980966325vw;
}

.casestudy_options {
  display: flex;
  align-items: center;
  gap: 0 16px;
}

.main-cat {
  width: 7.47vw;

  & a {
    height: auto !important;
    padding: 8px 0 10px;
    font-size: 1.02vw;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    color: #FFF;
    display: block;
    background: var(--main-blue);
    position: static !important;
  }
}

@media screen and (max-width: 767px) {
  .parts .case-section .swiper-slide .ttl {
    font-size: 5.0666666667vw;
    margin-bottom: 2vw;
  }

  .casestudy_options {
    display: flex;
    align-items: center;
    gap: 0 16px;
  }

  .main-cat {
    width: 66px;

    & a {
      padding: 4px 0 5px;
      font-size: 10px;
    }
  }
}

.parts .case-section .swiper-slide .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.parts .case-section .swiper-slide .category-list-item {
  font-size: 0.878477306vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1.4641288433vw;
}

@media screen and (max-width: 767px) {
  .parts .case-section .swiper-slide .category-list-item {
    font-size: 10px;
    margin-right: 10px;
  }
}

.parts .case-section .swiper-slide .category-list-item:before {
  content: "";
  width: 0.8052708638vw;
  height: 0.8052708638vw;
  margin-right: 0.3660322108vw;
  background-image: url(../img/icon-case.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .parts .case-section .swiper-slide .category-list-item:before {
    width: 8px;
    height: 8px;
    margin-top: 1px;
    margin-right: 4px;
  }
}

.parts .case-section .swiper-slide .category-list-item:last-child {
  margin-right: 0;
}

.parts .case-section .swiper-slide .category-list-item:last-child:before {
  width: 0.5856515373vw;
  background-image: url(../img/icon-address2.svg);
}

@media screen and (max-width: 767px) {
  .parts .case-section .swiper-slide .category-list-item:last-child:before {
    width: 7px;
  }
}

.parts .case-section .swiper-container-horizontal {
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .parts .case-section .swiper-container-horizontal {
    padding-bottom: 0;
  }
}

.parts .case-section .swiper-container-horizontal>.swiper-pagination-progressbar,
.parts .case-section .swiper-pagination-progressbar.swiper-pagination-horizontal {
  bottom: 0;
  top: auto;
  width: calc(100% - 10vw);
  margin-left: 10vw;
}

@media screen and (max-width: 767px) {

  .parts .case-section .swiper-container-horizontal>.swiper-pagination-progressbar,
  .parts .case-section .swiper-pagination-progressbar.swiper-pagination-horizontal {
    display: none;
  }
}

.parts .case-section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #006eff;
}

.btn-wrap.btn-wrap--single {
  margin-top: 0;
  padding-bottom: 7.3206442167vw;
}

@media screen and (max-width: 767px) {
  .btn-wrap.btn-wrap--single {
    margin-top: 0;
    padding-bottom: 12vw;
  }
}


/* casestudy-category */
.casestudy-category {
  margin: 1.5vw 0 4vw;
}

.casestudy-category_list {
  display: flex;
  justify-content: center;
  gap: 0 7.3vw;

  & a {
    padding: 0 0.66vw 1.2vw;
    font-size: 1.17vw;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #898989;
    display: inline-block;

    @media screen and (min-width: 768px) {
      color: #006EFF;
    }
  }

  & .active {
    color: #006EFF;
    border-bottom: 2px solid #006EFF;
  }
}

@media screen and (max-width: 767px) {

  /* casestudy-category */
  .casestudy-category {
    margin: 6.7vw 0 0;
  }

  .casestudy-category_list {
    gap: 0 9.73vw;

    & a {
      padding: 0 0 2.3vw;
      font-size: 3.2vw;
    }

    & .active {
      border-bottom: 1px solid #006EFF;
    }
  }
}