@charset "UTF-8";

@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

main {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-spacing: 0;
}

a {
  text-decoration: none;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom !important;
}

select, input, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}

/*
** Width
*/
/*
** Color
*/
/*
** Breakpoint
*/
/*
** Letter-spacing , Text-indent
*/
/*
** Flex
*/
/*
** Block Editor
*/
/**
** グラデーションテキスト・背景
*/
/*
** Base
*/
html,
body {
  margin: 0 auto;
  font-family: "Noto Sans JP", メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  color: #333333;
  overflow-x: hidden;
  word-wrap: break-word;
  font-size: 100%;
}

a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

br.is--pc {
  display: inline;
}
@media screen and (max-width: 768px) {
  br.is--pc {
    display: none;
  }
}
br.is--sp {
  display: none;
}
@media screen and (max-width: 768px) {
  br.is--sp {
    display: inline;
  }
}

img {
  max-width: 100%;
  height: auto;
}
@media all and (-ms-high-contrast: none) {
  img {
    width: 100%;
  }
}
img.is--pc {
  display: inline !important;
}
@media screen and (max-width: 768px) {
  img.is--pc {
    display: none !important;
  }
}
img.is--sp {
  display: none !important;
}
@media screen and (max-width: 768px) {
  img.is--sp {
    display: inline !important;
  }
}

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

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

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

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

.is--pc--ib {
  display: inline-block !important;
}
@media screen and (max-width: 768px) {
  .is--pc--ib {
    display: none !important;
  }
}

.is--sp--ib {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .is--sp--ib {
    display: inline-block !important;
  }
}

*[lang=en] {
  text-transform: uppercase;
}

/**
** 背景固定
*/
body {
  position: relative;
}
body:after {
  content: "";
  width: 100vw;
  height: 100vh;
  background-image: url(/assets/img/img_main_bg.webp);
  background-size: 1920px auto;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -2;
}

/**
** 見出し
*/
.headline__second {
  font-size: 32px;
  font-weight: bold;
  line-height: 46px;
  color: #225386;
  border-left: 4px solid #225386;
  padding-left: 18px;
}
@media screen and (max-width: 768px) {
  .headline__second {
    font-size: 23px;
    line-height: 30px;
  }
}

.heading__third {
  font-size: 28px;
  line-height: 46px;
  font-weight: bold;
  color: #043D78;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDDDDD;
}
@media screen and (max-width: 768px) {
  .heading__third {
    font-size: 20px;
    padding-bottom: 0;
    line-height: 28px;
  }
}
.heading__third:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background-color: #043d78;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .heading__third:after {
    width: 21px;
  }
}

.heading__third--policy {
  margin-bottom: 21px;
}
@media screen and (max-width: 768px) {
  .heading__third--policy {
    margin-bottom: 14px;
    padding-bottom: 8px;
    margin-top: 38px;
  }
}

.headline__primary--homeTopics {
  width: 250px;
}
@media screen and (max-width: 768px) {
  .headline__primary--homeTopics {
    width: 100%;
  }
}

/**
** ボタン
*/
.btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn__accent {
  display: inline-block;
  background-color: #F77C22;
  border: 1px solid #f77c22;
  color: #fff;
  padding: 15px 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .btn__accent {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 13px 14px 13px;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .btn__accent:hover {
    background-color: #fff;
  }
  .btn__accent:hover span {
    color: #f77c22;
  }
  .btn__accent:hover .btn__text:before {
    background: url(/assets/img/home/ico_hero_btn_orange.webp) center/cover no-repeat;
  }
  .btn__accent:hover .btn__text:after {
    border-right: 2px solid #F77C22;
    border-bottom: 2px solid #F77C22;
    right: 15px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .btn__accent:hover .btn__text:after {
    right: -7px;
  }
}
.btn__accent.sli-msp {
  background-color: #24b9a6;
  border: 1px solid #24b9a6;
}
.btn__accent.sli-msp:hover span {
  color: #fff;
}
.btn__accent.sli-msp:hover .btn__text::after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.btn__accent.sli-msp .btn__text::before {
  width: 30px;
  height: 20px;
  background: url(/assets/img/home/ico_slider_cnt01.png) center/cover no-repeat;
}
.btn__accent.sli-server {
  background-color: #efc43a;
  border: 1px solid #efc43a;
}
.btn__accent.sli-server:hover span {
  color: #fff;
}
.btn__accent.sli-server:hover .btn__text::after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.btn__accent.sli-server .btn__text::before {
  width: 34px;
  height: 34px;
  background: url(/assets/img/home/ico_slider_cnt02.png) center/cover no-repeat;
}
.btn__accent.sli-security {
  background-color: #f54637;
  border: 1px solid #f54637;
}
.btn__accent.sli-security:hover span {
  color: #fff;
}
.btn__accent.sli-security:hover .btn__text::after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.btn__accent.sli-security .btn__text::before {
  width: 25px;
  height: 31px;
  background: url(/assets/img/home/ico_slider_cnt03.png) center/cover no-repeat;
}
.btn__accent .btn__text {
  margin-left: 70px;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  padding-right: 72px;
  min-height: 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .btn__accent .btn__text {
    font-size: 14px;
    margin-left: 34px;
    padding-left: 5px;
    padding-right: 31px;
    min-height: 27px;
  }
}
.btn__accent .btn__text:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 26px;
  background: url(/assets/img/home/ico_hero_btn.webp) center/cover no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -45px;
  margin: auto 0;
}
@media screen and (max-width: 768px) {
  .btn__accent .btn__text:before {
    left: -33px;
  }
}
.btn__accent .btn__text:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .btn__accent .btn__text:after {
    right: 0;
  }
}

.btn__primary {
  display: block;
  height: 100%;
  color: #fff;
  background-color: #043D78;
  border: 1px solid #043d78;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .btn__primary {
    font-size: 17px;
    letter-spacing: 0.04em;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 23px;
  }
}
.btn__primary:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_arrow_white_btn.webp) center/cover no-repeat;
  width: 29px;
  height: 7.5px;
  position: absolute;
  right: 14px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  .btn__primary:hover {
    background-color: #fff;
  }
  .btn__primary:hover span {
    color: #043D78;
  }
  .btn__primary:hover:after {
    background: url(/assets/img/ico_arrow_blue_btn.webp) center/cover no-repeat;
    right: 5px;
  }
}

.btn__primary--contact {
  color: #043D78;
  background-color: #fff;
  border: none;
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 22px;
  padding-right: 16px;
}
@media screen and (max-width: 768px) {
  .btn__primary--contact {
    font-size: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 31px;
  }
}
.btn__primary--contact:before {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_mail_blue@2x.webp) center/cover no-repeat;
  width: 29px;
  height: 19px;
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .btn__primary--contact:before {
    width: 26px;
    height: 17px;
    margin-right: 9px;
  }
}
.btn__primary--contact:after {
  background: url(/assets/img/ico_arrow_blue_btn.webp) center/cover no-repeat;
  right: 21px;
}
@media screen and (min-width: 769px) {
  .btn__primary--contact:hover {
    background-color: #043D78;
    color: #fff;
  }
  .btn__primary--contact:hover:before {
    background: url(/assets/img/ico_mail_white@2x.webp) center/cover no-repeat;
  }
  .btn__primary--contact:hover:after {
    background: url(/assets/img/ico_arrow_white_btn.webp) center/cover no-repeat;
  }
}

.btn__primary--service:after {
  width: 21px;
}

@media screen and (max-width: 768px) {
  .btn__primary--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .btn__primary--document {
    font-size: 16px;
  }
}

.btn__grade a,
.btn__grade button {
  display: block;
  width: 100%;
  height: 54px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
}
@media screen and (max-width: 768px) {
  .btn__grade a,
.btn__grade button {
    height: 54px;
  }
}
.btn__grade a span,
.btn__grade button span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .btn__grade a span,
.btn__grade button span {
    font-size: 15px;
  }
}
.btn__grade a span::after,
.btn__grade button span::after {
  content: "";
  width: 28px;
  height: 29px;
  background: url(/assets/img/arrow_btn-white.png) center/cover no-repeat;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  .btn__grade a:hover span,
.btn__grade button:hover span {
    background: #fff;
  }
}

.blogTop__btn {
  width: 230px;
}
@media screen and (max-width: 768px) {
  .blogTop__btn {
    width: 194px;
  }
}
.blogTop__btn a,
.blogTop__btn button {
  height: 50px;
}
@media screen and (max-width: 768px) {
  .blogTop__btn a,
.blogTop__btn button {
    height: 50px;
  }
}
.blogTop__btn a,
.blogTop__btn button {
  background: #2a98f7;
  background: transparent -webkit-linear-gradient(142deg, #2a98f7 0%, #043d78 100%) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(142deg, #2a98f7 0%, #043d78 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(308deg, #2a98f7 0%, #043d78 100%) 0% 0% no-repeat padding-box;
  cursor: pointer;
  display: block;
}
.blogTop__btn a span,
.blogTop__btn button span {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .blogTop__btn a span,
.blogTop__btn button span {
    font-size: 13px;
  }
}
.blogTop__btn a span::after,
.blogTop__btn button span::after {
  margin-right: -10px;
  width: 41px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .blogTop__btn a span::after,
.blogTop__btn button span::after {
    margin-right: -2px;
    width: 27px;
    height: 26px;
  }
}
@media screen and (min-width: 769px) {
  .blogTop__btn a:hover span,
.blogTop__btn button:hover span {
    color: #3BB8D4;
  }
  .blogTop__btn a:hover span::before,
.blogTop__btn button:hover span::before {
    background: url(/assets/img/arrow_btn-blue.png) center/cover no-repeat;
  }
}

.more__link {
  color: #043D78;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .more__link {
    font-size: 13px;
  }
}
.more__link a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #043D78;
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  .more__link a:hover {
    opacity: 0.6;
  }
}
.more__link a:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_arrow_middle.webp) center/cover no-repeat;
  width: 20px;
  height: 7px;
  margin-left: 10px;
}
.more__link.arrow__short {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.more__link.arrow__short:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_arrow_short.webp) center/cover no-repeat;
  width: 17px;
  height: 6px;
  margin-left: 14px;
}

.seeAll__link {
  color: #043D78;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.04em;
}
.seeAll__link a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #043D78;
}
@media screen and (max-width: 768px) {
  .seeAll__link a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .seeAll__link a:hover {
    opacity: 0.6;
  }
}
.seeAll__link a:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_arrow_middle.webp) center/cover no-repeat;
  width: 16px;
  height: 6px;
  margin-left: 15px;
}
.seeAll__link.arrow__short {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.seeAll__link.arrow__short:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_arrow_short.webp) center/cover no-repeat;
  width: 17px;
  height: 6px;
  margin-left: 14px;
}

.btn__topBtn {
  position: absolute;
  top: -116px;
  right: 0;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
@media screen and (max-width: 768px) {
  .btn__topBtn {
    top: -82px;
    right: 10px;
  }
}
.btn__topBtn a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #043D78;
  cursor: pointer;
}
.btn__topBtn a:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.btn--hamburger {
  position: absolute;
  top: 20px;
  left: 17px;
  z-index: 1;
  width: 27px;
  height: 21px;
  background-color: transparent;
}

.btn--hamburger__line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 28px;
  height: 2.5px;
  background-color: #043D78;
}

.btn--hamburger__line:before,
.btn--hamburger__line:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: inherit;
  content: "";
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.btn--hamburger__line:before {
  top: -9px;
}

.btn--hamburger__line:after {
  top: 9px;
}

.is-active-drawer .btn--hamburger__line {
  background-color: transparent;
}

.is-active-drawer .btn--hamburger__line:before,
.is-active-drawer .btn--hamburger__line:after {
  top: 0;
  background-color: #043D78;
}

.is-active-drawer .btn--hamburger__line:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.is-active-drawer .btn--hamburger__line:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  .is-active-drawer .headerBoxSmall {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
}

/**
** メイン
*/
.main {
  margin-top: 95px;
}
@media screen and (max-width: 768px) {
  .main {
    margin-top: 55px;
  }
}

/**
** ヘッダー
*/
.overlay__menuBg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vw;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 12;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.overlay__menuBg.show {
  opacity: 1;
  visibility: visible;
}

.header {
  background-color: rgb(255, 255, 255);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 13;
  height: 95px;
  min-width: 1200px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .header {
    height: 62px;
    min-width: auto;
    z-index: 99;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
  }
}
.header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .header__inner {
    display: block;
    width: 100%;
  }
}
.header__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .header__wrapper {
    background-color: #fff;
    display: block;
    width: 100%;
    padding-top: 68px;
  }
}
.header__logo {
  width: 182px;
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .header__logo {
    width: 151px;
    margin-left: 13px;
    z-index: 10;
  }
}

