@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600');
@import 'lib/slick.css';
:root {
  --r: 12px;
  --clr-bg-primary: #f8f6f1;
  --clr-bg-secondary: #ebe8e2;
  --clr-border-primary: #ebe7df;
}
@media only screen and (max-width: 768px) {
  :root {
    --r: 7px;
  }
}

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

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

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

html,
body,
button,
input,
select,
textarea,
th,
td,
pre {
  font-family:
    Hiragino Sans,
    'ヒラギノ角ゴシック',
    Hiragino Kaku Gothic ProN,
    'ヒラギノ角ゴ ProN W3',
    'Helvetica Neue',
    'Yu Gothic',
    YuGothic,
    Verdana,
    Meiryo,
    'M+ 1p',
    sans-serif;
}

body {
  color: #513036;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.14rem;
}

a {
  color: #513036;
  text-decoration: none;
}
a:hover {
  color: #f0393a;
}

a[href^='tel:'] {
  pointer-events: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

p {
  text-align: justify;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

@media only screen and (max-width: 768px) {
  body {
    font-size: 1.3rem;
    -webkit-text-size-adjust: 100%;
    letter-spacing: 0.07rem;
  }
  a[href^='tel:'] {
    pointer-events: auto;
  }
}
/* -------------------------

------------------------- */
@media (min-width: 769px) {
  .spShow {
    display: none;
  }
}
@media (max-width: 768px) {
  .pcShow {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .scroll_x {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 8px;
    padding: 1px;
    border: 1px solid #eae6de;
  }
  .scroll_x > table {
    width: auto;
    min-width: 100%;
  }
  .scroll_x th,
  .scroll_x td {
    display: table-cell;
    width: auto;
    white-space: nowrap;
  }
}
/* -------------------------
  layout
------------------------- */
html {
  min-width: 1250px;
}

.inner {
  width: 1200px;
  margin: 0 auto;
}

.l-row {
  position: relative;
  padding: 100px 0;
}

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

@media only screen and (max-width: 768px) {
  html {
    min-width: 320px;
  }
  .inner {
    width: 100%;
  }
  .l-row {
    padding: 50px 15px;
  }
  .l-row .l-spFull {
    margin-left: -15px;
    margin-right: -15px;
  }
}
/* -------------------------
  SVG
------------------------- */
.u-ico {
  width: 1em;
  height: 1em;
  fill: currentColor;
  fill-rule: evenodd;
  vertical-align: -0.15em;
}

/* -------------------------
  トップへ戻るボタン
------------------------- */
.pageTop {
  width: 67px;
  position: fixed;
  bottom: 19px;
  right: 19px;
  z-index: 400;
  transition: all 0.2s ease;
}

@media only screen and (max-width: 768px) {
  .pageTop {
    width: 42px;
    bottom: 53px;
    right: 5px;
  }
}

.pageTop__img {
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15));
}

.pageTop:hover {
  opacity: 0.8;
}

/* -------------------------
  CTAボタン
------------------------- */
.ctaBtnWrapper {
  width: 75px;
  background: linear-gradient(135deg, #0FA4FA 0%, #0052EB 100%);
  filter: drop-shadow(0 0 17px rgba(59, 119, 221, 0.16));
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 400;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .ctaBtnWrapper {
    width: 100%;
    height: 48px;
    background: linear-gradient(to right, #0FA4FA 0%, #0052EB 100%);
    top: unset;
    transform: unset;
    bottom: 0;
    left: 0;
    right: 0;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 0;
    flex-direction: row;
  }
}

.ctaBtnWrapper::after {
  content: '';
  display: block;
  width: 60px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 768px) {
  .ctaBtnWrapper::after {
    width: 1px;
    height: 24px;
  }
}

.ctaBtn {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  align-items: center;
  padding-block: 18px;
}

@media only screen and (max-width: 768px) {
  .ctaBtn {
    height: 100%;
    flex: 1;
    flex-direction: row;
    column-gap: 6px;
    justify-content: center;
    padding: 0;
  }
}

.ctaBtn--top {
  border-top-left-radius: 6px;
}

@media only screen and (max-width: 768px) {
  .ctaBtn--top {
    border-top-left-radius: 9px;
  }
}

.ctaBtn--bottom {
  border-bottom-left-radius: 6px;
}

@media only screen and (max-width: 768px) {
  .ctaBtn--bottom {
    border-bottom-left-radius: 0;
    border-top-right-radius: 9px;
  }
}

.ctaBtn__ico {
  width: 32px;
  transition: all 0.2s ease;
}

@media only screen and (max-width: 768px) {
  .ctaBtn__ico {
    width: 24px;
  }
}

.ctaBtn__text {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  transition: all 0.2s ease;
}

@media only screen and (max-width: 768px) {
  .ctaBtn__text {
    font-size: 11px;
  }
}

.ctaBtn__text > span {
  display: inline-block;
}
.ctaBtn:hover .ctaBtn__ico,
.ctaBtn:hover .ctaBtn__text {
  opacity: 0.8;
}
/* -------------------------
  ポップアップ
------------------------- */
.popBlock {
  display: none;
  position: fixed;
  width: 100%;
  max-width: 1140px;
  padding: 70px;
  background: #fff;
  border-radius: 20px;
  z-index: 999;
  text-align: center;
}
.popBlock__close {
  position: absolute;
  top: -34px;
  right: -34px;
  width: 66px;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .popBlock {
    position: absolute;
    width: auto;
    margin: 25px;
    padding: 35px;
    border-radius: 10px;
  }
  .popBlock__close {
    top: -17px;
    right: -17px;
    width: 33px;
  }
}
/* -------------------------
  .bg-black
------------------------- */
.bg-black {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

/* -------------------------
  slick
------------------------- */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 0;
  width: 35px;
  height: 35px;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_circle.svg) no-repeat 50% 50% / contain;
}

.slick-prev {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  right: 50%;
  margin-right: 188px;
}

.slick-next {
  left: 50%;
  margin-left: 188px;
}

/* Dots */
.slick-dots {
  display: block;
  width: 100%;
  margin: 50px 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  padding: 0;
}

.slick-dots li button {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e5e5e5;
  color: transparent;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
}

.slick-dots li.slick-active button {
  background: #f0393a;
}

@media only screen and (max-width: 768px) {
  .slick-slide:not(.slick-center) {
    opacity: 0.3;
  }
  .slick-arrow {
    margin: 0;
    bottom: -10px;
  }
  .slick-prev {
    left: 0;
  }
  .slick-next {
    right: 0;
    left: auto;
  }
  .slick-dots {
    margin: 25px 0 0;
  }
  .slick-dots li {
    margin: 0 6px;
  }
  .slick-dots li button {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
/* -------------------------
  detailBtn
------------------------- */
.detailBtn {
  text-align: center;
  margin: 85px auto 0;
}
.detailBtn__anchor {
  display: inline-block;
  min-width: 300px;
  margin: 0 auto;
  padding: 22px 50px;
  background: #f0393a;
  border-radius: 12px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property:
    background,
    -webkit-box-shadow;
  transition-property:
    background,
    -webkit-box-shadow;
  transition-property: box-shadow, background;
  transition-property:
    box-shadow,
    background,
    -webkit-box-shadow;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}
.detailBtn__anchor:hover {
  color: #fff;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  background: #e80027;
}
.detailBtn__icon,
.detailBtn__icon--left,
.detailBtn__icon--top,
.detailBtn__icon--back {
  width: 17px;
  margin: 0 0 0 18px;
}
.detailBtn__icon--back {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  margin: 0 15px 0 0;
}
.detailBtn__icon--top {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.detailBtn__icon--left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: 0 18px 0 0;
}

@media only screen and (max-width: 768px) {
  .detailBtn {
    margin: 40px auto 0;
  }
  .detailBtn__anchor {
    display: block;
    max-width: 325px;
    min-width: 0px;
    padding: 22px;
    border-radius: 9px;
    font-size: 1.5rem;
  }
}
/* -------------------------
  minContactBlock
------------------------- */
.minContactBlock {
  padding: 50px;
  border: 1px solid var(--clr-border-primary);
  border-radius: var(--r);
  background: var(--clr-bg-primary);
}
.minContactBlock:where(.installationContact *, .flow *) {
  background: var(--clr-bg-secondary);
}
.minContactBlock__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 500;
  color: #341e22;
  text-align: center;
}
.minContactBlock__title::before {
  content: '';
  display: inline-block;
  width: 33px;
  height: 33px;
  margin: 0 15px 0 0;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_mail_keycolor.png) no-repeat 50% 50% / contain;
}
.minContactBlock__inner {
  --gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
  margin-top: 40px;
}
.minContactBlock__inner > * {
  width: calc((100% - var(--gap)) / 2);
}

@media only screen and (max-width: 768px) {
  .minContactBlock {
    padding: 20px;
  }
  .minContactBlock__title {
    font-size: 1.5rem;
    letter-spacing: normal;
  }
  .minContactBlock__title::before {
    width: 21px;
    height: 21px;
    margin-right: 10px;
  }
  .minContactBlock__inner {
    --gap: 10px;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .minContactBlock__inner > * {
    width: 100%;
  }
  .minContactBlock__btnList {
    border-radius: var(--r);
    border: 1px solid var(--clr-border-primary);
    overflow: hidden;
  }
}
/* -------------------------
  contactBlock
------------------------- */
.contactBlock,
.contactBlock--break {
  display: table;
  width: 100%;
  border: 1px solid #ebe7df;
  border-radius: 12px;
  overflow: hidden;
}
.contactBlock > *,
.contactBlock--break > * {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
}
.contactBlock--break {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: none;
  border-radius: 0px;
}
.contactBlock--break > * {
  display: block;
  width: 580px;
  border: 1px solid #ebe7df;
  border-radius: 12px;
}
.contactBlock--break > *:not(:first-child) {
  margin-left: 40px;
}
.contactBlock--break .contactBlock__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.contactBlock__tel {
  padding: 50px 40px;
  border-right: 1px solid #ebe7df;
}
.contactBlock__menu {
  padding: 50px;
  width: 580px;
  min-width: 580px;
  background: #f8f6f1;
}
.contactBlock__menu > *:not(:last-child) {
  margin-bottom: 20px;
}
.contactBlock__menu .contactBlock__title::before,
.contactBlock__menu .contactBlock__title--anders::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 33px;
  margin: 0 15px 0 0;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_mail_keycolor.png) no-repeat 50% 50% / contain;
}
.contactBlock__menu .contactBlock__title--anders::before {
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_mail.png) no-repeat 50% 50% / contain;
}
.contactBlock__title,
.contactBlock__title--anders {
  margin: 0 0 30px;
  font-size: 2rem;
  font-weight: 500;
  color: #341e22;
  text-align: center;
}
.contactText {
  margin: 0 0 40px;
}

@media only screen and (max-width: 768px) {
  .contactBlock,
  .contactBlock--break {
    display: block;
    border-radius: 7px;
    background: #fff;
  }
  .contactBlock--break {
    background: none;
  }
  .contactBlock--break > * {
    width: auto;
    border-radius: 7px;
    overflow: hidden;
  }
  .contactBlock--break > *:not(:first-child) {
    margin-left: 0px;
  }
  .contactBlock--break > *:not(:last-child) {
    margin: 0 0 15px;
  }
  .contactBlock--break .contactBlock__tel {
    border-right: 1px solid #eae6de;
  }
  .contactBlock > *,
  .contactBlock--break > * {
    display: block;
  }
  .contactBlock__tel {
    padding: 0px;
    border-right: none;
    border-bottom: 1px solid #eae6de;
  }
  .contactBlock__menu {
    padding: 0;
    width: auto;
    min-width: 0px;
    background: none;
  }
  .contactBlock__menu .trialBtn {
    margin: 20px;
  }
  .contactBlock__menu .contactBlock__title::before,
  .contactBlock__menu .contactBlock__title--anders::before {
    width: 21px;
    height: 21px;
    margin-right: 10px;
  }
  .contactBlock__title,
  .contactBlock__title--anders {
    margin: 25px 10px;
    font-size: 1.5rem;
    letter-spacing: normal;
  }
}
/* -------------------------
  telBox
------------------------- */
.telBox {
  text-align: center;
}
.telBox__lead {
  margin: 0 0 30px;
  color: #523137;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.13rem;
}
.telBox__title {
  font-size: 2rem;
  font-weight: 500;
  color: #341e22;
  text-align: center;
  padding: 20px 0 0 0;
}
.telBox__title__icon {
  fill: #fff;
  width: 33px;
  height: 33px;
  margin: 0 15px 0 0;
  padding: 8px;
  vertical-align: -0.5em;
  background: #02bb8d;
  border-radius: 50%;
}
.telBox__title:first-child:last-child {
  padding-top: 0;
}
.telBox__info {
  margin: 30px 0 40px;
  color: #02bb8d;
}
.telBox__info__place {
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px 0 0;
  padding: 5px 15px;
  min-width: 95px;
  border: 1px solid;
  border-radius: 50px;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
}
.telBox__info__num {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Barlow', sans-serif;
  font-size: 5.7rem;
  font-weight: 500;
  line-height: 1;
}
.telBox__info__num > a {
  color: inherit;
}
.telBox__info__hyphen {
  vertical-align: 0.2rem;
  font-size: 4rem;
}
.telBox__time {
  display: inline-block;
  padding: 6px 18px;
  background: #f8f6f1;
  border-radius: 50px;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0.1rem;
}

@media only screen and (max-width: 768px) {
  .telBox {
    padding: 30px 5px;
  }
  .telBox__lead {
    display: none;
  }
  .telBox__title {
    font-size: 1.5rem;
    letter-spacing: normal;
  }
  .telBox__title__icon {
    width: 21px;
    height: 21px;
    margin: 0 10px 0 0;
    padding: 5px;
  }
  .telBox__info {
    margin: 5px 0 15px;
  }
  .telBox__info__place {
    margin: 0 5px 0 0;
    padding: 5px;
    min-width: 46px;
    font-size: 1rem;
    line-height: 1;
  }
  .telBox__info__num {
    font-size: 4rem;
    line-height: 1;
  }
  .telBox__info__hyphen {
    font-size: 2.8rem;
  }
  .telBox__time {
    padding: 4px 15px;
    font-size: 1rem;
    letter-spacing: normal;
  }
}
/* -------------------------
  btnList
------------------------- */
.btnList,
.btnList--anders {
  list-style: none;
  background: #fff;
  border: 1px solid #eae6de;
  border-radius: 15px;
  overflow: hidden;
}
.btnList--anders .btnList__anchor {
  color: #36be8d;
}
.btnList:not(:last-child),
.btnList--anders:not(:last-child) {
  margin: 0 0 20px;
}
.btnList__item:not(:first-child) {
  border-top: 1px solid #eae6de;
}
.btnList__anchor {
  display: block;
  position: relative;
  padding: 22px 50px 22px 30px;
  color: #ed2023;
  font-size: 1.8rem;
  font-weight: 400;
}
.btnList__anchor:hover {
  background: #f8f6f1;
}
.btnList__anchor__icon {
  position: absolute;
  right: 30px;
  top: 0;
  width: 17px;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .btnList,
  .btnList--anders {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .btnList:first-child,
  .btnList--anders:first-child {
    border-top: none;
  }
  .btnList:last-child,
  .btnList--anders:last-child {
    border-bottom: none;
  }
  .btnList:not(:last-child),
  .btnList--anders:not(:last-child) {
    margin: 0;
  }
  .btnList__anchor {
    padding: 20px 50px 20px 15px;
    font-size: 1.5rem;
  }
  .btnList__anchor__icon {
    right: 20px;
  }
}
/* -------------------------
  trialBtn
------------------------- */
.headerBtnWrapper {
  display: flex;
  align-items: stretch;
  column-gap: 15px;
}
.trialBtn {
  display: block;
  position: relative;
  padding: 20px 45px 20px 20px;
  background: #0aa7ff;
  background: hsl(202, 96%, 52%);
  background: linear-gradient(135deg, hsl(202, 96%, 52%) 0%, hsl(219, 100%, 46%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="hsl(202, 96%, 52%)", endColorstr="hsl(219, 100%, 46%)",GradientType=1 );
  border-radius: 12px;
  font-size: 2.1rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: normal;
  color: #fff;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property:
    box-shadow,
    -webkit-box-shadow;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.trialBtn::before {
  content: '';
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
  width: 200%;
  height: 200%;
  position: absolute; /*ボタンの左上方向にはみ出させて配置*/
  top: -100%;
  left: -200%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.trialBtn:hover {
  color: #fff;
  background: hsl(192, 96%, 52%);
  background: linear-gradient(135deg, hsl(192, 96%, 52%) 0%, hsl(209, 100%, 46%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="hsl(192, 96%, 52%)", endColorstr="hsl(209, 100%, 46%)",GradientType=1 );
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
}
.trialBtn:hover::before {
  top: 0%;
  left: 100%;
}
.trialBtn__day {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 50px;
  margin: 0 15px 0 0;
  padding: 6px 13px;
  font-size: 1.15rem;
  line-height: 1;
}
.trialBtn__icon {
  position: absolute;
  right: 30px;
  top: 0;
  width: 17px;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .trialBtn {
    border-radius: 9px;
    font-size: 1.5rem;
  }
  .trialBtn__day {
    padding: 4px 10px;
    font-size: 1rem;
  }
  .trialBtn__icon {
    right: 20px;
  }
}
/* -------------------------
  flowList
------------------------- */
.flowList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin: 0 0 80px;
}
.flowList__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  padding: 8px;
  background: #fff;
  border-radius: 20px;
  text-align: center;
}
.flowList__item:not(:last-child) {
  margin: 0 30px 0 0;
  border: 1px solid #ebe7df;
}
.flowList__item:not(:last-child)::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -28px;
  width: 24px;
  height: 15px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/flow_arrow.png) no-repeat 0 50% / contain;
}
.flowList__item:last-child {
  background: #02bb8d;
  color: #fff;
}
.flowList__item:last-child::before {
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  width: 18px;
  height: 18px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/flow_point_icon.png) no-repeat 0 50% / contain;
}
.flowList__item:last-child .flowList__text {
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
}
.flowList__item:last-child .flowList__note {
  color: #02bb8d;
  font-weight: bold;
}
.flowList__num {
  position: absolute;
  top: 16px;
  left: 16px;
}
.flowList__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
}
.flowList__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 54px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #341e22;
  text-align: center;
  letter-spacing: normal;
}
.flowList__note {
  position: relative;
  margin: 20px 0 0;
  padding: 10px;
  background: #f8f6f1;
  border-radius: 16px;
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .flowList__note {
    min-height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.flowList__note::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border-bottom: 6px solid #fbf9f5;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

@media only screen and (max-width: 768px) {
  .flowList {
    display: block;
    margin: 0 0 20px;
  }
  .flowList__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 80px;
    padding: 8px 80px 8px 70px;
    border-radius: 0;
    text-align: left;
  }
  .flowList__item:not(:last-child) {
    margin: 0;
    border-bottom: none;
  }
  .flowList__item:not(:last-child)::before {
    top: 50%;
    right: auto;
    left: 27px;
    z-index: 1;
    margin-top: 17px;
    width: 17px;
    height: 28px;
    background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/sp_flow_arrow.png) no-repeat 0 50% / contain;
  }
  .flowList__item:not(:last-child) .flowList__note {
    display: none;
  }
  .flowList__item:first-child {
    border-radius: 7px 7px 0 0;
  }
  .flowList__item:last-child {
    padding-top: 30px;
    padding-bottom: 25px;
    border-radius: 0 0 7px 7px;
  }
  .flowList__item:last-child::before {
    top: 50%;
    right: auto;
    left: 45px;
    width: 12px;
    height: 12px;
    margin-top: -26px;
    background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/sp_flow_point_icon.png) no-repeat 0 50% / contain;
  }
  .flowList__item:last-child .flowList__image {
    height: 50px;
    margin-top: -25px;
  }
  .flowList__item:last-child .flowList__text {
    width: 100%;
    margin: 0 0 5px;
    font-size: 1.6rem;
  }
  .flowList__item:last-child .flowList__note {
    color: inherit;
    font-weight: normal;
  }
  .flowList__num {
    top: 50%;
    left: 20px;
    width: 34px;
    margin-top: -17px;
  }
  .flowList__image {
    position: absolute;
    top: 50%;
    right: 20px;
    height: 34px;
    margin-top: -17px;
  }
  .flowList__image img {
    max-height: 100%;
  }
  .flowList__text {
    min-height: 0px;
    font-size: 1.4rem;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .flowList__note {
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 16px;
    font-size: 1rem;
    text-align: left;
  }
  .flowList__note::before {
    content: none;
  }
}
/* -------------------------
  sectionNav
------------------------- */
.sectionNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: -40px;
  z-index: 100;
  height: 100%;
  list-style: none;
  -webkit-transition: right 0.3s linear;
  transition: right 0.3s linear;
}
.sectionNav.is-show {
  right: 38px;
}
.sectionNav__item {
  margin: 22px 0;
  text-align: right;
}
.sectionNav__anchor,
.sectionNav__anchor--anders {
  display: block;
  position: relative;
  text-align: right;
}
.sectionNav__anchor::before,
.sectionNav__anchor--anders::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 12px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: #e5e5e5;
  border-radius: 50%;
  z-index: 2;
}
.sectionNav__anchor.is-active::before,
.is-active.sectionNav__anchor--anders::before {
  background: #f0393a;
}
.sectionNav__anchor--anders.is-active::before {
  background: #36be8d;
}
.sectionNav__anchor--anders .sectionNav__text {
  background: #36be8d;
}
.sectionNav__anchor:hover .sectionNav__text,
.sectionNav__anchor--anders:hover .sectionNav__text {
  visibility: visible;
  opacity: 1;
}
.sectionNav__anchor:hover::before,
.sectionNav__anchor--anders:hover::before {
  background: #fff;
}
.sectionNav__text {
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
  position: absolute;
  right: 0;
  top: -20px;
  padding: 11px 40px 11px 20px;
  background: #f0393a;
  border-radius: 50px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  white-space: nowrap;
}
.sectionNav__text__num {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
  font-size: 1.65rem;
}

@media only screen and (max-width: 768px) {
  .sectionNav {
    display: none;
  }
}
/* -------------------------
  sectionLead
------------------------- */
.sectionLead {
  margin: 70px 0 70px;
  color: #523137;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.3;
  letter-spacing: 0.18rem;
}

@media only screen and (max-width: 768px) {
  .sectionLead {
    margin: 30px 0 40px;
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: normal;
  }
}
/* -------------------------
  pageVisual
------------------------- */
.pageVisual,
.pageVisual--min {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  height: 500px;
  padding-top: 160px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
  position: relative;
}
.pageVisual__en {
  margin: 0 0 10px;
}
.pageVisual__title {
  position: relative;
  padding: 0 0 20px;
  color: #fff;
  font-size: 4.8rem;
  font-weight: 300;
  letter-spacing: 0.16em;
}
.pageVisual__title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 40px;
  height: 4px;
  margin: 0 auto;
  background: #fff;
  border-radius: 50px;
}
.pageVisual--min {
  height: 420px;
}
.pageVisual--min .pageVisual__title {
  font-size: 4rem;
}

.wae > .wae-section-html:first-child > .pageVisual--min:first-child {
  margin: -100px 0 100px;
}

@media only screen and (max-width: 768px) {
  .pageVisual,
  .pageVisual--min {
    height: 255px;
    padding-top: 60px;
  }
  .pageVisual__en img {
    height: 1.2rem;
  }
  .pageVisual__title {
    padding: 0 0 15px;
    font-size: 2.5rem;
  }
  .pageVisual__title::before {
    width: 23px;
    height: 3px;
  }
  .pageVisual--min {
    height: 255px;
    padding-top: 60px;
  }
  .pageVisual--min__en img {
    height: 1.2rem;
  }
  .pageVisual--min .pageVisual__title {
    padding: 0 0 15px;
    font-size: 2.5rem;
  }
  .pageVisual--min .pageVisual__title::before {
    width: 23px;
    height: 3px;
  }
  .wae > .wae-section-html:first-child > .pageVisual--min:first-child {
    margin: -28px 0 28px;
  }
}
/* -------------------------
  pageLead
------------------------- */
.pageLead {
  margin: 90px 40px;
  color: #523137;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.3;
  letter-spacing: 0.18rem;
}

@media only screen and (max-width: 768px) {
  .pageLead {
    margin: 28px 15px;
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.6;
    letter-spacing: normal;
  }
}
/* -------------------------
  blockTitle
------------------------- */
.blockTitle {
  margin: 70px 0 30px;
  color: #341e22;
  font-size: 2.3rem;
  font-weight: 500;
}
.blockTitle__small {
  display: inline-block;
  margin: 0 0 0 10px;
  color: #513036;
  font-size: 1.2rem;
}