.is-active-header .header {
  background-color: rgba(255, 255, 255, 0.85);
}

.headerNav {
  margin-right: 30px;
  width: 615px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .headerNav {
    display: block;
    width: 100%;
  }
}
.headerNav__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .headerNav__inner {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 34px;
  }
}
.headerNav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .headerNav__list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
.headerNav__item + .headerNav__item {
  border-left: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  .headerNav__item + .headerNav__item {
    border: none;
  }
}
@media screen and (max-width: 768px) {
  .headerNav__item {
    width: 50%;
  }
}
.headerNav__item a {
  display: block;
  font-size: 13px;
  color: #333;
  padding: 0 12px;
}
@media screen and (max-width: 768px) {
  .headerNav__item a {
    padding: 0;
    width: 100%;
    font-size: 18px;
  }
}
@media screen and (min-width: 769px) {
  .headerNav__item a:hover {
    opacity: 0.6;
  }
}
.headerNav__item:last-child {
  position: relative;
}
.headerNav__item:last-child a:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_header_link.webp) center/cover no-repeat;
  width: 8px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .headerNav__item:last-child a:after {
    right: auto;
    left: 81px;
    width: 15px;
    height: 15px;
    background: url(/assets/img/ico_header_link.webp) center/11px no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .headerNavRecruit {
    padding: 0 20px;
    margin-top: 28px;
    padding-bottom: 26px;
  }
}
.headerNavRecruit__text {
  margin: 0 20px 0 14px;
}
@media screen and (max-width: 768px) {
  .headerNavRecruit__text {
    margin: 0;
  }
}
.headerNavRecruit__text a {
  display: block;
  font-size: 13px;
  color: #333;
  letter-spacing: -0.02em;
  padding: 3px 8px;
  border: 1px solid #999;
  border-radius: 2px;
  line-height: 18px;
  text-replace: auto;
}
@media screen and (max-width: 768px) {
  .headerNavRecruit__text a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    letter-spacing: -0.02em;
    padding: 15px 0;
  }
}
@media screen and (min-width: 769px) {
  .headerNavRecruit__text a:hover {
    background-color: #043d78;
    border: 1px solid #043d78;
    color: #fff;
  }
}
.headerNavTel {
  margin-right: 6px;
}
@media screen and (max-width: 768px) {
  .headerNavTel {
    margin-right: 23px;
  }
}
.headerNavTel__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .headerNavTel__wrapper {
    border-top: 1px solid #CCCCCC;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 22px 0;
  }
}
.headerNavTel__text a {
  font-size: 21px;
  font-weight: bold;
  color: #043D78;
}
.headerNavTel__text a:before {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_header_tel.webp) center/cover no-repeat;
  width: 14px;
  height: 18px;
  margin-right: 4px;
}
@media screen and (min-width: 769px) {
  .headerNavTel__text a:hover {
    opacity: 0.6;
  }
}
.headerNavTime__text {
  color: #225386;
  font-weight: 400;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .header__overflow {
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  }
}

/**
** グローバルナビ
*/
.gNav {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 768px) {
  .gNav {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    margin-top: 20px;
  }
}
.gNav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .gNav__list {
    display: block;
  }
}
.gNav__item + .gNav__item {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .gNav__item + .gNav__item {
    margin-left: 0;
    border-top: 1px solid #CCCCCC;
  }
}
.gNav__item:nth-child(2) {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .gNav__item > a {
    padding: 20px 0;
  }
}
.gNav__item a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding-bottom: 24px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .gNav__item a {
    display: block;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 20px;
  }
}
.gNav__item > a::before {
  content: "";
  width: 100%;
  height: 0;
  background: #043D78;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .gNav__item > a::before {
    display: none;
  }
}
.gNav__item > a:hover::before {
  height: 4px;
  opacity: 1;
}
.gNav__item.current > a::before {
  height: 4px;
  opacity: 1;
}
.gNav__item.home {
  display: none;
}
@media screen and (max-width: 768px) {
  .gNav__item.home {
    display: block;
  }
}

.gNav__item--sub a {
  position: relative;
}
@media screen and (max-width: 768px) {
  .gNav__item--sub a:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #043D78;
    border-right: 2px solid #043D78;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 18px;
    right: 4px;
  }
}
@media screen and (max-width: 768px) {
  .gNav__item--sub a.is-accordion:after {
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
    top: 23px;
  }
}

/**
** メガメニュー
*/
.subNav {
  width: 100%;
  display: none;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .subNav {
    opacity: 1;
    visibility: visible;
    display: none;
    position: static;
    overflow: visible;
    padding-left: 20px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.subNav::before {
  content: "";
  width: 100%;
  height: 24px;
  position: absolute;
  top: -24px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .subNav::before {
    display: none;
  }
}
.subNav__inner {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .subNav__inner {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
.subNav__headline > a {
  position: relative;
}
@media screen and (max-width: 768px) {
  .subNav__headline > a {
    padding: 12px 0;
  }
}
.subNav__headline > a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .subNav__headline > a:hover {
    opacity: 1;
  }
}
.subNav__headline > a::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/mega/ico_arrow@2x.png) center/cover no-repeat;
  width: 17px;
  height: 6px;
  position: absolute;
  top: -9px;
  bottom: 0;
  margin: auto 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .subNav__headline > a::after {
    content: none;
  }
}
.subNav__headline a {
  font-weight: bold;
  color: #043D78;
  font-size: 16px;
  padding-bottom: 10px;
  display: block;
}
@media screen and (max-width: 768px) {
  .subNav__headline a {
    color: #333;
  }
}
.subNav__headline--border {
  border-bottom: 1px solid #6582A2;
}
@media screen and (max-width: 768px) {
  .subNav__headline--border {
    border-bottom: none;
  }
}
.subNav__headline.--noArrow > a::after {
  content: none;
}
.subNav.show {
  opacity: 1;
  visibility: visible;
}
.subNav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .subNav__list {
    display: block;
    margin-bottom: 16px;
  }
}
.subNav .child__list {
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .subNav .child__list {
    margin-top: 6px;
  }
}
.subNav .child__item > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.subNav .child__item a {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  padding: 8px 0;
  min-height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .subNav .child__item a {
    min-height: auto;
    font-weight: 400;
    font-size: 14px;
  }
}
.subNav .child__item a br {
  display: none;
}
@media screen and (max-width: 768px) {
  .subNav .child__item a:before {
    content: "-";
    display: inline-block;
    margin-right: 4px;
  }
}
.subNav .child__item a::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/mega/ico_arrow@2x.png) center/cover no-repeat;
  width: 17px;
  height: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .subNav .child__item a::after {
    content: none;
  }
}
@media screen and (min-width: 769px) {
  .subNav .child__item a:hover {
    opacity: 0.6;
  }
}
.subNav .child__pic {
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 768px) {
  .subNav .child__pic {
    display: none;
  }
}
.subNav .child__text {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  margin-left: 4px;
  width: calc(100% - 34px - 24px);
}
@media screen and (max-width: 768px) {
  .subNav .child__text {
    margin-left: 0;
    font-weight: 400;
    font-size: 14px;
  }
}

.subNav--introduce .subNav__inner {
  padding: 48px 0 52px;
}
@media screen and (max-width: 768px) {
  .subNav--introduce .subNav__inner {
    padding: 0;
  }
}

.subNav--blog .subNav__inner {
  padding: 52px 0 68px;
}
@media screen and (max-width: 768px) {
  .subNav--blog .subNav__inner {
    padding: 0;
  }
}
.subNav--blog .subNav__headline a {
  padding-bottom: 14px;
}
.subNav--blog .subNav__headline a:hover {
  opacity: 1;
}
.subNav--blog .subNav__item--full {
  width: 825px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .subNav--blog .subNav__item--full {
    width: 100%;
  }
}
.subNav--blog .subNav__item--full .child__item + .child__item {
  margin-left: 111px;
}
@media screen and (max-width: 768px) {
  .subNav--blog .subNav__item--full .child__item + .child__item {
    margin-left: 0;
  }
}
.subNav--blog .subNav__item--full .child__list {
  margin-top: 0;
}
.subNav--blog .subNav__item--full .child__item a {
  width: 356px;
}
@media screen and (max-width: 768px) {
  .subNav--blog .subNav__item--full .child__item a {
    width: 100%;
  }
}
.subNav--blog .subNav__item--full .child__pic {
  width: 225px;
  height: 90px;
}
.subNav--blog .subNav__item--full .child__text {
  width: 99px;
  margin-left: 15px;
}

.subNav__item--short2 .child__item,
.subNav__item--short1 .child__item,
.subNav__item--middle .child__item {
  border-top: 1px solid #DFE9F2;
}
@media screen and (max-width: 768px) {
  .subNav__item--short2 .child__item,
.subNav__item--short1 .child__item,
.subNav__item--middle .child__item {
    border-top: none;
  }
}
.subNav__item--short2 .child__item:first-child,
.subNav__item--short1 .child__item:first-child,
.subNav__item--middle .child__item:first-child {
  border-top: none;
}

.subNav__item--short2 {
  margin-right: 51px;
  width: 172px;
}
@media screen and (max-width: 768px) {
  .subNav__item--short2 {
    margin-right: 0;
    width: 100%;
  }
}
.subNav__item--short2 .child__item a {
  width: 172px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .subNav__item--short2 .child__item a {
    width: 100%;
    padding: 15px 0;
  }
}

.subNav__item--middle,
.subNav__item--full {
  margin-right: 51px;
  width: 358px;
}
.subNav__item--middle .child__list,
.subNav__item--full .child__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .subNav__item--middle .child__list,
.subNav__item--full .child__list {
    display: block;
  }
}
.subNav__item--middle .child__item a,
.subNav__item--full .child__item a {
  width: 165px;
}
@media screen and (max-width: 768px) {
  .subNav__item--middle .child__item a,
.subNav__item--full .child__item a {
    width: 100%;
  }
}

.subNav__item--short1 {
  width: 165px;
}
@media screen and (max-width: 768px) {
  .subNav__item--short1 {
    margin-top: 8px;
    width: 100%;
  }
}
.subNav__item--short1 .child__item a {
  width: 165px;
}
@media screen and (max-width: 768px) {
  .subNav__item--short1 .child__item a {
    width: 100%;
    padding: 15px 0;
  }
}

@media screen and (max-width: 768px) {
  .subNav__item--middle {
    margin-top: 12px;
    width: 100%;
  }
}
.subNav__item--middle .child__item:nth-child(2n+1) {
  margin-right: 25px;
}
@media screen and (max-width: 768px) {
  .subNav__item--middle .child__item:nth-child(2n+1) {
    margin-right: 0;
  }
}
.subNav__item--middle .child__item:nth-child(2) {
  border-top: none;
}
.subNav__item--middle .child__item a {
  width: 165px;
}
@media screen and (max-width: 768px) {
  .subNav__item--middle .child__item a {
    width: 100%;
    padding: 15px 0;
  }
}

.subNav__item--full {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .subNav__item--full .subNav__headline {
    display: none;
  }
}
.subNav__item--full .child__list {
  margin-top: -8px;
}
@media screen and (max-width: 768px) {
  .subNav__item--full .child__item a {
    padding: 15px 0;
  }
}
.subNav__item--full .child__item + .child__item {
  margin-left: 56px;
}
@media screen and (max-width: 768px) {
  .subNav__item--full .child__item + .child__item {
    margin-left: 0;
  }
}
.subNav__item--full .child__item:nth-child(5n+1) {
  margin-left: 0;
}

.subNav--question .subNav__inner {
  padding: 48px 0 62px;
}
@media screen and (max-width: 768px) {
  .subNav--question .subNav__inner {
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .subNav--question .subNav__item--full {
    width: 1075px;
    margin: 0 auto;
  }
}
.subNav--question .child__item a {
  width: 170px;
}
@media screen and (max-width: 768px) {
  .subNav--question .child__item a {
    width: 100%;
  }
}

/**
** ヘッダーボックス
*/
.headerBox + .headerBox {
  margin-left: 1px;
}
@media screen and (max-width: 768px) {
  .headerBox + .headerBox {
    margin-left: 0;
    margin-top: 2px;
  }
}

.headerBox {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.headerBox a {
  color: #fff;
  font-size: 13px;
  display: block;
  width: 109px;
  height: 95px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .headerBox a {
    width: 100%;
    height: 61px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.headerBox__pic {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media screen and (max-width: 768px) {
  .headerBox__pic {
    position: static;
  }
}
.headerBox__pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.headerBox__pic .off {
  z-index: 1;
}
.headerBox__text {
  padding-top: 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .headerBox__text {
    padding: 0;
    text-align: left;
    font-size: 19px;
  }
}

.headerBox--contact a {
  letter-spacing: 0.05em;
  background-color: #6FB0F4;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  .headerBox--contact a:hover {
    opacity: 0.6;
  }
}
.headerBox--contact .headerBox__pic {
  width: 28px;
  height: 20px;
  top: 25px;
}

.headerBox--document a {
  background-color: #043D78;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .headerBox--document a:hover {
    opacity: 0.6;
  }
}
.headerBox--document .headerBox__pic {
  width: 20px;
  height: 26px;
  top: 21px;
}
@media screen and (max-width: 768px) {
  .headerBox--document .headerBox__pic {
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .headerBox--document .headerBox__text {
    margin-right: 17px;
  }
}

@media screen and (max-width: 768px) {
  .headerBox--search {
    display: none;
  }
}
.headerBox--search a {
  background-color: #356393;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .headerBox--search a:hover {
    opacity: 0.6;
  }
}
.headerBox--search .headerBox__pic {
  width: 27px;
  height: 27px;
  top: 19px;
}

.headerBox--close {
  display: none;
}
@media screen and (max-width: 768px) {
  .headerBox--close {
    display: block;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    padding: 21px 0 100px;
  }
}
.headerBox--close .text {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .headerBox--close .text:before, .headerBox--close .text:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 16px;
    background-color: #333333;
    position: absolute;
    top: 15%;
    left: -20px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .headerBox--close .text:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .headerBox--close .text:after {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}

@media screen and (max-width: 768px) {
  .header__spArea {
    width: 100%;
    height: 62px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 99;
  }
}

@media screen and (max-width: 768px) {
  .is-active-drawer .header__spArea {
    background-color: rgba(255, 255, 255, 0.85);
  }
}

@media screen and (max-width: 768px) {
  .headerSmall__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 67px;
  }
}

.headerBoxSmall {
  display: none;
}
@media screen and (max-width: 768px) {
  .headerBoxSmall {
    display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
}
.headerBoxSmall a {
  color: #fff;
  font-size: 13px;
  display: block;
  width: 67px;
  height: 62px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .headerBoxSmall a:hover {
    opacity: 0.6;
  }
}
.headerBoxSmall__pic {
  text-align: center;
}
.headerBoxSmall__text {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .headerBoxSmall__text {
    font-size: 9px;
  }
}

.headerBoxSmall--contact a {
  letter-spacing: 0.05em;
  background-color: #6FB0F4;
}
.headerBoxSmall--contact .headerBoxSmall__pic {
  padding-top: 14px;
  padding-bottom: 9px;
}
.headerBoxSmall--contact .headerBoxSmall__pic img {
  width: 23px;
}
.headerBoxSmall--contact .headerBoxSmall__text {
  letter-spacing: -0.052em;
}

.headerBoxSmall--tel a {
  background-color: #043D78;
  letter-spacing: 0.1em;
}
.headerBoxSmall--tel .headerBoxSmall__pic {
  padding-top: 11px;
  padding-bottom: 8px;
}
.headerBoxSmall--tel .headerBoxSmall__pic img {
  width: 16px;
}
.headerBoxSmall--tel .headerBoxSmall__text {
  letter-spacing: 0.15em;
}

.header__hamburger {
  display: none;
}
@media screen and (max-width: 768px) {
  .header__hamburger {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 67px;
    height: 62px;
    background-color: #fff;
    z-index: 100;
  }
}

.header__search {
  display: none;
  position: fixed;
  top: 95px;
  right: 0;
  width: 329px;
  padding: 18px 60px 20px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 14px solid #356393;
}
@media screen and (max-width: 768px) {
  .header__search {
    display: block;
    position: relative;
    top: auto;
    padding: 0 20px;
    width: 100%;
    border: none;
  }
}
.header__search :before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 36px;
  background-color: #7594B5;
  position: absolute;
  top: 50%;
  right: -7px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .header__search :before {
    right: 43px;
    border-color: #333;
  }
}
.header__search form {
  position: relative;
}
@media screen and (max-width: 768px) {
  .header__search form {
    border: 1px solid #999;
  }
}
.header__search input[type=text] {
  font-size: 12px;
  outline: none;
  letter-spacing: 0.1em;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .header__search input[type=text] {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid #6FB0F4;
    padding: 16px 62px 15px 15px;
    border: none;
    font-size: 16px;
  }
}
.header__search input[type=text]::-webkit-input-placeholder {
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
.header__search input[type=text]::-moz-placeholder {
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
.header__search input[type=text]:-ms-input-placeholder {
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
.header__search input[type=text]::-ms-input-placeholder {
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
.header__search input[type=text]::placeholder {
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .header__search input[type=text]::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #999;
  }
  .header__search input[type=text]::-moz-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #999;
  }
  .header__search input[type=text]:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #999;
  }
  .header__search input[type=text]::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #999;
  }
  .header__search input[type=text]::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #999;
  }
}
.header__search input[type=submit] {
  width: 27px;
  height: 27px;
  background: url(/assets/img/ico_header_search_color@2x.webp) center/cover no-repeat;
  position: absolute;
  top: 50%;
  right: -45px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .header__search input[type=submit] {
    background: url(/assets/img/ico_menu_search@2x.webp) center/cover no-repeat;
    right: 12px;
    width: 22px;
    height: 22px;
  }
}

/**
** フッター前 コンタクト
*/
.commonContact {
  background: url(/assets/img/img_common_contact_bg.webp) center/cover no-repeat;
  padding-top: 95px;
  padding-bottom: 100px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .commonContact {
    background: url(/assets/img/img_common_contact_bg_sp.webp) center/cover no-repeat;
    padding-top: 67px;
    padding-bottom: 68px;
  }
}
.commonContact__headline {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .commonContact__headline {
    font-size: 17px;
    line-height: 25px;
  }
}
.commonContact__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 63px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .commonContact__inner {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    margin-top: 20px;
  }
}
.commonContact__btn + .commonContact__btn {
  margin-left: 36px;
}
@media screen and (max-width: 768px) {
  .commonContact__btn + .commonContact__btn {
    margin-left: 0;
    margin-top: 11px;
  }
}
.commonContact__btn {
  width: 532px;
  -webkit-box-shadow: 0px 0px 16px rgba(98, 98, 98, 0.19);
          box-shadow: 0px 0px 16px rgba(98, 98, 98, 0.19);
}
@media screen and (max-width: 768px) {
  .commonContact__btn {
    width: 100%;
  }
}
.commonContact__btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 97px;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .commonContact__btn a {
    height: 65px;
  }
}
.commonContact__btn--contact a:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_arrow_cta@2x.webp) center/cover no-repeat;
  width: 25px;
  height: 9px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 35px;
  margin: auto 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.commonContact__tel {
  font-size: 26px;
  font-weight: 700;
  color: #333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .commonContact__tel {
    font-size: 19px;
  }
}
.commonContact__tel:before {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_footer_tel.webp) center/cover no-repeat;
  width: 19px;
  height: 24px;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .commonContact__tel:before {
    background: url(/assets/img/ico_footer_tel_sp.webp) center/cover no-repeat;
    width: 22px;
    height: 22px;
  }
}
.commonContact__time {
  font-size: 12px;
  color: #333;
  margin-top: 8px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .commonContact__time {
    margin-top: 6px;
  }
}
.commonContact__contact {
  font-size: 22px;
  font-weight: 700;
  color: #333;
}
@media screen and (max-width: 768px) {
  .commonContact__contact {
    font-size: 19px;
  }
}
.commonContact__contact:before {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_footer_mail.webp) center/cover no-repeat;
  width: 29px;
  height: 19px;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .commonContact__contact:before {
    background: url(/assets/img/ico_footer_mail_sp.webp) center/cover no-repeat;
    width: 25px;
    height: 17px;
  }
}

.commonContact--partner {
  background: url(/assets/img/partner/img_cta_partner@2x.webp) center/cover no-repeat;
}
.commonContact--partner .commonContact__headline {
  color: #fff;
}

.commonContact__btn a:hover {
  background-color: #333;
}
.commonContact__btn a:hover .commonContact__tel, .commonContact__btn a:hover .commonContact__contact, .commonContact__btn a:hover .commonContact__time {
  color: #fff;
}
.commonContact__btn a:hover .commonContact__tel:before {
  background: url(/assets/img/ico_footer_tel_white.webp) center/cover no-repeat;
}
.commonContact__btn a:hover .commonContact__contact:before {
  background: url(/assets/img/ico_footer_mail_white.webp) center/cover no-repeat;
}

.commonContact__btn--contact a:hover:after {
  background: url(/assets/img/ico_arrow_cta_white@2x.webp) center/cover no-repeat;
  right: 15px;
}

/**
** 会社一覧
*/
.clientCompany {
  padding-top: 62px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .clientCompany {
    padding-top: 45px;
  }
}
.clientCompany__inner {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .clientCompany__inner {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.clientCompany__text {
  margin-top: 41px;
  line-height: 33px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .clientCompany__text {
    text-align: left;
    margin-top: 30px;
    letter-spacing: 0.06em;
    line-height: 30px;
  }
}
.clientCompany__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 43px;
}
@media screen and (max-width: 768px) {
  .clientCompany__list {
    margin-top: 12px;
  }
}
.clientCompany__item {
  width: 195px;
  margin-top: 12px;
}
@media screen and (min-width: 769px) {
  .clientCompany__item {
    margin-left: 6px;
  }
}
@media screen and (max-width: 768px) {
  .clientCompany__item {
    width: 31%;
    margin-left: 10px;
  }
}
.clientCompany__item a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  .clientCompany__item a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .clientCompany__item:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 769px) {
  .clientCompany__item:nth-child(6n+1) {
    margin-left: 0;
  }
}

/**
** 教育に関する導入事例
*/
.clientCase {
  position: relative;
  padding-top: 90px;
  padding-bottom: 143px;
}
@media screen and (max-width: 768px) {
  .clientCase {
    padding-top: 80px;
    padding-bottom: 58px;
  }
}
.clientCase__headline {
  color: #043D78;
  font-size: 28px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .clientCase__headline {
    font-size: 23px;
    margin-bottom: 24px;
  }
}
.clientCaseArticle__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: -26px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .clientCaseArticle__wrapper {
    margin-top: 31px;
    display: block;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .clientCaseArticle + .clientCaseArticle {
    margin-top: 33px;
  }
}
.clientCaseArticle {
  width: 384px;
  position: relative;
  margin-left: 20px;
  margin-top: 69px;
}
@media screen and (max-width: 768px) {
  .clientCaseArticle {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 16px;
    margin-left: 0;
    margin-top: 0;
  }
}
.clientCaseArticle:nth-child(3n+1) {
  margin-left: 0;
}
.clientCaseArticle a {
  color: #333;
}
@media screen and (min-width: 769px) {
  .clientCaseArticle a:hover {
    opacity: 0.6;
  }
}
.clientCaseArticle__label {
  position: absolute;
  top: 0;
  left: 0;
}
.clientCaseArticle__label a {
  color: #fff;
  background-color: #043D78;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  padding: 7px 16.5px;
}
@media screen and (min-width: 769px) {
  .clientCaseArticle__label a:hover {
    opacity: 0.6;
  }
}
.clientCaseArticle__body {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .clientCaseArticle__body {
    padding-top: 3px;
    min-height: 163px;
  }
}
.clientCaseArticle__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .clientCaseArticle__head {
    margin-top: 10px;
  }
}
.clientCaseArticle__logo {
  width: 71px;
}
.clientCaseArticle__headline {
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  width: 285px;
  margin-left: 13px;
  color: #666;
}
.clientCaseArticle__pic {
  width: 384px;
  height: 210px;
}
@media screen and (max-width: 768px) {
  .clientCaseArticle__pic {
    width: 100%;
    height: 49vw;
  }
}
.clientCaseArticle__text {
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .clientCaseArticle__text {
    font-size: 16px;
    line-height: 25px;
  }
}
.clientCase__seeAll {
  position: absolute;
  top: 96px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .clientCase__seeAll {
    top: auto;
    bottom: 53px;
    left: 0;
  }
}

.clientCase--result {
  padding-top: 106px;
}
@media screen and (max-width: 768px) {
  .clientCase--result {
    padding-top: 46px;
    padding-bottom: 42px;
  }
}
.clientCase--result .clientCaseArticle__body {
  min-height: auto;
}

/**
** カテゴリーリスト
*/
.category__define {
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  .category__define {
    margin-top: 21px;
  }
}
.category__define dl + dl {
  margin-top: 8px;
}
.category__define dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.category__define dt {
  width: 82px;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  color: #666666;
}
@media screen and (max-width: 768px) {
  .category__define dt {
    line-height: 17px;
  }
}
.category__define .industry {
  letter-spacing: 0.2em;
}
.category__define dd {
  width: calc(100% - 82px);
}
.category__define dd a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #043D78;
}
@media screen and (max-width: 768px) {
  .category__define dd a {
    font-size: 12px;
    line-height: 17px;
  }
}