@media only screen and (max-width: 768px) {
  .blockTitle {
    margin: 35px 0 15px;
    font-size: 1.65rem;
  }
  .blockTitle__small {
    margin: 0 0 0 5px;
    font-size: 1rem;
    letter-spacing: 0.01rem;
  }
}
/* -------------------------
  sectionTitle
------------------------- */
.sectionTitle,
.sectionTitle--andersSmall,
.sectionTitle--small,
.sectionTitle--anders {
  position: relative;
  margin: 0 0 100px;
  text-align: center;
}
.sectionTitle--anders .sectionTitle__ribbon {
  background: #36be8d;
}
.sectionTitle--anders .sectionTitle__ribbon::before {
  border-top-color: #2fa77c;
}
.sectionTitle--anders .sectionTitle__ribbon::after {
  border-top-color: #36be8d;
}
.sectionTitle--anders .sectionTitle__ribbon__text {
  background: #2fa77c;
}
.sectionTitle--anders .sectionTitle__main::before {
  background: #36be8d;
}
.sectionTitle--small {
  margin-bottom: 90px;
}
.sectionTitle--small .sectionTitle__text {
  margin: 0 0 15px;
  font-size: 2rem;
}
.sectionTitle--small .sectionTitle__main {
  font-size: 4rem;
}
.sectionTitle--andersSmall .sectionTitle,
.sectionTitle--andersSmall .sectionTitle--anders,
.sectionTitle--andersSmall .sectionTitle--small,
.sectionTitle--andersSmall .sectionTitle--andersSmall {
  margin-bottom: 90px;
}
.sectionTitle--andersSmall .sectionTitle__ribbon {
  background: #36be8d;
}
.sectionTitle--andersSmall .sectionTitle__ribbon::before {
  border-top-color: #2fa77c;
}
.sectionTitle--andersSmall .sectionTitle__ribbon::after {
  border-top-color: #36be8d;
}
.sectionTitle--andersSmall .sectionTitle__ribbon__text {
  margin: 0 0 15px;
  font-size: 2rem;
  background: #2fa77c;
}
.sectionTitle--andersSmall .sectionTitle__main {
  font-size: 4rem;
}
.sectionTitle--andersSmall .sectionTitle__main::before {
  background: #36be8d;
}
.sectionTitle__ribbon {
  position: absolute;
  top: 20px;
  left: 0;
  width: 110px;
  background: #f0393a;
  color: #fff;
  font-family: 'Barlow', sans-serif;
  text-align: center;
}
.sectionTitle__ribbon::before {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  border-top: 15px solid #cb2837;
  border-left: 110px solid transparent;
}
.sectionTitle__ribbon::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  border-top: 15px solid #f0393a;
  border-right: 110px solid transparent;
}
.sectionTitle__ribbon__text {
  display: block;
  padding: 2px 3px 3px;
  background: #cb2837;
  font-size: 1.7rem;
  font-weight: 600;
}
.sectionTitle__ribbon__num {
  display: block;
  padding: 10px 0;
  font-size: 7.3rem;
  font-weight: 600;
  line-height: 1;
}
.sectionTitle__ribbon ~ * {
  padding: 0 115px;
}
.sectionTitle__text {
  display: block;
  margin: 0 0 25px;
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.16em;
}
.sectionTitle__main {
  position: relative;
  padding: 0 0 30px;
  font-size: 5rem;
  font-weight: 500;
  letter-spacing: 0.16em;
}
.sectionTitle__main::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 40px;
  height: 4px;
  margin: 0 auto;
  background: #f0393a;
  border-radius: 50px;
}

@media only screen and (max-width: 768px) {
  .sectionTitle,
  .sectionTitle--anders,
  .sectionTitle--small,
  .sectionTitle--andersSmall {
    position: static;
    margin: 0 0 25px;
    padding: 0;
  }
  .sectionTitle--small .sectionTitle__text,
  .sectionTitle--andersSmall .sectionTitle__text {
    margin: 0 0 15px;
    font-size: 1.3rem;
  }
  .sectionTitle--small .sectionTitle__main,
  .sectionTitle--andersSmall .sectionTitle__main {
    font-size: 2.25rem;
  }
  .sectionTitle__ribbon {
    top: 0;
    width: 55px;
  }
  .sectionTitle__ribbon::before {
    border-top-width: 7px;
    border-left-width: 55px;
  }
  .sectionTitle__ribbon::after {
    border-top-width: 7px;
    border-right-width: 55px;
  }
  .sectionTitle__ribbon__text {
    padding: 0 3px;
    font-size: 1rem;
  }
  .sectionTitle__ribbon__num {
    padding: 5px;
    font-size: 3.6rem;
  }
  .sectionTitle__text {
    margin: 0 0 15px;
    font-size: 1.3rem;
  }
  .sectionTitle__text > img {
    height: 1.1rem;
  }
  .sectionTitle__main {
    padding: 0 0 25px;
    font-size: 2.25rem;
    letter-spacing: 0.06rem;
  }
  .sectionTitle__main::before {
    width: 23px;
    height: 3px;
  }
}
/* -------------------------
  menuInfo
------------------------- */
.menuInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.menuInfo__sumally {
  padding: 0 100px 0 0;
}
.menuInfo__text {
  margin: 0 0 1em;
  color: #523137;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.03rem;
}
.menuInfo__link {
  width: 580px;
  min-width: 580px;
  padding: 50px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #f8f6f1;
}
.menuInfo__title {
  font-size: 2rem;
  font-weight: 500;
  color: #341e22;
  text-align: center;
  margin: 50px 0 20px;
}
.menuInfo__title__icon {
  fill: #fff;
  width: 33px;
  height: 33px;
  margin: 0 15px 0 0;
  padding: 8px;
  vertical-align: -0.5em;
  background: #02bb8d;
  border-radius: 50%;
}

@media only screen and (max-width: 768px) {
  .menuInfo {
    display: block;
  }
  .menuInfo .trialBtn,
  .menuInfo .loginBtn {
    margin: 20px;
  }
  .menuInfo__sumally {
    margin: 0 0 30px;
    padding: 0 10px;
  }
  .menuInfo__text {
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: 0.03rem;
  }
  .menuInfo__link {
    width: auto;
    min-width: 0px;
    padding: 0px;
    background: #fff !important;
    border: 1px solid #eae7df;
    border-radius: 7px;
    overflow: hidden;
  }
  .menuInfo__title {
    font-size: 1.5rem;
    letter-spacing: normal;
    margin: 25px 10px;
  }
  .menuInfo__title__icon {
    width: 21px;
    height: 21px;
    margin: 0 10px 0 0;
    padding: 5px;
  }
}
/* -------------------------
  faqList
------------------------- */
.faqList {
  list-style: none;
  background: #fff;
  border: 1px solid #eae7df;
  border-radius: 12px;
  overflow: hidden;
}
.faqList__item:not(:first-child) {
  border-top: 1px solid #eae7df;
}
.faqList__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 80px;
  padding: 30px 50px 30px 30px;
}
.faqList__anchor:hover {
  background: #f8f6f1;
}
.faqList__rank {
  min-width: 75px;
  margin: -10px 30px -10px -10px;
  padding: 10px;
  background: #f8f6f1;
  border-radius: 6px;
  text-align: center;
}
.faqList__rank > img {
  width: 42px;
}
.faqList__text {
  font-size: 1.6rem;
  font-weight: 400;
}
.faqList__icon {
  position: absolute;
  right: 25px;
  top: 0;
  width: 17px;
  height: 100%;
  fill: #f0393a;
}

@media only screen and (max-width: 768px) {
  .faqList {
    border-radius: 7px;
  }
  .faqList__anchor {
    padding: 18px 40px 18px 15px;
  }
  .faqList__rank {
    min-width: 62px;
    margin: 0 14px 0 0;
    padding: 8px;
    border-radius: 3px;
  }
  .faqList__text {
    font-size: 1.3rem;
    letter-spacing: 0.08rem;
  }
  .faqList__icon {
    right: 20px;
  }
}
/* -------------------------
  loginBtn
------------------------- */
.loginBtn {
  display: block;
  padding: 22px 22px 22px 80px;
  background: #36be8d url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_login.svg) no-repeat 35px 50%/40px auto;
  border-radius: 50px;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1rem;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property:
    background-color,
    background-position,
    -webkit-box-shadow;
  transition-property:
    background-color,
    background-position,
    -webkit-box-shadow;
  transition-property: background-color, background-position, box-shadow;
  transition-property:
    background-color,
    background-position,
    box-shadow,
    -webkit-box-shadow;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}
.loginBtn:not(:last-child) {
  margin: 0 0 30px;
}
.loginBtn__small {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.08rem;
}
.loginBtn:hover {
  color: #fff;
  background-color: #00cca0;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 768px) {
  .loginBtn {
    padding: 15px 15px 15px 70px;
    background-position: 22px 50%;
    background-size: 35px auto;
    font-size: 2rem;
    text-align: left;
  }
  .loginBtn:not(:last-child) {
    margin: 0 0 15px;
  }
  .loginBtn__small {
    display: block;
    margin: 0;
    font-size: 1.2rem;
  }
}
/* -------------------------
  downloadBtn
------------------------- */
.downloadBtn {
  display: block;
  padding: 20px;
  background: #36be8d;
  border-radius: 50px;
  color: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1rem;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property:
    box-shadow,
    -webkit-box-shadow;
}
.downloadBtn::after {
  content: ' ';
  display: inline-block;
  width: 27px;
  height: 27px;
  margin: 0 0 0 15px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_download.svg) no-repeat center/27px auto;
  vertical-align: middle;
}
.downloadBtn:hover {
  color: #fff;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 768px) {
  .downloadBtn {
    padding: 15px;
    font-size: 1.5rem;
  }
  .downloadBtn::after {
    width: 20px;
    height: 20px;
    margin: 0 0 0 10px;
    background-size: 20px auto;
  }
}
/* -------------------------
  ご検討中のお客さまへ
------------------------- */
.joinStep01 {
  border-top: 1px solid #eae7df;
}

.joinStep02 {
  background: #f8f6f1;
}
.joinStep02 .menuInfo__link {
  background-color: #ebe8e2;
  border-color: #e3dfd7;
}
.joinStep02 .faqList__icon {
  fill: #36be8d;
}

.joinStep04 {
  background: #f8f6f1;
}
.joinStep04 .menuInfo__link {
  background-color: #ebe8e2;
  border-color: #e3dfd7;
}

.downloadLink {
  color: #36be8d;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: normal;
}

@media only screen and (max-width: 768px) {
  .downloadLink {
    font-size: 1rem;
    text-align: center;
  }
}
/* -------------------------
  searchBox
------------------------- */
.searchBox {
  padding: 70px 80px 80px;
  background: #f66361;
  border-radius: 12px;
}
.searchBox__title {
  margin: 0 0 70px;
  color: #fff;
  font-size: 2.8rem;
  font-weight: normal;
  text-align: center;
}
.searchBox__title::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px 0 0;
  width: 44px;
  height: 44px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_case_search.png) no-repeat 0 50% / contain;
}
.searchBox__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.searchBox__inner > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.searchBox__inner > *:not(:first-of-type) {
  margin-left: 40px;
}
.searchBox__item {
  position: relative;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 6px 20px 0 rgba(176, 31, 18, 0.25);
  box-shadow: 0 6px 20px 0 rgba(176, 31, 18, 0.25);
}
.searchBox__cate {
  padding: 21px;
  background: #ff8281;
  color: #fff;
  font-size: 2rem;
  text-align: center;
}
.searchBox__cate__small {
  font-size: 1.8rem;
}
.searchBox__list {
  padding: 40px 20px;
}
.searchBox__check {
  display: block;
  margin: 0 0 18px;
  padding: 0 0 0 15px;
  cursor: pointer;
}
.searchBox__check__input {
  display: none;
}
.searchBox__check__input:checked + .searchBox__check__text {
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_check_on.png);
}
.searchBox__check__text {
  display: inline-block;
  min-height: 23px;
  padding: 0 0 0 35px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_check.png) no-repeat 0 0/23px;
  color: #341e22;
  font-size: 1.6rem;
  letter-spacing: normal;
}
.searchBox__btnArea {
  margin: 70px 0 0;
}
.searchBox__btn {
  display: block;
  min-width: 400px;
  margin: 0 auto;
  padding: 22px 50px;
  background: #333;
  border-radius: 12px;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property:
    box-shadow,
    -webkit-box-shadow;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  letter-spacing: 0.14em;
}
.searchBox__btn:hover {
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}
.searchBox__btn__icon {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 13px 0 0;
}
.searchBox__tab {
  display: none;
  list-style: none;
  border-bottom: 1px solid #ed5e64;
  background: #fc7e83;
}
.searchBox__tab__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.searchBox__tab__item:not(:first-child) {
  border-left: 1px solid #ed5e64;
}
.searchBox__tab__anchor {
  position: relative;
  display: block;
  padding: 18px 10px;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
}
.searchBox__tab__anchor:hover {
  color: #fff;
}
.searchBox__tab__anchor.is-active {
  background: #cd3e44;
}
.searchBox__tab__anchor.is-active::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -5px;
  border-bottom: 6px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

@media only screen and (max-width: 768px) {
  .searchBox {
    margin: 40px 0 0;
    padding: 35px 15px 40px;
    border-radius: 0;
  }
  .searchBox__title {
    position: relative;
    margin: 0 0 35px;
    padding: 0 0 0 65px;
    font-size: 1.9rem;
    text-align: left;
  }
  .searchBox__title::before {
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -22px 0 0;
  }
  .searchBox__inner {
    display: block;
    background: #fff;
    border-radius: 7px;
    overflow: hidden;
  }
  .searchBox__inner > *:not(:first-child) {
    margin-left: 0;
  }
  .searchBox__cate {
    display: none;
  }
  .searchBox__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 15px;
  }
  .searchBox__check {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0 0 15px;
    padding: 0 12px;
  }
  .searchBox__check__text {
    min-height: 18px;
    padding: 0 0 0 30px;
    font-size: 1.4rem;
    background-size: 18px;
  }
  .searchBox__btnArea {
    margin: 40px 0 0;
  }
  .searchBox__btn {
    width: 100%;
    min-width: 0;
    font-size: 1.5rem;
  }
  .searchBox__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/* -------------------------
  searchFilterBox
------------------------- */
.searchFilterBox {
  padding: 70px 80px 80px;
  background: #f8f6f1;
  border: 1px solid #eae7df;
  border-radius: 12px;
  color: #341e22;
}
.searchFilterBox__title {
  margin: 0 0 40px;
  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
}
.searchFilterBox__title::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px 0 0;
  width: 44px;
  height: 44px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_keyword.svg) no-repeat 0 50% / contain;
}
.searchFilterBox__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding: 40px 40px 40px 20px;
  background: #fff;
  border: 1px solid #eae7df;
  border-radius: 12px;
}
.searchFilterBox__check {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin: 0 0 18px;
  padding: 0 0 0 15px;
  cursor: pointer;
}
.searchFilterBox__check__input {
  display: none;
}
.searchFilterBox__check__input:checked + .searchFilterBox__check__text {
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_check_on.png);
}
.searchFilterBox__check__text {
  display: inline-block;
  min-height: 23px;
  padding: 0 0 0 35px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_check.png) no-repeat 0 0/23px;
  color: #341e22;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: normal;
}
.searchFilterBox__btnArea {
  margin: 50px 0 0;
}
.searchFilterBox__btn {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 20px auto 0;
  padding: 16px;
  background: #333;
  border-radius: 6px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property:
    box-shadow,
    -webkit-box-shadow;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  letter-spacing: 0.14em;
}
.searchFilterBox__btn:hover {
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}
.searchFilterBox__btn__icon {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 13px 0 0;
}

@media only screen and (max-width: 768px) {
  .searchFilterBox {
    padding: 0;
    background: none;
    border: none;
  }
  .searchFilterBox__title {
    position: relative;
    margin: 0 0 25px;
    padding: 0 0 0 75px;
    font-size: 1.9rem;
    text-align: left;
  }
  .searchFilterBox__title::before {
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -22px 0 0;
  }
  .searchFilterBox__inner {
    display: block;
    padding: 25px 15px 10px;
    border-radius: 7px;
  }
  .searchFilterBox__check {
    width: 50%;
    margin: 0 0 15px;
    padding: 0 12px;
  }
  .searchFilterBox__check__text {
    min-height: 18px;
    padding: 0 0 0 30px;
    font-size: 1.4rem;
    background-size: 18px;
  }
  .searchFilterBox__btnArea {
    margin: 40px 0 0;
  }
  .searchFilterBox__btn {
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
    max-width: none;
    padding: 14px;
    font-size: 1.4rem;
  }
}
/* -------------------------
  filterArea
------------------------- */
.filterArea {
  background: #f8f6f1;
}

.filterBox {
  display: table;
  position: relative;
  width: 100%;
  margin: 0 0 80px;
  background: #fff;
  border: 1px solid #eae7df;
  border-radius: 12px;
  overflow: hidden;
}
.filterBox__title {
  display: table-cell;
  vertical-align: middle;
  background: #eae7df url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_filter.svg) no-repeat 30px 50%/14px auto;
  padding: 20px 30px 20px 60px;
  color: #341e22;
  font-size: 1.8rem;
  font-weight: 500;
  white-space: nowrap;
}
.filterBox__list {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 20px 50px 15px 30px;
}
.filterBox__list__reset {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  background: #eae7df;
  border-radius: 50%;
  cursor: pointer;
}
.filterBox__list__reset::before,
.filterBox__list__reset::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 2px;
  margin: -1px 0 0 -6.5px;
  background: #513036;
  border-radius: 50px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.filterBox__list__reset::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.filterBox__list__reset:hover::before,
.filterBox__list__reset:hover::after {
  background: #f0393a;
}
.filterBox__list__item {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 10px 10px 0;
  padding: 6px 20px;
  background: #f8f6f1;
  border-radius: 50px;
  color: #341e22;
  font-size: 1.3rem;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .filterBox {
    display: block;
    margin: 0 0 40px;
    border-radius: 7px;
  }
  .filterBox__title {
    display: block;
    background-position: 22px 50%;
    background-size: 16px auto;
    padding: 20px 45px 20px 50px;
    font-size: 1.5rem;
  }
  .filterBox__list {
    display: block;
    padding: 10px 15px;
  }
  .filterBox__list__reset {
    top: 16px;
    right: 15px;
    margin-top: 0;
    background: #d2cec2;
  }
  .filterBox__list__item {
    margin: 6px 6px 6px 0;
    padding: 6px 20px;
    font-size: 1.2rem;
  }
}
/* -------------------------
  活用例
------------------------- */
.caseList {
  list-style: none;
}
.caseList::after {
  content: '';
  display: block;
  clear: both;
}
.caseList__item {
  width: 279px;
  margin: 0 0 28px;
  display: inline-block;
}
.caseList__item:not(:nth-child(4n + 1)) {
  margin-left: 28px;
}
.caseList__item__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  padding: 25px 10px 10px;
  background: #fff;
  border: 1px solid #eae7df;
  border-radius: 12px;
  color: #341e22;
}
.caseList__title,
.caseList__title--trial,
.caseList__title--user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 60px;
  padding: 0 0 0 85px;
  margin: 0 0 25px;
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_user.png);
  background-repeat: no-repeat;
  background-position: 20px 50%;
  background-size: 55px auto;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: normal;
}
.caseList__title--trial {
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_trial.png);
}
.caseList__text {
  position: relative;
  height: 100%;
  padding: 15px;
  background: #f8f6f1;
  border-radius: 8px;
  color: #513036;
  font-size: 1.45rem;
  letter-spacing: normal;
}
.caseList__text::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border-bottom: 6px solid #f8f6f1;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

@media only screen and (max-width: 768px) {
  .caseSearch > .l-row {
    padding: 0 0 50px;
  }
  .caseSearch .searchBox {
    margin: 0;
  }
  .caseList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .caseList__item {
    float: none;
    width: calc(50% - 5px);
    margin: 0 0 10px;
  }
  .caseList__item:not(:nth-child(4n + 1)) {
    margin-left: 0;
  }
  .caseList__item:nth-child(2n) {
    margin-left: 10px;
  }
  .caseList__item__anchor {
    padding: 0;
    border-radius: 7px;
    overflow: hidden;
    background: #f8f6f1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .caseList__title,
  .caseList__title--trial,
  .caseList__title--user {
    padding: 60px 0 15px;
    margin: 0;
    background-position: 50% 20px;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-position: center 15px;
    background-size: 50px auto;
  }
  .caseList__text {
    border-radius: 0;
    font-size: 1.2rem;
    height: auto;
  }
}
/* -------------------------
  よくある質問
------------------------- */
.faqAccordion {
  background: #fff;
  border: 1px solid #eae7df;
  border-radius: 12px;
}
.faqAccordion__item {
  list-style: none;
}
.faqAccordion__item:not(:first-child) {
  border-top: 1px solid #eae7df;
}
.faqAccordion__question {
  position: relative;
  padding: 20px 45px 25px 120px;
  cursor: pointer;
}
.faqAccordion__question::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  width: 9px;
  height: 9px;
  margin-top: -8px;
  border-bottom: 2px solid #d9d4cf;
  border-right: 2px solid #d9d4cf;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.faqAccordion__question.is-on::before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.faqAccordion__question:hover {
  color: #f0393a;
}
.faqAccordion__question__icon {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-block;
  width: 75px;
  padding: 10px;
  background: #f8f6f1;
  border-radius: 6px;
  text-align: center;
}
.faqAccordion__question__title {
  margin: 10px 0 5px;
  font-size: 1.6rem;
  font-weight: 600;
}
.faqAccordion__question__text {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.8;
  text-align: left;
}
.faqAccordion__answer {
  display: none;
  position: relative;
  margin: 0 20px 20px;
  padding: 20px 30px 20px 100px;
  background: #f8f6f1;
  border-radius: 14px;
}
.faqAccordion__answer__icon {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-block;
  width: 55px;
  padding: 10px 0;
  background: #fff;
  border-radius: 6px;
  text-align: center;
}
.faqAccordion__answer__text {
  margin: 10px 0;
  font-size: 1.55rem;
  font-weight: 300;
  line-height: 1.8;
  text-align: left;
}
.faqAccordion__detailBtn {
  text-align: right;
  margin: 20px 0 10px;
}
.faqAccordion__detailBtn__anchor {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
}
.faqAccordion__detailBtn__anchor::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
  width: 20px;
  height: 20px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_circle_support.svg) no-repeat 50% 50% / contain;
}

.faqDetail__bottom {
  background: #f8f6f1;
}
.faqDetail__bottom .blockTitle {
  margin-top: 0;
}
.faqDetail__closeBtn {
  text-align: center;
}
.faqDetail__closeBtn__anchor {
  display: block;
  max-width: 270px;
  margin: 100px auto 0;
  padding: 23px 15px;
  background: #f8f6f1;
  border: 1px solid #eae7df;
  border-radius: 12px;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
}
.faqDetail__closeBtn__anchor::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_close.svg) no-repeat 50% 50% / contain;
}
.faqDetail__backBtn {
  text-align: center;
}
.faqDetail__backBtn__anchor {
  display: block;
  max-width: 270px;
  margin: 100px auto 0;
  padding: 23px 15px;
  background: #f8f6f1;
  border: 1px solid #eae7df;
  border-radius: 12px;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
}

.faqBox {
  border: 1px solid #eae7df;
  border-radius: 12px;
  overflow: hidden;
  color: #341e22;
}
.faqBox__head {
  padding: 60px 60px 60px 170px;
  background: #f8f6f1 url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_question.svg) no-repeat 60px 74px/72px auto;
}
.faqBox__body {
  padding: 80px 80px 40px 170px;
  background: #fff url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_answer.svg) no-repeat 60px 71px/82px auto;
}
.faqBox__tag__item {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px 0;
  padding: 5px 16px;
  background: #fff;
  border-radius: 50px;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: normal;
}
.faqBox__title {
  margin: 10px 0;
  font-size: 2.8rem;
  font-weight: 500;
}
.faqBox__question {
  font-size: 1.6rem;
  line-height: 2;
}
.faqBox__lead {
  margin: 0 0 30px;
  font-size: 2.3rem;
  font-weight: 500;
}
.faqBox__text {
  margin: 0 0 35px;
  color: #523137;
  font-size: 1.6rem;
  letter-spacing: 0.13rem;
  line-height: 2;
}
.faqBox__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.faqBox__image__item {
  margin: 0 0 40px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: calc(50% - 20px);
  text-align: center;
}
.faqBox__image__item:not(:nth-child(2n + 1)) {
  margin-left: 40px;
}