/**
** フッター
*/
.footer {
  background-color: #043D78;
  padding-top: 66px;
  clear: both;
}
@media screen and (max-width: 768px) {
  .footer {
    padding-top: 32px;
  }
}
.footer__inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .footer__inner {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
.footer__logo {
  width: 256px;
}
@media screen and (max-width: 768px) {
  .footer__logo {
    width: 128px;
  }
}
.footer__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 92px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .footer__flex {
    display: block;
    margin-top: 20px;
  }
}
.footerNav {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 818px;
}
@media screen and (max-width: 768px) {
  .footerNav {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .footerNav__list {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.footerNav__list:last-child {
  border: none;
}
.footerNav__list--first .footerNav__item {
  width: 206px;
}
@media screen and (max-width: 768px) {
  .footerNav__list--first .footerNav__item {
    width: 100%;
  }
}
.footerNav__list--second .footerNav__item {
  width: 193px;
}
@media screen and (max-width: 768px) {
  .footerNav__list--second .footerNav__item {
    width: 100%;
  }
}
.footerNav__list--third .footerNav__item {
  width: 243px;
}
@media screen and (max-width: 768px) {
  .footerNav__list--third .footerNav__item {
    width: 100%;
  }
}
.footerNav__list--forth .footerNav__item {
  width: 176px;
}
@media screen and (max-width: 768px) {
  .footerNav__list--forth .footerNav__item {
    width: 100%;
  }
}
.footerNav__item {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .footerNav__item {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.footerNav__item a {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .footerNav__item a {
    padding: 17px 0;
  }
}
.footerNav__item a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .footerNav__item a:hover {
    opacity: 1;
  }
}
.footerNav__item:last-child {
  border: none;
}
.footerNav__subList {
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  .footerNav__subList {
    display: none;
    margin-top: 0;
    padding-bottom: 16px;
  }
}
.footerNav__subItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .footerNav__subItem {
    font-size: 14px;
  }
}
.footerNav__subItem a {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .footerNav__subItem a {
    padding: 3px 0;
  }
}
.footerNav__subItem:before {
  content: "-";
  color: #fff;
  margin-right: 6px;
}
.footerPartner {
  width: 450px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .footerPartner {
    width: 100%;
    position: static;
    margin-top: 42px;
  }
}
.footerPartner__text a {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  display: block;
  padding: 27px 87px;
  background: url(/assets/img/img_footer_partner_bg.webp) center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .footerPartner__text a {
    font-size: 15px;
    padding: 22px 0;
    text-align: center;
    background: url(/assets/img/img_footer_partner_bg_sp.webp) center/cover no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .footerPartner__text a:hover {
    opacity: 0.6;
  }
}
.footerSNS {
  margin-right: 106px;
}
@media screen and (max-width: 768px) {
  .footerSNS {
    margin-right: 0;
  }
}
.footerSNS__btn + .footerSNS__btn {
  margin-top: 10px;
}
.footerSNS__btn {
  border: 1px solid rgba(255, 255, 255, 0.6);
  width: 276px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .footerSNS__btn {
    margin-top: 16px;
    width: 100%;
  }
}
.footerSNS__btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .footerSNS__btn a {
    padding: 15px;
  }
}
.footerSNS__btn a:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_outer_link.webp) center/cover no-repeat;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
  opacity: 1;
}
.footerSNS__btn a:before {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_outer_link_blue.webp) center/cover no-repeat;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .footerSNS__btn a:hover {
    background-color: #fff;
  }
  .footerSNS__btn a:hover .footerSNS__text {
    color: #043D78;
  }
  .footerSNS__btn a:hover:after {
    opacity: 0;
  }
  .footerSNS__btn a:hover:before {
    opacity: 1;
  }
}
.footerSNS__pic {
  width: 27px;
  margin-right: 17px;
}
.footerSNS__text {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .footerSNS__text {
    font-size: 16px;
  }
}
.footerISMS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 68px;
}
@media screen and (max-width: 768px) {
  .footerISMS {
    padding-top: 31px;
    padding-bottom: 20px;
  }
}
.footerISMS__pic {
  width: 58px;
}
.footerISMS__text {
  width: 195px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  margin-left: 14px;
}
.footer__copy {
  border-top: 1px solid #9AB1C8;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 22px 0;
}
@media screen and (max-width: 768px) {
  .footer__copy {
    padding: 16px 0;
    font-size: 10px;
  }
}
.footerNav__accordion {
  position: relative;
}
@media screen and (max-width: 768px) {
  .footerNav__accordion:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 16px;
    right: 4px;
  }
}
@media screen and (max-width: 768px) {
  .footerNav__accordion.is-accordion:after {
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
    top: 20px;
  }
}

/**
** タブ
*/
.js-tab-inner {
  display: none;
}
.js-tab-inner.current {
  display: block;
}

/**
** スクロールでフェードイン
*/
.js-fadeIn {
  opacity: 0;
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transform: translate(0, 30px);
      -ms-transform: translate(0, 30px);
          transform: translate(0, 30px);
}

.js-fadeIn.scrollIn {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

/*
** パンクズナビ
*/
.breadcrumb {
  background: #F5FAFD;
}
.breadcrumbList {
  width: 1200px;
  margin: 0 auto;
  padding: 17px 0;
}
@media screen and (max-width: 768px) {
  .breadcrumbList {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    white-space: nowrap;
    overflow-x: scroll;
  }
}
.breadcrumbList__item {
  display: inline;
  font-size: 11px;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .breadcrumbList__item {
    font-size: 10px;
  }
}
.breadcrumbList__item::after {
  content: "/";
  margin: 0 2px;
}
.breadcrumbList__item br {
  display: none;
}
.breadcrumbList__item a {
  color: #333333;
}
@media screen and (min-width: 769px) {
  .breadcrumbList__item a:hover {
    text-decoration: underline;
  }
}
.breadcrumbList__item:last-child::after {
  display: none;
}

/*
** 固定ページ
*/
.contents__wrapper--page {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contents__wrapper--page {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 30px 20px 30px;
  }
}
.contents__wrapper--page .content {
  padding-top: 61px;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .contents__wrapper--page .content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
  }
}

.contents__wrapper--sidebar {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .contents__wrapper--sidebar {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 30px 20px 40px;
  }
}
.contents__wrapper--sidebar .content {
  width: 826px;
  padding-top: 72px;
}
@media screen and (max-width: 768px) {
  .contents__wrapper--sidebar .content {
    width: 100%;
  }
}
.contents__wrapper--sidebar #blockEditor.parts .deco__table table tbody {
  width: 826px;
}
.contents__wrapper--sidebar #blockEditor.parts .wp-block-columns.has-background .deco__table table tbody {
  width: 786px;
}
.contents__wrapper--sidebar .sidebar {
  position: absolute;
  top: 68px;
  right: 0;
  width: 310px;
}
@media screen and (max-width: 768px) {
  .contents__wrapper--sidebar .sidebar {
    position: static;
    width: 100%;
  }
}
.contents__wrapper--sidebar .sidebarService__btn {
  width: 310px;
  height: 72px;
  position: relative;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .contents__wrapper--sidebar .sidebarService__btn {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .contents__wrapper--sidebar .sidebarService__btn .btn__primary {
    padding-left: 78px;
  }
}
.contents__wrapper--sidebar .sidebarService__btn .btn__primary:before {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_question@2x.webp) center/cover no-repeat;
  width: 29px;
  height: 28px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 23px;
}
@media screen and (max-width: 768px) {
  .contents__wrapper--sidebar .sidebarService__btn .btn__primary:before {
    width: 33px;
    height: 32px;
    left: 18px;
  }
}
.contents__wrapper--sidebar .sidebar.fixed {
  position: fixed;
  top: 130px;
  right: auto;
  margin-left: 890px;
}
.contents__wrapper--sidebar .sidebar.stop {
  position: absolute;
  top: auto;
  bottom: 107px;
  right: 0;
  margin: 0;
}

/*
** メインビジュアル（下層ページ）
*/
.heroLower {
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .heroLower {
    height: 120px;
  }
}
.heroLower__inner {
  width: 1200px;
  position: relative;
  height: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .heroLower__inner {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
.heroLower__body {
  position: absolute;
  top: 46%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .heroLower__body {
    left: 20px;
    top: 47%;
  }
}
.heroLower__headline .en {
  display: block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #fff;
  margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
  .heroLower__headline .en {
    font-size: 12px;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
  }
}
.heroLower__headline .ja {
  display: block;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .heroLower__headline .ja {
    font-size: 25px;
    line-height: 25px;
  }
}
.heroLower__headline--medium .ja {
  font-size: 50px;
}
@media screen and (max-width: 768px) {
  .heroLower__headline--medium .ja {
    font-size: 22px;
  }
}
.heroLower__headline--medium span {
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .heroLower__headline--medium span {
    font-size: 15px;
  }
}

.heroLower--document {
  background: url(/assets/img/document_form/img_hero.webp) center/cover no-repeat;
}

.heroLower--staff--archive {
  background: url(/assets/img/blog/img_hero_cat@2x.webp) center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .heroLower--staff--archive {
    background: url(/assets/img/blog/img_hero_cat_staff_sp@2x.webp) center/cover no-repeat;
  }
}

.heroLower--tech--archive {
  background: url(/assets/img/blog/img_hero@2x.webp) center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .heroLower--tech--archive {
    background: url(/assets/img/blog/img_hero_tech_cat_sp@2x.webp) center/cover no-repeat;
  }
}

.heroLower--staff--detail {
  background: url(/assets/img/blog/img_staff_detail@2x.webp) center/cover no-repeat;
  height: 100px;
}
@media screen and (max-width: 768px) {
  .heroLower--staff--detail {
    background: url(/assets/img/blog/img_hero_staff_detail_sp@2x.webp) center/cover no-repeat;
    height: 66px;
  }
}

.heroLower--tech--detail {
  background: url(/assets/img/blog/img_hero_tech_detail@2x.webp) center/cover no-repeat;
  height: 100px;
}
@media screen and (max-width: 768px) {
  .heroLower--tech--detail {
    background: url(/assets/img/blog/img_horo_tech_detail_sp@2x.webp) center/cover no-repeat;
    height: 66px;
  }
}

.heroLower--faq--detail {
  background: url(/assets/img/faq/img_kv.webp) center/cover no-repeat;
}

.heroLower--results--detail {
  background: url(/assets/img/results/img_kv.webp) center/cover no-repeat;
}

.heroLower--dictionary--detail {
  background: url(/assets/img/dictionary/img_kv.webp) center/cover no-repeat;
}

.heroLower--news--detail {
  background: url(/assets/img/news/img_kv.webp) center/cover no-repeat;
}

.heroLower--form--detail {
  background: url(/assets/img/form/img_kv.webp) center/cover no-repeat;
}

.heroLower--search--detail {
  background: url(/assets/img/search/img_kv.webp) center/cover no-repeat;
}

/**
**  ブロックエディタ
*/
#blockEditor.parts {
  /**
  ** ナンバーリスト
  */
}
#blockEditor.parts h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
  color: #043D78;
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts h1 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 37px;
  }
}
#blockEditor.parts h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 42px;
  color: #043D78;
  padding-left: 24px;
  border-left: 4px solid #043D78;
  margin-top: 70px;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts h2 {
    font-size: 23px;
    line-height: 31px;
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
#blockEditor.parts h2:first-child {
  margin-top: 0;
}
#blockEditor.parts h3 {
  font-size: 28px;
  line-height: 46px;
  font-weight: 700;
  color: #043d78;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts h3 {
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 13px;
    margin-bottom: 40px;
  }
}
#blockEditor.parts h3:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background-color: #043d78;
  position: absolute;
  bottom: 0;
  left: 0;
}
#blockEditor.parts h4 {
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
  color: #043D78;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts h4 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.04em;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .gmap iframe {
    height: 217px;
  }
}
#blockEditor.parts p {
  line-height: 28px;
  letter-spacing: 0.04em;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts p {
    margin-bottom: 40px;
  }
}
#blockEditor.parts p.dummy_boldBlack {
  font-weight: bold;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts p.dummy_boldBlack {
    font-size: 23px;
    line-height: 31px;
  }
}
#blockEditor.parts iframe {
  max-width: 100%;
}
#blockEditor.parts .wp-block-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-columns {
    max-width: 100%;
    margin-bottom: 40px;
  }
}
#blockEditor.parts .wp-block-columns > .wp-block-column {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-columns > .wp-block-column {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
#blockEditor.parts .wp-block-columns > .wp-block-column > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-columns > .wp-block-column > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-columns .wp-block-column:not(:last-child) {
    margin-bottom: 30px;
  }
}
#blockEditor.parts .wp-block-column.is-vertically-aligned-center {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
#blockEditor.parts .wp-block-columns.has-background {
  padding: 25px 20px;
  -webkit-box-shadow: 2px 2px 4px rgba(27, 34, 39, 0.04);
          box-shadow: 2px 2px 4px rgba(27, 34, 39, 0.04);
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-columns.has-background {
    padding: 20px 20px;
  }
}
#blockEditor.parts .wp-block-columns.has-background .deco__table table tbody {
  width: 1160px;
}
#blockEditor.parts .wp-block-columns.has-background p,
#blockEditor.parts .wp-block-column.has-background p {
  margin-bottom: 24px;
}
#blockEditor.parts .wp-block-columns.has-background p.customMedia__label,
#blockEditor.parts .wp-block-column.has-background p.customMedia__label {
  margin-bottom: 10px;
}
#blockEditor.parts .has-black-background-color {
  background-color: #000;
}
#blockEditor.parts .has-cyan-bluish-gray-background-color {
  background-color: #abb8c3;
}
#blockEditor.parts .has-white-background-color {
  background-color: #fff;
}
#blockEditor.parts .has-pale-pink-background-color {
  background-color: #f78da7;
}
#blockEditor.parts .has-vivid-red-background-color {
  background-color: #cf2e2e;
}
#blockEditor.parts .has-luminous-vivid-orange-background-color {
  background-color: #ff6900;
}
#blockEditor.parts .has-luminous-vivid-amber-background-color {
  background-color: #fcb900;
}
#blockEditor.parts .has-light-green-cyan-background-color {
  background-color: #7bdcb5;
}
#blockEditor.parts .has-vivid-green-cyan-background-color {
  background-color: #00d084;
}
#blockEditor.parts .has-pale-cyan-blue-background-color {
  background-color: #8ed1fc;
}
#blockEditor.parts .has-vivid-cyan-blue-background-color {
  background-color: #0693e3;
}
#blockEditor.parts .has-vivid-purple-background-color {
  background-color: #9b51e0;
}
#blockEditor.parts .has-black-color {
  color: #000;
}
#blockEditor.parts .has-cyan-bluish-gray-color {
  color: #abb8c3;
}
#blockEditor.parts .has-white-color {
  color: #fff;
}
#blockEditor.parts .has-pale-pink-color {
  color: #f78da7;
}
#blockEditor.parts .has-vivid-red-color {
  color: #cf2e2e;
}
#blockEditor.parts .has-luminous-vivid-orange-color {
  color: #ff6900;
}
#blockEditor.parts .has-luminous-vivid-amber-color {
  color: #fcb900;
}
#blockEditor.parts .has-light-green-cyan-color {
  color: #7bdcb5;
}
#blockEditor.parts .has-vivid-green-cyan-color {
  color: #00d084;
}
#blockEditor.parts .has-pale-cyan-blue-color {
  color: #8ed1fc;
}
#blockEditor.parts .has-vivid-cyan-blue-color {
  color: #0693e3;
}
#blockEditor.parts .has-vivid-purple-color {
  color: #9b51e0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-column {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
}
#blockEditor.parts .wp-block-column:not(:first-child) {
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-column:not(:first-child) {
    margin-left: 0;
  }
}
#blockEditor.parts .wp-block-image {
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-image {
    margin-bottom: 40px;
  }
}
#blockEditor.parts .wp-block-buttons {
  margin-bottom: 26px;
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-buttons {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-button {
    width: 100%;
  }
}
#blockEditor.parts .wp-block-button__link {
  color: #fff;
  background-color: #043D78;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  padding: 21px 50px;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 380px;
  line-height: 18px;
  position: relative;
  border: 1px solid #043D78;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-button__link {
    width: 100%;
    min-width: auto;
    padding: 18px 45px;
  }
}
#blockEditor.parts .wp-block-button__link:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_arrow_white_btn.webp) center/cover no-repeat;
  width: 29px;
  height: 7.5px;
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  #blockEditor.parts .wp-block-button__link:hover {
    background-color: #fff;
    color: #043D78;
  }
  #blockEditor.parts .wp-block-button__link:hover:after {
    background: url(/assets/img/ico_arrow_blue_btn.webp) center/cover no-repeat;
    right: 5px;
  }
}
#blockEditor.parts .is-content-justification-center {
  text-align: center;
}
#blockEditor.parts .is-content-justification-left {
  text-align: left;
}
#blockEditor.parts .is-content-justification-right {
  text-align: right;
}
#blockEditor.parts em {
  line-height: 1.5;
  font-weight: bold;
}
#blockEditor.parts strong {
  font-weight: bold;
  color: #043D78;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #D7E7F8));
  background: -webkit-linear-gradient(transparent 60%, #D7E7F8 60%);
  background: -o-linear-gradient(transparent 60%, #D7E7F8 60%);
  background: linear-gradient(transparent 60%, #D7E7F8 60%);
}
#blockEditor.parts a {
  font-weight: bold;
  color: #043D78;
}
#blockEditor.parts .link--arrow a {
  position: relative;
  position: static;
}
#blockEditor.parts .link--arrow a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url(/assets/img/ico_arrow_blue_btn.webp) center/cover no-repeat;
  width: 29px;
  height: 8px;
  margin-left: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#blockEditor.parts ul {
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts ul {
    margin-bottom: 40px;
  }
}
#blockEditor.parts ul > li {
  position: relative;
  padding-left: 18px;
  margin-left: 7px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts ul > li {
    line-height: 28px;
    margin-left: 11px;
    padding-left: 29px;
  }
}
#blockEditor.parts ul > li:before {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  content: "";
  background: #043D78;
}
#blockEditor.parts ul li + li {
  margin-top: 20px;
}
#blockEditor.parts ul.reten > li {
  margin-left: 0;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts ul.reten > li {
    padding-left: 35px;
  }
}
#blockEditor.parts ul.reten > li:before {
  width: 19px;
  height: 19px;
  background: url(/assets/img/ico_list_check@2x.webp) center/cover no-repeat;
  top: 2px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts ul.reten > li:before {
    width: 28px;
    height: 28px;
    background: url(/assets/img/ico_list_check_sp@2x.webp) center/cover no-repeat;
  }
}
#blockEditor.parts ol {
  counter-reset: section;
  margin-bottom: 40px;
}
#blockEditor.parts ol li + li {
  margin-top: 19px;
}
#blockEditor.parts ol li {
  line-height: 24px;
  position: relative;
}
#blockEditor.parts ol > li::before {
  content: counters(section, "-") ". ";
  counter-increment: section;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  color: #043D78;
  position: absolute;
  top: 0;
  left: 0;
}
#blockEditor.parts ol > li {
  padding-left: 33px;
}
#blockEditor.parts ol ol {
  margin-bottom: 0;
}
#blockEditor.parts ol ol > li {
  padding-left: 48px;
  margin-left: 9px;
}
#blockEditor.parts ol ol > li:first-child {
  margin-top: 19px;
}
#blockEditor.parts blockquote.wp-block-quote {
  margin-bottom: 26px;
  position: relative;
  padding-left: 36px;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts blockquote.wp-block-quote {
    padding-top: 0;
    margin-bottom: 40px;
  }
}
#blockEditor.parts blockquote.wp-block-quote p {
  line-height: 28px;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts blockquote.wp-block-quote p {
    margin-bottom: 11px;
  }
}
#blockEditor.parts blockquote.wp-block-quote cite {
  font-size: 12px;
  color: #666666;
  display: block;
  text-align: right;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts blockquote.wp-block-quote cite {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.04em;
    text-align: left;
  }
}
#blockEditor.parts blockquote.wp-block-quote:before {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_quote@2x.webp) center/cover no-repeat;
  width: 24px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
#blockEditor.parts figure.wp-block-table {
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts figure.wp-block-table {
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 40px;
  }
}
#blockEditor.parts figure.wp-block table,
#blockEditor.parts figure.wp-block-table table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  display: block;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts figure.wp-block table,
#blockEditor.parts figure.wp-block-table table {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
}
#blockEditor.parts figure.wp-block table thead, #blockEditor.parts figure.wp-block table tbody, #blockEditor.parts figure.wp-block table tfoot,
#blockEditor.parts figure.wp-block-table table thead,
#blockEditor.parts figure.wp-block-table table tbody,
#blockEditor.parts figure.wp-block-table table tfoot {
  width: 100%;
  display: table;
}
#blockEditor.parts figure.wp-block table, #blockEditor.parts figure.wp-block table th, #blockEditor.parts figure.wp-block table td,
#blockEditor.parts figure.wp-block-table table,
#blockEditor.parts figure.wp-block-table table th,
#blockEditor.parts figure.wp-block-table table td {
  border: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts figure.wp-block table, #blockEditor.parts figure.wp-block table th, #blockEditor.parts figure.wp-block table td,
#blockEditor.parts figure.wp-block-table table,
#blockEditor.parts figure.wp-block-table table th,
#blockEditor.parts figure.wp-block-table table td {
    font-size: 15px;
  }
}
#blockEditor.parts figure.wp-block table tr th, #blockEditor.parts figure.wp-block table tr td,
#blockEditor.parts figure.wp-block-table table tr th,
#blockEditor.parts figure.wp-block-table table tr td {
  width: 204px;
  height: 50px;
  vertical-align: middle;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 22px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts figure.wp-block table tr th, #blockEditor.parts figure.wp-block table tr td,
#blockEditor.parts figure.wp-block-table table tr th,
#blockEditor.parts figure.wp-block-table table tr td {
    width: 171px;
    min-width: 171px;
    padding: 10px 20px;
    height: 21px;
    min-height: 21px;
  }
}
#blockEditor.parts figure.wp-block table tr th:first-child, #blockEditor.parts figure.wp-block table tr td:first-child,
#blockEditor.parts figure.wp-block-table table tr th:first-child,
#blockEditor.parts figure.wp-block-table table tr td:first-child {
  width: 153px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts figure.wp-block table tr th:first-child, #blockEditor.parts figure.wp-block table tr td:first-child,
#blockEditor.parts figure.wp-block-table table tr th:first-child,
#blockEditor.parts figure.wp-block-table table tr td:first-child {
    min-width: 102px;
    width: 102px;
    padding: 10px 20px;
  }
}
#blockEditor.parts hr.wp-block-separator {
  height: 1px;
  background-color: #C8D4E1;
  border-top: 0;
  margin-bottom: 30px;
}
#blockEditor.parts .deco__table {
  position: relative;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .deco__table:after {
    content: "";
    display: inline-block;
    background: url(/assets/img/ico_table_arrow@2x.webp) center/cover no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 20px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
}
#blockEditor.parts .deco__table.not-arrow:after {
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .deco__table table {
    overflow-x: scroll;
    white-space: nowrap;
    position: relative;
    display: block;
  }
}
#blockEditor.parts .deco__table table tr strong {
  background: none;
}
#blockEditor.parts .deco__table table td {
  vertical-align: middle;
  line-height: 28px;
  padding: 15px 20px;
  border-width: 1px;
  border-style: solid;
}
#blockEditor.parts .deco__table table tbody {
  width: 1200px;
  display: table;
}
#blockEditor.parts .has-text-align-left {
  text-align: left;
}
#blockEditor.parts .has-text-align-center {
  text-align: center;
}
#blockEditor.parts .has-text-align-right {
  text-align: right;
}
#blockEditor.parts .alignleft {
  text-align: left;
}
#blockEditor.parts .aligncenter {
  text-align: center;
}
#blockEditor.parts .alignright {
  text-align: right;
}
#blockEditor.parts .wp-block-social-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#blockEditor.parts .wp-block-social-links li + li {
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-social-links li + li {
    margin-left: 7px;
  }
}
#blockEditor.parts .wp-block-social-links li {
  padding-left: 0;
  margin-left: 0;
  margin-top: 0;
}
#blockEditor.parts .wp-block-social-links li:before {
  content: none;
}
#blockEditor.parts .wp-block-social-links li.wp-social-link-twitter svg {
  width: 53px;
  height: 53px;
  fill: #043D78;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-social-links li.wp-social-link-twitter svg {
    width: 49px;
    height: 49px;
  }
}
#blockEditor.parts .wp-block-social-links li.wp-social-link-facebook svg {
  width: 48px;
  height: 48px;
  fill: #043D78;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wp-block-social-links li.wp-social-link-facebook svg {
    width: 46px;
    height: 46px;
  }
}