@media only screen and (max-width: 768px) {
  .faqAccordion {
    border-radius: 7px;
  }
  .faqAccordion__question {
    padding: 15px 30px 15px 70px;
  }
  .faqAccordion__question::before {
    right: 15px;
    width: 6px;
    height: 6px;
  }
  .faqAccordion__question::after {
    right: 14px;
  }
  .faqAccordion__question:hover {
    color: inherit;
  }
  .faqAccordion__question__icon {
    top: 15px;
    left: 15px;
    width: 45px;
    padding: 5px 0;
    border-radius: 3px;
  }
  .faqAccordion__question__icon img {
    width: 30px;
    vertical-align: middle;
  }
  .faqAccordion__question__title {
    margin: 7px 0 5px;
    font-size: 1.4rem;
  }
  .faqAccordion__question__text {
    font-size: 1.2rem;
  }
  .faqAccordion__answer {
    margin: 0 15px 15px;
    padding: 10px 15px 10px 55px;
    border-radius: 7px;
  }
  .faqAccordion__answer__icon {
    top: 10px;
    left: 10px;
    width: 35px;
    padding: 5px 0;
    border-radius: 3px;
  }
  .faqAccordion__answer__icon img {
    width: 30px;
    vertical-align: middle;
  }
  .faqAccordion__answer__text {
    font-size: 1.3rem;
  }
  .faqAccordion__detailBtn__anchor {
    font-size: 1.3rem;
  }
  .faqAccordion__detailBtn__anchor::after {
    width: 15px;
    height: 15px;
  }
  .faqDetail > .l-row {
    padding: 0;
  }
  .faqDetail__closeBtn__anchor {
    margin: 50px auto;
    padding: 15px 15px;
    border-radius: 7px;
    font-size: 1.5rem;
  }
  .faqDetail__closeBtn__anchor::before {
    width: 12px;
    height: 12px;
  }
  .faqDetail__backBtn__anchor {
    margin: 50px auto;
    padding: 15px 15px;
    border-radius: 7px;
    font-size: 1.5rem;
  }
  .faqDetail__backBtn__anchor::before {
    width: 12px;
    height: 12px;
  }
  .faqBox {
    border: none;
    border-radius: 0px;
  }
  .faqBox__head {
    padding: 30px 20px 30px 60px;
    background: #f8f6f1 url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_question_text.png) no-repeat 0 0/35px auto;
  }
  .faqBox__body {
    padding: 60px 25px 20px 25px;
    background: #fff url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_answer_text.png) no-repeat 0 0/35px auto;
  }
  .faqBox__tag__item {
    margin: 0 3px 7px 0;
    padding: 3px 12px;
    font-size: 1rem;
  }
  .faqBox__title {
    margin: 5px 0;
    font-size: 1.9rem;
  }
  .faqBox__question {
    font-size: 1.3rem;
    line-height: 1.7;
  }
  .faqBox__lead {
    margin: 0 0 10px;
    font-size: 1.4rem;
  }
  .faqBox__text {
    margin: 0 0 20px;
    font-size: 1.3rem;
    line-height: 1.7;
  }
  .faqBox__image {
    display: block;
  }
  .faqBox__image__item {
    margin: 0 auto 20px;
    width: auto;
  }
  .faqBox__image__item:not(:first-child) {
    margin-left: 0px;
  }
}
/* -------------------------
  ご利用中のお客さまへ
------------------------- */
.l-visualLogin {
  position: absolute;
  top: 280px;
  right: 0;
  padding: 22px 30px 22px 85px;
  font-size: 2.7rem;
  background-size: 34px auto;
  border-radius: 100px 0 0 100px;
  -webkit-transition-property: all;
  transition-property: all;
}
.l-visualLogin .loginBtn__small {
  display: block;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 400;
}
.l-visualLogin:hover {
  padding: 22px 70px 22px 100px;
  background-size: 45px auto;
}

.userHelp01 {
  border-top: 1px solid #eae7df;
}

.userHelp02 {
  background: #f8f6f1;
}
.userHelp02 .menuInfo__link {
  background-color: #ebe8e2;
  border-color: #e3dfd7;
}

@media only screen and (max-width: 768px) {
  .l-visualLogin {
    position: static;
    padding: 18px 18px 18px 65px;
    font-size: 2rem;
    border-radius: 0;
    letter-spacing: normal;
    background-position: 20px 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .l-visualLogin .loginBtn__small {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: normal;
  }
  .l-visualLogin:hover {
    padding: 18px 18px 18px 65px;
    background-size: 34px auto;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media only screen and (max-width: 320px) {
  .l-visualLogin .loginBtn__small {
    display: block;
  }
}
/* -------------------------
  serviceBox
------------------------- */
.serviceBox {
  letter-spacing: -0.5rem;
}
.serviceBox.slick-slider {
  display: block;
  margin: 50px 0 0;
}
.serviceBox.slick-slider .serviceBox__item {
  margin: 0 15px;
}
.serviceBox .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.serviceBox .slick-list .slick-track {
  z-index: 1;
}
.serviceBox .slick-list::before,
.serviceBox .slick-list::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
}
.serviceBox .slick-list::before {
  right: 50%;
  left: 0;
  margin-right: 600px;
}
.serviceBox .slick-list::after {
  right: 0;
  left: 50%;
  margin-left: 600px;
}
.serviceBox__item {
  display: inline-block;
  list-style: none;
  max-width: 585px;
  height: auto;
  margin: 0 0 30px;
  background: #f8f6f1;
  border: 1px solid #ebe7df;
  border-radius: 12px;
  text-align: center;
  vertical-align: top;
  letter-spacing: 0.14rem;
  overflow: hidden;
}
.serviceBox__item:not(:nth-child(2n + 1)) {
  margin-left: 30px;
}
.serviceBox__image {
  position: relative;
  padding: 40px 30px;
  background: #fff;
  border-bottom: 1px solid #ebe7df;
  text-align: center;
}
.serviceBox__title {
  display: inline-block;
  position: relative;
  top: -20px;
  min-width: 190px;
  margin: 0 auto 10px;
  padding: 9px 10px;
  background: #f0393a;
  border-radius: 50px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
}
.serviceBox__text {
  margin: 0px 20px 30px;
  font-size: 1.5rem;
  text-align: left;
  letter-spacing: normal;
}
.serviceBox__popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.serviceBox__popup::before {
  content: '';
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/icon_popup.png) no-repeat 50% 50% / contain;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
}

.servicePop {
  text-align: center;
  background: #f8f6f1;
  border: 1px solid #ebe7df;
  margin: -70px;
  padding: 40px;
  border-radius: 20px;
}
.servicePop__image {
  margin: 0 0 40px;
  background: #fff;
  border-radius: 10px;
}
.servicePop__title {
  display: inline-block;
  position: relative;
  min-width: 190px;
  margin: 0 auto 20px;
  padding: 9px 10px;
  background: #f0393a;
  border-radius: 50px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
}
.servicePop__text {
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: normal;
}

@media only screen and (max-width: 768px) {
  .serviceBox.slick-slider {
    margin: 25px -20px 0;
  }
  .serviceBox.slick-slider .serviceBox__item {
    width: 275px;
    margin: 0 7px;
  }
  .serviceBox .slick-list .slick-track {
    z-index: 1;
  }
  .serviceBox .slick-list::before,
  .serviceBox .slick-list::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 2;
  }
  .serviceBox .slick-list::before {
    right: 50%;
    left: 0;
    margin-right: 600px;
  }
  .serviceBox .slick-list::after {
    right: 0;
    left: 50%;
    margin-left: 600px;
  }
  .serviceBox .slick-prev {
    left: 15px;
  }
  .serviceBox .slick-next {
    right: 15px;
  }
  .serviceBox__item {
    border-radius: 7px;
    max-width: none;
    margin: 0 0 15px;
  }
  .serviceBox__item:not(:nth-child(2n + 1)) {
    margin-left: 0;
  }
  .serviceBox__image {
    padding: 15px 15px 30px;
  }
  .serviceBox__title {
    padding: 6px 10px;
    font-size: 1.4rem;
  }
  .serviceBox__text {
    margin: 0 15px 15px;
    font-size: 1.3rem;
  }
  .serviceBox__popup {
    display: none;
  }
  .servicePop {
    text-align: center;
  }
  .servicePop__title {
    padding: 6px 10px;
    font-size: 1.4rem;
  }
  .servicePop__text {
    font-size: 1.3rem;
  }
}
/* -------------------------
  caseBox
------------------------- */
.caseLead {
  margin: -30px 0 30px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}

.caseBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
.caseBox__item {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0 70px;
}
.caseBox__item:hover {
  cursor: pointer;
  color: #f0393a;
}
.caseBox__item:hover .caseBox__image__inner {
  -webkit-box-shadow: 0 0 0 3px #f0393a;
  box-shadow: 0 0 0 3px #f0393a;
  border-radius: 50%;
}
.caseBox__item:hover .caseBox__image__inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.75) url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/case_pop_hover.png) no-repeat 50% 56%/66px auto;
}
.caseBox__image {
  width: 300px;
  margin: 0 auto;
}
.caseBox__image__inner {
  display: inline-block;
  position: relative;
}
.caseBox__popup {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.caseBox__inner {
  position: relative;
}
.caseBox__cate {
  display: inline-block;
  min-width: 190px;
  margin: -20px auto 20px;
  padding: 9px;
  background: #f0393a;
  border-radius: 50px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
}
.caseBox__title {
  margin: 0 0 20px;
  font-size: 2.6rem;
  font-weight: 500;
  color: #341e22;
}
.caseBox__text {
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.8;
}

.caseBoxSmall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 100px;
  border-right: 1px solid #eae6de;
}
.caseBoxSmall__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0 55px;
  border-left: 1px solid #eae6de;
}
.caseBoxSmall__item:hover {
  cursor: pointer;
  color: #f0393a;
}
.caseBoxSmall__item:hover .caseBoxSmall__image__inner {
  -webkit-box-shadow: 0 0 0 3px #f0393a;
  box-shadow: 0 0 0 3px #f0393a;
  border-radius: 50%;
}
.caseBoxSmall__item:hover .caseBoxSmall__image__inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.75) url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/case_pop_hover.png) no-repeat 50% 56%/66px auto;
}
.caseBoxSmall__image {
  width: 200px;
  min-width: 200px;
}
.caseBoxSmall__image__inner {
  display: inline-block;
  position: relative;
}
.caseBoxSmall__popup {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.caseBoxSmall__inner {
  padding: 0 0 0 40px;
}
.caseBoxSmall__cate {
  display: inline-block;
  min-width: 116px;
  margin: 10px 0 25px;
  padding: 4px;
  background: #f0393a;
  border-radius: 50px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
}
.caseBoxSmall__title {
  margin: 0 0 20px;
  font-size: 2.3rem;
  font-weight: 500;
}
.caseBoxSmall__text {
  font-size: 1.4rem;
  line-height: 1.8;
}

.accordionBtn {
  display: block;
  margin: 0 0 10px;
  padding: 15px;
  background: #f8f6f1;
  border-top: 1px solid #eae7df;
  border-bottom: 1px solid #eae7df;
  color: #f0393a;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}
.accordionBtn::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px;
  border-top: 6px solid #f0393a;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.caseDetail {
  text-align: left;
}
.caseDetail .detailBtn {
  text-align: center;
  margin: 40px 0 0;
}
.caseDetail .detailBtn__anchor {
  min-width: 220px;
  padding: 19px;
  font-size: 1.6rem;
}
.caseDetail__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  margin: 0 0 40px;
}
.caseDetail__head {
  position: relative;
  min-height: 113px;
  padding: 0 0 0 140px;
}
.caseDetail__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 113px;
}
.caseDetail__cate {
  display: inline-block;
  min-width: 116px;
  margin: 0 0 20px;
  padding: 4px;
  background: #f0393a;
  border-radius: 50px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
}
.caseDetail__title {
  margin: 0 0 20px;
  font-size: 2.6rem;
  letter-spacing: 0.01rem;
}
.caseDetail__text {
  width: 550px;
  min-width: 550px;
  padding: 0 0 0 60px;
  font-size: 1.5rem;
  letter-spacing: 0.01rem;
  border-left: 1px solid #eae6de;
  line-height: 1.6;
}
.caseDetail__cap {
  padding: 15px;
  margin: 0 0 0 auto;
  background: #f8f6f1;
  border-radius: 8px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .caseLead {
    margin: 0 0 20px;
    font-size: 1.1rem;
  }
  .caseBox {
    display: block;
    text-align: left;
    margin: 0;
  }
  .caseBox__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 20px;
    border-top: 1px solid #eae6de;
  }
  .caseBox__item:hover {
    color: inherit;
  }
  .caseBox__item:hover .caseBox__image__inner {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .caseBox__item:hover .caseBox__image__inner::before {
    content: none;
  }
  .caseBox__image {
    position: relative;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 90px;
    margin: 0;
  }
  .caseBox__image__inner::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 26px;
    background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/case_pop_sp.png) no-repeat 50% 50% / contain;
  }
  .caseBox__popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .caseBox__cate {
    min-width: 130px;
    margin: 0 0 12px;
    padding: 5px;
    font-size: 1rem;
    line-height: 1;
  }
  .caseBox__title {
    margin: 0 0 10px;
    font-size: 1.8rem;
    letter-spacing: 0.07rem;
  }
  .caseBox__text {
    font-size: 1rem;
    text-align: left;
    line-height: 1.4;
    letter-spacing: 0.03rem;
  }
  .caseBoxSmall {
    display: block;
    margin: 0;
    border-right: none;
  }
  .caseBoxSmall__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    border-left: none;
  }
  .caseBoxSmall__item:hover {
    color: inherit;
  }
  .caseBoxSmall__item:hover .caseBoxSmall__image__inner {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .caseBoxSmall__item:hover .caseBoxSmall__image__inner::before {
    content: none;
  }
  .caseBoxSmall__item:not(:first-child) {
    border-top: 1px solid #eae6de;
  }
  .caseBoxSmall__image {
    position: relative;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 90px;
    min-width: 90px;
  }
  .caseBoxSmall__image__inner::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 26px;
    background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/case_pop_sp.png) no-repeat 50% 50% / contain;
  }
  .caseBoxSmall__inner {
    padding: 0;
  }
  .caseBoxSmall__cate {
    min-width: 130px;
    margin: 0 0 12px;
    padding: 5px;
    font-size: 1rem;
    line-height: 1;
  }
  .caseBoxSmall__title {
    margin: 0 0 10px;
    font-size: 1.8rem;
    letter-spacing: 0.07rem;
  }
  .caseBoxSmall__text {
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0.03rem;
  }
  .caseDetail {
    display: block;
  }
  .caseDetail .detailBtn {
    margin-top: 20px;
  }
  .caseDetail .detailBtn__anchor {
    padding: 15px;
  }
  .caseDetail__info {
    display: block;
    margin: 0;
  }
  .caseDetail__head {
    padding: 0 0 0 80px;
    min-height: 60px;
  }
  .caseDetail__image {
    width: 60px;
  }
  .caseDetail__cate {
    margin: 0 0 10px;
    font-size: 1.2rem;
  }
  .caseDetail__title {
    margin: 0 0 10px;
    font-size: 1.8rem;
  }
  .caseDetail__text {
    width: auto;
    min-width: 0;
    padding: 0;
    font-size: 1.3rem;
    border: none;
  }
  .caseDetail__cap {
    display: none;
  }
}
/* -------------------------
  costBox
------------------------- */
.costBox {
  width: 320px;
  min-width: 320px;
  margin: 0 0 0 30px;
}
.costBox__title {
  padding: 21px;
  background: #02bb8d;
  border-radius: 12px 12px 0 0;
  color: #fff;
  font-size: 3rem;
  font-weight: 400;
  text-align: center;
}
.costBox__title__small {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
}
.costBox__inner {
  background: #fff;
  border: 1px solid #ebe7df;
  border-top: none;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}
.costBox__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 167px;
}
.costBox__note {
  position: relative;
  padding: 20px 20px 20px 60px;
  background: #fbf9f5 url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/icon_question.png) no-repeat 20px 50%/28px;
  font-size: 1.3rem;
  letter-spacing: normal;
}
.costBox__note::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  border-bottom: 10px solid #fbf9f5;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.costBox:where(.costBox--horizon) {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: 'title plice' 'note note';
  border: 1px solid #ebe7df;
  border-radius: var(--r);
}
.costBox:where(.costBox--horizon) .costBox__title {
  grid-area: title;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 240px;
  border-radius: var(--r) 0 0 0;
}
.costBox:where(.costBox--horizon) .costBox__inner {
  display: contents;
}
.costBox:where(.costBox--horizon) .costBox__text {
  grid-area: plice;
  height: auto;
  padding-block: 40px;
  border-radius: 0 var(--r) 0 0;
}
.costBox:where(.costBox--horizon) .costBox__note {
  grid-area: note;
  border-radius: 0 0 var(--r) var(--r);
}
.costBox:where(.costBox--horizon) .costBox__note::before {
  left: auto;
  right: 159px;
}

@media only screen and (max-width: 768px) {
  .costBox {
    width: 50%;
    min-width: auto;
    margin: 0;
  }
  .costBox:not(:first-child) {
    margin-left: 10px;
  }
  .costBox__title {
    padding: 16px;
    font-size: 2.1rem;
  }
  .costBox__title__small {
    font-size: 0.9rem;
  }
  .costBox__text {
    padding: 10px 10px 20px;
    height: auto;
  }
  .costBox__text img {
    width: auto;
    max-height: 110px;
    vertical-align: top;
  }
  .costBox__note {
    display: none;
  }
  .costBox:where(.costBox--horizon) {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: 'title plice';
  }
  .costBox:where(.costBox--horizon) .costBox__title {
    width: 100%;
    border-radius: var(--r) 0 0 var(--r);
  }
  .costBox:where(.costBox--horizon) .costBox__text {
    padding-block: 20px;
  }
}
/* -------------------------
  イットbuilderとは
------------------------- */
.l-aboutSection {
  margin: 80px 0 0;
}

.aboutNav {
  padding: 60px 0 0;
  background: #36be8d;
}
.aboutNav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.aboutNav__list__item {
  list-style: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.aboutNav__list__item:not(:first-child) {
  margin-left: 8px;
}
.aboutNav__list__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 22px 15px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 12px 12px 0 0;
  color: #fff;
  font-size: 1.55rem;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
}
.aboutNav__list__anchor:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.aboutNav__list__anchor.is-active {
  position: relative;
  background: #fff;
  color: #36be8d;
  font-weight: 600;
}
.aboutNav__list__anchor.is-active::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 4px solid #36be8d;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.wae > .wae-section-html:first-child > .aboutNav:first-child {
  margin: -100px 0 100px;
}

.aboutProblem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.aboutProblem__sumally {
  margin: 0 100px 0 0;
}
.aboutProblem__lead {
  margin: 0 0 40px;
  font-size: 2.3rem;
  font-weight: 500;
  line-height: 1.6;
}
.aboutProblem__text {
  margin: 0 0 10px;
  color: #513036;
  font-size: 1.65rem;
  font-weight: 400;
  line-height: 1.8;
}
.aboutProblem__example {
  position: relative;
  width: 450px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding: 35px 50px 45px 50px;
  background: #f8f6f1 url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/about_problem_bg.png) no-repeat top -18px right -18px/142px;
  border: 1px solid #eae7df;
  border-radius: 12px;
}
.aboutProblem__example__title {
  margin: 0 0 30px;
  font-size: 1.45rem;
  font-weight: 600;
}
.aboutProblem__example__note {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: rgba(52, 30, 34, 0.3);
  font-size: 1.25rem;
  font-weight: 500;
  text-align: right;
}
.aboutProblem__list__item {
  position: relative;
  list-style: none;
  padding: 0 0 0 30px;
  font-size: 1.8rem;
  font-weight: 500;
}
.aboutProblem__list__item::before,
.aboutProblem__list__item::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 4px;
  margin: -2px 0 0;
  background: #513036;
  border-radius: 50px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.aboutProblem__list__item::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.aboutProblem__list__item:not(:last-child) {
  margin: 0 0 20px;
}

.improvementBox {
  padding: 70px 80px 80px;
  background: #f8f6f1;
  border: 1px solid #eae7df;
  border-radius: 12px;
  color: #341e22;
}
.improvementBox__title {
  margin: 0 0 30px;
  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
}
.improvementBox__title::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px 0 0;
  width: 44px;
  height: 44px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_improvement.svg) no-repeat 0 50% / contain;
}
.improvementBox__note {
  margin: 0 0 70px;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.7;
}
.improvementBox__note span {
  color: #f0393a;
}
.improvementBox__inner {
  letter-spacing: -0.5rem;
}
.improvementBox__item {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid #eae7df;
  border-radius: 12px;
  width: 320px;
  margin: 0 39px 40px 0;
  letter-spacing: 0.14rem;
}
.improvementBox__item:nth-child(3n) {
  margin-right: 0;
}
.improvementBox__item__cate {
  padding: 21px;
  background: #eae7df;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  border-radius: 10px 10px 0 0;
}
.improvementBox__item__inner {
  padding: 30px 30px;
}
.improvementBox__list__item,
.improvementBox__list__item--link {
  position: relative;
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0 0 0 18px;
  color: #513036;
  font-size: 1.4rem;
  letter-spacing: normal;
}
.improvementBox__list__item::before,
.improvementBox__list__item--link::before {
  position: absolute;
  top: 7px;
  left: 0;
  content: ' ';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: currentColor;
  border-radius: 100%;
}
.improvementBox__list__item--link {
  color: #f0393a;
}
.improvementBox__list__anchor {
  color: currentColor;
}
.improvementBox__list__anchor:hover {
  text-decoration: underline;
}

.aboutSmallNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.aboutSmallNav__item {
  list-style: none;
}
.aboutSmallNav__item:not(:first-child) {
  margin-left: 50px;
}
.aboutSmallNav__anchor,
.aboutSmallNav__anchor--support {
  display: inline-block;
  padding: 0 0 0 30px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_circle.svg) no-repeat 0 0/20px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: normal;
}
.aboutSmallNav__anchor--support {
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_circle_support.svg);
}
.aboutSmallNav + .aboutSmallNav {
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
  .l-aboutSection {
    margin: 40px 0 0;
  }
  .aboutNav {
    padding: 10px 10px 5px;
  }
  .aboutNav__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .aboutNav__list__item {
    width: calc(50% - 2.5px);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0 0 5px;
  }
  .aboutNav__list__item:not(:first-child) {
    margin-left: 0px;
  }
  .aboutNav__list__item:nth-child(2n) {
    margin-left: 5px;
  }
  .aboutNav__list__anchor {
    padding: 13px;
    border-radius: 7px;
    font-size: 1.2rem;
    font-weight: 400;
  }
  .aboutNav__list__anchor.is-active::before {
    bottom: 9px;
    margin-left: -4px;
    border-top-width: 3px;
    border-left-width: 4px;
    border-right-width: 4px;
  }
  .wae > .wae-section-html:first-child > .aboutNav:first-child {
    margin: -28px 0 28px;
  }
  .aboutProblem {
    display: block;
  }
  .aboutProblem__sumally {
    margin: 0 0 30px;
  }
  .aboutProblem__lead {
    margin: 0 0 15px;
    font-size: 1.4rem;
  }
  .aboutProblem__text {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.7;
  }
  .aboutProblem__example {
    width: auto;
    padding: 30px;
    background-size: 93px;
    background-position: top -5px right -5px;
    border-radius: 7px;
  }
  .aboutProblem__example__title {
    margin: 0 0 25px;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
  }
  .aboutProblem__example__note {
    right: 15px;
    bottom: 15px;
    font-size: 1.1rem;
  }
  .aboutProblem__list__item {
    font-size: 1.4rem;
  }
  .aboutProblem__list__item::before,
  .aboutProblem__list__item::after {
    width: 20px;
    height: 3px;
    margin-top: -1.5px;
  }
  .aboutProblem__list__item:not(:last-child) {
    margin: 0 0 10px;
  }
  .improvementBox {
    padding: 35px 15px;
    border-left: none;
    border-right: none;
    border-radius: 0px;
  }
  .improvementBox__title {
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 60px;
    font-size: 1.9rem;
    text-align: left;
  }
  .improvementBox__title::before {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -21px 0 0;
    width: 42px;
    height: 42px;
  }
  .improvementBox__note {
    margin: 0 0 35px;
    font-size: 1rem;
    text-align: left;
    line-height: 1.4;
  }
  .improvementBox__inner {
    margin: 0 -5px;
  }
  .improvementBox__item {
    width: calc(50% - 10px);
    border-radius: 7px;
    margin: 0 5px 10px;
  }
  .improvementBox__item:nth-child(3n) {
    margin: 0 5px 10px;
  }
  .improvementBox__item__cate {
    padding: 17px 10px;
    font-size: 1.5rem;
    border-radius: 5px 5px 0 0;
  }
  .improvementBox__item__inner {
    padding: 15px 10px;
  }
  .improvementBox__list__item,
  .improvementBox__list__item--link {
    font-size: 1.2rem;
    margin: 0 0 5px;
    padding: 0 0 0 10px;
  }
  .improvementBox__list__item::before,
  .improvementBox__list__item--link::before {
    top: 5px;
    width: 5px;
    height: 5px;
  }
  .aboutSmallNav {
    display: block;
    border: 1px solid #eae6de;
    border-radius: 7px;
  }
  .aboutSmallNav__item:not(:first-child) {
    margin-left: 0;
    border-top: 1px solid #eae6de;
  }
  .aboutSmallNav__anchor,
  .aboutSmallNav__anchor--support {
    display: block;
    padding: 20px 50px 20px 15px;
    background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_keycolor.svg) no-repeat top 50% right 20px/17px auto;
    color: #ed2023;
    font-size: 1.5rem;
  }
  .aboutSmallNav__anchor--support {
    background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_support.svg);
    color: inherit;
  }
  .aboutSmallNav + .aboutSmallNav {
    margin-top: 20px;
  }
  .wae-section-html .aboutSmallNav {
    margin-left: 15px;
    margin-right: 15px;
  }
}
/* -------------------------
  料金案内
------------------------- */
.priceText {
  font-size: 0.8em;
  font-weight: 600;
}
.priceText__num {
  margin-left: 0.07em;
  font-family: 'Barlow', sans-serif;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.2;
  vertical-align: -0.1em;
}

.menuText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.priceSection01 {
  border-top: 1px solid #eae7df;
}

.priceSection02 .contactBlock__menu {
  background-color: #ebe8e2;
  border-color: #e3dfd7;
}

.priceSection03 {
  background: #f8f6f1;
}

.planBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 25px;
  padding: 40px 0 0;
}
.planBox__item,
.planBox__balloonWrap,
.planBox__item--trial,
.planBox__item--recommend {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.planBox__item:not(:first-child),
.planBox__balloonWrap:not(:first-child),
.planBox__item--trial:not(:first-child),
.planBox__item--recommend:not(:first-child) {
  margin-left: 16px;
}
.planBox__item--trial .planBox__title {
  background-color: #008aff;
  font-size: 2.6rem;
}
.planBox__item--trial .planBox__balloon {
  position: static;
  margin: 20px 0 0;
  color: #008aff;
  font-size: 1.4rem;
}
.planBox__item--trial .planBox__price {
  color: #008aff;
}
.planBox__item--trial .planBox__price__num {
  font-size: 10rem;
}
.planBox__item--trial .planBox__btn {
  background-color: #008aff;
}
.planBox__item--trial .planBox__btn:hover {
  background-color: #0aa7ff;
}
.planBox__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
  background: #f0393a;
  border-radius: 12px 12px 0 0;
  letter-spacing: 0.16rem;
}
.planBox__title__name {
  display: inline-block;
  margin: -5px 5px 0 0;
  font-family: 'Barlow', sans-serif;
  font-size: 5.5rem;
  font-weight: 500;
  line-height: 1;
}
.planBox__title__day {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border-radius: 50px;
  color: #008aff;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: normal;
  padding: 5px 13px;
}
.planBox__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 220px;
  border-left: 1px solid #eee0e2;
  border-right: 1px solid #eee0e2;
  text-align: center;
}
.planBox__top:where(.planBox__top--noBtn) {
  height: auto;
}
.planBox__top:where(.planBox__top--noBtn) .planBox__price {
  height: 85px;
  padding-block: 20px 0;
}
.planBox__additional {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 430px;
  border-left: 1px solid #eee0e2;
  border-right: 1px solid #eee0e2;
  text-align: center;
}
.planBox__additional__text {
  font-size: 1.6rem;
  margin: 0 25px;
}
.planBox__additional:where(.planBox__additional--noBtn) {
  height: 340px;
}
.planBox__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 15px;
  height: 70px;
  border-top: 1px solid #eee0e2;
  border-left: 1px solid #eee0e2;
  border-right: 1px solid #eee0e2;
  letter-spacing: normal;
}
.planBox__list:nth-of-type(even) {
  background: #fbfaf7;
}
.planBox__additional ~ .planBox__list:nth-of-type(odd) {
  background: #fbfaf7;
}
.planBox__additional ~ .planBox__list:nth-of-type(even) {
  background: #fff;
}
.planBox__list:last-child {
  border-bottom: 1px solid #eee0e2;
  border-radius: 0 0 12px 12px;
}
.planBox__list__title {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
}
.planBox__list__note {
  display: block;
  font-size: 1rem;
  font-weight: 400;
}
.planBox__list__unit {
  font-family: 'Barlow', sans-serif;
  font-size: 1.45rem;
  font-weight: 600;
}
.planBox__list__num {
  font-family: 'Barlow', sans-serif;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 0.8;
  vertical-align: -0.1em;
  margin: 0 5px;
}
.planBox__list__num:last-child {
  margin-right: 0;
}
.planBox__list__text {
  font-size: 1.8rem;
  font-weight: 500;
}
.planBox__list__smallText {
  font-size: 1.55rem;
  font-weight: 500;
}
.planBox__list__maximum {
  font-size: 1.35rem;
  font-weight: 600;
}
.planBox__list__1col {
  width: 100%;
  text-align: center;
}
.planBox__userNum {
  display: block;
  padding: 10px;
  background: #fcf3f4;
  border-bottom: 1px solid #eee0e2;
  color: #6e2628;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: normal;
}
.planBox__userNum__text {
  font-size: 1.6rem;
}
.planBox__price {
  display: block;
  color: #f0393a;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: normal;
  text-align: center;
}
.planBox__price__num {
  display: inline-block;
  font-family: 'Barlow', sans-serif;
  font-size: 5rem;
  font-weight: 600;
  line-height: 0.8;
}
.planBox__btn {
  display: block;
  margin: 0 20px 20px;
  padding: 15px;
  background: #f0393a;
  border-radius: 12px;
  color: #fff;
  font-size: 1.55rem;
  font-weight: 500;
  text-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property:
    box-shadow,
    -webkit-box-shadow;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.planBox__btn:hover {
  color: #fff;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  background: #e80027;
}
.planBox__btn::after {
  content: '';
  display: inline-block;
  vertical-align: 0.1em;
  margin: 0 0 0 8px;
  width: 12px;
  height: 8px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow.svg) no-repeat 100% 50% / auto 8px;
}
.planBox__balloonWrap {
  position: relative;
}
.planBox__balloonWrap .planBox__item,
.planBox__balloonWrap .planBox__item--trial,
.planBox__balloonWrap .planBox__item--recommend,
.planBox__balloonWrap .planBox__balloonWrap {
  margin-left: 0;
}
.planBox__balloonWrap .planBox__title {
  height: 115px;
}
.planBox__balloon {
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  display: block;
  color: #f0393a;
  font-size: 1.9rem;
  font-weight: 600;
  text-align: center;
}
.planBox__balloon::before,
.planBox__balloon::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: currentColor;
  width: 1em;
  height: 2px;
  border-radius: 50px;
}
.planBox__balloon::before {
  margin-right: 0.5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.planBox__balloon::after {
  margin-left: 0.5em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.planBox__balloon + .planBox__title {
  height: 115px;
}
.planBox.theme-lg .planBox__list {
  height: 90px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.planNote {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: right;
}

.planPickup {
  margin: 70px 0;
  padding: 80px 30px 80px;
  background: #fff;
  border: 1px solid #ebe7df;
  border-radius: 12px;
  text-align: center;
}
.planPickup__graf__text {
  margin: -40px 0 40px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}

.optionBox {
  margin: 0 0 80px;
  background: #fff;
  border-radius: var(--r);
}
.optionBox__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 25px;
  border: 1px solid #ebe7df;
  border-radius: var(--r);
  overflow: hidden;
}
.optionBox__text {
  padding: 0 0 0 145px;
}
.optionBox__name {
  position: absolute;
  left: 0;
  width: 145px;
  color: #e72e3f;
  font-size: 1.85rem;
  font-weight: 600;
  text-align: center;
  text-indent: 0.4em;
  letter-spacing: normal;
}
.optionBox__name__icon {
  display: block;
  width: 56px;
  margin: 0 auto 5px;
}
.optionBox__lead {
  color: #341e22;
  font-size: 1.9rem;
  font-weight: 600;
  letter-spacing: normal;
}
.optionBox__note {
  margin: 10px 0 0;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: normal;
}
.optionBox__detail {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 667px;
  padding: 25px;
}
.optionBox__block {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  border: 1px solid #ebe7df;
  border-radius: 12px;
  overflow: hidden;
}
.optionBox__block:not(:first-child) {
  margin-left: 15px;
}
.optionBox__block__title {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding: 15px 10px;
  background: #ebe7df;
  font-size: 1.55rem;
  font-weight: 600;
  text-align: center;
}
.optionBox__block__inner {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  padding: 15px 20px;
}
.optionBox__block__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
.optionBox__block__text p {
  text-align: center;
}
.optionBox__block__text p a {
  color: #e72e3f;
  text-decoration: underline;
}
.optionBox__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.optionBox__tag__item {
  list-style: none;
  width: 173px;
  padding: 7px;
  background: #f8f6f1;
  border-radius: 50px;
  font-size: 1.2rem;
  text-align: center;
}
.optionBox__tag__item:not(:first-child) {
  margin-left: 10px;
}
.optionBox__price {
  display: block;
  margin: 15px 0 0;
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
.optionBox__price__num {
  font-family: 'Barlow', sans-serif;
  font-size: 3.4rem;
  font-weight: 600;
}
.optionBox__price__large {
  font-size: 2.4rem;
  font-weight: 600;
}

.planCost {
  --gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--gap);
}
.planCost > * {
  width: calc((100% - var(--gap)) / 2);
}
.planCost__desc {
  padding-top: 1.5rem;
}
.planCost__desc > * {
  margin-top: 3rem;
}
.planCost__desc > *:first-child {
  margin-top: 0;
}
.planCost__text {
  margin: 0 0 1em;
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 0.13rem;
}
.planCost__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1em;
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 0.13rem;
}
.planCost__list li {
  margin: 0 0 0 1em;
}

@media only screen and (max-width: 768px) {
  .priceSection01 .sectionLead {
    text-align: left;
  }
  .priceSection02 .contactBlock__menu {
    background-color: #fff;
    border-color: #eae6de;
  }
  .planBox {
    overflow-x: auto;
    margin-right: -15px;
  }
  .planBox__item,
  .planBox__item--trial,
  .planBox__item--recommend,
  .planBox__balloonWrap {
    width: 288px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  .planNote {
    font-size: 1rem;
    text-align: left;
  }
  .planPickup {
    margin: 35px 0;
    padding: 45px 10px;
    border-radius: 7px;
  }
  .planPickup__graf__text {
    margin: 0px 0 20px;
    font-size: 1.3rem;
    font-weight: 300;
  }
  .optionBox {
    margin: 0 0 40px;
  }
  .optionBox__item {
    display: block;
    margin: 0 0 30px;
    border-radius: 7px;
  }
  .optionBox__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    min-height: 125px;
    padding: 25px 20px 25px 110px;
  }
  .optionBox__name {
    width: 110px;
    font-size: 1.25rem;
  }
  .optionBox__lead {
    margin: 0 5px;
    vertical-align: middle;
    font-size: 1.5rem;
  }
  .optionBox__note {
    font-size: 1rem;
    text-indent: -1.3em;
    margin-left: 1.3em;
  }
  .optionBox__detail {
    display: block;
    width: auto;
    padding: 15px;
    border-top: 1px solid #ebe7df;
    border-left: none;
  }
  .optionBox__block {
    border-radius: 6px;
  }
  .optionBox__block:not(:first-child) {
    margin: 15px 0 0 0;
  }
  .optionBox__block__title {
    padding: 12px 10px;
    font-size: 1.4rem;
  }
  .optionBox__block__inner {
    padding: 10px 20px 15px;
  }
  .optionBox__tag__item {
    max-width: 202px;
  }
  .optionBox__tag__item:not(:first-child) {
    margin-left: 10px;
  }
  .optionBox__price {
    margin: 10px 0 0;
    font-size: 2rem;
  }
  .optionBox__price__num {
    font-size: 4.8rem;
  }
  .optionBox__price__large {
    font-size: 3.1rem;
  }
  .planCost {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .planCost > * {
    width: 100%;
  }
  .planCost__desc {
    padding-top: 0;
  }
  .planCost__text {
    font-size: 1.3rem;
    letter-spacing: normal;
  }
  .planCost__list {
    font-size: 1.3rem;
    letter-spacing: normal;
  }
  .planCost__btn {
    border: 1px solid #ebe7df;
    border-radius: var(--r);
    overflow: hidden;
  }
}
/* -------------------------
  slider
------------------------- */
.js-planSlider {
  display: block;
}
.js-planSlider__item {
  padding: 55px 8px 0;
}
.js-planSlider__item--recommend {
  padding-top: 40px;
}
.js-planSlider .slick-slide {
  margin: 0;
}
.js-planSlider .slick-prev {
  margin-right: 70px;
  bottom: -8px;
}
.js-planSlider .slick-next {
  margin-left: 70px;
  bottom: -8px;
}

@media only screen and (max-width: 768px) {
  .js-planSlider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: -15px;
    overflow-x: auto;
  }
}
/* -------------------------
  news
------------------------- */
.newsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ebe7df;
  border-radius: 12px;
}
.newsBox__head {
  width: 240px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding: 50px;
  text-align: center;
}
.newsBox__title img {
  width: 130px;
}
.newsBox__title__small {
  display: block;
  margin: 10px 0 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #341e22;
  letter-spacing: 0.1rem;
}
.newsBox .newsList {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: none;
  border-left: 1px solid #ebe7df;
  border-radius: 0px;
}

.newsList {
  list-style: none;
  border: 1px solid #ebe7df;
  border-radius: 12px;
  overflow: hidden;
}
.newsList__item:not(:first-child) {
  border-top: 1px solid #ebe7df;
}
.newsList__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 27px 45px 27px 25px;
}
.newsList a.newsList__anchor:hover {
  background: #f8f6f1;
}
.newsList__date {
  font-size: 1.3rem;
}
.newsList__tag {
  display: inline-block;
  margin: 0 15px;
  padding: 7px;
  background: #f66361;
  border-radius: 50px;
  min-width: 105px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
}
@media all and (-ms-high-contrast: none) {
  .newsList__tag {
    padding: 11px 7px 7px 7px;
  }
}
.newsList__text {
  font-size: 1.55rem;
  font-weight: 300;
  color: #341e22;
}
.newsList__icon {
  fill: #ed2023;
  position: absolute;
  right: 25px;
  top: 0;
  width: 17px;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .newsBox {
    display: block;
    border: none;
    padding: 0 10px;
  }
  .newsBox__head {
    position: relative;
    width: auto;
    padding: 0 0 20px;
    border-bottom: 1px solid #ebe7df;
  }
  .newsBox__title {
    margin: 0;
  }
  .newsBox__title img {
    width: 112px;
  }
  .newsBox__title__small {
    margin: 7px 0 0;
    font-size: 1rem;
  }
  .newsBox .newsList {
    border-left: none;
    border-bottom: 1px solid #ebe7df;
  }
  .newsList {
    border-left: none;
    border-right: none;
    border-radius: 0px;
  }
  .newsList__item:not(:first-child) {
    border-top: 1px solid #ebe7df;
  }
  .newsList__anchor {
    display: block;
    padding: 20px 40px 20px 0;
  }
  .newsList__date {
    display: inline-block;
    vertical-align: middle;
  }
  .newsList__tag {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    padding: 5px;
    min-width: 80px;
    color: #fff;
    font-size: 1rem;
    letter-spacing: normal;
  }
  .newsList__text {
    display: block;
    margin: 5px 0 0;
    font-size: 1.3rem;
    letter-spacing: 0.01rem;
  }
  .newsList__icon {
    right: 0;
  }
}
/* -------------------------
  お知らせ
------------------------- */
.newsPage__title {
  margin: 0 0 50px;
  font-size: 4rem;
  font-weight: 500;
  text-align: center;
}

.newsMenu {
  margin: 100px 0 0;
  text-align: center;
}
.newsMenu__item {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  margin: 0 25px;
}
.newsMenu__anchor {
  display: block;
  padding: 0 0 0 35px;
  font-size: 1.6rem;
  font-weight: 500;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_circle_support.svg) no-repeat 0 0/20px;
}
.newsMenu__anchor[aria-current="page"] {
  color: #f0393a;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .newsPage__title {
    display: none;
  }
  .newsMenu {
    margin: 50px 0 0;
    border: 1px solid #eae6de;
    border-radius: 7px;
    text-align: left;
  }
  .newsMenu__item {
    display: block;
    margin: 0;
  }
  .newsMenu__item:not(:first-child) {
    border-top: 1px solid #eae6de;
  }
  .newsMenu__anchor {
    font-size: 1.5rem;
    padding: 20px 50px 20px 18px;
    background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_support.svg) no-repeat top 50% right 20px/17px auto;
  }
}
/* -------------------------
  お知らせ詳細
------------------------- */
.newsDetailBox {
  border: 1px solid #eae7df;
  border-radius: 12px;
  overflow: hidden;
  color: #341e22;
}
.newsDetailBox__head {
  padding: 60px 80px 60px;
  background: #f8f6f1;
}
.newsDetailBox__body {
  padding: 80px;
  background: #fff;
}
.newsDetailBox__date {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem;
  margin: 0 0 10px;
}
.newsDetailBox__tag {
  display: inline-block;
  vertical-align: middle;
}
.newsDetailBox__tag__item {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 10px 10px;
  padding: 5px 16px;
  background: #f66361;
  border-radius: 50px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: normal;
}
@media all and (-ms-high-contrast: none) {
  .newsDetailBox__tag__item {
    padding: 8px 16px 5px;
  }
}
.newsDetailBox__title {
  font-size: 2.8rem;
  font-weight: 500;
}
.newsDetailBox__lead {
  margin: 0 0 30px;
  font-size: 2.3rem;
  font-weight: 500;
}
.newsDetailBox__text {
  margin: 0 0 35px;
  color: #523137;
  font-size: 1.6rem;
  letter-spacing: 0.13rem;
  line-height: 2;
}
.newsDetailBox__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.newsDetailBox__image__item {
  margin: 0 0 40px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: calc(50% - 20px);
  text-align: center;
}
.newsDetailBox__image__item:not(:nth-child(2n + 1)) {
  margin-left: 40px;
}

@media only screen and (max-width: 768px) {
  .newsDetail > .l-row {
    padding: 0;
  }
  .newsDetail > .l-row .newsMenu {
    margin: 15px 15px 50px;
  }
  .newsDetailBox {
    border: none;
    border-radius: 0px;
  }
  .newsDetailBox__head {
    padding: 30px 25px 30px;
  }
  .newsDetailBox__body {
    padding: 60px 25px 20px;
  }
  .newsDetailBox__tag__item {
    margin: 0 3px 7px 0;
    padding: 3px 12px;
    font-size: 1rem;
  }
  .newsDetailBox__title {
    font-size: 1.9rem;
  }
  .newsDetailBox__lead {
    margin: 0 0 10px;
    font-size: 1.4rem;
  }
  .newsDetailBox__text {
    margin: 0 0 20px;
    font-size: 1.3rem;
    line-height: 1.7;
  }
  .newsDetailBox__image {
    display: block;
  }
  .newsDetailBox__image__item {
    margin: 0 auto 20px;
    width: auto;
  }
  .newsDetailBox__image__item:not(:first-child) {
    margin-left: 0px;
  }
}
/* -------------------------
  導入実績
------------------------- */
.installationBlock {
  border-top: 1px solid #eae7df;
}

.installationContact {
  background: #f8f6f1;
}
.installationContact .contactBlock__menu {
  background-color: #ebe8e2;
  border-color: #e3dfd7;
}

.installationList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
}
.installationList__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 580px;
  flex: 0 0 580px;
  width: 580px;
  margin: 40px 0 0;
}
.installationList__item:nth-child(1),
.installationList__item:nth-child(2) {
  margin-top: 0;
}
.installationList__item:nth-child(even) {
  margin-left: 40px;
}
.installationList__image {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 290px;
  height: 100%;
  min-height: 220px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  border: 1px solid #ebe7df;
  border-radius: 12px;
  overflow: hidden;
}
.installationList__inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0 0 30px;
}
.installationList__title {
  margin: 20px 0 0;
  color: #341e22;
  font-size: 1.8rem;
  font-weight: 500;
}
.installationList__text {
  margin: 20px 0 0;
  font-size: 1.4rem;
  letter-spacing: 0.01rem;
  line-height: 1.7;
}
.installationList__btn {
  display: inline-block;
  min-width: 150px;
  margin: 25px 0 0;
  padding: 10px 15px;
  background: #f0393a;
  border-radius: 10px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property:
    background,
    -webkit-box-shadow;
  transition-property:
    background,
    -webkit-box-shadow;
  transition-property: box-shadow, background;
  transition-property:
    box-shadow,
    background,
    -webkit-box-shadow;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}
.installationList__btn:hover {
  color: #fff;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  background: #e80027;
}
.installationList__btn::after {
  content: '';
  display: inline-block;
  vertical-align: 0.1em;
  margin: 0 0 0 8px;
  width: 12px;
  height: 8px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow.svg) no-repeat 100% 50% / auto 8px;
}

.installationSmallList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  padding: 0 80px;
  border-left: 1px solid #ebe7df;
  border-right: 1px solid #ebe7df;
}
.installationSmallList__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.installationSmallList__item:not(:first-child) {
  margin-left: 80px;
}
.installationSmallList__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto 25px;
  border: 1px solid #ebe7df;
  border-radius: 12px;
  overflow: hidden;
}
.installationSmallList__title {
  margin: 0 0 20px;
  color: #341e22;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
}
.installationSmallList__text {
  font-size: 1.4rem;
  letter-spacing: 0.01rem;
  line-height: 1.7;
}

.installationWrap {
  margin: 75px 0 0;
}

@media only screen and (max-width: 768px) {
  .installationContact .contactBlock__menu {
    background-color: #fff;
    border-color: #eae6de;
  }
  .installationList {
    display: block;
  }
  .installationList__item {
    display: block;
    width: auto;
  }
  .installationList__item:not(:first-child) {
    margin-top: 40px;
  }
  .installationList__item:nth-child(even) {
    margin-left: 0;
  }
  .installationList__image {
    width: 220px;
    margin: 0 auto 10px;
    min-height: 110px;
    border-radius: 7px;
  }
  .installationList__inner {
    margin: 0;
    text-align: center;
  }
  .installationList__title {
    margin: 10px 0 0;
  }
  .installationList__text {
    margin: 10px 0 0;
    font-size: 1rem;
    letter-spacing: normal;
    line-height: 1.4;
  }
  .installationList__btn {
    margin: 15px 0 0;
  }
  .installationSmallList {
    display: block;
    padding: 45px 0 0;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ebe7df;
  }
  .installationSmallList__item:not(:first-child) {
    margin: 20px 0 0;
  }
  .installationSmallList__image {
    width: 220px;
    margin: 0 auto 12px;
    text-align: center;
  }
  .installationSmallList__title {
    margin: 0 0 10px;
  }
  .installationSmallList__text {
    text-align: left;
  }
  .installationWrap {
    margin: 45px 15px 0;
  }
}
/* -------------------------
  導入実績 -- 詳細
------------------------- */
.installationDetail {
  margin: 0 0 100px;
  padding: 0 0 100px;
  border-bottom: 1px solid #eae6de;
}
.installationDetail__head {
  margin: 0 0 50px;
}
.installationDetail__head__title {
  position: relative;
  margin: 0 0 35px;
  padding: 0 0 30px;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-align: center;
}
.installationDetail__head__title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 40px;
  height: 4px;
  margin: 0 auto;
  background: #f0393a;
  border-radius: 50px;
}
.installationDetail__head__text {
  color: #523137;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.3;
  letter-spacing: 0.18rem;
}
.installationDetail__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.installationDetail__lead__left {
  width: 890px;
}
.installationDetail__lead__right {
  width: 280px;
}
.installationDetail__lead__right figcaption {
  margin: 15px 0 0;
  font-size: 1.5rem;
  line-height: 1.8;
}

.installationDetailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.installationDetailBox__textArea {
  margin: 0 30px 0 0;
  border: 1px solid #eae7df;
  border-radius: 12px;
}
.installationDetailBox__imageArea {
  width: 280px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.installationDetailBox__imageArea img {
  border-radius: 12px;
}
.installationDetailBox__head {
  margin: 0 0 50px;
}
.installationDetailBox__companyInfo {
  padding: 30px;
  color: #341e22;
}
.installationDetailBox__logo {
  text-align: center;
  margin: 10px 0 30px;
}
.installationDetailBox__text p {
  color: #513036;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.18rem;
}

@media only screen and (max-width: 768px) {
  .installationDetail {
    margin: 0 0 50px;
    padding: 32px 15px 50px;
  }
  .installationDetail__head {
    margin: 0 0 30px;
  }
  .installationDetail__head__title {
    margin: 0 0 25px;
    padding: 0 0 25px;
    font-size: 2.25rem;
    letter-spacing: 0.06em;
  }
  .installationDetail__head__title::before {
    width: 23px;
    height: 3px;
  }
  .installationDetail__head__text {
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: normal;
  }
  .installationDetail__lead {
    display: block;
  }
  .installationDetail__lead__left {
    width: auto;
    margin: 0 0 35px;
  }
  .installationDetail__lead__right {
    width: auto;
  }
  .installationDetail__lead__right figcaption {
    margin: 10px 0 0;
    font-size: 1.3rem;
    line-height: 1.7;
  }
  .installationDetailBox {
    display: block;
  }
  .installationDetailBox__textArea {
    margin: 0 0 35px;
    padding: 45px 25px;
  }
  .installationDetailBox__imageArea {
    width: auto;
    text-align: center;
  }
  .installationDetailBox__imageArea img {
    border-radius: 7px;
  }
  .installationDetailBox__text {
    font-size: 1.3rem;
    line-height: 1.6;
    letter-spacing: normal;
  }
  .installationDetailBox__companyInfo {
    display: block;
    padding: 0;
    border-radius: 7px;
  }
  .installationDetailBox__logo {
    width: auto;
    margin: 0 0 20px;
  }
  .installationDetailBox__text p {
    font-size: 1.3rem;
    line-height: 1.6;
    letter-spacing: normal;
  }
}
/* -------------------------
  活用例 -- 詳細
------------------------- */
.wae .caseDetail {
  margin: 0 0 100px;
  padding: 0 0 100px;
  border-bottom: 1px solid #eae6de;
}
.wae .caseDetailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wae .caseDetailBox__head {
  margin: 0 0 75px;
}
.wae .caseDetailBox__title {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-align: center;
}
.wae .caseDetailBox__title__icon {
  width: 65px;
  margin: 0 15px 0 0;
  vertical-align: middle;
}
.wae .caseDetailBox__textArea {
  padding: 0 90px 0 0;
}
.wae .caseDetailBox__imageArea {
  width: 580px;
  min-width: 580px;
}
.wae .caseDetailBox__imageArea img {
  border-radius: 12px;
}
.wae .caseDetailBox__text {
  color: #523137;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.3;
  letter-spacing: 0.18rem;
}
.wae .caseDetailBox__btnBlock {
  margin: 50px 0 0;
}
.wae .caseDetailBox__note {
  margin: 35px 0 0;
  text-align: center;
  color: #513036;
  font-size: 1.2rem;
}

@media only screen and (max-width: 768px) {
  .wae .caseDetail {
    margin: 0 0 50px;
    padding: 32px 15px 50px;
  }
  .wae .caseDetailBox {
    display: block;
  }
  .wae .caseDetailBox__head {
    margin: 0 0 30px;
  }
  .wae .caseDetailBox__title {
    font-size: 2.25rem;
    letter-spacing: 0.06em;
  }
  .wae .caseDetailBox__title__icon {
    width: 40px;
    margin: 0 10px 0 0;
  }
  .wae .caseDetailBox__textArea {
    margin: 0 0 30px;
    padding: 0;
  }
  .wae .caseDetailBox__imageArea {
    width: auto;
    min-width: 0;
  }
  .wae .caseDetailBox__imageArea img {
    border-radius: 7px;
  }
  .wae .caseDetailBox__text {
    font-size: 1.3rem;
    line-height: 1.6;
    letter-spacing: normal;
  }
  .wae .caseDetailBox__btnBlock {
    margin: 30px 0 0;
  }
  .wae .caseDetailBox__note {
    margin: 25px 0 0;
  }
}
/* -------------------------
  ご相談・お申込み
------------------------- */
.consultationUser {
  background: #f8f6f1;
}
.consultationUser .menuInfo {
  margin: 0 0 70px;
}
.consultationUser .menuInfo__link {
  background-color: #ebe8e2;
  border-color: #e3dfd7;
}

@media only screen and (max-width: 768px) {
  .consultationUser .menuInfo {
    margin: 0 0 35px;
  }
}
/* -------------------------
  ご相談・お申込み
------------------------- */
.video,
.video--w720,
.video--w1040 {
  position: relative;
  width: 720px;
  margin: 0 auto;
}
.video:before,
.video--w720:before,
.video--w1040:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
.video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video--w1040 {
  width: 1040px;
}
.video--w720 {
  width: 720px;
}

@media only screen and (max-width: 768px) {
  .video,
  .video--w1040,
  .video--w720 {
    width: auto;
    margin: 0 15px;
  }
}
.waeCustom {
  line-height: 2;
}

.joinStep01 .waeCustom {
  margin-top: 100px;
}

.noteText,
.noteList {
  margin-top: 3rem;
  font-size: 1.2rem;
  line-height: 1.7;
}
.noteText a,
.noteList a {
  color: #36be8d;
  text-decoration: underline;
}

.noteList {
  --indent: 1.5em;
}
.noteList li {
  position: relative;
  list-style: none;
  padding-left: var(--indent);
}
.noteList li::before {
  position: absolute;
  left: 0;
  content: '※';
  display: inline-block;
  width: var(--indent);
}

.inbox .flowList {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .joinStep01 .waeCustom {
    margin-top: 50px;
  }
}
body.is-menuOn > *:not(.header):not(.bg-black):not(#wpadminbar) {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
body.is-menuOn .bg-black {
  display: block;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-width: 1200px;
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 500;
}
.header > * {
  position: relative;
  z-index: 200;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}
.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 25px;
}
.header__inner .trialBtn {
  max-width: 260px;
  margin: 22px 0;
  padding: 15px;
  border-radius: 6px;
  font-size: 1.6rem;
}
.header__logo {
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.header__logo a {
  display: block;
}
.header__logo a:hover {
  opacity: 0.7;
}
.header__logo__itbuilder {
  display: block;
  width: 226px;
  margin-right: 20px;
}
.header__logo__cti {
  display: block;
  width: 129px;
}
.header__menuBtn {
  width: 106px;
  min-width: 106px;
  margin: 0 0 0 6px;
  border: none;
  outline: none;
  cursor: pointer;
}
.header__menuBtn:hover img {
  opacity: 0.5;
}

.customerMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 10px;
}
.customerMenu__item {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin: 0 20px 0 0;
}
.customerMenu__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 0 0 0 32px;
  font-size: 15.5px;
  font-weight: 400;
}
.customerMenu__anchor__icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: -14px;
  fill: #707070;
}
.customerMenu__anchor:hover,
.customerMenu__anchor.is-active {
  color: #f0393a;
}
.customerMenu__anchor:hover::before,
.customerMenu__anchor.is-active::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #e72e3f;
  border-radius: 6px 6px 0 0;
}
.customerMenu__anchor:hover .customerMenu__anchor__icon,
.customerMenu__anchor.is-active .customerMenu__anchor__icon {
  fill: #e72e3f;
}

.spMenuBtn {
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
}
.spMenuBtn__item {
  width: 60px;
}
.spMenuBtn__anchor,
.spMenuBtn__anchor--trial,
.spMenuBtn__anchor--menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
}
.spMenuBtn__anchor img,
.spMenuBtn__anchor--trial img,
.spMenuBtn__anchor--menu img {
  width: 30px;
}
.spMenuBtn__anchor--trial {
  background: #0aa7ff;
  background: linear-gradient(135deg, #0aa7ff 0%, #0052ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0aa7ff", endColorstr="#0052ea",GradientType=1 );
}
.spMenuBtn__anchor--menu {
  background: #333;
}

@media only screen and (max-width: 768px) {
  .header {
    padding: 0;
    min-width: 0px;
  }
  .header > * {
    border-radius: 0;
  }
  .header__inner {
    padding: 0 0 0 10px;
  }
  .header__inner .trialBtn {
    display: none;
  }
  .header__logo {
    margin-right: 10px;
  }
  .header__logo__itbuilder {
    width: auto;
    max-width: 125px;
    margin-right: 10px;
  }
  .header__logo__cti {
    display: block;
    width: auto;
    max-width: 80px;
  }
  .header__menuBtn {
    display: none;
  }
  .customerMenu {
    display: none;
  }
  .spMenuBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/* -------------------------
  gnav
------------------------- */
.gnav {
  display: none;
  position: absolute;
  top: 100%;
  right: 6px;
  width: 610px;
  background: #fff;
  border-radius: 6px;
}
.gnav::before {
  content: '';
  position: absolute;
  top: -11px;
  right: 0;
  z-index: 201;
  width: 106px;
  height: 16px;
  background: #fff;
}
.gnav::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 106px;
  width: 11px;
  height: 11px;
  margin: 0 -1px -1px 0;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/gnav_bg_curve.png) no-repeat 100% 100%/11px;
  border: 1px solid #fff;
  border-width: 0 1px 1px 0;
}
.gnav__title {
  margin: 35px;
  text-align: center;
}
.gnav__bottom {
  padding: 30px;
  background: #333;
  border-radius: 0 0 6px 6px;
  color: #fff;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.gnavList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.gnavList__item {
  width: 50%;
  border-top: 1px solid #eae6de;
}
.gnavList__item:nth-child(2n) {
  border-left: 1px solid #eae6de;
}
.gnavList__anchor,
.gnavList__anchor--about,
.gnavList__anchor--cost,
.gnavList__anchor--case,
.gnavList__anchor--consultation,
.gnavList__anchor--installation,
.gnavList__anchor--support,
.gnavList__anchor--news {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 28px 25px 28px 70px;
  font-size: 1.65rem;
  font-weight: 500;
}
.gnavList__anchor__icon {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 36px;
  height: 36px;
  fill: #707070;
  color: #707070;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.gnavList__anchor:hover,
.gnavList__anchor--about:hover,
.gnavList__anchor--cost:hover,
.gnavList__anchor--case:hover,
.gnavList__anchor--consultation:hover,
.gnavList__anchor--installation:hover,
.gnavList__anchor--support:hover,
.gnavList__anchor--news:hover {
  background: #f8f6f1;
  color: #f0393a;
}
.gnavList__anchor:hover .gnavList__anchor__icon,
.gnavList__anchor--about:hover .gnavList__anchor__icon,
.gnavList__anchor--cost:hover .gnavList__anchor__icon,
.gnavList__anchor--case:hover .gnavList__anchor__icon,
.gnavList__anchor--consultation:hover .gnavList__anchor__icon,
.gnavList__anchor--installation:hover .gnavList__anchor__icon,
.gnavList__anchor--support:hover .gnavList__anchor__icon,
.gnavList__anchor--news:hover .gnavList__anchor__icon {
  fill: #f0393a;
  color: #f0393a;
}
.subNav {
  display: table;
  list-style: none;
  width: 100%;
  padding: 25px 0;
  background: #f7f7f7;
  border-top: 1px solid #eae6de;
}
.subNav__item {
  display: table-cell;
  vertical-align: middle;
  min-width: 100px;
}
.subNav__item:not(:first-child) {
  border-left: 1px solid #eae6de;
}
.subNav__anchor {
  display: block;
  font-size: 1.3rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
}
.subNav__anchor[target='_blank']::before {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 7px 0 0;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_blank.svg) no-repeat 50% 50% / contain;
  vertical-align: middle;
}

.gnavTel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 50px 0 10px;
}
.gnavTel__title {
  position: relative;
  padding: 0 0 0 70px;
  font-size: 1.5rem;
  font-weight: 200;
  word-break: keep-all;
}
.gnavTel__title__icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -29px;
  fill: #fff;
  width: 58px;
  height: 58px;
  padding: 14px;
  vertical-align: -0.5em;
  border: 1px solid #fff;
  border-radius: 50%;
}
.gnavTel__info {
  text-align: center;
}
.gnavTel__place {
  display: inline-block;
  vertical-align: -0.35rem;
  margin: 0 15px 0 0;
  padding: 5px 10px;
  min-width: 75px;
  border: 1px solid;
  border-radius: 50px;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}
.gnavTel__num {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Barlow', sans-serif;
  color: inherit;
  font-size: 3.7rem;
  font-weight: bold;
}
.gnavTel__hyphen {
  vertical-align: 0.2rem;
  font-size: 2.6rem;
}
.gnavTel__time {
  display: block;
  margin: 5px 0 0;
  font-size: 1rem;
  font-weight: 200;
  text-align: center;
  letter-spacing: 0.1rem;
}

.spCustomerMenu {
  display: none;
  list-style: none;
}
.spCustomerMenu__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0 15px;
}
.spCustomerMenu__item:not(:first-child) {
  margin-left: 10px;
}
.spCustomerMenu__anchor {
  display: block;
  position: relative;
  padding: 15px 15px 15px 50px;
  background: #36be8d;
  border-radius: 7px;
  color: #fff;
  font-size: 1rem;
  letter-spacing: normal;
}
.spCustomerMenu__anchor__icon {
  position: absolute;
  top: 0;
  left: 15px;
  height: 100%;
  width: 26px;
}
.spCustomerMenu__anchor__arrow {
  position: absolute;
  top: 0;
  height: 100%;
  right: 10px;
}
.spCustomerMenu__anchor:hover {
  color: #fff;
}
.spCustomerMenu__text {
  display: block;
  font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
  .gnav {
    right: 0;
    width: 100%;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    padding: 15px;
    background: #333;
    border-radius: 0;
  }
  .gnav::before,
  .gnav::after {
    content: none;
  }
  .gnav__title {
    display: none;
  }
  .gnav__bottom {
    padding: 0;
  }
  .gnav .trialBtn {
    padding: 15px 20px;
    font-size: 1.5rem;
  }
  .gnav .trialBtn__day {
    font-size: 1rem;
  }
  .gnav .trialBtn__icon {
    right: 13px;
    width: 10px;
  }
  .gnavList {
    margin: 0 0 15px;
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
  }
  .gnavList__anchor,
  .gnavList__anchor--about,
  .gnavList__anchor--cost,
  .gnavList__anchor--case,
  .gnavList__anchor--consultation,
  .gnavList__anchor--installation,
  .gnavList__anchor--support,
  .gnavList__anchor--news {
    padding: 18px 5px 18px 40px;
    font-size: 1.25rem;
    letter-spacing: normal;
  }
  .gnavList__anchor__icon {
    left: 13px;
    width: 22px;
    height: 22px;
  }
  .subNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 15px;
    border-radius: 7px;
  }
  .subNav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .subNav__item:nth-child(n + 3) {
    border-top: 1px solid #eae6de;
  }
  .subNav__item:not(:first-child) {
    border-left: none;
  }
  .subNav__item:nth-child(odd) {
    border-right: 1px solid #eae6de;
  }
  .subNav__anchor {
    width: 100%;
    padding: 15px 10px;
    text-align: left;
    font-size: 1rem;
    line-height: 1.4;
  }
  .subNav__anchor[target='_blank']::before {
    content: none;
  }
  .gnavTel {
    display: block;
    margin: 30px 0 10px;
  }
  .gnavTel__title {
    padding: 0;
    font-size: 1.3rem;
    text-align: center;
  }
  .gnavTel__place {
    display: none;
  }
  .gnavTel__info__icon {
    fill: #fff;
    width: 36px;
    height: 36px;
    margin: 0 10px 0 0;
    padding: 8px;
    vertical-align: -1.2em;
    border: 1px solid #fff;
    border-radius: 50%;
  }
  .gnavTel__num {
    font-size: 4.1rem;
    line-height: 1;
  }
  .gnavTel__hyphen {
    font-size: 2.7rem;
  }
  .spCustomerMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .spCustomerMenu__text {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 320px) {
  .gnavList__anchor,
  .gnavList__anchor--about,
  .gnavList__anchor--cost,
  .gnavList__anchor--case,
  .gnavList__anchor--consultation,
  .gnavList__anchor--installation,
  .gnavList__anchor--support,
  .gnavList__anchor--news {
    padding: 15px 5px 15px 32px;
    font-size: 1.1rem;
    background-position: 10px 50%;
  }
  .gnavList__anchor__icon {
    left: 10px;
    width: 18px;
    height: 18px;
  }
  .subNav__anchor {
    padding: 10px 12px;
  }
  .gnavTel__info__icon {
    width: 26px;
    height: 26px;
    margin: 0 6px 0 0;
    padding: 6px;
    vertical-align: -0.7em;
  }
  .gnavTel__num {
    font-size: 3.2rem;
  }
  .gnavTel__hyphen {
    font-size: 2.4rem;
  }
  .spCustomerMenu__anchor {
    padding: 10px 10px 10px 42px;
  }
  .spCustomerMenu__anchor__icon {
    left: 12px;
    width: 24px;
  }
}
/* -------------------------
  topicpath
------------------------- */
.topicpath {
  position: absolute;
  top: 100%;
  left: 6px;
  right: 6px;
  z-index: 199;
  padding: 13px 20px;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  list-style: none;
}
.topicpath__item {
  display: inline-block;
  vertical-align: middle;
}
.topicpath__item img {
  vertical-align: middle;
}
.topicpath__item:not(:first-child) {
  position: relative;
  padding: 0 0 0 30px;
}
.topicpath__item:not(:first-child)::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 6px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #c4c1b8;
  border-left: 1px solid #c4c1b8;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.topicpath__text {
  font-size: 1.35rem;
}

@media only screen and (max-width: 768px) {
  .topicpath {
    display: none;
  }
}
/* -------------------------
  footer
------------------------- */
.footer__topArea {
  padding: 75px 0;
  background: #333;
  color: #fff;
}
.footer__bottomArea {
  position: relative;
  background: #f8f6f1;
}
@media only screen and (max-width: 768px) {
  .footer__bottomArea {
    padding-bottom: 50px;
  }
}
.u-noCta .ctaBtnWrapper {
  display: none !important;
}
.u-noCta .footer__bottomArea {
  padding-bottom: 0 !important;
}
.footer__bottomArea > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 0;
}
.footer__copyright {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-size: 1.1rem;
  font-weight: 300;
  text-align: center;
  letter-spacing: normal;
}
.footer__logo--cti {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 142px;
}
.footer__logo--group {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 142px;
}

.footCustomer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 0 40px;
}
.footCustomer__item:not(:first-child) {
  margin-left: 40px;
}
.footCustomer__anchor {
  display: inline-block;
  position: relative;
  padding: 0 0 0 30px;
  color: inherit;
  font-size: 1.9rem;
  font-weight: 400;
}
.footCustomer__anchor__icon {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.5em;
  fill: #fff;
}

.footerNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.footerNav__item {
  width: 210px;
  margin: 0 0 15px;
}
.footerNav__anchor {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  color: inherit;
  font-size: 1.55rem;
  font-weight: 300;
}
.footerNav__anchor::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 4px;
  height: 2px;
  background: #fff;
}
.footerNav__anchor::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -4px;
  border-left: 4px solid #fff;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.footSubNav {
  list-style: none;
}
.footSubNav__item {
  margin: 0 0 15px;
}
.footSubNav__anchor {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  color: inherit;
  font-size: 1.3rem;
  font-weight: 300;
}
.footSubNav__anchor::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -4px;
  border-left: 4px solid #fff;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.footSubNav__anchor[target='_blank']::before {
  left: 0;
  width: 11px;
  height: 11px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_blank_white.svg) no-repeat 50% 50% / contain;
  border: none;
}