/**
** アンカーリンク
*/
#blockEditor.parts .anchor--wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 40px;
}
#blockEditor.parts .anchor.--col-6 {
  width: 410px;
  height: 80px;
}
#blockEditor.parts .anchor {
  margin-top: 4px;
  margin-left: 6px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .anchor {
    margin-top: 6px;
    margin-left: 0;
  }
}
#blockEditor.parts .anchor:nth-child(2n+1) {
  margin-left: 0;
}
#blockEditor.parts .anchor a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  display: block;
  height: 100%;
}
@media screen and (min-width: 769px) {
  #blockEditor.parts .anchor a:hover {
    opacity: 0.6;
  }
}
#blockEditor.parts .anchor a:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_arrow_down.webp) center/cover no-repeat;
  width: 8px;
  height: 22px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 26px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .anchor a:after {
    right: 18px;
  }
}
#blockEditor.parts .anchor__pic {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  left: 22px;
  bottom: 0;
  margin: auto 0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .anchor__pic {
    left: 10px;
  }
}
#blockEditor.parts .anchor__body {
  position: absolute;
  top: 50%;
  left: 88px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 66%;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .anchor__body {
    width: 72%;
    left: 67px;
  }
}
#blockEditor.parts .anchor__headline {
  font-size: 17px;
  color: #043D78;
  line-height: 20px;
  margin-bottom: 0;
}
#blockEditor.parts .anchor__text {
  font-size: 13px;
  line-height: 17px;
  color: #333;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 17px;
  margin-top: 5px;
}
#blockEditor.parts .newsDetail__eyeCatch {
  width: 100%;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .newsDetail__eyeCatch {
    margin-bottom: 26px;
  }
}
#blockEditor.parts .newsDetail__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .newsDetail__head {
    margin-bottom: 0;
  }
}
#blockEditor.parts .newsDetail__date {
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .newsDetail__date {
    font-size: 12px;
    letter-spacing: 0.02em;
  }
}
#blockEditor.parts .newsDetail__cat {
  margin-left: 16px;
  margin-bottom: 0;
}
#blockEditor.parts .newsDetail__cat a {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .newsDetail__cat a {
    font-size: 12px;
    font-weight: 400;
  }
}
#blockEditor.parts .newsDetail__cat::before {
  content: "#";
  display: inline-block;
  font-weight: bold;
  color: #043D78;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .newsDetail__cat::before {
    font-weight: 400;
  }
}
#blockEditor.parts .newsDetail__tag {
  width: 100%;
  margin-bottom: 20px;
}
#blockEditor.parts .newsDetail__tag .taglink {
  margin-right: 4px;
  padding: 2px 10px;
  border: 1px solid #043d78;
  border-radius: 30px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.02em;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .newsDetail__tag .taglink {
    font-size: 12px;
    font-weight: 400;
  }
}
#blockEditor.parts .newsDetail__tag .taglink:hover {
  background-color: #043d78;
}
#blockEditor.parts .newsDetail__tag .taglink:hover .text {
  color: #fff;
}
#blockEditor.parts .newsDetail__tag .taglink .text {
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
#blockEditor.parts .newsDetail__tag .taglink .text::before {
  content: "#";
}

/**
** SNSシェアボタン
*/
.snsbutton {
  margin-top: 21px;
}
.snsbutton_inner {
  background-color: #f5f5f5;
  padding: 33px 0 30px;
  border-radius: 6px;
}
.snsbutton_inner__headline {
  margin-bottom: 24px;
  text-align: center;
}
.snsbutton_inner__headline .text {
  position: relative;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  color: #043d78;
}
.snsbutton_inner__headline .text::before, .snsbutton_inner__headline .text::after {
  position: absolute;
  content: "";
  top: 50%;
  width: 1px;
  height: 70%;
  background-color: #043d78;
}
.snsbutton_inner__headline .text::before {
  right: calc(100% + 15px);
  -webkit-transform: translateY(-50%) skewX(45deg);
      -ms-transform: translateY(-50%) skewX(45deg);
          transform: translateY(-50%) skewX(45deg);
}
.snsbutton_inner__headline .text::after {
  left: calc(100% + 15px);
  -webkit-transform: translateY(-50%) skewX(-45deg);
      -ms-transform: translateY(-50%) skewX(-45deg);
          transform: translateY(-50%) skewX(-45deg);
}
.snsbutton_inner__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.snsbutton_inner__list .item {
  width: 52px;
  height: 52px;
  margin: 0 15px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .snsbutton_inner__list .item {
    margin: 0 10px;
  }
}
.snsbutton_inner__copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 288px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: #13334c;
  border-radius: 5px;
  margin: 20px auto 0;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.snsbutton_inner__copy::before {
  content: "";
  width: 16px;
  height: 20px;
  background: url(/assets/img/blog/ico_share_file.webp) center/cover no-repeat;
  margin-right: 10px;
}

/**
** 前&次のページへ
*/
.prevNext {
  margin-top: 21px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .prevNext {
    margin-top: 18px;
  }
}
.prevNext__arrow {
  overflow: hidden;
}
.prevNext__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.prevNext__link a {
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
  color: #043D78;
}
@media screen and (max-width: 768px) {
  .prevNext__link a {
    font-size: 17px;
    line-height: 25px;
  }
}
@media screen and (min-width: 769px) {
  .prevNext__link a:hover {
    opacity: 0.6;
  }
}
.prevNext__link a:before, .prevNext__link a:after {
  content: "";
  display: inline-block;
  width: 29px;
  height: 8px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .prevNext__link a:before, .prevNext__link a:after {
    width: 14px;
    height: 4px;
  }
}
.prevNext__link--prev {
  float: left;
}
.prevNext__link--prev a:before {
  background: url(/assets/img/arrow_prev@2x.webp) center/cover no-repeat;
  margin-right: 20px;
  margin-left: 0px;
}
@media screen and (max-width: 768px) {
  .prevNext__link--prev a:before {
    margin-right: 8px;
  }
}
.prevNext__link--next {
  float: right;
}
.prevNext__link--next a:after {
  background: url(/assets/img/arrow_next@2x.webp) center/cover no-repeat;
  margin-left: 20px;
  margin-right: 0px;
}
@media screen and (max-width: 768px) {
  .prevNext__link--next a:after {
    margin-left: 8px;
  }
}
.prevNextArticle {
  width: 574px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .prevNextArticle {
    background-color: transparent;
    width: 50%;
  }
}
@media screen and (min-width: 769px) {
  .prevNextArticle:hover {
    opacity: 0.6;
  }
}
.prevNextArticle a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
}
.prevNextArticle__wrapper {
  margin-top: 22px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .prevNextArticle__wrapper {
    display: none;
  }
}
.prevNextArticle__pic {
  width: 181px;
  height: 134px;
}
@media screen and (max-width: 768px) {
  .prevNextArticle__pic {
    display: none;
  }
}
.prevNextArticle__body {
  padding-left: 29px;
  width: calc(100% - 181px - 29px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .prevNextArticle__body {
    padding-left: 0;
  }
}
.prevNextArticle__headline {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #043D78;
}
@media screen and (max-width: 768px) {
  .prevNextArticle__headline {
    font-size: 14px;
    line-height: 20px;
  }
}
.prevNextArticle__date {
  font-size: 12px;
  font-weight: 300;
  color: #A1A1A2;
  position: absolute;
  left: 20px;
  bottom: 11px;
}
@media screen and (max-width: 768px) {
  .prevNextArticle__date {
    display: none;
  }
}
.prevNextArticle--prev {
  float: left;
}
.prevNextArticle--next {
  float: right;
}
.prevNextArticle--next .prevNextArticle__body {
  margin-left: 0;
  margin-right: 29px;
}
.prevNextArticle.--prev {
  float: left;
}
.prevNextArticle.--next {
  float: right;
}

/**
** カスタムメディア
*/
#blockEditor.parts .customMedia + .customMedia {
  margin-top: 10px;
}
#blockEditor.parts .customMedia {
  margin-top: 10px;
}
@media screen and (min-width: 769px) {
  #blockEditor.parts .customMedia a:hover .customMedia__inner {
    opacity: 0.6;
  }
}
@media screen and (min-width: 769px) {
  #blockEditor.parts .customMedia a.no--link:hover .customMedia__inner {
    opacity: 1;
  }
}
#blockEditor.parts .customMedia__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F2F6FA;
  padding: 25px 25px 25px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .customMedia__inner {
    display: block;
    padding: 0 20px 30px;
  }
}
#blockEditor.parts .customMedia__inner--bg {
  background-color: #fff;
}
#blockEditor.parts .customMedia__body {
  width: calc(100% - 274px);
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .customMedia__body {
    width: 100%;
  }
}
#blockEditor.parts .customMedia__pic {
  width: 274px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .customMedia__pic {
    width: 100%;
    height: 147px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .customMedia__pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
#blockEditor.parts .customMedia__headline {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .customMedia__headline {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.04em;
  }
}
#blockEditor.parts .customMedia__label {
  background-color: #043D78;
  color: #fff;
  display: inline-block;
  padding: 0 8px;
  font-size: 11px;
  margin-bottom: 10px;
  border-radius: 2px;
}
#blockEditor.parts .customMedia__text {
  line-height: 26px;
  color: #333;
  margin-bottom: 0;
}
#blockEditor.parts .customMedia ul.reten {
  margin-bottom: 0;
}
#blockEditor.parts .customMedia ul.reten li {
  color: #333;
}
#blockEditor.parts .customMedia ul.reten li + li {
  margin-top: 10px;
}
#blockEditor.parts .customMedia .wp-block-buttons {
  margin-bottom: 0;
}
#blockEditor.parts .customMedia .wp-block-button__link {
  min-width: 345px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .customMedia .wp-block-button__link {
    min-width: 100%;
  }
}

/**
** 業務フロー
*/
#blockEditor.parts .flow {
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flow {
    margin-bottom: 40px;
  }
}
#blockEditor.parts .flow__wrapper {
  margin-top: -4px;
}
#blockEditor.parts .flowArticle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
}
#blockEditor.parts .flowArticle__head {
  margin-right: 10px;
  width: 48px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flowArticle__head {
    width: 39px;
    margin-right: 4px;
  }
}
#blockEditor.parts .flowArticle__headInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 11px);
  background-color: #285889;
}
#blockEditor.parts .flowArticle__arrow {
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#blockEditor.parts .flowArticle__arrow:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/img_sec_arrow.webp) center/cover no-repeat;
  width: 48px;
  height: 19px;
  position: absolute;
  top: -2px;
  left: 0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flowArticle__arrow:after {
    width: 39px;
    height: 17px;
    background: url(/assets/img/img_sec_arrow_sp.webp) center/cover no-repeat;
  }
}
#blockEditor.parts .flowArticle__phase {
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.041em;
  margin-bottom: 0;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flowArticle__phase {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#blockEditor.parts .flowArticle__phase .num {
  display: block;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flowArticle__phase .num {
    font-size: 15px;
    display: inline-block;
    margin-left: 4px;
  }
}
#blockEditor.parts .flowArticle__inner {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 48px - 10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 27px 27px 27px 0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flowArticle__inner {
    display: block;
    width: calc(100% - 43px);
    padding: 20px;
  }
}
#blockEditor.parts .flowArticle__headline {
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flowArticle__headline {
    width: calc(100% - 87px);
  }
}
#blockEditor.parts .flowArticle__text {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flowArticle__text {
    font-size: 15px;
    line-height: 22px;
  }
}
#blockEditor.parts .flowArticle__pic {
  width: 128px;
  height: 100%;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flowArticle__pic {
    width: 66px;
    height: 66px;
    margin-right: 14px;
  }
}
#blockEditor.parts .flowArticle__pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 68px;
  height: 68px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flowArticle__pic img {
    width: 58px;
    height: 58px;
  }
}
#blockEditor.parts .flowArticle__body {
  width: calc(100% - 128px);
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .flowArticle__body {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

#blockEditor.parts .flowArticle--first .flowArticle__arrow:after {
  content: none;
}
#blockEditor.parts .flowArticle--first .flowArticle__headInner {
  height: 100%;
}