@media only screen and (max-width: 768px) {
  .footer__topArea {
    padding: 0;
  }
  .footer__topArea > .inner {
    display: block;
  }
  .footer__bottomArea > .inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 15px;
  }
  .footer__copyright {
    position: static;
    margin-top: 0;
    text-align: right;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .footer__logo--cti {
    width: 100px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .footer__logo--group {
    width: 100%;
  }
  .footer__logo--group img {
    width: 72px;
  }
  .footCustomer {
    background: #262626;
    margin: 0;
    padding: 25px 0;
    text-align: center;
  }
  .footCustomer__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .footCustomer__item:not(:first-child) {
    margin-left: 0;
  }
  .footCustomer__item:nth-child(2n) {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
  }
  .footCustomer__anchor {
    padding: 0 0 0 25px;
    font-size: 1.3rem;
    font-weight: normal;
  }
  .footCustomer__anchor__icon {
    width: 14px;
    height: 14px;
    margin-top: -7px;
  }
  .footerNav {
    width: auto;
  }
  .footerNav__item {
    width: 50%;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  .footerNav__item:nth-child(2n) {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
  }
  .footerNav__item:last-child:nth-child(odd) {
    width: 100%;
  }
  .footerNav__anchor {
    display: block;
    padding: 17px 10px 17px 13px;
    font-size: 1.2rem;
  }
  .footerNav__anchor::before {
    content: none;
  }
  .footerNav__anchor::after {
    content: none;
  }
  .footSubNav {
    display: table;
    width: 100%;
    padding: 20px 0;
  }
  .footSubNav__item {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    text-align: center;
  }
  .footSubNav__item:not(:first-child) {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
  }
  .footSubNav__anchor {
    display: block;
    padding: 0 5px;
    font-size: 1.05rem;
    letter-spacing: normal;
  }
  .footSubNav__anchor::before {
    content: none;
  }
}
@media only screen and (max-width: 320px) {
  .footSubNav__anchor {
    font-size: 1rem;
  }
}
/* =====================================
  wae-section
  ======================================*/
.wae-section {
  margin: 0;
  line-height: 1.4;
}

.wae-section-base-boder {
  border: 1px solid #eae6de;
  border-width: 1px 0;
  padding: 100px 0;
}

.wae-section-base-background {
  background: #f8f6f1;
  padding: 100px 0;
}

.wae-section-base-width {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}

.wae-section-accordion-title {
  position: relative;
  cursor: pointer;
}
.wae-section-accordion-title::before {
  content: '';
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
}
.wae-section-accordion-title > h2 {
  position: relative;
}
.wae-section-accordion-title > h2 > img {
  position: absolute;
  display: block;
  top: 3px;
  left: 0;
  max-width: 100px;
}
.wae-section-accordion-title-off::before {
  border-width: 5px 5px 0 5px;
  border-color: #513036 transparent transparent transparent;
}
.wae-section-accordion-title-on::before {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #513036 transparent;
}

.wae-section-hidden {
  display: none;
}

/* セクションの見出し（H2） */
.wae-section-title {
  margin: 0;
  padding: 0;
  font-size: 4rem;
}

.wae-section-boder {
  border-bottom: 1px solid #f0393a;
}

.wae-section-background {
  background-color: #f0393a;
}
.wae-section-background h2 {
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .wae-section {
    padding: 50px;
  }
  .wae-section-base-width {
    width: 100%;
  }
  /* セクションの見出し（H2） */
  .wae-section-title {
    font-size: 2.25rem;
  }
}
/* =====================================
  wae-section-column
  ======================================*/
.wae-section-column-border {
  padding: 70px;
  border: 1px solid #eae6de;
}

.wae-section-column-background {
  padding: 70px;
  background-color: #f8f6f1;
}

.wae-section.wae-section-base-background .wae-section-column.wae-section-column-background {
  background-color: #fff;
}

.wae-section .wae-section-column.wae-section-column-background {
  background-color: #f8f6f1;
}

@media only screen and (max-width: 768px) {
  .wae-section-column-border {
    padding: 20px;
    border: 1px solid #eae6de;
  }
  .wae-section-column-background {
    padding: 20px;
  }
}
/* =====================================
  wae-section-block
  ======================================*/
.wae-section-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 70px;
}

@media only screen and (max-width: 768px) {
  .wae-section-column {
    row-gap: 0;
  }
}
/* ブロック分割定義 */
.wae-section-column1 > .wae-section-block {
  width: 100%;
  margin: 0 0 0 0;
}

.wae-section-column2 > .wae-section-block {
  width: calc((100% - 50px * 1) / 2);
}

.wae-section-column3 > .wae-section-block {
  width: calc((100% - 50px * 2) / 3);
}

.wae-section-column4 > .wae-section-block {
  width: calc((100% - 50px * 3) / 4);
}

.wae-section-column5 > .wae-section-block {
  width: calc((100% - 50px * 4) / 5);
}

.wae-section-column6 > .wae-section-block {
  width: calc((100% - 50px * 5) / 6);
}

/* 横幅指定時のブロックレイアウト */
.wae-section-column2 > .bwidth10 {
  width: calc((100% - 50px * 1) * 10 / 100);
}

.wae-section-column3 > .bwidth10 {
  width: calc((100% - 50px * 2) * 10 / 100);
}

.wae-section-column4 > .bwidth10 {
  width: calc((100% - 50px * 3) * 10 / 100);
}

.wae-section-column5 > .bwidth10 {
  width: calc((100% - 50px * 4) * 10 / 100);
}

.wae-section-column6 > .bwidth10 {
  width: calc((100% - 50px * 5) * 10 / 100);
}

.wae-section-column2 > .bwidth11 {
  width: calc((100% - 50px * 1) * 11 / 100);
}

.wae-section-column3 > .bwidth11 {
  width: calc((100% - 50px * 2) * 11 / 100);
}

.wae-section-column4 > .bwidth11 {
  width: calc((100% - 50px * 3) * 11 / 100);
}

.wae-section-column5 > .bwidth11 {
  width: calc((100% - 50px * 4) * 11 / 100);
}

.wae-section-column6 > .bwidth11 {
  width: calc((100% - 50px * 5) * 11 / 100);
}

.wae-section-column2 > .bwidth12 {
  width: calc((100% - 50px * 1) * 12 / 100);
}

.wae-section-column3 > .bwidth12 {
  width: calc((100% - 50px * 2) * 12 / 100);
}

.wae-section-column4 > .bwidth12 {
  width: calc((100% - 50px * 3) * 12 / 100);
}

.wae-section-column5 > .bwidth12 {
  width: calc((100% - 50px * 4) * 12 / 100);
}

.wae-section-column6 > .bwidth12 {
  width: calc((100% - 50px * 5) * 12 / 100);
}

.wae-section-column2 > .bwidth13 {
  width: calc((100% - 50px * 1) * 13 / 100);
}

.wae-section-column3 > .bwidth13 {
  width: calc((100% - 50px * 2) * 13 / 100);
}

.wae-section-column4 > .bwidth13 {
  width: calc((100% - 50px * 3) * 13 / 100);
}

.wae-section-column5 > .bwidth13 {
  width: calc((100% - 50px * 4) * 13 / 100);
}

.wae-section-column6 > .bwidth13 {
  width: calc((100% - 50px * 5) * 13 / 100);
}

.wae-section-column2 > .bwidth14 {
  width: calc((100% - 50px * 1) * 14 / 100);
}

.wae-section-column3 > .bwidth14 {
  width: calc((100% - 50px * 2) * 14 / 100);
}

.wae-section-column4 > .bwidth14 {
  width: calc((100% - 50px * 3) * 14 / 100);
}

.wae-section-column5 > .bwidth14 {
  width: calc((100% - 50px * 4) * 14 / 100);
}

.wae-section-column6 > .bwidth14 {
  width: calc((100% - 50px * 5) * 14 / 100);
}

.wae-section-column2 > .bwidth15 {
  width: calc((100% - 50px * 1) * 15 / 100);
}

.wae-section-column3 > .bwidth15 {
  width: calc((100% - 50px * 2) * 15 / 100);
}

.wae-section-column4 > .bwidth15 {
  width: calc((100% - 50px * 3) * 15 / 100);
}

.wae-section-column5 > .bwidth15 {
  width: calc((100% - 50px * 4) * 15 / 100);
}

.wae-section-column6 > .bwidth15 {
  width: calc((100% - 50px * 5) * 15 / 100);
}

.wae-section-column2 > .bwidth16 {
  width: calc((100% - 50px * 1) * 16 / 100);
}

.wae-section-column3 > .bwidth16 {
  width: calc((100% - 50px * 2) * 16 / 100);
}

.wae-section-column4 > .bwidth16 {
  width: calc((100% - 50px * 3) * 16 / 100);
}

.wae-section-column5 > .bwidth16 {
  width: calc((100% - 50px * 4) * 16 / 100);
}

.wae-section-column6 > .bwidth16 {
  width: calc((100% - 50px * 5) * 16 / 100);
}

.wae-section-column2 > .bwidth17 {
  width: calc((100% - 50px * 1) * 17 / 100);
}

.wae-section-column3 > .bwidth17 {
  width: calc((100% - 50px * 2) * 17 / 100);
}

.wae-section-column4 > .bwidth17 {
  width: calc((100% - 50px * 3) * 17 / 100);
}

.wae-section-column5 > .bwidth17 {
  width: calc((100% - 50px * 4) * 17 / 100);
}

.wae-section-column6 > .bwidth17 {
  width: calc((100% - 50px * 5) * 17 / 100);
}

.wae-section-column2 > .bwidth18 {
  width: calc((100% - 50px * 1) * 18 / 100);
}

.wae-section-column3 > .bwidth18 {
  width: calc((100% - 50px * 2) * 18 / 100);
}

.wae-section-column4 > .bwidth18 {
  width: calc((100% - 50px * 3) * 18 / 100);
}

.wae-section-column5 > .bwidth18 {
  width: calc((100% - 50px * 4) * 18 / 100);
}

.wae-section-column6 > .bwidth18 {
  width: calc((100% - 50px * 5) * 18 / 100);
}

.wae-section-column2 > .bwidth19 {
  width: calc((100% - 50px * 1) * 19 / 100);
}

.wae-section-column3 > .bwidth19 {
  width: calc((100% - 50px * 2) * 19 / 100);
}

.wae-section-column4 > .bwidth19 {
  width: calc((100% - 50px * 3) * 19 / 100);
}

.wae-section-column5 > .bwidth19 {
  width: calc((100% - 50px * 4) * 19 / 100);
}

.wae-section-column6 > .bwidth19 {
  width: calc((100% - 50px * 5) * 19 / 100);
}

.wae-section-column2 > .bwidth20 {
  width: calc((100% - 50px * 1) * 20 / 100);
}

.wae-section-column3 > .bwidth20 {
  width: calc((100% - 50px * 2) * 20 / 100);
}

.wae-section-column4 > .bwidth20 {
  width: calc((100% - 50px * 3) * 20 / 100);
}

.wae-section-column5 > .bwidth20 {
  width: calc((100% - 50px * 4) * 20 / 100);
}

.wae-section-column6 > .bwidth20 {
  width: calc((100% - 50px * 5) * 20 / 100);
}

.wae-section-column2 > .bwidth21 {
  width: calc((100% - 50px * 1) * 21 / 100);
}

.wae-section-column3 > .bwidth21 {
  width: calc((100% - 50px * 2) * 21 / 100);
}

.wae-section-column4 > .bwidth21 {
  width: calc((100% - 50px * 3) * 21 / 100);
}

.wae-section-column5 > .bwidth21 {
  width: calc((100% - 50px * 4) * 21 / 100);
}

.wae-section-column6 > .bwidth21 {
  width: calc((100% - 50px * 5) * 21 / 100);
}

.wae-section-column2 > .bwidth22 {
  width: calc((100% - 50px * 1) * 22 / 100);
}

.wae-section-column3 > .bwidth22 {
  width: calc((100% - 50px * 2) * 22 / 100);
}

.wae-section-column4 > .bwidth22 {
  width: calc((100% - 50px * 3) * 22 / 100);
}

.wae-section-column5 > .bwidth22 {
  width: calc((100% - 50px * 4) * 22 / 100);
}

.wae-section-column6 > .bwidth22 {
  width: calc((100% - 50px * 5) * 22 / 100);
}

.wae-section-column2 > .bwidth23 {
  width: calc((100% - 50px * 1) * 23 / 100);
}

.wae-section-column3 > .bwidth23 {
  width: calc((100% - 50px * 2) * 23 / 100);
}

.wae-section-column4 > .bwidth23 {
  width: calc((100% - 50px * 3) * 23 / 100);
}

.wae-section-column5 > .bwidth23 {
  width: calc((100% - 50px * 4) * 23 / 100);
}

.wae-section-column6 > .bwidth23 {
  width: calc((100% - 50px * 5) * 23 / 100);
}

.wae-section-column2 > .bwidth24 {
  width: calc((100% - 50px * 1) * 24 / 100);
}

.wae-section-column3 > .bwidth24 {
  width: calc((100% - 50px * 2) * 24 / 100);
}

.wae-section-column4 > .bwidth24 {
  width: calc((100% - 50px * 3) * 24 / 100);
}

.wae-section-column5 > .bwidth24 {
  width: calc((100% - 50px * 4) * 24 / 100);
}

.wae-section-column6 > .bwidth24 {
  width: calc((100% - 50px * 5) * 24 / 100);
}

.wae-section-column2 > .bwidth25 {
  width: calc((100% - 50px * 1) * 25 / 100);
}

.wae-section-column3 > .bwidth25 {
  width: calc((100% - 50px * 2) * 25 / 100);
}

.wae-section-column4 > .bwidth25 {
  width: calc((100% - 50px * 3) * 25 / 100);
}

.wae-section-column5 > .bwidth25 {
  width: calc((100% - 50px * 4) * 25 / 100);
}

.wae-section-column6 > .bwidth25 {
  width: calc((100% - 50px * 5) * 25 / 100);
}

.wae-section-column2 > .bwidth26 {
  width: calc((100% - 50px * 1) * 26 / 100);
}

.wae-section-column3 > .bwidth26 {
  width: calc((100% - 50px * 2) * 26 / 100);
}

.wae-section-column4 > .bwidth26 {
  width: calc((100% - 50px * 3) * 26 / 100);
}

.wae-section-column5 > .bwidth26 {
  width: calc((100% - 50px * 4) * 26 / 100);
}

.wae-section-column6 > .bwidth26 {
  width: calc((100% - 50px * 5) * 26 / 100);
}

.wae-section-column2 > .bwidth27 {
  width: calc((100% - 50px * 1) * 27 / 100);
}

.wae-section-column3 > .bwidth27 {
  width: calc((100% - 50px * 2) * 27 / 100);
}

.wae-section-column4 > .bwidth27 {
  width: calc((100% - 50px * 3) * 27 / 100);
}

.wae-section-column5 > .bwidth27 {
  width: calc((100% - 50px * 4) * 27 / 100);
}

.wae-section-column6 > .bwidth27 {
  width: calc((100% - 50px * 5) * 27 / 100);
}

.wae-section-column2 > .bwidth28 {
  width: calc((100% - 50px * 1) * 28 / 100);
}

.wae-section-column3 > .bwidth28 {
  width: calc((100% - 50px * 2) * 28 / 100);
}

.wae-section-column4 > .bwidth28 {
  width: calc((100% - 50px * 3) * 28 / 100);
}

.wae-section-column5 > .bwidth28 {
  width: calc((100% - 50px * 4) * 28 / 100);
}

.wae-section-column6 > .bwidth28 {
  width: calc((100% - 50px * 5) * 28 / 100);
}

.wae-section-column2 > .bwidth29 {
  width: calc((100% - 50px * 1) * 29 / 100);
}

.wae-section-column3 > .bwidth29 {
  width: calc((100% - 50px * 2) * 29 / 100);
}

.wae-section-column4 > .bwidth29 {
  width: calc((100% - 50px * 3) * 29 / 100);
}

.wae-section-column5 > .bwidth29 {
  width: calc((100% - 50px * 4) * 29 / 100);
}

.wae-section-column6 > .bwidth29 {
  width: calc((100% - 50px * 5) * 29 / 100);
}

.wae-section-column2 > .bwidth30 {
  width: calc((100% - 50px * 1) * 30 / 100);
}

.wae-section-column3 > .bwidth30 {
  width: calc((100% - 50px * 2) * 30 / 100);
}

.wae-section-column4 > .bwidth30 {
  width: calc((100% - 50px * 3) * 30 / 100);
}

.wae-section-column5 > .bwidth30 {
  width: calc((100% - 50px * 4) * 30 / 100);
}

.wae-section-column6 > .bwidth30 {
  width: calc((100% - 50px * 5) * 30 / 100);
}

.wae-section-column2 > .bwidth31 {
  width: calc((100% - 50px * 1) * 31 / 100);
}

.wae-section-column3 > .bwidth31 {
  width: calc((100% - 50px * 2) * 31 / 100);
}

.wae-section-column4 > .bwidth31 {
  width: calc((100% - 50px * 3) * 31 / 100);
}

.wae-section-column5 > .bwidth31 {
  width: calc((100% - 50px * 4) * 31 / 100);
}

.wae-section-column6 > .bwidth31 {
  width: calc((100% - 50px * 5) * 31 / 100);
}

.wae-section-column2 > .bwidth32 {
  width: calc((100% - 50px * 1) * 32 / 100);
}

.wae-section-column3 > .bwidth32 {
  width: calc((100% - 50px * 2) * 32 / 100);
}

.wae-section-column4 > .bwidth32 {
  width: calc((100% - 50px * 3) * 32 / 100);
}

.wae-section-column5 > .bwidth32 {
  width: calc((100% - 50px * 4) * 32 / 100);
}

.wae-section-column6 > .bwidth32 {
  width: calc((100% - 50px * 5) * 32 / 100);
}

.wae-section-column2 > .bwidth33 {
  width: calc((100% - 50px * 1) * 33 / 100);
}

.wae-section-column3 > .bwidth33 {
  width: calc((100% - 50px * 2) * 33 / 100);
}

.wae-section-column4 > .bwidth33 {
  width: calc((100% - 50px * 3) * 33 / 100);
}

.wae-section-column5 > .bwidth33 {
  width: calc((100% - 50px * 4) * 33 / 100);
}

.wae-section-column6 > .bwidth33 {
  width: calc((100% - 50px * 5) * 33 / 100);
}

.wae-section-column2 > .bwidth34 {
  width: calc((100% - 50px * 1) * 34 / 100);
}

.wae-section-column3 > .bwidth34 {
  width: calc((100% - 50px * 2) * 34 / 100);
}

.wae-section-column4 > .bwidth34 {
  width: calc((100% - 50px * 3) * 34 / 100);
}

.wae-section-column5 > .bwidth34 {
  width: calc((100% - 50px * 4) * 34 / 100);
}

.wae-section-column6 > .bwidth34 {
  width: calc((100% - 50px * 5) * 34 / 100);
}

.wae-section-column2 > .bwidth35 {
  width: calc((100% - 50px * 1) * 35 / 100);
}

.wae-section-column3 > .bwidth35 {
  width: calc((100% - 50px * 2) * 35 / 100);
}

.wae-section-column4 > .bwidth35 {
  width: calc((100% - 50px * 3) * 35 / 100);
}

.wae-section-column5 > .bwidth35 {
  width: calc((100% - 50px * 4) * 35 / 100);
}

.wae-section-column6 > .bwidth35 {
  width: calc((100% - 50px * 5) * 35 / 100);
}

.wae-section-column2 > .bwidth36 {
  width: calc((100% - 50px * 1) * 36 / 100);
}

.wae-section-column3 > .bwidth36 {
  width: calc((100% - 50px * 2) * 36 / 100);
}

.wae-section-column4 > .bwidth36 {
  width: calc((100% - 50px * 3) * 36 / 100);
}

.wae-section-column5 > .bwidth36 {
  width: calc((100% - 50px * 4) * 36 / 100);
}

.wae-section-column6 > .bwidth36 {
  width: calc((100% - 50px * 5) * 36 / 100);
}

.wae-section-column2 > .bwidth37 {
  width: calc((100% - 50px * 1) * 37 / 100);
}

.wae-section-column3 > .bwidth37 {
  width: calc((100% - 50px * 2) * 37 / 100);
}

.wae-section-column4 > .bwidth37 {
  width: calc((100% - 50px * 3) * 37 / 100);
}

.wae-section-column5 > .bwidth37 {
  width: calc((100% - 50px * 4) * 37 / 100);
}

.wae-section-column6 > .bwidth37 {
  width: calc((100% - 50px * 5) * 37 / 100);
}

.wae-section-column2 > .bwidth38 {
  width: calc((100% - 50px * 1) * 38 / 100);
}

.wae-section-column3 > .bwidth38 {
  width: calc((100% - 50px * 2) * 38 / 100);
}

.wae-section-column4 > .bwidth38 {
  width: calc((100% - 50px * 3) * 38 / 100);
}

.wae-section-column5 > .bwidth38 {
  width: calc((100% - 50px * 4) * 38 / 100);
}

.wae-section-column6 > .bwidth38 {
  width: calc((100% - 50px * 5) * 38 / 100);
}

.wae-section-column2 > .bwidth39 {
  width: calc((100% - 50px * 1) * 39 / 100);
}

.wae-section-column3 > .bwidth39 {
  width: calc((100% - 50px * 2) * 39 / 100);
}

.wae-section-column4 > .bwidth39 {
  width: calc((100% - 50px * 3) * 39 / 100);
}

.wae-section-column5 > .bwidth39 {
  width: calc((100% - 50px * 4) * 39 / 100);
}

.wae-section-column6 > .bwidth39 {
  width: calc((100% - 50px * 5) * 39 / 100);
}

.wae-section-column2 > .bwidth40 {
  width: calc((100% - 50px * 1) * 40 / 100);
}

.wae-section-column3 > .bwidth40 {
  width: calc((100% - 50px * 2) * 40 / 100);
}

.wae-section-column4 > .bwidth40 {
  width: calc((100% - 50px * 3) * 40 / 100);
}

.wae-section-column5 > .bwidth40 {
  width: calc((100% - 50px * 4) * 40 / 100);
}

.wae-section-column6 > .bwidth40 {
  width: calc((100% - 50px * 5) * 40 / 100);
}

.wae-section-column2 > .bwidth41 {
  width: calc((100% - 50px * 1) * 41 / 100);
}

.wae-section-column3 > .bwidth41 {
  width: calc((100% - 50px * 2) * 41 / 100);
}

.wae-section-column4 > .bwidth41 {
  width: calc((100% - 50px * 3) * 41 / 100);
}

.wae-section-column5 > .bwidth41 {
  width: calc((100% - 50px * 4) * 41 / 100);
}

.wae-section-column6 > .bwidth41 {
  width: calc((100% - 50px * 5) * 41 / 100);
}

.wae-section-column2 > .bwidth42 {
  width: calc((100% - 50px * 1) * 42 / 100);
}

.wae-section-column3 > .bwidth42 {
  width: calc((100% - 50px * 2) * 42 / 100);
}

.wae-section-column4 > .bwidth42 {
  width: calc((100% - 50px * 3) * 42 / 100);
}

.wae-section-column5 > .bwidth42 {
  width: calc((100% - 50px * 4) * 42 / 100);
}

.wae-section-column6 > .bwidth42 {
  width: calc((100% - 50px * 5) * 42 / 100);
}

.wae-section-column2 > .bwidth43 {
  width: calc((100% - 50px * 1) * 43 / 100);
}

.wae-section-column3 > .bwidth43 {
  width: calc((100% - 50px * 2) * 43 / 100);
}

.wae-section-column4 > .bwidth43 {
  width: calc((100% - 50px * 3) * 43 / 100);
}

.wae-section-column5 > .bwidth43 {
  width: calc((100% - 50px * 4) * 43 / 100);
}

.wae-section-column6 > .bwidth43 {
  width: calc((100% - 50px * 5) * 43 / 100);
}

.wae-section-column2 > .bwidth44 {
  width: calc((100% - 50px * 1) * 44 / 100);
}

.wae-section-column3 > .bwidth44 {
  width: calc((100% - 50px * 2) * 44 / 100);
}

.wae-section-column4 > .bwidth44 {
  width: calc((100% - 50px * 3) * 44 / 100);
}

.wae-section-column5 > .bwidth44 {
  width: calc((100% - 50px * 4) * 44 / 100);
}

.wae-section-column6 > .bwidth44 {
  width: calc((100% - 50px * 5) * 44 / 100);
}

.wae-section-column2 > .bwidth45 {
  width: calc((100% - 50px * 1) * 45 / 100);
}

.wae-section-column3 > .bwidth45 {
  width: calc((100% - 50px * 2) * 45 / 100);
}

.wae-section-column4 > .bwidth45 {
  width: calc((100% - 50px * 3) * 45 / 100);
}

.wae-section-column5 > .bwidth45 {
  width: calc((100% - 50px * 4) * 45 / 100);
}

.wae-section-column6 > .bwidth45 {
  width: calc((100% - 50px * 5) * 45 / 100);
}

.wae-section-column2 > .bwidth46 {
  width: calc((100% - 50px * 1) * 46 / 100);
}

.wae-section-column3 > .bwidth46 {
  width: calc((100% - 50px * 2) * 46 / 100);
}

.wae-section-column4 > .bwidth46 {
  width: calc((100% - 50px * 3) * 46 / 100);
}

.wae-section-column5 > .bwidth46 {
  width: calc((100% - 50px * 4) * 46 / 100);
}

.wae-section-column6 > .bwidth46 {
  width: calc((100% - 50px * 5) * 46 / 100);
}

.wae-section-column2 > .bwidth47 {
  width: calc((100% - 50px * 1) * 47 / 100);
}

.wae-section-column3 > .bwidth47 {
  width: calc((100% - 50px * 2) * 47 / 100);
}

.wae-section-column4 > .bwidth47 {
  width: calc((100% - 50px * 3) * 47 / 100);
}

.wae-section-column5 > .bwidth47 {
  width: calc((100% - 50px * 4) * 47 / 100);
}

.wae-section-column6 > .bwidth47 {
  width: calc((100% - 50px * 5) * 47 / 100);
}

.wae-section-column2 > .bwidth48 {
  width: calc((100% - 50px * 1) * 48 / 100);
}

.wae-section-column3 > .bwidth48 {
  width: calc((100% - 50px * 2) * 48 / 100);
}

.wae-section-column4 > .bwidth48 {
  width: calc((100% - 50px * 3) * 48 / 100);
}

.wae-section-column5 > .bwidth48 {
  width: calc((100% - 50px * 4) * 48 / 100);
}

.wae-section-column6 > .bwidth48 {
  width: calc((100% - 50px * 5) * 48 / 100);
}

.wae-section-column2 > .bwidth49 {
  width: calc((100% - 50px * 1) * 49 / 100);
}

.wae-section-column3 > .bwidth49 {
  width: calc((100% - 50px * 2) * 49 / 100);
}

.wae-section-column4 > .bwidth49 {
  width: calc((100% - 50px * 3) * 49 / 100);
}

.wae-section-column5 > .bwidth49 {
  width: calc((100% - 50px * 4) * 49 / 100);
}

.wae-section-column6 > .bwidth49 {
  width: calc((100% - 50px * 5) * 49 / 100);
}

.wae-section-column2 > .bwidth50 {
  width: calc((100% - 50px * 1) * 50 / 100);
}

.wae-section-column3 > .bwidth50 {
  width: calc((100% - 50px * 2) * 50 / 100);
}

.wae-section-column4 > .bwidth50 {
  width: calc((100% - 50px * 3) * 50 / 100);
}

.wae-section-column5 > .bwidth50 {
  width: calc((100% - 50px * 4) * 50 / 100);
}

.wae-section-column6 > .bwidth50 {
  width: calc((100% - 50px * 5) * 50 / 100);
}

.wae-section-column2 > .bwidth51 {
  width: calc((100% - 50px * 1) * 51 / 100);
}

.wae-section-column3 > .bwidth51 {
  width: calc((100% - 50px * 2) * 51 / 100);
}

.wae-section-column4 > .bwidth51 {
  width: calc((100% - 50px * 3) * 51 / 100);
}

.wae-section-column5 > .bwidth51 {
  width: calc((100% - 50px * 4) * 51 / 100);
}

.wae-section-column6 > .bwidth51 {
  width: calc((100% - 50px * 5) * 51 / 100);
}

.wae-section-column2 > .bwidth52 {
  width: calc((100% - 50px * 1) * 52 / 100);
}

.wae-section-column3 > .bwidth52 {
  width: calc((100% - 50px * 2) * 52 / 100);
}

.wae-section-column4 > .bwidth52 {
  width: calc((100% - 50px * 3) * 52 / 100);
}

.wae-section-column5 > .bwidth52 {
  width: calc((100% - 50px * 4) * 52 / 100);
}

.wae-section-column6 > .bwidth52 {
  width: calc((100% - 50px * 5) * 52 / 100);
}

.wae-section-column2 > .bwidth53 {
  width: calc((100% - 50px * 1) * 53 / 100);
}

.wae-section-column3 > .bwidth53 {
  width: calc((100% - 50px * 2) * 53 / 100);
}

.wae-section-column4 > .bwidth53 {
  width: calc((100% - 50px * 3) * 53 / 100);
}

.wae-section-column5 > .bwidth53 {
  width: calc((100% - 50px * 4) * 53 / 100);
}

.wae-section-column6 > .bwidth53 {
  width: calc((100% - 50px * 5) * 53 / 100);
}

.wae-section-column2 > .bwidth54 {
  width: calc((100% - 50px * 1) * 54 / 100);
}

.wae-section-column3 > .bwidth54 {
  width: calc((100% - 50px * 2) * 54 / 100);
}

.wae-section-column4 > .bwidth54 {
  width: calc((100% - 50px * 3) * 54 / 100);
}

.wae-section-column5 > .bwidth54 {
  width: calc((100% - 50px * 4) * 54 / 100);
}

.wae-section-column6 > .bwidth54 {
  width: calc((100% - 50px * 5) * 54 / 100);
}

.wae-section-column2 > .bwidth55 {
  width: calc((100% - 50px * 1) * 55 / 100);
}

.wae-section-column3 > .bwidth55 {
  width: calc((100% - 50px * 2) * 55 / 100);
}

.wae-section-column4 > .bwidth55 {
  width: calc((100% - 50px * 3) * 55 / 100);
}

.wae-section-column5 > .bwidth55 {
  width: calc((100% - 50px * 4) * 55 / 100);
}

.wae-section-column6 > .bwidth55 {
  width: calc((100% - 50px * 5) * 55 / 100);
}

.wae-section-column2 > .bwidth56 {
  width: calc((100% - 50px * 1) * 56 / 100);
}

.wae-section-column3 > .bwidth56 {
  width: calc((100% - 50px * 2) * 56 / 100);
}

.wae-section-column4 > .bwidth56 {
  width: calc((100% - 50px * 3) * 56 / 100);
}

.wae-section-column5 > .bwidth56 {
  width: calc((100% - 50px * 4) * 56 / 100);
}

.wae-section-column6 > .bwidth56 {
  width: calc((100% - 50px * 5) * 56 / 100);
}

.wae-section-column2 > .bwidth57 {
  width: calc((100% - 50px * 1) * 57 / 100);
}

.wae-section-column3 > .bwidth57 {
  width: calc((100% - 50px * 2) * 57 / 100);
}

.wae-section-column4 > .bwidth57 {
  width: calc((100% - 50px * 3) * 57 / 100);
}

.wae-section-column5 > .bwidth57 {
  width: calc((100% - 50px * 4) * 57 / 100);
}

.wae-section-column6 > .bwidth57 {
  width: calc((100% - 50px * 5) * 57 / 100);
}

.wae-section-column2 > .bwidth58 {
  width: calc((100% - 50px * 1) * 58 / 100);
}

.wae-section-column3 > .bwidth58 {
  width: calc((100% - 50px * 2) * 58 / 100);
}

.wae-section-column4 > .bwidth58 {
  width: calc((100% - 50px * 3) * 58 / 100);
}

.wae-section-column5 > .bwidth58 {
  width: calc((100% - 50px * 4) * 58 / 100);
}

.wae-section-column6 > .bwidth58 {
  width: calc((100% - 50px * 5) * 58 / 100);
}

.wae-section-column2 > .bwidth59 {
  width: calc((100% - 50px * 1) * 59 / 100);
}

.wae-section-column3 > .bwidth59 {
  width: calc((100% - 50px * 2) * 59 / 100);
}

.wae-section-column4 > .bwidth59 {
  width: calc((100% - 50px * 3) * 59 / 100);
}

.wae-section-column5 > .bwidth59 {
  width: calc((100% - 50px * 4) * 59 / 100);
}

.wae-section-column6 > .bwidth59 {
  width: calc((100% - 50px * 5) * 59 / 100);
}

.wae-section-column2 > .bwidth60 {
  width: calc((100% - 50px * 1) * 60 / 100);
}

.wae-section-column3 > .bwidth60 {
  width: calc((100% - 50px * 2) * 60 / 100);
}

.wae-section-column4 > .bwidth60 {
  width: calc((100% - 50px * 3) * 60 / 100);
}

.wae-section-column5 > .bwidth60 {
  width: calc((100% - 50px * 4) * 60 / 100);
}

.wae-section-column6 > .bwidth60 {
  width: calc((100% - 50px * 5) * 60 / 100);
}

.wae-section-column2 > .bwidth61 {
  width: calc((100% - 50px * 1) * 61 / 100);
}

.wae-section-column3 > .bwidth61 {
  width: calc((100% - 50px * 2) * 61 / 100);
}

.wae-section-column4 > .bwidth61 {
  width: calc((100% - 50px * 3) * 61 / 100);
}

.wae-section-column5 > .bwidth61 {
  width: calc((100% - 50px * 4) * 61 / 100);
}

.wae-section-column6 > .bwidth61 {
  width: calc((100% - 50px * 5) * 61 / 100);
}

.wae-section-column2 > .bwidth62 {
  width: calc((100% - 50px * 1) * 62 / 100);
}

.wae-section-column3 > .bwidth62 {
  width: calc((100% - 50px * 2) * 62 / 100);
}

.wae-section-column4 > .bwidth62 {
  width: calc((100% - 50px * 3) * 62 / 100);
}

.wae-section-column5 > .bwidth62 {
  width: calc((100% - 50px * 4) * 62 / 100);
}

.wae-section-column6 > .bwidth62 {
  width: calc((100% - 50px * 5) * 62 / 100);
}

.wae-section-column2 > .bwidth63 {
  width: calc((100% - 50px * 1) * 63 / 100);
}

.wae-section-column3 > .bwidth63 {
  width: calc((100% - 50px * 2) * 63 / 100);
}

.wae-section-column4 > .bwidth63 {
  width: calc((100% - 50px * 3) * 63 / 100);
}

.wae-section-column5 > .bwidth63 {
  width: calc((100% - 50px * 4) * 63 / 100);
}

.wae-section-column6 > .bwidth63 {
  width: calc((100% - 50px * 5) * 63 / 100);
}

.wae-section-column2 > .bwidth64 {
  width: calc((100% - 50px * 1) * 64 / 100);
}

.wae-section-column3 > .bwidth64 {
  width: calc((100% - 50px * 2) * 64 / 100);
}

.wae-section-column4 > .bwidth64 {
  width: calc((100% - 50px * 3) * 64 / 100);
}

.wae-section-column5 > .bwidth64 {
  width: calc((100% - 50px * 4) * 64 / 100);
}

.wae-section-column6 > .bwidth64 {
  width: calc((100% - 50px * 5) * 64 / 100);
}

.wae-section-column2 > .bwidth65 {
  width: calc((100% - 50px * 1) * 65 / 100);
}

.wae-section-column3 > .bwidth65 {
  width: calc((100% - 50px * 2) * 65 / 100);
}

.wae-section-column4 > .bwidth65 {
  width: calc((100% - 50px * 3) * 65 / 100);
}

.wae-section-column5 > .bwidth65 {
  width: calc((100% - 50px * 4) * 65 / 100);
}

.wae-section-column6 > .bwidth65 {
  width: calc((100% - 50px * 5) * 65 / 100);
}

.wae-section-column2 > .bwidth66 {
  width: calc((100% - 50px * 1) * 66 / 100);
}

.wae-section-column3 > .bwidth66 {
  width: calc((100% - 50px * 2) * 66 / 100);
}

.wae-section-column4 > .bwidth66 {
  width: calc((100% - 50px * 3) * 66 / 100);
}

.wae-section-column5 > .bwidth66 {
  width: calc((100% - 50px * 4) * 66 / 100);
}

.wae-section-column6 > .bwidth66 {
  width: calc((100% - 50px * 5) * 66 / 100);
}

.wae-section-column2 > .bwidth67 {
  width: calc((100% - 50px * 1) * 67 / 100);
}

.wae-section-column3 > .bwidth67 {
  width: calc((100% - 50px * 2) * 67 / 100);
}

.wae-section-column4 > .bwidth67 {
  width: calc((100% - 50px * 3) * 67 / 100);
}

.wae-section-column5 > .bwidth67 {
  width: calc((100% - 50px * 4) * 67 / 100);
}

.wae-section-column6 > .bwidth67 {
  width: calc((100% - 50px * 5) * 67 / 100);
}

.wae-section-column2 > .bwidth68 {
  width: calc((100% - 50px * 1) * 68 / 100);
}

.wae-section-column3 > .bwidth68 {
  width: calc((100% - 50px * 2) * 68 / 100);
}

.wae-section-column4 > .bwidth68 {
  width: calc((100% - 50px * 3) * 68 / 100);
}

.wae-section-column5 > .bwidth68 {
  width: calc((100% - 50px * 4) * 68 / 100);
}

.wae-section-column6 > .bwidth68 {
  width: calc((100% - 50px * 5) * 68 / 100);
}

.wae-section-column2 > .bwidth69 {
  width: calc((100% - 50px * 1) * 69 / 100);
}

.wae-section-column3 > .bwidth69 {
  width: calc((100% - 50px * 2) * 69 / 100);
}

.wae-section-column4 > .bwidth69 {
  width: calc((100% - 50px * 3) * 69 / 100);
}

.wae-section-column5 > .bwidth69 {
  width: calc((100% - 50px * 4) * 69 / 100);
}

.wae-section-column6 > .bwidth69 {
  width: calc((100% - 50px * 5) * 69 / 100);
}

.wae-section-column2 > .bwidth70 {
  width: calc((100% - 50px * 1) * 70 / 100);
}

.wae-section-column3 > .bwidth70 {
  width: calc((100% - 50px * 2) * 70 / 100);
}

.wae-section-column4 > .bwidth70 {
  width: calc((100% - 50px * 3) * 70 / 100);
}

.wae-section-column5 > .bwidth70 {
  width: calc((100% - 50px * 4) * 70 / 100);
}

.wae-section-column6 > .bwidth70 {
  width: calc((100% - 50px * 5) * 70 / 100);
}

.wae-section-column2 > .bwidth71 {
  width: calc((100% - 50px * 1) * 71 / 100);
}

.wae-section-column3 > .bwidth71 {
  width: calc((100% - 50px * 2) * 71 / 100);
}

.wae-section-column4 > .bwidth71 {
  width: calc((100% - 50px * 3) * 71 / 100);
}

.wae-section-column5 > .bwidth71 {
  width: calc((100% - 50px * 4) * 71 / 100);
}

.wae-section-column6 > .bwidth71 {
  width: calc((100% - 50px * 5) * 71 / 100);
}

.wae-section-column2 > .bwidth72 {
  width: calc((100% - 50px * 1) * 72 / 100);
}

.wae-section-column3 > .bwidth72 {
  width: calc((100% - 50px * 2) * 72 / 100);
}

.wae-section-column4 > .bwidth72 {
  width: calc((100% - 50px * 3) * 72 / 100);
}

.wae-section-column5 > .bwidth72 {
  width: calc((100% - 50px * 4) * 72 / 100);
}

.wae-section-column6 > .bwidth72 {
  width: calc((100% - 50px * 5) * 72 / 100);
}

.wae-section-column2 > .bwidth73 {
  width: calc((100% - 50px * 1) * 73 / 100);
}

.wae-section-column3 > .bwidth73 {
  width: calc((100% - 50px * 2) * 73 / 100);
}

.wae-section-column4 > .bwidth73 {
  width: calc((100% - 50px * 3) * 73 / 100);
}

.wae-section-column5 > .bwidth73 {
  width: calc((100% - 50px * 4) * 73 / 100);
}

.wae-section-column6 > .bwidth73 {
  width: calc((100% - 50px * 5) * 73 / 100);
}

.wae-section-column2 > .bwidth74 {
  width: calc((100% - 50px * 1) * 74 / 100);
}

.wae-section-column3 > .bwidth74 {
  width: calc((100% - 50px * 2) * 74 / 100);
}

.wae-section-column4 > .bwidth74 {
  width: calc((100% - 50px * 3) * 74 / 100);
}

.wae-section-column5 > .bwidth74 {
  width: calc((100% - 50px * 4) * 74 / 100);
}

.wae-section-column6 > .bwidth74 {
  width: calc((100% - 50px * 5) * 74 / 100);
}

.wae-section-column2 > .bwidth75 {
  width: calc((100% - 50px * 1) * 75 / 100);
}

.wae-section-column3 > .bwidth75 {
  width: calc((100% - 50px * 2) * 75 / 100);
}

.wae-section-column4 > .bwidth75 {
  width: calc((100% - 50px * 3) * 75 / 100);
}

.wae-section-column5 > .bwidth75 {
  width: calc((100% - 50px * 4) * 75 / 100);
}

.wae-section-column6 > .bwidth75 {
  width: calc((100% - 50px * 5) * 75 / 100);
}

.wae-section-column2 > .bwidth76 {
  width: calc((100% - 50px * 1) * 76 / 100);
}

.wae-section-column3 > .bwidth76 {
  width: calc((100% - 50px * 2) * 76 / 100);
}

.wae-section-column4 > .bwidth76 {
  width: calc((100% - 50px * 3) * 76 / 100);
}

.wae-section-column5 > .bwidth76 {
  width: calc((100% - 50px * 4) * 76 / 100);
}

.wae-section-column6 > .bwidth76 {
  width: calc((100% - 50px * 5) * 76 / 100);
}

.wae-section-column2 > .bwidth77 {
  width: calc((100% - 50px * 1) * 77 / 100);
}

.wae-section-column3 > .bwidth77 {
  width: calc((100% - 50px * 2) * 77 / 100);
}

.wae-section-column4 > .bwidth77 {
  width: calc((100% - 50px * 3) * 77 / 100);
}

.wae-section-column5 > .bwidth77 {
  width: calc((100% - 50px * 4) * 77 / 100);
}

.wae-section-column6 > .bwidth77 {
  width: calc((100% - 50px * 5) * 77 / 100);
}

.wae-section-column2 > .bwidth78 {
  width: calc((100% - 50px * 1) * 78 / 100);
}

.wae-section-column3 > .bwidth78 {
  width: calc((100% - 50px * 2) * 78 / 100);
}

.wae-section-column4 > .bwidth78 {
  width: calc((100% - 50px * 3) * 78 / 100);
}

.wae-section-column5 > .bwidth78 {
  width: calc((100% - 50px * 4) * 78 / 100);
}

.wae-section-column6 > .bwidth78 {
  width: calc((100% - 50px * 5) * 78 / 100);
}

.wae-section-column2 > .bwidth79 {
  width: calc((100% - 50px * 1) * 79 / 100);
}

.wae-section-column3 > .bwidth79 {
  width: calc((100% - 50px * 2) * 79 / 100);
}

.wae-section-column4 > .bwidth79 {
  width: calc((100% - 50px * 3) * 79 / 100);
}

.wae-section-column5 > .bwidth79 {
  width: calc((100% - 50px * 4) * 79 / 100);
}

.wae-section-column6 > .bwidth79 {
  width: calc((100% - 50px * 5) * 79 / 100);
}

.wae-section-column2 > .bwidth80 {
  width: calc((100% - 50px * 1) * 80 / 100);
}

.wae-section-column3 > .bwidth80 {
  width: calc((100% - 50px * 2) * 80 / 100);
}

.wae-section-column4 > .bwidth80 {
  width: calc((100% - 50px * 3) * 80 / 100);
}

.wae-section-column5 > .bwidth80 {
  width: calc((100% - 50px * 4) * 80 / 100);
}

.wae-section-column6 > .bwidth80 {
  width: calc((100% - 50px * 5) * 80 / 100);
}

.wae-section-column2 > .bwidth81 {
  width: calc((100% - 50px * 1) * 81 / 100);
}

.wae-section-column3 > .bwidth81 {
  width: calc((100% - 50px * 2) * 81 / 100);
}

.wae-section-column4 > .bwidth81 {
  width: calc((100% - 50px * 3) * 81 / 100);
}

.wae-section-column5 > .bwidth81 {
  width: calc((100% - 50px * 4) * 81 / 100);
}

.wae-section-column6 > .bwidth81 {
  width: calc((100% - 50px * 5) * 81 / 100);
}

.wae-section-column2 > .bwidth82 {
  width: calc((100% - 50px * 1) * 82 / 100);
}

.wae-section-column3 > .bwidth82 {
  width: calc((100% - 50px * 2) * 82 / 100);
}

.wae-section-column4 > .bwidth82 {
  width: calc((100% - 50px * 3) * 82 / 100);
}

.wae-section-column5 > .bwidth82 {
  width: calc((100% - 50px * 4) * 82 / 100);
}

.wae-section-column6 > .bwidth82 {
  width: calc((100% - 50px * 5) * 82 / 100);
}

.wae-section-column2 > .bwidth83 {
  width: calc((100% - 50px * 1) * 83 / 100);
}

.wae-section-column3 > .bwidth83 {
  width: calc((100% - 50px * 2) * 83 / 100);
}

.wae-section-column4 > .bwidth83 {
  width: calc((100% - 50px * 3) * 83 / 100);
}

.wae-section-column5 > .bwidth83 {
  width: calc((100% - 50px * 4) * 83 / 100);
}

.wae-section-column6 > .bwidth83 {
  width: calc((100% - 50px * 5) * 83 / 100);
}

.wae-section-column2 > .bwidth84 {
  width: calc((100% - 50px * 1) * 84 / 100);
}

.wae-section-column3 > .bwidth84 {
  width: calc((100% - 50px * 2) * 84 / 100);
}

.wae-section-column4 > .bwidth84 {
  width: calc((100% - 50px * 3) * 84 / 100);
}

.wae-section-column5 > .bwidth84 {
  width: calc((100% - 50px * 4) * 84 / 100);
}

.wae-section-column6 > .bwidth84 {
  width: calc((100% - 50px * 5) * 84 / 100);
}

.wae-section-column2 > .bwidth85 {
  width: calc((100% - 50px * 1) * 85 / 100);
}

.wae-section-column3 > .bwidth85 {
  width: calc((100% - 50px * 2) * 85 / 100);
}

.wae-section-column4 > .bwidth85 {
  width: calc((100% - 50px * 3) * 85 / 100);
}

.wae-section-column5 > .bwidth85 {
  width: calc((100% - 50px * 4) * 85 / 100);
}

.wae-section-column6 > .bwidth85 {
  width: calc((100% - 50px * 5) * 85 / 100);
}

.wae-section-column2 > .bwidth86 {
  width: calc((100% - 50px * 1) * 86 / 100);
}

.wae-section-column3 > .bwidth86 {
  width: calc((100% - 50px * 2) * 86 / 100);
}

.wae-section-column4 > .bwidth86 {
  width: calc((100% - 50px * 3) * 86 / 100);
}

.wae-section-column5 > .bwidth86 {
  width: calc((100% - 50px * 4) * 86 / 100);
}

.wae-section-column6 > .bwidth86 {
  width: calc((100% - 50px * 5) * 86 / 100);
}

.wae-section-column2 > .bwidth87 {
  width: calc((100% - 50px * 1) * 87 / 100);
}

.wae-section-column3 > .bwidth87 {
  width: calc((100% - 50px * 2) * 87 / 100);
}

.wae-section-column4 > .bwidth87 {
  width: calc((100% - 50px * 3) * 87 / 100);
}

.wae-section-column5 > .bwidth87 {
  width: calc((100% - 50px * 4) * 87 / 100);
}

.wae-section-column6 > .bwidth87 {
  width: calc((100% - 50px * 5) * 87 / 100);
}

.wae-section-column2 > .bwidth88 {
  width: calc((100% - 50px * 1) * 88 / 100);
}

.wae-section-column3 > .bwidth88 {
  width: calc((100% - 50px * 2) * 88 / 100);
}

.wae-section-column4 > .bwidth88 {
  width: calc((100% - 50px * 3) * 88 / 100);
}

.wae-section-column5 > .bwidth88 {
  width: calc((100% - 50px * 4) * 88 / 100);
}

.wae-section-column6 > .bwidth88 {
  width: calc((100% - 50px * 5) * 88 / 100);
}

.wae-section-column2 > .bwidth89 {
  width: calc((100% - 50px * 1) * 89 / 100);
}

.wae-section-column3 > .bwidth89 {
  width: calc((100% - 50px * 2) * 89 / 100);
}

.wae-section-column4 > .bwidth89 {
  width: calc((100% - 50px * 3) * 89 / 100);
}

.wae-section-column5 > .bwidth89 {
  width: calc((100% - 50px * 4) * 89 / 100);
}

.wae-section-column6 > .bwidth89 {
  width: calc((100% - 50px * 5) * 89 / 100);
}

.wae-section-column2 > .bwidth90 {
  width: calc((100% - 50px * 1) * 90 / 100);
}

.wae-section-column3 > .bwidth90 {
  width: calc((100% - 50px * 2) * 90 / 100);
}

.wae-section-column4 > .bwidth90 {
  width: calc((100% - 50px * 3) * 90 / 100);
}

.wae-section-column5 > .bwidth90 {
  width: calc((100% - 50px * 4) * 90 / 100);
}

.wae-section-column6 > .bwidth90 {
  width: calc((100% - 50px * 5) * 90 / 100);
}

.wae-section-block-border {
  padding: 50px;
  border: 1px solid #eae6de;
}

.wae-section-block-background {
  padding: 50px;
  background-color: #f8f6f1;
}

.wae-section .wae-section-column .wae-section-block.wae-section-block-background {
  background-color: #f8f6f1;
}

.wae-section .wae-section-column.wae-section-column-background .wae-section-block.wae-section-block-background {
  background-color: #fff;
}

.wae-section.wae-section-base-background .wae-section-column.wae-section-column-background .wae-section-block.wae-section-block-background {
  background-color: #f8f6f1;
}

.wae-section.wae-section-base-background .wae-section-column .wae-section-block.wae-section-block-background {
  background-color: #fff;
}

.wae-section-block-link {
  padding: 0;
}

.wae-section .wae-section-block-link > a {
  display: block;
  height: 100%;
  padding: 50px;
}

@media only screen and (max-width: 768px) {
  .wae-section-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .wae-section-block {
    width: 100% !important;
    margin: 0 0 15px;
  }
  .wae-section-block:last-child {
    margin-bottom: 0;
  }
  .wae-section-block-border {
    padding: 10px;
  }
  .wae-section-block-background {
    padding: 10px;
    background-color: #f8f6f1;
  }
  .wae-section .wae-section-block-link > a {
    padding: 10px;
  }
}
/* =====================================
  inner parts
  ======================================*/
/* 見出し */
.wae-section-head {
  margin: 0;
  font-weight: normal;
}
.wae-section-head h2,
.wae-section-head h3,
.wae-section-head h4,
.wae-section-head h5,
.wae-section-head h6 {
  font-weight: inherit;
}
.wae-section-head a {
  position: relative;
  padding-left: 15px;
}
.wae-section-head a::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent blue;
}
.wae-section-head.wae-txt-xlarge {
  font-size: 4rem;
}
.wae-section-head.wae-txt-large {
  font-size: 2.8rem;
}
.wae-section-head.wae-txt-normal {
  font-size: 2.3rem;
}
.wae-section-head.wae-txt-small {
  font-size: 1.6rem;
}
.wae-section-head.wae-h-bold {
  font-weight: bold;
}
.wae-section-head.wae-h-border {
  border-bottom: 1px solid #eae6de;
}
.wae-section-head.wae-h-bg {
  background-color: #f0393a;
  color: #fff;
}
.wae-section-head.wae-h-bg a {
  display: block;
  color: inherit;
}