/**
** 目次
*/
#toc_container.no_bullets {
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 23px 10px;
  -webkit-box-shadow: 2px 8px 18px rgba(44, 58, 69, 0.1);
          box-shadow: 2px 8px 18px rgba(44, 58, 69, 0.1);
}
@media screen and (max-width: 768px) {
  #toc_container.no_bullets {
    padding: 21px 20px 10px;
  }
}
#toc_container.no_bullets .toc_title {
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 23px;
  color: #043D78;
  position: relative;
}
@media screen and (max-width: 768px) {
  #toc_container.no_bullets .toc_title {
    font-size: 20px;
    padding-bottom: 18px;
  }
}
@media screen and (max-width: 768px) {
  #toc_container.no_bullets .toc_title:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #043D78;
    border-right: 2px solid #043D78;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  #toc_container.no_bullets .toc_title.is-accordion:after {
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
    top: 8px;
  }
}
@media screen and (max-width: 768px) {
  #toc_container.no_bullets .toc_list {
    border-top: 1px solid #043D78;
    display: none;
  }
}
#toc_container.no_bullets .toc_list > li + li {
  border-top: 1px solid #DDDDDD;
}
#toc_container.no_bullets .toc_list > li {
  padding: 12px 0;
}
@media screen and (max-width: 768px) {
  #toc_container.no_bullets .toc_list > li {
    padding: 17px 0;
  }
}
#toc_container.no_bullets .toc_list > li > a {
  font-size: 15px;
  color: #333;
  line-height: 19px;
  font-weight: bold;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  #toc_container.no_bullets .toc_list > li > a:hover {
    opacity: 0.6;
  }
}
#toc_container.no_bullets .toc_list ul {
  padding-top: 12px;
}
@media screen and (max-width: 768px) {
  #toc_container.no_bullets .toc_list ul {
    padding-top: 14px;
    padding-bottom: 5px;
  }
}
#toc_container.no_bullets .toc_list ul li + li {
  margin-top: 9px;
}
@media screen and (max-width: 768px) {
  #toc_container.no_bullets .toc_list ul li + li {
    margin-top: 11px;
  }
}
#toc_container.no_bullets .toc_list ul li {
  position: relative;
}
#toc_container.no_bullets .toc_list ul li:before {
  content: "-";
  margin-right: 4px;
  position: absolute;
  top: 0;
  left: 14px;
}
#toc_container.no_bullets .toc_list ul li > a {
  font-size: 15px;
  color: #464646;
  font-weight: 400;
  line-height: 20px;
  display: block;
  padding-left: 25px;
}
@media screen and (min-width: 769px) {
  #toc_container.no_bullets .toc_list ul li > a:hover {
    opacity: 0.6;
  }
}

/**
** カード（カスタムブロック）
*/
.simpleCard + .simpleCard {
  margin-top: 26px;
  margin-left: 26px;
}
@media screen and (max-width: 768px) {
  .simpleCard + .simpleCard {
    margin-left: 0;
    margin-top: 10px;
  }
}

#blockEditor.parts .simpleCard {
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 42px 27px 41px;
  width: 400px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .simpleCard {
    width: 100%;
    padding: 32px 27px 35px;
  }
}
#blockEditor.parts .simpleCard:nth-child(2n+1) {
  margin-left: 0;
}
#blockEditor.parts .simpleCard:nth-child(2) {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .simpleCard:nth-child(2) {
    margin-top: 10px;
  }
}
#blockEditor.parts .simpleCard__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#blockEditor.parts .simpleCard__lead {
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  color: #043D78;
  text-align: center;
  margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .simpleCard__lead {
    margin: 10px 0 5px;
  }
}
#blockEditor.parts .simpleCard__pic {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .simpleCard__pic {
    width: 109px;
    margin: 0 auto;
  }
}
#blockEditor.parts .simpleCard__headline {
  text-align: center;
  margin-bottom: 0;
  border: none;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .simpleCard__headline {
    font-size: 25px;
  }
}
#blockEditor.parts .simpleCard__headline:after {
  content: none;
}
#blockEditor.parts .simpleCard .wp-block-buttons {
  margin-bottom: 0;
}
#blockEditor.parts .simpleCard .wp-block-button__link {
  min-width: 345px;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .simpleCard .wp-block-button__link {
    min-width: 100%;
  }
}
#blockEditor.parts .simpleCard__text {
  min-height: 156px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .simpleCard__text {
    min-height: auto;
    margin-bottom: 31px;
    margin-top: 5px;
  }
}

/*
** アクセシビリティ
*/
.screen-reader-text {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}

/**
** 本来なら管理画面で設定する
*/
#blockEditor.parts .wafmerit .left {
  -webkit-flex-basis: 66.66%;
      -ms-flex-preferred-size: 66.66%;
          flex-basis: 66.66%;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wafmerit .left {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
}
#blockEditor.parts .wafmerit .right {
  -webkit-flex-basis: 26%;
      -ms-flex-preferred-size: 26%;
          flex-basis: 26%;
}
@media screen and (max-width: 768px) {
  #blockEditor.parts .wafmerit .right {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
}
#blockEditor.parts .wafmerit .number {
  -webkit-flex-basis: 7%;
      -ms-flex-preferred-size: 7%;
          flex-basis: 7%;
}
#blockEditor.parts .wafmerit .titletext {
  -webkit-flex-basis: 66.66%;
      -ms-flex-preferred-size: 66.66%;
          flex-basis: 66.66%;
}
#blockEditor.parts .wafmerit .wp-block-image {
  text-align: center;
}
#blockEditor.parts .whitebox {
  margin-bottom: 20px;
}
#blockEditor.parts .whitebox .wp-block-columns {
  margin-bottom: 0;
}
#blockEditor.parts .whitebox .wp-block-image {
  text-align: center;
}

/**
** 関連記事
*/
.bloglink__headline {
  font-size: 32px;
  font-weight: bold;
  line-height: 42px;
  color: #043D78;
  padding-left: 24px;
  border-left: 4px solid #043D78;
  margin-top: 70px;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  .bloglink__headline {
    font-size: 23px;
    line-height: 31px;
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
.bloglink__text {
  line-height: 28px;
  letter-spacing: 0.04em;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  .bloglink__text {
    margin-bottom: 40px;
  }
}
.bloglink__text a {
  font-weight: bold;
  color: #043D78;
}

/**
** 用語説明
*/
.words__headline {
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  color: #043d78;
  padding-left: 24px;
  border-left: 4px solid #043d78;
  margin-top: 80px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .words__headline {
    font-size: 23px;
    line-height: 31px;
    margin-top: 40px;
    margin-bottom: 30px;
    border-left: 3px solid #043d78;
  }
}
.words__wrapper + .words__wrapper {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .words__wrapper + .words__wrapper {
    margin-top: 10px;
  }
}
.words__wrapper {
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.words__wrapper:hover {
  opacity: 0.6;
}
.words__wrapper a {
  display: block;
  padding: 25px 30px 40px;
}
@media screen and (max-width: 768px) {
  .words__wrapper a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 23px 27px;
  }
}
.words .theme {
  font-size: 18px;
  color: #043D78;
  font-weight: bold;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .words .theme {
    width: 100%;
    padding: 0;
    margin-bottom: 14px;
  }
}
.words .desc {
  color: #464646;
  font-weight: 400;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .words .desc {
    width: 100%;
    padding: 7px 0 0;
    line-height: 27px;
  }
}
.words .word__headline {
  font-size: 18px;
  font-weight: bold;
  color: #043D78;
  margin-bottom: 22px;
}
.words .word__text {
  line-height: 30px;
  color: #333;
}
@media screen and (max-width: 768px) {
  .words .word__text {
    line-height: 27px;
  }
}
.words__btn {
  width: 434px;
  height: 71px;
  margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
  .words__btn {
    width: 100%;
    height: 51px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .words__btn a {
    font-size: 16px;
    padding-right: 23px;
  }
}

.faq__wrapper a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.faq__wrapper a:hover {
  opacity: 0.6;
}
.faq__wrapper .answer {
  color: #333;
}

/**
** ページネーション
*/
.pagination {
  width: 100%;
  text-align: center;
}
.pagination__inner {
  display: inline-block;
  position: relative;
}
.pagination__prev, .pagination__next {
  position: absolute;
  top: 4px;
}
.pagination__prev a, .pagination__next a {
  display: block;
  width: 40px;
  height: 40px;
}
.pagination__prev {
  right: 100%;
}
.pagination__prev a {
  background: url(/assets/img/arrow_page_prev@2x.webp) center/9px no-repeat;
}
.pagination__next {
  left: 100%;
}
.pagination__next a {
  background: url(/assets/img/arrow_page_next.webp) center/9px no-repeat;
}
.pagination__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination__item + .pagination__item {
  margin-left: 16px;
}
.pagination__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .pagination__item {
    width: 43px;
    height: 43px;
    font-size: 17px;
  }
}
.pagination__item.current {
  color: #fff;
  background-color: #043D78;
  pointer-events: none;
}
.pagination__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  color: #333333;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  .pagination__item a:hover {
    color: #3BB8D4;
    text-decoration: underline;
  }
}

/**
** ネットアシストのサービス一覧
*/
.serviceSection {
  background-color: #fff;
  padding-top: 74px;
  padding-bottom: 105px;
}
@media screen and (max-width: 768px) {
  .serviceSection {
    padding-top: 46px;
    padding-bottom: 0;
  }
}
.serviceSection__inner {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .serviceSection__inner {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
.serviceSection__headline {
  text-align: center;
}
.serviceSection__headline .en {
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.1em;
  color: #043d78;
  position: relative;
}
@media screen and (max-width: 768px) {
  .serviceSection__headline .en {
    font-size: 13px;
  }
}
.serviceSection__headline .ja {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #043d78;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .serviceSection__headline .ja {
    font-size: 30px;
    line-height: 35px;
  }
}

.serviceArchive + .serviceArchive {
  border-left: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .serviceArchive + .serviceArchive {
    margin-left: 0;
    margin-top: 10px;
    border: none;
    border-top: 1px solid #eee;
  }
}

.serviceArchive {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 27px 35px;
  width: 299px;
}
@media screen and (max-width: 768px) {
  .serviceArchive {
    width: 100%;
    padding: 32px 20px 35px;
  }
}
.serviceArchive:nth-child(2n+1) {
  margin-left: 0;
}
.serviceArchive:nth-child(2) {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .serviceArchive:nth-child(2) {
    margin-top: 10px;
  }
}
.serviceArchive__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 89px;
}
@media screen and (max-width: 768px) {
  .serviceArchive__wrapper {
    margin-top: 0;
  }
}
.serviceArchive__lead {
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  color: #043D78;
  text-align: center;
  margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
  .serviceArchive__lead {
    margin: 10px 0 5px;
  }
}
.serviceArchive__body {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .serviceArchive__body {
    margin-top: 7px;
  }
}
.serviceArchive__pic {
  text-align: center;
  width: 104px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .serviceArchive__pic {
    width: 88px;
  }
}
.serviceArchive__headline {
  text-align: center;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
  color: #043D78;
}
@media screen and (max-width: 768px) {
  .serviceArchive__headline {
    font-size: 25px;
    margin-bottom: 10px;
  }
}
.serviceArchive__headline:after {
  content: none;
}
.serviceArchive__text {
  min-height: 146px;
  font-size: 15px;
  line-height: 22px;
}
@media screen and (max-width: 768px) {
  .serviceArchive__text {
    min-height: auto;
    margin-bottom: 31px;
  }
}
.serviceArchive__btn {
  width: 100%;
  height: 44px;
}
.serviceArchive__btn .btn__primary {
  font-size: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .serviceArchive__btn {
    height: 55px;
  }
}