/* リンク */
.wae-section a {
  display: inline-block;
}
.wae-section a[target^='_blank']::after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 0 0 8px;
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/icon-window.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  vertical-align: middle;
}

/* リンクボタン */
.wae-section-button {
  display: inline-block;
  padding: 8px 40px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #513036;
}

.wae-section-block > p > a.wae-section-emphas-strong {
  font-weight: bold;
}

.wae-section-block > p > a.wae-section-emphas-moststrong {
  font-weight: bold;
  font-size: 2.8rem;
}

/* 文章 */
.wae-section-block p {
  font-size: 1.6rem;
}

.wae-section-block .wae-section-right,
.wae-section-right p,
.wae-section-right h2,
.wae-section-title.wae-section-right {
  text-align: right;
}

.wae-section-block .wae-section-center,
.wae-section-center p,
.wae-section-center h2,
.wae-section-title.wae-section-center {
  text-align: center;
}

/* リード */
.wae-section-lead {
  color: #f0393a;
}

/* 補足 */
.wae-section-note p {
  font-size: 1.6rem;
  color: #513036;
}

.wae-section-note-bgcolor {
  background: #f8f6f1;
  padding: 1em;
}

/* テーブル */
.wae-section-table {
  margin: 0 0 30px;
}
.wae-section-table table {
  width: 100%;
  font-size: 1.6rem;
}

/* ファイルアップロード */
.wae-section-icon,
.wae-section-icon-other,
.wae-section-icon-powerpoint,
.wae-section-icon-excel,
.wae-section-icon-word,
.wae-section-icon-pdf {
  padding: 0;
  background: none;
  text-decoration: underline;
}
.wae-section-icon::before,
.wae-section-icon-other::before,
.wae-section-icon-powerpoint::before,
.wae-section-icon-excel::before,
.wae-section-icon-word::before,
.wae-section-icon-pdf::before {
  content: 'FILE';
  display: inline-block;
  width: 4.6rem;
  margin: 0 10px 0 0;
  padding: 4px 0;
  background: #aaa;
  color: #fff;
  text-align: center;
  font-size: 1.1rem;
  line-height: 1;
  border-radius: 3px;
  letter-spacing: 0.1em;
}
.wae-section-icon-pdf::before {
  content: 'PDF';
  background: #ff5252;
}
.wae-section-icon-word::before {
  content: 'WORD';
  background: #3f51b5;
}
.wae-section-icon-excel::before {
  content: 'EXCEL';
  background: #00796b;
}
.wae-section-icon-powerpoint::before {
  content: 'PPT';
  background: #f57c00;
}
/* リスト */
.wae-section-block ul {
  display: inline-block;
  margin-left: 25px;
  font-size: 1.6rem;
}
.wae-section-block ul li {
  position: relative;
  text-align: left;
  margin-bottom: 10px;
}
.wae-section-block ul li:last-child {
  margin-bottom: 0;
}

.wae-section-list-number {
  list-style: decimal;
}

.wae-section-block .wae-section-list-icon {
  list-style: none;
  margin-left: 0;
}
.wae-section-block .wae-section-list-icon > li {
  padding-left: 25px;
}
.wae-section-block .wae-section-list-icon > li::before {
  position: absolute;
  top: 0.8em;
  left: 7px;
  content: '';
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 100%;
  background: #f0393a;
}

.wae-section-block .wae-section-list-note {
  list-style: none;
  margin-left: 0;
}
.wae-section-block .wae-section-list-note > li {
  padding-left: 25px;
}
.wae-section-block .wae-section-list-note > li:before {
  position: absolute;
  left: 5px;
  content: '※';
  display: block;
}

/* 画像 */
.wae-section-block figure > img {
  max-width: 100%;
  vertical-align: bottom;
}
.wae-section-block figure > a {
  position: relative;
  overflow: hidden;
  display: block;
}
.wae-section-block figure > a > img {
  vertical-align: bottom;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.wae-section-block figure > a:hover > img {
  -webkit-filter: brightness(125%);
  filter: brightness(125%);
}
.wae-section-block figure > a.scale::after {
  content: '+';
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px 8px;
  line-height: 1;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 20px;
}
.wae-section-block figure > a.scale:hover > img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

/* 水平線 */
.wae-section-hr,
.wae-section-hr-dashed,
.wae-section-hr-dotted,
.wae-section-hr-solid {
  border-width: 1px 0 0;
  border-color: #eae6de;
}
.wae-section-hr-solid {
  border-style: solid;
}
.wae-section-hr-dotted {
  border-style: dotted;
}
.wae-section-hr-dashed {
  border-style: dashed;
}

@media only screen and (max-width: 768px) {
  /* 見出し */
  .wae-section-head.wae-txt-xlarge {
    font-size: 2.25rem;
  }
  .wae-section-head.wae-txt-large {
    font-size: 1.9rem;
  }
  .wae-section-head.wae-txt-normal {
    font-size: 1.4rem;
  }
  .wae-section-head.wae-txt-small {
    font-size: 1.3rem;
  }
  /* 文章 */
  .wae-section-block p {
    font-size: 1.3rem;
  }
  /* テーブル */
  .wae-section-table {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 1.4rem;
  }
  .wae-section-table > table,
  .wae-section-table > .scroll_x > table {
    width: auto;
    min-width: 100%;
    margin-bottom:
      8px th,
      td;
    margin-bottom-display: table-cell;
    margin-bottom-width: auto;
    margin-bottom-white-space: nowrap;
  }
  /* リスト */
  .wae-section-block ul {
    font-size: 1.3rem;
  }
}
/* =====================================
  common options
  ======================================*/
.wae-section-margin-large:not(:last-child),
p.wae-section-margin-large:not(:last-child),
p a.wae-section-margin-large {
  margin-bottom: 100px;
}

.wae-section-margin-moderate:not(:last-child),
p.wae-section-margin-moderate:not(:last-child),
p a.wae-section-margin-moderate {
  margin-bottom: 70px;
}

.wae-section-margin-small:not(:last-child),
p.wae-section-margin-small:not(:last-child),
p a.wae-section-margin-small {
  margin-bottom: 30px;
}

.wae-section-margin-none:not(:last-child),
p.wae-section-margin-none:not(:last-child),
p a.wae-section-margin-none {
  margin-bottom: 0;
}

.wae-section-accordion-title.wae-section-margin-large,
.wae-section-accordion-title.wae-section-margin-moderate,
.wae-section-accordion-title.wae-section-margin-small {
  margin-bottom: 0;
}

.wae-section-accordion-title.wae-section-margin-large + .wae-section-accordion-body {
  margin-top: 100px;
}

.wae-section-accordion-title.wae-section-margin-moderate + .wae-section-accordion-body {
  margin-top: 70px;
}

.wae-section-accordion-title.wae-section-margin-small + .wae-section-accordion-body {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .wae-section-margin-large:not(:last-child),
  p.wae-section-margin-large:not(:last-child),
  p a.wae-section-margin-large {
    margin-bottom: 50px;
  }
  .wae-section-margin-moderate:not(:last-child),
  p.wae-section-margin-moderate:not(:last-child),
  p a.wae-section-margin-moderate {
    margin-bottom: 35px;
  }
  .wae-section-margin-small:not(:last-child),
  p.wae-section-margin-small:not(:last-child),
  p a.wae-section-margin-small {
    margin-bottom: 15px;
  }
  .wae-section-accordion-title.wae-section-margin-large + .wae-section-accordion-body {
    margin-top: 50px;
  }
  .wae-section-accordion-title.wae-section-margin-moderate + .wae-section-accordion-body {
    margin-top: 35px;
  }
  .wae-section-accordion-title.wae-section-margin-small + .wae-section-accordion-body {
    margin-top: 15px;
  }
}
/* =====================================
  追加classでカスタマイズ
======================================*/
/* 横幅 */
.wae-section-block img {
  height: auto;
}

.wae-section-block .maxw50 img {
  width: 50px;
}

.wae-section-block .maxw60 img {
  width: 60px;
}

.wae-section-block .maxw70 img {
  width: 70px;
}

.wae-section-block .maxw80 img {
  width: 80px;
}

.wae-section-block .maxw90 img {
  width: 90px;
}

.wae-section-block .maxw100 img {
  width: 100px;
}

.wae-section-block .maxw150 img {
  width: 150px;
}

.wae-section-block .maxw200 img {
  width: 200px;
}

.wae-section-block .maxw250 img {
  width: 250px;
}

.wae-section-block .maxw300 img {
  width: 300px;
}

.wae-section-block .maxw350 img {
  width: 350px;
}

.wae-section-block .maxw400 img {
  width: 400px;
}

.wae-section-block .maxw450 img {
  width: 450px;
}

.wae-section-block .maxw500 img {
  width: 500px;
}

@media only screen and (max-width: 768px) {
  /* 横幅 */
  .wae-section-block .maxw350 img,
  .wae-section-block .maxw400 img,
  .wae-section-block .maxw450 img,
  .wae-section-block .maxw500 img {
    width: auto;
    height: auto;
  }
}
/* =====================================
  lightbox
  ======================================*/
/* Preload images */
body:after {
  content: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/lightbox/close.png) url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/lightbox/loading.gif) url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/lightbox/prev.png) url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/lightbox/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: '';
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/lightbox/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: '';
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 1.2rem;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*
 * WAE DECORATION STYLE
 *
 */
.wae {
  padding: 100px 0;
}

@media only screen and (max-width: 768px) {
  .wae {
    padding: 28px 0;
  }
}
/* =====================================
  wae-section
  ======================================*/
.wae-section {
  margin: 0;
  line-height: 2;
}

.wae-section-base-background.wae-section-margin-none + .wae-section-base-background {
  padding-top: 0;
}

.wae-section-accordion-title::before {
  top: 14px;
  bottom: auto;
  border: none;
  display: block;
  width: 15px;
  height: 15px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/accordion-arr.png) no-repeat center/15px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.wae-section-accordion-title-on::before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* セクションの見出し（H2） */
.wae-section-title {
  font-weight: 500;
  line-height: 1.4;
  color: #341e22;
}
.wae-section-title h2 {
  font-weight: inherit;
  color: inherit;
}

.wae-section-boder {
  border: none;
}
.wae-section-boder h2 {
  position: relative;
  padding: 0 0 30px;
  letter-spacing: 0.16em;
}
.wae-section-boder h2::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  width: 40px;
  height: 4px;
  margin: 0 auto;
  background: #f0393a;
  border-radius: 50px;
}
.wae-section-boder.wae-section-center h2::before {
  left: 0;
  right: 0;
}
.wae-section-boder.wae-section-right h2::before {
  left: auto;
  right: 0;
}

.wae-section-background {
  padding: 0.675em 1.08em;
  border-radius: 1.2em;
  background: #f8f6f1;
}
.wae-section-background h2 {
  font-size: 0.9em;
}

@media only screen and (max-width: 768px) {
  .wae-section {
    padding: 0 15px;
  }
  .wae-section-base-boder {
    padding: 50px 15px;
  }
  .wae-section-base-background {
    padding: 50px 15px;
  }
}
/* =====================================
  wae-section-column
  ======================================*/
.wae-section-column-border {
  border-radius: 12px;
}

.wae-section-column-background {
  border-radius: 12px;
}

.wae-section.wae-section-base-background .wae-section-column.wae-section-column-background {
  background-color: #ebe8e2;
}

@media only screen and (max-width: 768px) {
  .wae-section-column-border {
    border-radius: 7px;
  }
  .wae-section-column-background {
    border-radius: 7px;
  }
}
/* =====================================
  wae-section-block
  ======================================*/
.wae-section-block-border {
  border-radius: 8px;
}

.wae-section-block-background {
  border-radius: 8px;
}

.wae-section .wae-section-column.wae-section-column-background .wae-section-block.wae-section-block-background {
  background-color: #ebe8e2;
}

.wae-section.wae-section-base-background .wae-section-column .wae-section-block.wae-section-block-background {
  background-color: #ebe8e2;
}

.wae-section-block-link > a {
  border: 1px #d5d5d5 solid;
  border-radius: 12px;
  -webkit-box-shadow: 0 5px 0 #d5d5d5;
  box-shadow: 0 5px 0 #d5d5d5;
}
.wae-section-block-link > a:hover {
  border-color: #513036;
  -webkit-box-shadow: 0 5px 0 #513036;
  box-shadow: 0 5px 0 #513036;
}

@media only screen and (max-width: 768px) {
  .wae-section-block-border {
    border-radius: 7px;
  }
  .wae-section-block-background {
    border-radius: 7px;
  }
}
/* =====================================
  inner parts
  ======================================*/
/* 見出し */
.wae-section-head {
  line-height: 1.4;
  color: #341e22;
}
.wae-section-head h2,
.wae-section-head h3,
.wae-section-head h4,
.wae-section-head h5,
.wae-section-head h6 {
  font-weight: inherit;
  color: inherit;
}
.wae-section-head a {
  padding-left: 0;
}
.wae-section-head a::before {
  content: none;
}
.wae-section-head a::after {
  content: ' ';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 0 0 5px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/link-arr.png) no-repeat 0 0/100% auto;
  border: none;
}
.wae-section-head a:hover::after {
  background-position: 0 -42px;
}
.wae-section-head.wae-h-bg a::after {
  background-position: 0 -14px;
}
.wae-section-head.wae-h-bg a:hover {
  text-decoration: underline;
}
.wae-section-head.wae-txt-normal a::after,
.wae-section-head.wae-txt-small a::after {
  width: 11px;
  height: 11px;
}
.wae-section-head.wae-txt-normal a:hover::after,
.wae-section-head.wae-txt-small a:hover::after {
  background-position: 0 -33px;
}
.wae-section-head.wae-txt-normal.wae-h-bg a::after,
.wae-section-head.wae-txt-small.wae-h-bg a::after {
  background-position: 0 -11px;
}
.wae-section-head.wae-h-bold {
  font-weight: 500;
}
.wae-section-head.wae-h-border {
  border: none;
}
.wae-section-head.wae-h-border h2,
.wae-section-head.wae-h-border h3,
.wae-section-head.wae-h-border h4,
.wae-section-head.wae-h-border h5,
.wae-section-head.wae-h-border h6 {
  position: relative;
  padding: 0 0 0.75em;
  letter-spacing: 0.16em;
}
.wae-section-head.wae-h-border h2::before,
.wae-section-head.wae-h-border h3::before,
.wae-section-head.wae-h-border h4::before,
.wae-section-head.wae-h-border h5::before,
.wae-section-head.wae-h-border h6::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  width: 40px;
  height: 4px;
  width: 1em;
  height: 0.1em;
  margin: 0 auto;
  background: #f0393a;
  border-radius: 50px;
}
.wae-section-head.wae-h-border.wae-section-center h2::before,
.wae-section-head.wae-h-border.wae-section-center h3::before,
.wae-section-head.wae-h-border.wae-section-center h4::before,
.wae-section-head.wae-h-border.wae-section-center h5::before,
.wae-section-head.wae-h-border.wae-section-center h6::before {
  left: 0;
  right: 0;
}
.wae-section-head.wae-h-border.wae-section-right h2::before,
.wae-section-head.wae-h-border.wae-section-right h3::before,
.wae-section-head.wae-h-border.wae-section-right h4::before,
.wae-section-head.wae-h-border.wae-section-right h5::before,
.wae-section-head.wae-h-border.wae-section-right h6::before {
  left: auto;
  right: 0;
}
.wae-section-head.wae-h-bg {
  padding: 0.675em 1.08em;
  border-radius: 1.3em;
  background: #f8f6f1;
  color: #341e22;
}
.wae-section-head.wae-h-bg h2,
.wae-section-head.wae-h-bg h3,
.wae-section-head.wae-h-bg h4,
.wae-section-head.wae-h-bg h5,
.wae-section-head.wae-h-bg h6 {
  font-size: 0.9em;
}
.wae-section-head.wae-h-bg.wae-h-bg.wae-txt-small {
  padding: 1em 1.4em;
}
.wae-section-head.wae-h-bg.wae-h-bg.wae-txt-normal {
  padding: 0.6em 1em;
}
.wae-section-head.wae-h-bg.wae-h-bg.wae-txt-large {
  padding: 0.6em 1em;
}
.wae-section-head.wae-h-bg.wae-h-bg.wae-txt-xlarge {
  padding: 0.6em 1em;
}

/* リンク */
.wae-section-block > p > a::before {
  content: '';
  display: inline-block;
  margin: 0 7px 0 0;
  border-left: 4px solid #f0393a;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  vertical-align: 0.25rem;
}
.wae-section-block > p > a[target^='_blank']::before {
  width: 11px;
  height: 11px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_blank_keycolor.svg) no-repeat 50% 50% / contain;
  border: none;
}
.wae-section-block > p > a[target^='_blank']::after {
  content: none;
}
.wae-section-block > p > a.wae-section-emphas-strong {
  color: #f0393a;
  font-weight: 400;
  text-decoration: underline;
}
.wae-section-block > p > a.wae-section-emphas-strong::before {
  width: 11px;
  height: 11px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_short.svg) no-repeat 50% 50% / contain;
  vertical-align: middle;
  border: none;
}
.wae-section-block > p > a.wae-section-emphas-strong[target^='_blank']::before {
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_blank_keycolor.svg);
}
.wae-section-block > p > a.wae-section-emphas-moststrong {
  font-size: 1.9rem;
  font-weight: 500;
}
.wae-section-block > p > a.wae-section-emphas-moststrong::before {
  width: 22px;
  height: 22px;
  margin: 0 10px 0 0;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_circle.svg) no-repeat 50% 50%/22px;
  vertical-align: -0.35rem;
  border: none;
}
.wae-section-block > p > a.wae-section-emphas-moststrong[target^='_blank']::before {
  width: 14px;
  height: 14px;
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_blank_keycolor.svg);
  background-size: contain;
  vertical-align: middle;
}

/* リンクボタン */
.wae-section-block > p > a.wae-section-button {
  padding: 20px 50px;
  background: #f8f6f1;
  border: 1px solid #eae7df;
  border-radius: 12px;
  color: #513036;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property:
    box-shadow,
    -webkit-box-shadow;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wae-section-block > p > a.wae-section-button::before {
  content: none;
}
.wae-section-block > p > a.wae-section-button::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 18px;
  width: 17px;
  height: 18px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_support.svg) no-repeat 50% 50% / contain;
}
.wae-section-block > p > a.wae-section-button:hover {
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}
.wae-section-block > p > a.wae-section-button[target^='_blank']::after {
  width: 11px;
  height: 11px;
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_blank.svg);
}
.wae-section-block > p > a.wae-section-button.wae-section-emphas-strong {
  background: #f0393a;
  border: none;
  color: #fff;
  font-weight: 400;
}
.wae-section-block > p > a.wae-section-button.wae-section-emphas-strong::after {
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow.svg);
}
.wae-section-block > p > a.wae-section-button.wae-section-emphas-strong[target^='_blank']::after {
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_blank_white.svg);
}
.wae-section-block > p > a.wae-section-button.wae-section-emphas-moststrong {
  background: hsl(202, 96%, 52%);
  background: linear-gradient(135deg, hsl(202, 96%, 52%) 0%, hsl(219, 100%, 46%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="hsl(202, 96%, 52%)", endColorstr="hsl(219, 100%, 46%)",GradientType=1 );
  font-weight: 500;
  color: #fff;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property:
    box-shadow,
    -webkit-box-shadow;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  border: none;
  overflow: hidden;
}
.wae-section-block > p > a.wae-section-button.wae-section-emphas-moststrong::before {
  content: '';
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
  width: 200%;
  height: 200%;
  position: absolute; /*ボタンの左上方向にはみ出させて配置*/
  top: -100%;
  left: -200%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.wae-section-block > p > a.wae-section-button.wae-section-emphas-moststrong::after {
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow.svg);
}
.wae-section-block > p > a.wae-section-button.wae-section-emphas-moststrong:hover {
  color: #fff;
  background: hsl(192, 96%, 52%);
  background: linear-gradient(135deg, hsl(192, 96%, 52%) 0%, hsl(209, 100%, 46%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="hsl(192, 96%, 52%)", endColorstr="hsl(209, 100%, 46%)",GradientType=1 );
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  border: none;
}
.wae-section-block > p > a.wae-section-button.wae-section-emphas-moststrong:hover::before {
  top: 0%;
  left: 100%;
}
.wae-section-block > p > a.wae-section-button.wae-section-emphas-moststrong[target^='_blank']::after {
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_blank_white.svg);
}

/* 文章 */
/* リード */
.wae-section-lead p {
  font-size: 2.8rem;
  line-height: 2;
  color: #513036;
}

/* 補足 */
.wae-section-note p {
  font-size: 1.3rem;
}

/* テーブル */
.wae-section-table table th,
.wae-section-table table td {
  padding: 0.5em 1em;
}

.wae-section-note-bgcolor {
  line-height: 1.8;
  padding: 1.5em 2em;
  border-radius: 12px;
}

/* 水平線 */
/* ファイルアップロード */
.wae-section-icon,
.wae-section-icon-pdf,
.wae-section-icon-word,
.wae-section-icon-excel,
.wae-section-icon-powerpoint,
.wae-section-icon-other {
  font-size: 1.6rem;
}

/* リスト */
.wae-section-block ul li {
  margin-bottom: 1em;
}
.wae-section-block ul li a {
  padding-left: 32px;
  font-size: 1.9rem;
  font-weight: 500;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_circle.svg) no-repeat 0.1em 0.4em/22px 22px;
}
.wae-section-block ul li a[target^='_blank'] {
  background-image: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_blank_keycolor.svg);
  background-size: 14px 14px;
}
.wae-section-block ul li a[target^='_blank']::after {
  content: none;
}

.wae-section-block .wae-section-list-link {
  list-style: none;
  margin: 0;
}

.wae-section-block .wae-section-list-icon > li {
  padding-left: 40px;
}
.wae-section-block .wae-section-list-icon > li::before {
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 23px;
  height: 23px;
  border-radius: 0;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/wae/list-icon.png) no-repeat center/contain;
}

.wae-section-block .wae-section-list-note {
  font-size: 1.3rem;
}
.wae-section-block .wae-section-list-note li {
  margin-bottom: 0.5em;
}

@media only screen and (max-width: 768px) {
  /* 見出し */
  .wae-section-head.wae-h-border h2,
  .wae-section-head.wae-h-border h3,
  .wae-section-head.wae-h-border h4,
  .wae-section-head.wae-h-border h5,
  .wae-section-head.wae-h-border h6 {
    padding: 0 0 1.1em;
    letter-spacing: 0.06em;
  }
  .wae-section-head.wae-h-border h2::before,
  .wae-section-head.wae-h-border h3::before,
  .wae-section-head.wae-h-border h4::before,
  .wae-section-head.wae-h-border h5::before,
  .wae-section-head.wae-h-border h6::before {
    width: 1.02222em;
    height: 0.13333em;
  }
  .wae-section-head.wae-h-border.wae-section-center h2::before,
  .wae-section-head.wae-h-border.wae-section-center h3::before,
  .wae-section-head.wae-h-border.wae-section-center h4::before,
  .wae-section-head.wae-h-border.wae-section-center h5::before,
  .wae-section-head.wae-h-border.wae-section-center h6::before {
    left: 0;
    right: 0;
  }
  .wae-section-head.wae-h-border.wae-section-right h2::before,
  .wae-section-head.wae-h-border.wae-section-right h3::before,
  .wae-section-head.wae-h-border.wae-section-right h4::before,
  .wae-section-head.wae-h-border.wae-section-right h5::before,
  .wae-section-head.wae-h-border.wae-section-right h6::before {
    left: auto;
    right: 0;
  }
  .wae-section-head.wae-h-bg {
    border-radius: 5px;
  }
  .wae-section-head.wae-h-bg.wae-h-bg.wae-txt-small {
    padding: 1em 15px;
  }
  .wae-section-head.wae-h-bg.wae-h-bg.wae-txt-normal {
    padding: 0.6em 15px;
  }
  .wae-section-head.wae-h-bg.wae-h-bg.wae-txt-large {
    padding: 0.6em 15px;
  }
  .wae-section-head.wae-h-bg.wae-h-bg.wae-txt-xlarge {
    padding: 0.6em 15px;
  }
  /* リンク */
  .wae-section-block > p > a[target^='_blank']::before {
    vertical-align: middle;
  }
  .wae-section-block > p > a.wae-section-emphas-moststrong {
    font-size: 1.3rem;
  }
  .wae-section-block > p > a.wae-section-emphas-moststrong::before {
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
  }
  .wae-section-block > p > a.wae-section-emphas-moststrong[target^='_blank']::before {
    width: 11px;
    height: 11px;
    margin: 0 10px 0 0;
  }
  /* リンクボタン */
  .wae-section-block > p > a.wae-section-button {
    width: 100%;
    max-width: 325px;
    padding: 22px;
    border-radius: 9px;
    font-size: 1.5rem;
  }
  /* リード */
  .wae-section-lead p {
    font-size: 1.9rem;
  }
  /* 補足 */
  .wae-section-note p {
    font-size: 1rem;
    letter-spacing: 0.01rem;
  }
  /* テーブル */
  .wae-section-table table {
    font-size: 1.3rem;
  }
  /* ファイルアップロード */
  .wae-section-icon,
  .wae-section-icon-pdf,
  .wae-section-icon-word,
  .wae-section-icon-excel,
  .wae-section-icon-powerpoint,
  .wae-section-icon-other {
    font-size: 1.3rem;
  }
  .wae-section-icon::before,
  .wae-section-icon-pdf::before,
  .wae-section-icon-word::before,
  .wae-section-icon-excel::before,
  .wae-section-icon-powerpoint::before,
  .wae-section-icon-other::before {
    padding: 3px 0;
    font-size: 0.8rem;
    letter-spacing: 0.2em;
    border-radius: 2px;
    vertical-align: middle;
  }
  /* リスト */
  .wae-section-block ul li a {
    padding-left: 25px;
    font-size: 1.3rem;
    background-size: 15px 15px;
  }
  .wae-section-block ul li a[target^='_blank'] {
    padding-left: 21px;
    background-size: 11px 11px;
    background-position: 0.1em 0.6em;
  }
  .wae-section-block .wae-section-list-icon > li {
    padding-left: 25px;
  }
  .wae-section-block .wae-section-list-icon > li::before {
    top: 0.4em;
    width: 16px;
    height: 16px;
  }
  .wae-section-block .wae-section-list-note {
    font-size: 1rem;
  }
}
/* -------------------------
  使いまわし
------------------------- */
/* 余白調整 */
.mt-minus-100 {
  margin-top: -100px;
}

.installation-mt-minus {
  margin-top: -100px;
}

@media only screen and (max-width: 768px) {
  .mt-minus-100 {
    margin-top: -28px;
  }
  .installation-mt-minus {
    margin-top: -35px;
  }
}
/* セクションタイトル上に小さいテキスト */
.wae-subhead {
  font-size: 0.4em;
  color: #f0393a;
  display: block;
  line-height: 1;
  margin: 0 0 1em;
  font-weight: 600;
  letter-spacing: 0.2em;
}

@media only screen and (max-width: 768px) {
  .wae-subhead {
    margin: 0 0 1.3em;
    letter-spacing: normal;
  }
}
/* ページタイトル下リード文章 */
.wae-pageLead {
  margin-top: -10px;
  margin-bottom: 100px;
  padding-bottom: 90px;
  border-bottom: 1px solid #eae7df;
}
.wae-pageLead p {
  color: #523137;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.3;
  letter-spacing: 0.18rem;
}

@media only screen and (max-width: 768px) {
  .wae-pageLead {
    margin-top: 0;
    margin-bottom: 100px;
    padding-top: 0;
    padding-bottom: 28px;
  }
  .wae-pageLead p {
    font-size: 1.3rem;
    text-align: left !important;
    line-height: 1.6;
    letter-spacing: normal;
  }
}
/* -------------------------
  イットbuilderが選ばれる理由
------------------------- */
/* 見出し番号 */
.title-num {
  display: inline-block;
  margin-right: 20px;
  padding: 0.45em 0.6em;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1;
  font-weight: 600;
  background-color: #e72e3f;
  border-radius: 6px;
  letter-spacing: normal;
}
@media all and (-ms-high-contrast: none) {
  .title-num {
    padding: 0.6em 0.6em 0.3em 0.6em;
  }
}

@media only screen and (max-width: 768px) {
  .title-num {
    margin-right: 10px;
    font-size: 1.2rem;
    border-radius: 3px;
  }
}
/* ページ内リンク */
.pageLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.9rem;
}
.pageLink__item {
  list-style: none;
  margin: 0 30px 20px 0;
  width: calc((100% - 90px) / 4);
}
.pageLink__item:nth-child(4n) {
  margin-right: 0;
}
.pageLink__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 40px 20px 20px;
  border-radius: 12px;
  border: solid 1px #eae7df;
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: all;
  transition-property: all;
}
.pageLink__anchor::after {
  display: inline-block;
  content: ' ';
  width: 18px;
  height: 18px;
  background: url(/it-builder/wp-content/themes/itbuilder-theme/resource/img/ic_arrow_keycolor.svg) no-repeat 50% 50% / contain;
  -webkit-transform: rotate(90deg) translateX(-50%);
  transform: rotate(90deg) translateX(-50%);
  position: absolute;
  top: 50%;
  right: 15px;
}
.pageLink__anchor:hover {
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}
.pageLink .link-num {
  display: inline-block;
  margin-right: 15px;
  padding: 0.45em 0.6em;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  background-color: #e72e3f;
  border-radius: 6px;
  letter-spacing: normal;
}

.link-position {
  display: block;
  width: 1px;
  height: 1px;
}

@media only screen and (max-width: 768px) {
  .pageLink {
    display: block;
    margin: 0 15px;
    border: solid 1px #eae7df;
    border-radius: 7px;
  }
  .pageLink__item {
    margin: 0;
    width: 100%;
  }
  .pageLink__item:not(:last-child) {
    border-bottom: solid 1px #eae7df;
  }
  .pageLink__anchor {
    width: auto;
    padding: 20px 30px 20px 20px;
    font-size: 1.5rem;
    border: none;
    border-radius: 0;
  }
  .pageLink__anchor:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .pageLink .link-num {
    font-size: 1.2rem;
    border-radius: 3px;
  }
  .link-position {
    margin-top: -20px !important;
    padding-top: 20px !important;
  }
}
/* -------------------------
  イットbuilderアプリ3つの作り方
------------------------- */
.how_to_step {
  display: inline-block;
  background-color: #e72e3f;
  min-width: 110px;
  border-radius: 99em;
  margin-right: 15px;
  padding: 7px;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.18em;
}

@media only screen and (max-width: 768px) {
  .how_to_step {
    min-width: 80px;
    margin-right: 10px;
    padding: 5px;
    font-size: 1rem;
    letter-spacing: normal;
  }
}
/* -------------------------
  取り扱えるデータの種類
------------------------- */
/* 行頭アイコン付き見出し */
.title-icon h2::before,
.title-icon h3::before,
.title-icon h4::before,
.title-icon h5::before,
.title-icon h6::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 12px;
  background-color: #e72e3f;
  border-radius: 99em;
  vertical-align: 1px;
}

@media only screen and (max-width: 768px) {
  .title-icon h2::before,
  .title-icon h3::before,
  .title-icon h4::before,
  .title-icon h5::before,
  .title-icon h6::before {
    width: 10px;
    height: 10px;
    margin-right: 8px;
  }
}
/* 見出し以外子要素を内側にインデント */
.aboutData-indent .wae-section-block {
  padding-left: 55px;
  padding-right: 55px;
}
.aboutData-indent .wae-section-block .wae-section-head.wae-h-bg {
  margin-left: -55px;
  margin-right: -55px;
}

@media only screen and (max-width: 768px) {
  .aboutData-indent .wae-section-block {
    padding-left: 0;
    padding-right: 0;
  }
  .aboutData-indent .wae-section-block .wae-section-head.wae-h-bg {
    margin-left: 0;
    margin-right: 0;
  }
}
/* -------------------------
  活用例
------------------------- */
.case-bg .wae-section-base-width {
  background-color: #f8f6f1;
  padding: 70px;
  border-radius: 12px;
}

@media only screen and (max-width: 768px) {
  .case-bg .wae-section-base-width {
    padding: 20px;
    border-radius: 7px;
  }
}