/**
** マネージドサービス...から探す
*/
.homeServiceSearch {
  margin-top: 103px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch {
    margin-top: 35px;
  }
}
.homeServiceSearch__sectionWrapper {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__sectionWrapper {
    margin-top: 32px;
  }
}
.homeServiceSearch__section {
  background-color: #fff;
  width: 1128px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 35px 35px;
  position: relative;
  margin: 32px auto 0;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__section {
    width: 100%;
    padding: 0 20px 83px;
    margin: 20px auto 0;
  }
}
.homeServiceSearch__section:first-child {
  margin-bottom: 52px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__section:first-child {
    margin-bottom: 20px;
  }
}
.homeServiceSearch__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 30px;
}
.homeServiceSearch__head:before, .homeServiceSearch__head:after {
  content: "";
  display: inline-block;
  width: 1058px;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  top: 71px;
  left: 35px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__head:before, .homeServiceSearch__head:after {
    width: 87.7%;
    top: 138px;
    left: 20px;
  }
}
.homeServiceSearch__head:after {
  width: 40px;
  background-color: #043D78;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__head:after {
    width: 21px;
  }
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__head--line {
    display: block;
    padding-top: 25px;
  }
}
.homeServiceSearch__headline {
  font-size: 22px;
  font-weight: bold;
  color: #043d78;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__headline {
    font-size: 20px;
  }
}
.homeServiceSearch__lead {
  font-size: 15px;
  font-weight: 400;
  color: #333;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__lead--line {
    margin-left: 0;
    color: #333333;
    font-size: 17px;
    line-height: 25px;
    margin-top: 16px;
  }
}
.homeServiceSearch__largeList {
  margin-top: 11px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__largeList {
    margin-top: 15px;
    margin-top: 40px;
  }
}
.homeServiceSearch__largeItem {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #F2F6FA;
  width: 514px;
  position: relative;
  margin-top: 30px;
  padding: 0 0 39px 0;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__largeItem {
    padding: 18px 0 58px;
    margin-top: 7px;
    width: 100%;
  }
}
.homeServiceSearch__largeItem a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__largeItem a {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .homeServiceSearch__largeItem a:hover {
    opacity: 0.6;
  }
}
.homeServiceSearch__largeItem:nth-child(2n) {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__largeItem:nth-child(2n) {
    margin-left: 0;
  }
}
.homeServiceSearch__pic {
  width: 199px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__pic {
    width: auto;
    height: auto;
    text-align: center;
  }
}
.homeServiceSearch__pic img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__pic img {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.homeServiceSearch__largeSubList {
  width: 299px;
  padding: 35px 16px 35px 0;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__largeSubList {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.homeServiceSearch__largeSubItem {
  color: #333;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__largeSubItem {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
    padding-left: 25px;
    position: relative;
  }
}
.homeServiceSearch__largeSubItem:before {
  content: "";
  display: inline-block;
  background: url(/assets/img/home/ico_check.webp) center/cover no-repeat;
  width: 7.5px;
  height: 6px;
  margin-right: 15px;
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__largeSubItem:before {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/assets/img/home/ico_check.webp) center/10px no-repeat;
  }
}
.homeServiceSearch__more {
  position: absolute;
  top: 34px;
  right: 35px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__more {
    top: auto;
    bottom: 38px;
    right: 50%;
    -webkit-transform: translate(60%);
        -ms-transform: translate(60%);
            transform: translate(60%);
  }
}
.homeServiceSearch__detailMore {
  position: absolute;
  bottom: 23px;
  right: 30px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__detailMore {
    right: 50%;
    -webkit-transform: translate(63%, 0);
        -ms-transform: translate(63%, 0);
            transform: translate(63%, 0);
  }
}

@media screen and (max-width: 768px) {
  .homeServiceSearch__largeItem--first .homeServiceSearch__pic {
    width: auto;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .homeServiceSearch__largeItem--second .homeServiceSearch__pic {
    width: 247px;
    margin: 23px auto 47px;
  }
}

@media screen and (max-width: 768px) {
  .homeServiceSearch__largeItem--third .homeServiceSearch__pic {
    width: 197px;
    margin: 20px auto 42px;
  }
}

@media screen and (max-width: 768px) {
  .homeServiceSearch__largeItem--forth .homeServiceSearch__pic {
    width: 198px;
    margin: 5px auto 29px;
  }
}

.homeServiceSearch__head--flex {
  padding-top: 26px;
}
.homeServiceSearch__head--flex:before, .homeServiceSearch__head--flex:after {
  top: 67px;
}
.homeServiceSearch__head--flex .homeServiceSearch__lead {
  font-size: 12px;
  margin-left: 12px;
}

/**
** リストメディア(小)
*/
@media screen and (max-width: 768px) {
  .homeServiceSearch__section--small {
    padding: 0 20px 66px;
  }
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__section--small .homeServiceSearch__more {
    bottom: 27px;
  }
}

.homeServiceSearch__smallList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallList {
    margin-top: 38px;
  }
}
.homeServiceSearch__smallList .homeServiceSearch__smallItem {
  width: 338px;
  background-color: #F2F6FA;
  position: relative;
  margin-right: 22px;
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallList .homeServiceSearch__smallItem {
    margin-right: 0;
    margin-top: 5px;
    width: 100%;
  }
}
.homeServiceSearch__smallList .homeServiceSearch__smallItem:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_arrow_short.webp) center/cover no-repeat;
  width: 17px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.homeServiceSearch__smallList .homeServiceSearch__smallItem a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 78px;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallList .homeServiceSearch__smallItem a {
    height: 68px;
  }
}
@media screen and (min-width: 769px) {
  .homeServiceSearch__smallList .homeServiceSearch__smallItem a:hover {
    opacity: 0.6;
  }
}
.homeServiceSearch__smallList .homeServiceSearch__smallItem:nth-child(3n) {
  margin-right: 0;
}
.homeServiceSearch__smallList .homeServiceSearch__pic {
  width: 80px;
  height: 78px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallList .homeServiceSearch__pic {
    width: 66px;
    height: 68px;
  }
}
.homeServiceSearch__smallList .homeServiceSearch__pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.homeServiceSearch__smallList .homeServiceSearch__smallSubList {
  width: calc(100% - 130px);
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallList .homeServiceSearch__smallSubList {
    width: calc(100% - 115px);
  }
}
.homeServiceSearch__smallList .homeServiceSearch__smallSubItem {
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallList .homeServiceSearch__smallSubItem {
    font-size: 15px;
  }
}

.homeServiceFlowArticle--first .homeServiceFlowArticle__head {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .homeServiceFlowArticle--first .homeServiceFlowArticle__head {
    width: 39px;
    margin-top: 0;
  }
}
.homeServiceFlowArticle--first .homeServiceFlowArticle__head:before {
  content: none;
}
.homeServiceFlowArticle--first .homeServiceFlowArticle__body {
  margin-left: 7px;
}
.homeServiceFlowArticle--first .homeServiceFlowArticle__pic {
  width: 44px;
  padding-top: 41px;
}
@media screen and (max-width: 768px) {
  .homeServiceFlowArticle--first .homeServiceFlowArticle__pic {
    width: 29px;
    padding: 0;
  }
}

.homeServiceFlowArticle--second .homeServiceFlowArticle__pic {
  width: 72.96px;
  padding-top: 35px;
}
@media screen and (max-width: 768px) {
  .homeServiceFlowArticle--second .homeServiceFlowArticle__pic {
    width: 45px;
    padding: 0;
  }
}

.homeServiceFlowArticle--third .homeServiceFlowArticle__pic {
  width: 53.61px;
  padding-top: 45px;
}
@media screen and (max-width: 768px) {
  .homeServiceFlowArticle--third .homeServiceFlowArticle__pic {
    width: 39px;
    padding: 0;
  }
}

.homeServiceFlowArticle--forth .homeServiceFlowArticle__pic {
  width: 70.44px;
  padding-top: 41px;
}
@media screen and (max-width: 768px) {
  .homeServiceFlowArticle--forth .homeServiceFlowArticle__pic {
    width: 44px;
    padding: 0;
  }
}

/**
** 課題から探す
*/
.homeService__catList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 35px;
  margin-bottom: 51px;
}
@media screen and (max-width: 768px) {
  .homeService__catList {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0px;
    margin-top: 27px;
  }
}
.homeService__catItem + .homeService__catItem {
  margin-left: 25px;
}
@media screen and (max-width: 768px) {
  .homeService__catItem + .homeService__catItem {
    margin-left: 7px;
  }
}
.homeService__catItem {
  border: 1px solid #000;
  border-radius: 18px;
}
.homeService__catItem a {
  font-weight: 700;
  display: block;
  padding: 8px 22px;
  color: #383838;
  border-radius: 16px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .homeService__catItem a {
    font-size: 12px;
    padding: 7px 14px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 15px;
  }
}
@media screen and (min-width: 769px) {
  .homeService__catItem a:hover {
    background-color: #000;
    color: #fff;
  }
}
.homeService__catItem.current a {
  background-color: #000;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .homeService__catItem:first-child {
    width: 78px;
  }
}
@media screen and (max-width: 768px) {
  .homeService__catItem:nth-child(2) {
    width: 135px;
  }
}
@media screen and (max-width: 768px) {
  .homeService__catItem:nth-child(3) {
    width: 110px;
  }
}

@media screen and (max-width: 768px) {
  .homeServiceSearchTask .homeServiceSearch__section {
    padding: 0 20px 22px;
  }
}
.homeServiceSearchTask .homeServiceSearch__smallList {
  padding-top: 12px;
  margin-top: 24px;
}
.homeServiceSearchTask .homeServiceSearch__pic {
  width: 87px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearchTask .homeServiceSearch__pic {
    width: 66px;
    height: 68px;
  }
}

.homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg01 {
  width: 36px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg01 {
    width: 32px;
  }
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg02 {
  width: 38px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg02 {
    width: 34px;
  }
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg03 {
  width: 38px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg03 {
    width: 33px;
  }
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg04 {
  width: 38px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg04 {
    width: 29px;
  }
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg05 {
  width: 46px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg05 {
    width: 37px;
  }
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg06 {
  width: 46px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallItem .homeServiceSearch__pic .serverImg06 {
    width: 44px;
  }
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .securityImg01 {
  width: 28px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .securityImg02 {
  width: 44px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .securityImg03 {
  width: 28px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .securityImg04 {
  width: 27px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .securityImg05 {
  width: 37px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .securityImg06 {
  width: 37px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .otherImg01 {
  width: 28px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .otherImg02 {
  width: 40px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .taskImg01 {
  width: 38px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .taskImg02 {
  width: 36px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .taskImg03 {
  width: 49px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .taskImg04 {
  width: 40px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .taskImg05 {
  width: 87px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallItem .homeServiceSearch__pic .taskImg05 {
    width: 64px;
  }
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .taskImg06 {
  width: 50px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .taskImg07 {
  width: 28px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .taskImg08 {
  width: 28px;
}
.homeServiceSearch__smallItem .homeServiceSearch__pic .taskImg09 {
  width: 29px;
}
.homeServiceSearch__smallItem:nth-child(3n-1) .homeServiceSearch__pic {
  width: 100px;
}
@media screen and (max-width: 768px) {
  .homeServiceSearch__smallItem:nth-child(3n-1) .homeServiceSearch__pic {
    width: 66px;
  }
}

.homeService__headline {
  color: #043d78;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .homeService__headline {
    font-size: 23px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 30px;
  }
}

/**
** 6個 アンカーリンク
*/
/**
** タブ
*/
.anchorTab {
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}
.anchorTab__headline {
  display: none;
  position: relative;
}
@media screen and (max-width: 768px) {
  .anchorTab__headline {
    display: block;
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;
    color: #043D78;
  }
}
@media screen and (max-width: 768px) {
  .anchorTab__headline:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #043D78;
    border-right: 2px solid #043D78;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .anchorTab__headline.is-accordion:after {
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
    top: 8px;
  }
}
.anchorTab__inner {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .anchorTab__inner {
    padding: 24px 20px;
  }
}
.anchorTab__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background-color: #fff;
  padding: 27px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .anchorTab__list {
    display: none;
    padding: 15px 0 0;
  }
}
.anchorTab__item {
  width: 375px;
  background-color: #f2f6fa;
  position: relative;
  margin-left: 7px;
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  .anchorTab__item {
    width: 100%;
    margin-left: 0;
  }
}
.anchorTab__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F2F6FA;
  height: 64px;
  color: #333;
  font-weight: bold;
  letter-spacing: -0.02em;
  padding: 0 0 0 18px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .anchorTab__item a {
    height: 68px;
    padding: 0 0 0 11px;
  }
}
@media screen and (min-width: 769px) {
  .anchorTab__item a:hover {
    opacity: 0.6;
  }
}
.anchorTab__item:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/ico_arrow_down.webp) center/cover no-repeat;
  width: 10px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .anchorTab__item:after {
    width: 7px;
    height: 18px;
  }
}
.anchorTab__item:nth-child(3n+1) {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .anchorTab__item:nth-child(3n+1) {
    margin-top: 5px;
    margin-left: 0;
  }
}
.anchorTab__pic {
  width: 44px;
  padding-right: 11px;
}
@media screen and (max-width: 768px) {
  .anchorTab__pic {
    padding-right: 25px;
    width: 44px;
    padding-right: 9px;
  }
}
.anchorTab__text {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.02em;
}

/**
** 画像トリミング
*/
.img__fit {
  overflow: hidden !important;
}
.img__fit img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
  width: 100%;
  height: 100%;
}

/**
** Utility
*/
@media screen and (max-width: 768px) {
  .mb0-sp {
    margin-bottom: 0 !important;
  }
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mt20 {
  margin-top: 20px !important;
}

/**
** SP メニュー SNS
*/
.footerSNS--header {
  display: none;
}
@media screen and (max-width: 768px) {
  .footerSNS--header {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    margin-top: 25px;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .footerSNS--header .footerSNS__text {
    color: #043D78;
  }
}
@media screen and (max-width: 768px) {
  .footerSNS--header .footerSNS__btn {
    border: 1px solid #043D78;
  }
}
@media screen and (max-width: 768px) {
  .footerSNS--header .footerSNS__btn a:after {
    background: url(/assets/img/ico_menu_link.webp) center/cover no-repeat;
    width: 10px;
    height: 9px;
  }
}

.bnner_2clm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .bnner_2clm {
    display: block;
  }
}
.bnner_2clm p {
  width: 390px;
}
@media screen and (max-width: 768px) {
  .bnner_2clm p {
    margin: 0 auto 26px;
  }
}
.bnner_2clm p:last-child {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .bnner_2clm p:last-child {
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .bnner_2clm > a {
    width: 100%;
    margin: 0 0 30px;
  }
}
.bnner_2clm > a img {
  width: 100%;
}
.bnner_2clm > a:nth-child(2) {
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .bnner_2clm > a:nth-child(2) {
    margin: 0;
  }
}

.wp-block-image img {
    height: auto !important;
}