﻿@charset 'UTF-8';
/*====================
base
====================*/
*,
*::before,
*::after {
  box-sizing: border-box;
  }

html {
  font-size: 62.5%;
  }

body {
  margin: 0;
  color: #333;
  text-align: left;
  letter-spacing: .1em;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: 'ãƒ’ãƒ©ã‚®ãƒŽè§’ Pro W3','Hiragino Kaku Pro W3','ãƒ¡ã‚¤ãƒªã‚ª',Meiryo,'MS Pã‚´ã‚·ãƒƒã‚¯','MS PGothic',sans-serif;
  line-height: 1.9;
  }

article,
aside,
figcaption,
figure,
header,
footer,
main,
nav,
section {
  display: block;
  }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem;
  }

p {
  margin: 0 0 2rem;
  }

@media screen and (max-width: 1039px) {
  p {
    font-size: 1.4rem;
    line-height: 2;
    }
  }

a {
  color: #020b57;
  text-decoration: underline;
  cursor: pointer;
  transition: opacity .3s;
  }

img {
  border-style: none;
  vertical-align: middle;
  }

figure {
  margin: 0;
  }

ol,
ul,
dl {
  margin: 0 0 0;
  padding: 0;
  list-style: none;
  }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
  }

dt {
  font-weight: 700;
  }

dd {
  margin: 0 0 .5rem;
  }

table {
  width: 100%;
  border-collapse: collapse;
  }

strong {
  color: #ca3a1c;
  font-weight: bold;
  }

small {
  font-size: 80%;
  }

sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
  }

sub {
  bottom: -.25em;
  }

sup {
  top: -.5em;
  }

@media screen and (min-width: 1040px) {
  .is-wide {
    display: block;
    }
  }

@media screen and (max-width: 1039px) {
  .is-wide {
    display: none;
    }
  }

@media screen and (max-width: 750px) {
  .is-wide {
    display: none;
    }
  }

@media screen and (min-width: 1040px) {
  .is-narrow {
    display: none;
    }
  }

@media screen and (max-width: 1039px) {
  .is-narrow {
    display: block;
    }
  }

@media screen and (max-width: 750px) {
  .is-narrow {
    display: block;
    }
  }

/*====================
header
====================*/
/*====================
PC
====================*/
@media screen and (min-width: 1040px) {
  .l-header {
    width: 100%;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    }
  .l-header .header__inner.is-wide {
    margin: 0 auto;
    padding: 10px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    }
  .l-header .header__inner.is-wide a {
    color: #020b57;
    text-decoration: none;
    line-height: 1;
    transition: opacity .3s;
    }
  }

@media screen and (min-width: 1040px) and (min-width: 1040px) {
  .l-header .header__inner.is-wide a:hover, .l-header .header__inner.is-wide a:focus {
    opacity: .7;
    }
  }

@media screen and (min-width: 1040px) {
  .l-header .header__inner.is-wide .header__logo {
    margin: 0 0 10px;
    display: block;
    }
  .l-header .header__inner.is-wide span.header__logo {
    margin: 12px 0 22px;
    }
  .l-header .header__inner.is-wide .header__contents .header__link {
    display: flex;
    align-items: center;
    }
  .l-header .header__inner.is-wide .header__contents .header__unit {
    margin: 0 25px 0 0;
    padding: 0 20px 0 0;
    }
  .l-header .header__inner.is-wide .header__contents .header__unit a {
    letter-spacing: -.01em;
    font-size: 1.3rem;
    }
  .l-header .header__inner.is-wide .header__contents .header__logIn {
    margin: 0 15px 0 0;
    }
  .l-header .header__inner.is-wide .header__contents .header__faq {
    margin: 0 15px 0 0;
    }
  .l-header .header__inner.is-wide .header__contents .header__recruit {
    position: relative;
    }
  .l-header .header__inner.is-wide .header__contents .header__recruit::after {
    margin: auto 0;
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    background-color: #e3e3e3;
    position: absolute;
    top: 0;
    right: -22px;
    bottom: 0;
    }
  .l-header .header__inner.is-wide .header__contents .header__tel {
    padding: 0 0 0 22px;
    color: #020b57;
    letter-spacing: -.01em;
    font-size: 2rem;
    font-family: 'Roboto', sans-serif;
    position: relative;
    }
  .l-header .header__inner.is-wide .header__contents .header__tel::before {
    margin: auto;
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background-image: url('/material/common/images/img_icon_tel.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 1px;
    left: 0;
    z-index: 1;
    }
  .l-header .header__inner.is-wide .header__contents .header__tel::after {
    margin: auto;
    padding: 11px;
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    border: 1px solid #020b57;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -6.5px;
    }
  .l-header .header__inner.is-wide .header__contents .header__contact {
    margin: 0 0 0 16px;
    padding: 12px 15px 9px 31px;
    display: block;
    background-color: #0151a3;
    color: #fff;
    font-size: 1.3rem;
    position: relative;
    }
  .l-header .header__inner.is-wide .header__contents .header__contact::before {
    margin: auto;
    content: '';
    display: block;
    width: 13px;
    height: 10px;
    background-image: url('/material/common/images/img_icon_mail.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    }
  .l-header .header__inner.is-wide .header__contents .header__lang,
  .l-header .header__inner.is-wide .header__contents .header__lang--en {
    margin: 0 0 0 13px;
    padding: 10px 17px;
    width: 150px;
    border: 1px solid #e3e3e3;
    position: relative;
    }
  .l-header .header__inner.is-wide .header__contents .header__lang li,
  .l-header .header__inner.is-wide .header__contents .header__lang--en li {
    display: inline-block;
    }
  .l-header .header__inner.is-wide .header__contents .header__lang li a,
  .l-header .header__inner.is-wide .header__contents .header__lang li span,
  .l-header .header__inner.is-wide .header__contents .header__lang--en li a,
  .l-header .header__inner.is-wide .header__contents .header__lang--en li span {
    display: block;
    letter-spacing: -.01em;
    font-size: 1.1rem;
    }
  .l-header .header__inner.is-wide .header__contents .header__lang li span,
  .l-header .header__inner.is-wide .header__contents .header__lang--en li span {
    color: #ca3a1c;
    text-decoration: underline;
    line-height: 1;
    }
  .l-header .header__inner.is-wide .header__contents .header__lang li:nth-of-type(1),
  .l-header .header__inner.is-wide .header__contents .header__lang--en li:nth-of-type(1) {
    float: left;
    }
  .l-header .header__inner.is-wide .header__contents .header__lang li:nth-of-type(2),
  .l-header .header__inner.is-wide .header__contents .header__lang--en li:nth-of-type(2) {
    float: right;
    }
  .l-header .header__inner.is-wide .header__contents .header__lang::before,
  .l-header .header__inner.is-wide .header__contents .header__lang--en::before {
    margin: auto;
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background-color: #666;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 10px;
    transform: rotate(24deg);
    }
  .l-header .header__inner.is-wide .header__contents .header__lang--en {
    display: none;
    }
  .l-header .header__inner.is-wide .header__contents .header__category {
    margin: 0;
    padding: 28px 48px 10px;
    display: flex;
    justify-content: flex-end;
    }
  .l-header .header__inner.is-wide .header__contents .header__category li {
    margin: 0 45px 0 0;
    }
  .l-header .header__inner.is-wide .header__contents .header__category li a {
    display: inline-block;
    font-weight: bold;
    font-size: 1.6rem;
    position: relative;
    transition: color .3s;
    }
  .l-header .header__inner.is-wide .header__contents .header__category li a::after {
    margin: auto;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ca3a1c;
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: -8px;
    left: 0;
    transition: transform .3s, opacity .3s;
    transform: translate(0, -5px);
    }
  }

@media screen and (min-width: 1040px) and (min-width: 1040px) {
  .l-header .header__inner.is-wide .header__contents .header__category li a:hover, .l-header .header__inner.is-wide .header__contents .header__category li a:focus {
    color: #ca3a1c;
    opacity: 1;
    }
  .l-header .header__inner.is-wide .header__contents .header__category li a:hover::after, .l-header .header__inner.is-wide .header__contents .header__category li a:focus::after {
    opacity: 1;
    transform: translate(0, 0);
    }
  }

@media screen and (min-width: 1040px) {
  .l-header .header__inner.is-wide .header__contents .header__category li:last-of-type {
    margin-right: 0;
    }
  }

/*====================
SP JS false
====================*/
@media screen and (max-width: 1039px) {
  .l-header {
    width: 100%;
    }
  .l-header .header__inner.is-narrow {
    margin: 0 auto;
    padding: 10px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1400px;
    }
  .l-header .header__inner.is-narrow .header__logo {
    margin: 0 0 15px 15px;
    }
  .l-header .header__inner.is-narrow .header__logo img {
    max-width: 50px;
    }
  .l-header .header__inner.is-narrow .header__outer {
    display: flex;
    align-items: center;
    }
  .l-header .header__inner.is-narrow .header__outer .header__tel {
    margin: 0 15px 20px 0;
    }
  .l-header .header__inner.is-narrow .header__outer .header__tel a {
    display: inline-block;
    height: 0;
    text-decoration: none;
    position: relative;
    }
  .l-header .header__inner.is-narrow .header__outer .header__tel a::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('/material/common/images/img_icon_tel.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    right: 0;
    bottom: 0;
    left: 22px;
    }
  .l-header .header__inner.is-narrow .header__outer .header__tel a span.header__telNum {
    display: none;
    }
  .l-header .header__inner.is-narrow .header__outer .header__tel a span.header__telText {
    display: block;
    font-size: 9px;
    line-height: 1;
    transform: translateY(20px);
    }
  .l-header .header__inner.is-narrow .header__btn {
    display: none;
    }
  .l-header .header__inner.is-narrow .header__contents {
    width: 100%;
    height: auto;
    background-color: transparent;
    position: relative;
    top: 0;
    left: 0;
    }
  .l-header .header__inner.is-narrow .header__contents .header__category {
    margin: 0;
    border-top: 1px solid #e4e4e4;
    background-color: #fff;
    }
  .l-header .header__inner.is-narrow .header__contents .header__category li {
    border-bottom: 1px solid #e4e4e4;
    }
  .l-header .header__inner.is-narrow .header__contents .header__category li a {
    padding: 21px 60px;
    display: block;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1;
    position: relative;
    }
  .l-header .header__inner.is-narrow .header__contents .header__category li a::after {
    margin: auto;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #020b57;
    border-right: 2px solid #020b57;
    position: absolute;
    top: 0;
    right: 60px;
    bottom: 0;
    transform: rotate(45deg);
    }
  .l-header .header__inner.is-narrow .header__contents .header__link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
    }
  .l-header .header__inner.is-narrow .header__contents .header__lang,
  .l-header .header__inner.is-narrow .header__contents .header__lang--en {
    margin: 30px auto;
    display: flex;
    max-width: 450px;
    width: 60%;
    border: 1px solid #0151a3;
    position: relative;
    }
  .l-header .header__inner.is-narrow .header__contents .header__lang li,
  .l-header .header__inner.is-narrow .header__contents .header__lang--en li {
    display: inline-block;
    width: 50%;
    text-align: center;
    }
  .l-header .header__inner.is-narrow .header__contents .header__lang li span,
  .l-header .header__inner.is-narrow .header__contents .header__lang li a,
  .l-header .header__inner.is-narrow .header__contents .header__lang--en li span,
  .l-header .header__inner.is-narrow .header__contents .header__lang--en li a {
    padding: 5px 15px;
    display: block;
    letter-spacing: -.01em;
    font-size: 1.4rem;
    }
  .l-header .header__inner.is-narrow .header__contents .header__lang li span,
  .l-header .header__inner.is-narrow .header__contents .header__lang--en li span {
    background-color: #0151a3;
    color: #fff;
    }
  .l-header .header__inner.is-narrow .header__contents .header__lang li a,
  .l-header .header__inner.is-narrow .header__contents .header__lang--en li a {
    color: #0151a3;
    text-decoration: none;
    }
  .l-header .header__inner.is-narrow .header__contents .header__lang li a:hover, .l-header .header__inner.is-narrow .header__contents .header__lang li a:focus,
  .l-header .header__inner.is-narrow .header__contents .header__lang--en li a:hover,
  .l-header .header__inner.is-narrow .header__contents .header__lang--en li a:focus {
    background-color: #0151a3;
    color: #fff;
    }
  .l-header .header__inner.is-narrow .header__contents .header__lang li:nth-of-type(1),
  .l-header .header__inner.is-narrow .header__contents .header__lang--en li:nth-of-type(1) {
    border-right: 1px solid #fff;
    }
  .l-header .header__inner.is-narrow .header__contents .header__lang--en {
    display: none;
    }
  .l-header .header__inner.is-narrow .header__contents .header__unit {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    }
  .l-header .header__inner.is-narrow .header__contents .header__logIn,
  .l-header .header__inner.is-narrow .header__contents .header__faq,
  .l-header .header__inner.is-narrow .header__contents .header__recruit {
    display: block;
    width: 33.33%;
    text-align: center;
    font-size: 1.3rem;
    }
  .l-header .header__inner.is-narrow .header__contents .header__logIn a,
  .l-header .header__inner.is-narrow .header__contents .header__faq a,
  .l-header .header__inner.is-narrow .header__contents .header__recruit a {
    padding: 10px 5px;
    display: block;
    color: #333;
    text-decoration: none;
    letter-spacing: -.01em;
    }
  .l-header .header__inner.is-narrow .header__contents .header__logIn {
    border-right: 1px solid #e4e4e4;
    }
  .l-header .header__inner.is-narrow .header__contents .header__faq {
    border-right: 1px solid #e4e4e4;
    }
  .l-header .header__inner.is-narrow .header__contents .header__tel,
  .l-header .header__inner.is-narrow .header__contents .header__contact {
    padding: 0;
    display: block;
    width: 50%;
    text-align: center;
    position: relative;
    }
  .l-header .header__inner.is-narrow .header__contents .header__tel a,
  .l-header .header__inner.is-narrow .header__contents .header__contact a {
    padding: 25px 0 15px;
    display: block;
    text-decoration: none;
    }
  .l-header .header__inner.is-narrow .header__contents .header__tel a {
    background-color: #f0f0f0;
    color: #333;
    letter-spacing: -.01em;
    font-weight: bold;
    font-size: 17px;
    }
  .l-header .header__inner.is-narrow .header__contents .header__tel::before {
    margin: auto;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('/material/common/images/img_icon_tel_sp.png');
    position: absolute;
    top: 0;
    right: 0;
    bottom: 36px;
    left: 0;
    }
  .l-header .header__inner.is-narrow .header__contents .header__contact {
    border-bottom: solid 1px #0151a3;
    }
  .l-header .header__inner.is-narrow .header__contents .header__contact a {
    padding: 27px 0 15px;
    height: 72px;
    background-color: #0151a3;
    color: #fff;
    letter-spacing: .3em;
    }
  .l-header .header__inner.is-narrow .header__contents .header__contact::before {
    margin: auto;
    content: '';
    display: block;
    width: 14px;
    height: 11px;
    background-image: url('/material/common/images/img_icon_mail.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 36px;
    left: 0;
    }
  }

@media screen and (max-width: 750px) {
  .l-header .header__inner.is-narrow .header__contents .header__category li a {
    padding: 21px 15px;
    }
  .l-header .header__inner.is-narrow .header__contents .header__category li a::after {
    right: 17px;
    }
  }

/*====================
SP JS true
====================*/
@media screen and (min-width: 1040px) {
  [data-script='true'] .l-header .header__inner.is-wide .header__contents .header__category li a.is-current {
    color: #ca3a1c;
    cursor: default;
    }
  [data-script='true'] .l-header .header__inner.is-wide .header__contents .header__category li a.is-current::after {
    opacity: 1;
    transform: translate(0, 0);
    }
  }

@media screen and (max-width: 1039px) {
  [data-script='true'] .l-header {
    margin-bottom: 0;
    }
  [data-script='true'] .l-header .header__inner.is-narrow {
    margin: 0 auto;
    padding: 10px 60px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1400px;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__logo {
    margin-left: 0;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__outer {
    display: flex;
    align-items: center;
    position: absolute;
    top: 6px;
    right: 60px;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__outer::before {
    margin: auto;
    content: '';
    display: block;
    width: 1px;
    height: 90%;
    background-color: #e3e3e3;
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 12px;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__outer .header__tel {
    margin: 0 28px 0 0;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__outer .header__tel a {
    display: inline-block;
    height: 0;
    text-decoration: none;
    position: relative;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__outer .header__tel a::before {
    margin: auto;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('/material/common/images/img_icon_tel.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__outer .header__tel a span.header__telNum {
    display: none;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__outer .header__tel a span.header__telText {
    display: block;
    letter-spacing: -.01em;
    font-size: 9px;
    line-height: 1;
    transform: translateY(20px);
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__btn {
    display: block;
    width: 40px;
    text-align: center;
    line-height: 1;
    position: relative;
    cursor: pointer;
    transform: translateY(4px);
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__btn .header__btnText {
    margin: 37px auto 0;
    display: inline-block;
    color: #020b57;
    letter-spacing: -.01em;
    font-weight: bold;
    font-size: 9px;
    position: relative;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__btn .header__btnText::before, [data-script='true'] .l-header .header__inner.is-narrow .header__btn::before, [data-script='true'] .l-header .header__inner.is-narrow .header__btn::after {
    margin: 0 auto;
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    background-color: #020b57;
    position: absolute;
    right: 0;
    left: 0;
    transition: transform .3s, bottom .3s;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__btn::before {
    bottom: 35px;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__btn .header__btnText::before {
    margin-top: -2px;
    bottom: 24px;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__btn::after {
    bottom: 15px;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__contents {
    display: none;
    overflow: auto;
    width: 100%;
    height: 0;
    position: absolute;
    top: 69px;
    left: 0;
    z-index: 100;
    transition: height .3s;
    }
  }

@media screen and (max-width: 750px) {
  [data-script='true'] .l-header .header__inner.is-narrow {
    padding-right: 15px;
    padding-left: 15px;
    }
  [data-script='true'] .l-header .header__inner.is-narrow .header__outer {
    right: 15px;
    }
  }

[data-script='true'] .l-header.is-open .header__inner.is-narrow .header__contents {
  display: block;
  }

[data-script='true'] .l-header.is-open .header__inner.is-narrow .header__outer {
  top: 8px;
  }

[data-script='true'] .l-header.is-open .header__inner.is-narrow .header__btn {
  transform: translateY(9px);
  }

[data-script='true'] .l-header.is-open .header__inner.is-narrow .header__btn::before {
  margin-top: 0;
  bottom: 32px;
  transform: rotate(-45deg);
  }

[data-script='true'] .l-header.is-open .header__inner.is-narrow .header__btn .header__btnText {
  margin-top: 27px;
  }

[data-script='true'] .l-header.is-open .header__inner.is-narrow .header__btn .header__btnText::before {
  display: none;
  }

[data-script='true'] .l-header.is-open .header__inner.is-narrow .header__btn::after {
  position: relative;
  bottom: 32px;
  transform: rotate(45deg);
  }

html[lang='en'] .l-header .header__inner.is-wide .header__contents .header__lang {
  display: none;
  }

html[lang='en'] .l-header .header__inner.is-wide .header__contents .header__lang--en {
  display: block;
  }

html[lang='en'] .l-header .header__inner.is-narrow .header__contents .header__lang {
  display: none;
  }

html[lang='en'] .l-header .header__inner.is-narrow .header__contents .header__lang--en {
  display: flex;
  }

html.is-overFlow,
body.is-overFlow {
  width: 100%;
  position: fixed;
  }

/*! === main ===*/
.l-main {
  margin: 124px 0 60px;
  }

@media screen and (max-width: 1039px) {
  .l-main {
    margin: 0;
    }
  }

.l-main .main__inner {
  padding: 0 60px;
  }

@media screen and (min-width: 1040px) {
  .l-main .main__inner {
    margin: 0 auto;
    max-width: 1400px;
    }
  }

@media screen and (max-width: 1039px) {
  .l-main .main__inner {
    margin: 0 auto -1px;
    }
  }

@media screen and (max-width: 750px) {
  .l-main .main__inner {
    padding: 0 15px;
    }
  }

@media screen and (min-width: 1040px) {
  .l-main .main__localNav {
    display: flex;
    justify-content: space-between;
    }
  }

.l-main .main__contents {
  position: relative;
  }

@media screen and (min-width: 1040px) {
  .l-main .main__contents {
    margin-right: 5%;
    width: 75%;
    }
  }

.l-main .main__contents .m-scrollTop {
  margin: 0 30px 0 0;
  text-align: right;
  position: absolute;
  right: -37%;
  bottom: -10px;
  z-index: 1;
  }

@media screen and (max-width: 1039px) {
  .l-main .main__contents .m-scrollTop {
    margin: 60px auto 30px;
    padding: 0;
    height: 38px;
    position: relative;
    right: 0;
    bottom: 30px;
    }
  }

.l-main .main__end {
  margin: 120px 0 0;
  }

@media screen and (max-width: 1039px) {
  .l-main .main__end {
    margin-top: 100px;
    }
  }

.l-main .main__end .m-breadList {
  margin: 0 -60px;
  padding: 15px 60px;
  background-color: #f0f0f0;
  }

@media screen and (max-width: 750px) {
  .l-main .main__end .m-breadList {
    margin: 0 -15px;
    padding: 15px;
    }
  }

.l-main .main__end .m-breadList ol {
  margin: 0 auto -10px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1400px;
  }

.l-main .main__end .m-breadList ol li {
  margin: 0 20px 10px 0;
  padding: 0 15px 0 0;
  display: flex;
  align-items: center;
  border-right: 1px solid #333;
  }

.l-main .main__end .m-breadList ol li a,
.l-main .main__end .m-breadList ol li span {
  display: inline-block;
  color: #333;
  font-weight: normal;
  font-size: 1.1rem;
  }

.l-main .main__end .m-breadList ol li a {
  text-decoration: none;
  }

.l-main .main__end .m-breadList ol li:last-of-type {
  border-right: 0;
  }

.l-main .main__side {
  position: relative;
  }

@media screen and (min-width: 1040px) {
  .l-main .main__side {
    padding: 0 0 60px;
    width: 20%;
    }
  }

.l-main .main__section {
  margin: 0 0 60px;
  }

@media screen and (max-width: 750px) {
  .l-main .main__section {
    margin-bottom: 30px;
    }
  }

@media screen and (max-width: 1039px) {
  [data-script='true'] .l-main {
    margin-top: 70px;
    }
  }

/*! === local-nav ===*/
.m-localNav {
  margin: 0 0 60px;
  }

.m-localNav .localNav__hierarchy2 {
  margin: 0 0 23px;
  padding: 0 0 5px;
  border-bottom: 2px solid #020b57;
  position: relative;
  }

.m-localNav .localNav__hierarchy2::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #020b57;
  border-right: 2px solid #020b57;
  position: absolute;
  top: -4px;
  bottom: 0;
  left: 0;
  transform: rotate(45deg);
  }

.m-localNav .localNav__hierarchy2 > a {
  padding: 0 0 0 17px;
  text-decoration: none;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.4;
  }

@media screen and (min-width: 1040px) {
  .m-localNav .localNav__hierarchy2 > a:hover, .m-localNav .localNav__hierarchy2 > a:focus {
    text-decoration: none;
    opacity: .7;
    }
  }

.m-localNav .localNav__hierarchy3,
.m-localNav .localNav__hierarchy4 {
  margin: 0;
  }

.m-localNav .localNav__hierarchy3 li,
.m-localNav .localNav__hierarchy4 li {
  margin: 0 0 5px;
  }

.m-localNav .localNav__hierarchy3 li a,
.m-localNav .localNav__hierarchy4 li a {
  padding: 0 0 0 17px;
  display: inline-block;
  text-decoration: none;
  line-height: 1.5;
  position: relative;
  }

@media screen and (min-width: 1040px) {
  .m-localNav .localNav__hierarchy3 li a:hover, .m-localNav .localNav__hierarchy3 li a:focus,
  .m-localNav .localNav__hierarchy4 li a:hover,
  .m-localNav .localNav__hierarchy4 li a:focus {
    text-decoration: none;
    opacity: .7;
    }
  }

.m-localNav .localNav__hierarchy3 li a::before,
.m-localNav .localNav__hierarchy4 li a::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: -4px;
  bottom: 0;
  left: 0;
  }

.m-localNav .localNav__hierarchy3 li:last-of-type,
.m-localNav .localNav__hierarchy4 li:last-of-type {
  margin: 0;
  padding: 0;
  }

.m-localNav .localNav__hierarchy3 > li > a,
.m-localNav .localNav__hierarchy3 > li.is-current > a {
  color: #333;
  font-size: 1.4rem;
  }

.m-localNav .localNav__hierarchy3 > li > a::before,
.m-localNav .localNav__hierarchy3 > li.is-current > a::before {
  border-top: 2px solid #c7c7c7;
  border-right: 2px solid #c7c7c7;
  transform: rotate(45deg);
  }

@media screen and (min-width: 1040px) {
  .m-localNav .localNav__hierarchy3 > li > a:hover, .m-localNav .localNav__hierarchy3 > li > a:focus,
  .m-localNav .localNav__hierarchy3 > li.is-current > a:hover,
  .m-localNav .localNav__hierarchy3 > li.is-current > a:focus {
    opacity: .7;
    }
  }

.m-localNav .localNav__hierarchy3 > li.is-current > a {
  color: #ca3a1c;
  font-weight: bold;
  cursor: default;
  }

.m-localNav .localNav__hierarchy3 > li.is-current > a::before {
  border-top: 2px solid #ca3a1c;
  border-right: 2px solid #ca3a1c;
  transform: rotate(45deg);
  }

@media screen and (min-width: 1040px) {
  .m-localNav .localNav__hierarchy3 > li.is-current > a:hover, .m-localNav .localNav__hierarchy3 > li.is-current > a:focus {
    text-decoration: none;
    opacity: 1;
    }
  }

.m-localNav .localNav__hierarchy4 {
  margin: 0 0 0 18px;
  }

.m-localNav .localNav__hierarchy4 > li,
.m-localNav .localNav__hierarchy4 > li.is-current {
  margin: 0 0 5px;
  }

.m-localNav .localNav__hierarchy4 > li > a,
.m-localNav .localNav__hierarchy4 > li.is-current > a {
  padding: 0 0 0 12px;
  color: #333;
  font-size: 1.4rem;
  }

.m-localNav .localNav__hierarchy4 > li > a::before,
.m-localNav .localNav__hierarchy4 > li.is-current > a::before {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #c7c7c7;
  }

@media screen and (min-width: 1040px) {
  .m-localNav .localNav__hierarchy4 > li > a:hover, .m-localNav .localNav__hierarchy4 > li > a:focus,
  .m-localNav .localNav__hierarchy4 > li.is-current > a:hover,
  .m-localNav .localNav__hierarchy4 > li.is-current > a:focus {
    opacity: .7;
    }
  }

.m-localNav .localNav__hierarchy4 > li.is-current > a {
  color: #ca3a1c;
  font-weight: bold;
  cursor: default;
  }

.m-localNav .localNav__hierarchy4 > li.is-current > a::before {
  background-color: #ca3a1c;
  }

.m-localNav .localNav__hierarchy4 > li.is-current > a::after {
  content: none;
  }

@media screen and (min-width: 1040px) {
  .m-localNav .localNav__hierarchy4 > li.is-current > a:hover, .m-localNav .localNav__hierarchy4 > li.is-current > a:focus {
    text-decoration: none;
    opacity: 1;
    }
  }

@media screen and (max-width: 1039px) {
  .m-localNav {
    padding: 28px 15px;
    background-color: #0151a3;
    }
  .m-localNav .localNav__hierarchy2 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #6797c8;
    }
  .m-localNav .localNav__hierarchy2::before {
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 2px;
    left: auto;
    }
  .m-localNav .localNav__hierarchy2 a {
    padding: 10px 15px 10px 0;
    display: block;
    color: #fff;
    font-weight: normal;
    }
  .m-localNav .localNav__hierarchy3 li,
  .m-localNav .localNav__hierarchy4 li {
    margin: 0;
    padding: 0;
    }
  .m-localNav .localNav__hierarchy3 li a,
  .m-localNav .localNav__hierarchy4 li a {
    padding: 0;
    color: #fff;
    font-weight: normal;
    }
  .m-localNav .localNav__hierarchy3 li a::before,
  .m-localNav .localNav__hierarchy4 li a::before {
    right: 2px;
    left: auto;
    }
  .m-localNav .localNav__hierarchy3 {
    margin-left: 20px;
    }
  .m-localNav .localNav__hierarchy3 > li {
    border-bottom: 1px solid #6797c8;
    }
  .m-localNav .localNav__hierarchy3 > li > a {
    padding: 20px 15px 20px 0;
    display: block;
    font-size: 1.5rem;
    }
  .m-localNav .localNav__hierarchy3 > li > a::before {
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    }
  .m-localNav .localNav__hierarchy3 > li.is-current > a {
    color: #fff;
    font-weight: bold;
    }
  .m-localNav .localNav__hierarchy3 > li.is-current > a::before {
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    }
  .m-localNav .localNav__hierarchy3 > li:last-of-type {
    border-bottom: none;
    }
  .m-localNav .localNav__hierarchy3 > li:first-of-type {
    border-bottom: 1px solid #6797c8;
    }
  .m-localNav .localNav__hierarchy4 {
    margin: 0 0 20px 27px;
    }
  .m-localNav .localNav__hierarchy4 > li {
    margin-bottom: 13px;
    line-height: 1;
    }
  .m-localNav .localNav__hierarchy4 > li > a {
    font-size: 1.2rem;
    }
  .m-localNav .localNav__hierarchy4 > li > a::before, .m-localNav .localNav__hierarchy4 > li > a::after {
    content: none;
    }
  .m-localNav .localNav__hierarchy4 > li.is-current {
    margin-bottom: 13px;
    line-height: 1;
    }
  .m-localNav .localNav__hierarchy4 > li.is-current > a {
    padding: 0;
    color: #fff;
    font-weight: bold;
    }
  }

@media screen and (max-width: 1039px) {
  .main__side .m-localNav {
    margin: 0 -60px;
    padding-right: 60px;
    padding-left: 60px;
    }
  }

@media screen and (max-width: 750px) {
  .main__side .m-localNav {
    margin: 0 -15px;
    padding-right: 15px;
    padding-left: 15px;
    }
  }

/*====================
footer
====================*/
@media screen and (min-width: 1040px) {
  .l-footer .footer__inner {
    margin: 0 auto;
    padding: 15px 60px;
    max-width: 1400px;
    }
  .l-footer .footer__inner a {
    text-decoration: none;
    line-height: 1;
    }
  }

@media screen and (min-width: 1040px) and (min-width: 1040px) {
  .l-footer .footer__inner a:hover, .l-footer .footer__inner a:focus {
    text-decoration: none;
    opacity: .7;
    }
  }

@media screen and (min-width: 1040px) {
  .l-footer .footer__contents {
    background-color: #0151a3;
    }
  .l-footer .footer__contents .footer__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    }
  .l-footer .footer__copy {
    font-size: 1.1rem;
    }
  .l-footer .footer__copy p {
    margin: 0;
    letter-spacing: .01em;
    }
  .l-footer .footer__copy p small {
    color: #020b57;
    font-weight: bold;
    font-size: 1.1rem;
    }
  .l-footer .footer__linkList {
    margin: 0;
    display: flex;
    }
  .l-footer .footer__linkList li {
    margin: 0 17px 0 0;
    line-height: 1;
    }
  .l-footer .footer__linkList li a {
    color: #fff;
    font-size: 1.3rem;
    }
  }

@media screen and (min-width: 1040px) and (min-width: 1040px) {
  .l-footer .footer__linkList li a:hover, .l-footer .footer__linkList li a:focus {
    text-decoration: none;
    opacity: .7;
    }
  }

@media screen and (min-width: 1040px) {
  .l-footer .footer__license {
    margin: 0;
    display: flex;
    }
  .l-footer .footer__license a {
    margin: 0 7px 0 0;
    }
  }

@media screen and (max-width: 1039px) {
  .l-footer .footer__license {
    margin: 0;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #0151a3;
    }
  .l-footer .footer__license a {
    margin: 0 5px 0 0;
    }
  .l-footer .footer__inner {
    margin: 0 auto;
    padding: 10px 15px;
    max-width: 1400px;
    }
  .l-footer .footer__contents .footer__inner {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    }
  .l-footer .footer__copy {
    text-align: center;
    font-size: 1.1rem;
    }
  .l-footer .footer__copy p {
    color: #020b57;
    letter-spacing: .01em;
    font-family: 'Roboto', sans-serif;
    }
  .l-footer .footer__linkList {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    }
  .l-footer .footer__linkList li {
    width: 50%;
    }
  .l-footer .footer__linkList li a {
    text-decoration: none;
    letter-spacing: .01em;
    font-size: 1rem;
    }
  .l-footer .footer__linkList li:nth-of-type(odd) {
    margin-right: 2%;
    width: 48%;
    text-align: right;
    }
  .l-footer .footer__linkList li:nth-of-type(even) {
    text-align: left;
    }
  }

/*====================
.m-scrollTop
====================*/
.m-scrollTop {
  margin: 30px 0;
  text-align: right;
  }

.m-scrollTop a {
  padding: 24px 14px 8px;
  display: inline-block;
  border: 1px solid #020b57;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
  letter-spacing: .01em;
  line-height: 1.2;
  position: relative;
  transition: transform .3s;
  }

.m-scrollTop a::before {
  margin: auto;
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #020b57;
  border-left: 2px solid #020b57;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 35px;
  left: 0;
  transform: rotate(45deg);
  }

.m-scrollTop a:hover, .m-scrollTop a:focus {
  transform: translate(0, -5px);
  }

@media screen and (max-width: 750px) {
  .m-scrollTop {
    margin: 15px 0;
    }
  .m-scrollTop a {
    padding: 36px 0 0;
    display: inline-block;
    overflow: hidden;
    max-width: 36px;
    max-height: 36px;
    border: 1px solid #0151a3;
    border-radius: 50%;
    background-color: #fff;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    position: relative;
    transition: transform .3s;
    }
  .m-scrollTop a::before {
    margin: auto;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #0151a3;
    border-left: 2px solid #0151a3;
    position: absolute;
    top: 3px;
    right: 0;
    bottom: 0;
    left: 0;
    transform: rotate(45deg);
    }
  .m-scrollTop span {
    display: none;
    }
  }

body.is-mhBody {
  display: flex;
  flex-direction: column;
  color: #333;
  position: relative;
  }

@media screen and (min-width: 1040px) {
  body.is-mhBody {
    min-height: 100vh;
    }
  body.is-mhBody .l-main {
    flex-grow: 1;
    }
  }

a[target='_blank'] {
  padding-right: 3px;
  }

a[target='_blank'] img {
  padding-left: 3px;
  vertical-align: text-top;
  }

@media screen and (min-width: 1040px) {
  a[target='_blank']:hover, a[target='_blank']:focus {
    opacity: .7;
    }
  }

@media screen and (min-width: 1040px) {
  p a:hover, p a:focus {
    opacity: .7;
    }
  }

p b {
  color: #333;
  font-weight: bold;
  }

strong.m-iconAttention {
  padding-left: 1.8em;
  display: inline-block;
  position: relative;
  }

strong.m-iconAttention::before {
  padding: 2px 0 0 1px;
  content: '!';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.4em;
  height: 1.4em;
  border-radius: 50%;
  background-color: #020b57;
  color: #fff;
  line-height: 1.4;
  position: absolute;
  top: .1em;
  left: 0;
  }

.m-textDefine,
.m-textDefine--yougo {
  margin: 0 0 30px;
  display: flex;
  flex-wrap: wrap;
  }

.m-textDefine .textDefine__item,
.m-textDefine--yougo .textDefine__item {
  margin: 0 0 15px;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  }

.m-textDefine dt,
.m-textDefine dd,
.m-textDefine--yougo dt,
.m-textDefine--yougo dd {
  margin: 0;
  display: inline-block;
  }

.m-textDefine dt *:last-of-type,
.m-textDefine dd *:last-of-type,
.m-textDefine--yougo dt *:last-of-type,
.m-textDefine--yougo dd *:last-of-type {
  margin-bottom: 0;
  }

.m-textDefine dt,
.m-textDefine--yougo dt {
  margin-bottom: 15px;
  padding: 0 10px 0 0;
  min-width: 4em;
  }

.m-textDefine dt.textDefine__colon,
.m-textDefine--yougo dt.textDefine__colon {
  margin-right: 8px;
  position: relative;
  }

.m-textDefine dt.textDefine__colon::after,
.m-textDefine--yougo dt.textDefine__colon::after {
  content: ':';
  display: block;
  position: absolute;
  top: -2px;
  right: -2px;
  }

.m-textDefine dd + dd,
.m-textDefine--yougo dd + dd {
  margin-top: 15px;
  }

@media screen and (max-width: 750px) {
  .m-textDefine .textDefine__item,
  .m-textDefine--yougo .textDefine__item {
    display: block;
    }
  }

.m-textDefine--yougo dt,
.m-textDefine--yougo dd {
  display: block;
  width: 100%;
  }

.m-largeText {
  margin: 0 0 30px;
  font-size: 1.8rem;
  }

.m-dateText {
  text-align: right;
  }

.m-dateText .dateText__date {
  color: #a9aba9;
  font-size: 1.3rem;
  }

.m-dateText .dateText__category {
  margin: 0 0 0 10px;
  padding: 1px 5px;
  display: inline-block;
  min-width: 60px;
  background-color: #e4e4e4;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.75;
  }

/*====================
.m-breadList
====================*/
.m-headBgImg .m-breadList,
.m-headBgColor .m-breadList,
.m-headBgColor--twoLine .m-breadList {
  background-color: #0151a3;
  }

.m-headBgImg .m-breadList ol,
.m-headBgColor .m-breadList ol,
.m-headBgColor--twoLine .m-breadList ol {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  max-width: 1400px;
  }

.m-headBgImg .m-breadList ol li,
.m-headBgColor .m-breadList ol li,
.m-headBgColor--twoLine .m-breadList ol li {
  margin: 0 20px 0 0;
  padding: 0 15px 0 0;
  display: flex;
  align-items: center;
  border-right: 1px solid #5286be;
  }

.m-headBgImg .m-breadList ol li a,
.m-headBgImg .m-breadList ol li span,
.m-headBgColor .m-breadList ol li a,
.m-headBgColor .m-breadList ol li span,
.m-headBgColor--twoLine .m-breadList ol li a,
.m-headBgColor--twoLine .m-breadList ol li span {
  display: inline-block;
  color: #fff;
  font-weight: normal;
  font-size: 1.1rem;
  }

.m-headBgImg .m-breadList ol li a,
.m-headBgColor .m-breadList ol li a,
.m-headBgColor--twoLine .m-breadList ol li a {
  text-decoration: none;
  transition: opacity .3s;
  }

@media screen and (min-width: 1040px) {
  .m-headBgImg .m-breadList ol li a:hover, .m-headBgImg .m-breadList ol li a:focus,
  .m-headBgColor .m-breadList ol li a:hover,
  .m-headBgColor .m-breadList ol li a:focus,
  .m-headBgColor--twoLine .m-breadList ol li a:hover,
  .m-headBgColor--twoLine .m-breadList ol li a:focus {
    opacity: .7;
    }
  }

.m-headBgImg .m-breadList ol li:last-of-type,
.m-headBgColor .m-breadList ol li:last-of-type,
.m-headBgColor--twoLine .m-breadList ol li:last-of-type {
  border-right: 0;
  }

/*====================
.m-headBgImg
====================*/
.m-headBgImg {
  margin: 0 0 60px;
  padding: 0 0 20px;
  width: 100%;
  position: relative;
  }

.m-headBgImg::before {
  content: '';
  display: block;
  max-width: 1400px;
  width: 90%;
  height: 300px;
  background-image: url('/common/images/img_module_head_01.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  }

.m-headBgImg::after {
  content: '';
  display: block;
  min-height: 150px;
  width: 100%;
  height: 40%;
  background-color: #0151a3;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  }

.m-headBgImg .headBgImg__wrapper {
  margin: 0 auto;
  padding: 0 60px;
  overflow: hidden;
  max-width: 1400px;
  height: 300px;
  position: relative;
  }

.m-headBgImg .headBgImg__text {
  display: flex;
  align-items: center;
  width: 85%;
  height: 100%;
  color: #fff;
  font-weight: normal;
  font-size: 4.5rem;
  line-height: 1.5;
  }

.m-headBgImg .m-breadList {
  margin: 20px 0 0;
  padding: 0;
  width: 100%;
  }

.m-headBgImg .m-breadList ol {
  padding: 0 60px;
  }

.m-headBgImg .m-breadList li {
  display: flex;
  align-items: center;
  }

@media screen and (max-width: 750px) {
  .m-headBgImg .m-breadList ul {
    display: none;
    }
  }

.m-headBgImg + .m-pageLink {
  margin-top: -60px;
  }

@media screen and (max-width: 750px) {
  .m-headBgImg {
    height: 178px;
    }
  .m-headBgImg::before {
    height: 89%;
    }
  .m-headBgImg::after {
    min-height: auto;
    height: 57px;
    }
  .m-headBgImg .headBgImg__wrapper {
    padding: 0 15px;
    height: 100%;
    }
  .m-headBgImg .headBgImg__text {
    font-size: 2.4rem;
    }
  .m-headBgImg .m-breadList {
    display: none;
    }
  }

.m-headBgImg.is-service::before {
  background-image: url('/service/images/img_service_head.jpg');
  }

.m-headBgImg.is-kadai::before {
  background-image: url('/kadai/images/img_kadai_head.jpg');
  }

.m-headBgImg.is-case::before {
  background-image: url('/case/images/img_case_head.jpg');
  background-position: center;
  }

.m-headBgImg.is-company::before {
  background-image: url('/company/images/img_company_head.jpg');
  background-position: right;
  }

.m-headBgImg.is-knowledge::before {
  background-image: url('/knowledge/images/img_knowledge_head.jpg');
  background-position: center;
  }

.m-headBgImg.is-recruit::before {
  background-image: url('/recruit/images/img_recruit_head.jpg');
  background-position: center;
  }

.m-headBgImg.is-news::before {
  background-image: url('/news/images/img_news_head.jpg');
  background-position: center;
  }

/*====================
.m-headBgColor
====================*/
.m-headBgColor,
.m-headBgColor--twoLine,
.m-headBgColor--nobreadList {
  margin: 0 0 60px;
  min-height: 158px;
  width: 100%;
  position: relative;
  }

.m-headBgColor::before,
.m-headBgColor--twoLine::before,
.m-headBgColor--nobreadList::before {
  content: '';
  display: block;
  width: 90%;
  height: 100%;
  background-color: #0151a3;
  position: absolute;
  top: 0;
  left: 0;
  }

.m-headBgColor .headBgColor__wrapper,
.m-headBgColor--twoLine .headBgColor__wrapper,
.m-headBgColor--nobreadList .headBgColor__wrapper {
  margin: 0 auto;
  padding: 50px 60px 30px;
  min-height: 158px;
  max-width: 1400px;
  width: 100%;
  position: relative;
  }

.m-headBgColor .headBgColor__text,
.m-headBgColor--twoLine .headBgColor__text,
.m-headBgColor--nobreadList .headBgColor__text {
  margin: 0 0 15px;
  display: flex;
  align-items: center;
  width: 85%;
  height: 100%;
  color: #fff;
  font-weight: normal;
  font-size: 33px;
  line-height: 1.5;
  }

.m-headBgColor .m-breadList,
.m-headBgColor--twoLine .m-breadList,
.m-headBgColor--nobreadList .m-breadList {
  width: 90%;
  }

.m-headBgColor .m-breadList li,
.m-headBgColor--twoLine .m-breadList li,
.m-headBgColor--nobreadList .m-breadList li {
  display: flex;
  align-items: center;
  }

@media screen and (max-width: 750px) {
  .m-headBgColor .m-breadList,
  .m-headBgColor--twoLine .m-breadList,
  .m-headBgColor--nobreadList .m-breadList {
    padding: 0;
    }
  .m-headBgColor .m-breadList ol,
  .m-headBgColor--twoLine .m-breadList ol,
  .m-headBgColor--nobreadList .m-breadList ol {
    display: none;
    }
  }

@media screen and (max-width: 750px) {
  .m-headBgColor,
  .m-headBgColor--twoLine,
  .m-headBgColor--nobreadList {
    margin: 0 0 30px;
    display: flex;
    min-height: 80px;
    width: 100%;
    position: relative;
    }
  .m-headBgColor::before,
  .m-headBgColor--twoLine::before,
  .m-headBgColor--nobreadList::before {
    content: '';
    display: block;
    width: 90%;
    height: 100%;
    background-color: #0151a3;
    position: absolute;
    top: 0;
    left: 0;
    }
  .m-headBgColor .headBgColor__wrapper,
  .m-headBgColor--twoLine .headBgColor__wrapper,
  .m-headBgColor--nobreadList .headBgColor__wrapper {
    padding: 0;
    min-height: 80px;
    }
  .m-headBgColor .headBgColor__text,
  .m-headBgColor--twoLine .headBgColor__text,
  .m-headBgColor--nobreadList .headBgColor__text {
    margin-bottom: 0;
    padding: 15px 0 15px 15px;
    padding-right: 10%;
    min-height: 80px;
    width: 80%;
    font-size: 2.1rem;
    }
  .m-headBgColor .m-breadList,
  .m-headBgColor--twoLine .m-breadList,
  .m-headBgColor--nobreadList .m-breadList {
    display: none;
    }
  }

.m-headBgColor--twoLine .headBgColor__text {
  font-size: 20px;
  }

.m-headBgColor--twoLine .m-breadList {
  padding: 110px 0 20px;
  }

@media screen and (max-width: 750px) {
  .m-headBgColor--twoLine .m-breadList {
    min-height: 90px;
    }
  }

.m-headBgColor--nobreadList {
  min-height: 100px;
  }

.m-headBgColor--nobreadList .headBgColor__wrapper {
  padding: 50px 60px;
  min-height: 100px;
  }

.m-headBgColor--nobreadList .headBgColor__text {
  margin: 0;
  }

@media screen and (max-width: 750px) {
  .m-headBgColor--nobreadList {
    min-height: 80px;
    }
  .m-headBgColor--nobreadList .headBgColor__wrapper {
    padding: 0;
    min-height: 80px;
    }
  }

/*====================
.m-headHorizon
====================*/
.m-headHorizon {
  margin: 0 0 30px;
  }

.m-headHorizon .headHorizon__hdr {
  margin: 0;
  padding: 0 0 0 30px;
  display: inline-block;
  color: #020b57;
  font-weight: normal;
  font-size: 2.7rem;
  line-height: 1.4;
  position: relative;
  }

.m-headHorizon .headHorizon__hdr::before {
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background-color: #ca3a1c;
  position: absolute;
  top: 15px;
  left: 0;
  }

@media screen and (max-width: 750px) {
  .m-headHorizon {
    margin-bottom: 15px;
    }
  .m-headHorizon .headHorizon__hdr {
    font-size: 2.1rem;
    }
  .m-headHorizon .headHorizon__hdr::before {
    top: 10px;
    }
  }

/*====================
.m-headBB
====================*/
.m-headBB,
.m-headBB--link {
  margin: 0 0 30px;
  }

.m-headBB .headBB__hdr,
.m-headBB--link .headBB__hdr {
  margin: 0 0 30px;
  padding: 14px 0;
  display: block;
  border-bottom: solid 1px #ccc;
  color: #020b57;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.4;
  }

@media screen and (max-width: 750px) {
  .m-headBB .headBB__hdr,
  .m-headBB--link .headBB__hdr {
    line-height: 1.2;
    }
  }

@media screen and (max-width: 750px) {
  .m-headBB,
  .m-headBB--link {
    margin-bottom: 15px;
    }
  .m-headBB .headBB__hdr,
  .m-headBB--link .headBB__hdr {
    font-size: 1.7rem;
    }
  }

.m-headBB--link .headBB__hdr {
  padding-left: 22px;
  }

.m-headBB--link .headBB__hdr a {
  text-decoration: none;
  position: relative;
  }

.m-headBB--link .headBB__hdr a::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #0151a3;
  position: absolute;
  top: -3px;
  bottom: 0;
  left: -22px;
  }

@media screen and (max-width: 1039px) {
  .m-headBB--link .headBB__hdr a::before {
    width: 15px;
    height: 15px;
    }
  }

.m-headBB--link .headBB__hdr a::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: 0;
  bottom: 3px;
  left: -17px;
  transform: rotate(45deg);
  }

@media screen and (max-width: 1039px) {
  .m-headBB--link .headBB__hdr a::after {
    left: -18px;
    }
  }

@media screen and (min-width: 1040px) {
  .m-headBB--link .headBB__hdr a:hover, .m-headBB--link .headBB__hdr a:focus {
    opacity: .4;
    }
  }

@media screen and (max-width: 750px) {
  .m-headBB--link {
    margin-bottom: 15px;
    }
  }

/*====================
m-headHorizon--small
====================*/
.m-headHorizon--small {
  margin: 0 0 20px;
  }

.m-headHorizon--small .headHorizon__hdr {
  margin: 0 0 15px;
  padding: 0 0 0 30px;
  display: inline-block;
  color: #333;
  font-weight: normal;
  font-size: 1.9rem;
  line-height: 1.4;
  position: relative;
  }

.m-headHorizon--small .headHorizon__hdr::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background-color: #ca3a1c;
  position: absolute;
  top: -4px;
  bottom: 0;
  left: 0;
  }

.m-headHorizon--small > *:last-child {
  margin-bottom: 0;
  }

@media screen and (max-width: 750px) {
  .m-headHorizon--small {
    margin-bottom: 15px;
    }
  .m-headHorizon--small .headHorizon__hdr {
    padding-left: 21px;
    color: #333;
    }
  .m-headHorizon--small .headHorizon__hdr::before {
    width: 15px;
    }
  }

/*====================
.m-smallHeading
====================*/
.m-smallHeading {
  margin: 0 0 15px;
  }

.m-smallHeading .smallHeading__hdr {
  margin: 0;
  color: #020b57;
  font-weight: bold;
  font-size: 1.7rem;
  }

.m-list,
.m-listOrder,
.m-listNotice {
  margin: 0 0 30px;
  }

.m-list li,
.m-listOrder li,
.m-listNotice li {
  margin: 0 0 6px;
  }

@media screen and (max-width: 750px) {
  .m-list li,
  .m-listOrder li,
  .m-listNotice li {
    margin-bottom: 4px;
    }
  }

.m-list li:last-of-type,
.m-listOrder li:last-of-type,
.m-listNotice li:last-of-type {
  margin-bottom: 0;
  }

.m-list li > *:last-child,
.m-listOrder li > *:last-child,
.m-listNotice li > *:last-child {
  margin-bottom: 0;
  }

/*====================
m-list
====================*/
.m-list li {
  padding: 0 0 0 15px;
  position: relative;
  }

.m-list li::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #c7c7c7;
  position: absolute;
  top: .6em;
  left: 0;
  }

@media screen and (max-width: 750px) {
  .m-list li {
    font-size: 1.4rem;
    }
  }

/*====================
.m-listOrder
====================*/
.m-listOrder li {
  padding: 0 0 0 26px;
  position: relative;
  }

.m-listOrder li span {
  letter-spacing: -.01em;
  position: absolute;
  top: 0;
  left: 0;
  }

/*====================
.m-listNotice
====================*/
.m-listNotice li {
  padding: 0 0 0 1.6em;
  color: #666;
  font-size: 1.3rem;
  line-height: 1.5;
  position: relative;
  }

.m-listNotice li span {
  position: absolute;
  top: 0;
  left: 0;
  }

/*====================
.m-linkList
====================*/
.m-linkList {
  margin: 0 0 30px;
  }

.m-linkList li {
  margin: 0 0 8px;
  position: relative;
  }

.m-linkList li::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #0151a3;
  position: absolute;
  top: -3px;
  bottom: 0;
  left: 0;
  }

@media screen and (max-width: 1039px) {
  .m-linkList li::before {
    width: 15px;
    height: 15px;
    }
  }

.m-linkList li::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: -3px;
  bottom: 0;
  left: 5px;
  transform: rotate(45deg);
  }

@media screen and (max-width: 1039px) {
  .m-linkList li::after {
    left: 4px;
    }
  }

.m-linkList li a {
  padding: 0 0 0 20px;
  display: inline-block;
  color: #333;
  text-decoration: none;
  }

@media screen and (min-width: 1040px) {
  .m-linkList li a:hover, .m-linkList li a:focus {
    text-decoration: underline;
    opacity: .7;
    }
  }

.m-linkList li a[target='_blank'] img {
  padding-left: 3px;
  vertical-align: text-top;
  }

@media screen and (max-width: 750px) {
  .m-linkList li {
    text-align: center;
    }
  .m-linkList li::before, .m-linkList li::after {
    display: none;
    }
  .m-linkList li a {
    margin: 0 auto;
    padding: 10px 20px;
    display: block;
    border: 1px solid #666;
    font-size: 1.4rem;
    line-height: 1.5;
    }
  }

/*====================
.m-linkBtn
====================*/
.m-linkBtn,
.m-linkBtn--em {
  margin: 0 0 30px;
  }

.m-linkBtn .linkBtn__inner,
.m-linkBtn--em .linkBtn__inner {
  padding: 12px 40px;
  display: inline-block;
  min-width: 267px;
  border: solid 1px #020b57;
  color: #020b57;
  text-align: center;
  text-decoration: none;
  letter-spacing: -.01em;
  transition: color .3s, background-color .3s;
  }

@media screen and (min-width: 1040px) {
  .m-linkBtn .linkBtn__inner:hover, .m-linkBtn .linkBtn__inner:focus,
  .m-linkBtn--em .linkBtn__inner:hover,
  .m-linkBtn--em .linkBtn__inner:focus {
    background-color: #020b57;
    color: #fff;
    opacity: 1;
    }
  }

.m-linkBtn .linkBtn__inner[target='_blank'] span img,
.m-linkBtn--em .linkBtn__inner[target='_blank'] span img {
  padding-left: 3px;
  vertical-align: text-top;
  }

@media screen and (max-width: 750px) {
  .m-linkBtn,
  .m-linkBtn--em {
    text-align: center;
    }
  .m-linkBtn .linkBtn__inner,
  .m-linkBtn--em .linkBtn__inner {
    padding: 12px 8px;
    display: block;
    font-size: 1.4rem;
    }
  }

/*====================
.m-linkBtn--em
====================*/
.m-linkBtn--em {
  margin: 0 0 30px;
  }

.m-linkBtn--em .linkBtn__inner {
  border: solid 1px #0151a3;
  background-color: #0151a3;
  color: #fff;
  }

@media screen and (min-width: 1040px) {
  .m-linkBtn--em .linkBtn__inner:hover, .m-linkBtn--em .linkBtn__inner:focus {
    background-color: #fff;
    color: #0151a3;
    opacity: 1;
    }
  }

@media screen and (max-width: 750px) {
  .m-linkBtn--em {
    text-align: center;
    }
  .m-linkBtn--em .linkBtn__inner {
    padding: 12px 20px;
    font-size: 1.4rem;
    }
  }

/*====================
.m-pageLink
====================*/
.m-panelLinkList {
  margin: 0 auto 30px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1400px;
  width: 100%;
  }

.m-panelLinkList li {
  margin: 0 0 2px 0;
  width: 33.33%;
  border-bottom: 1px solid #e1e1e1;
  }

.m-panelLinkList li a {
  padding: 25px 30px 25px 40px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #333;
  text-decoration: none;
  position: relative;
  transition: background-color .3s;
  }

@media screen and (min-width: 1040px) {
  .m-panelLinkList li a:hover, .m-panelLinkList li a:focus {
    background-color: #cde1f5;
    }
  }

.m-panelLinkList li a::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #0151a3;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  }

@media screen and (max-width: 1039px) {
  .m-panelLinkList li a::before {
    width: 15px;
    height: 15px;
    }
  }

.m-panelLinkList li a::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  transform: rotate(45deg);
  }

.m-panelLinkList li:nth-of-type(3n) {
  margin-right: 0;
  }

@media screen and (max-width: 1039px) {
  .m-panelLinkList {
    display: block;
    }
  .m-panelLinkList li {
    width: 100%;
    }
  .m-panelLinkList li a {
    padding: 15px 30px 15px 32px;
    }
  .m-panelLinkList li a::after {
    left: 14px;
    }
  }

/*====================
.m-imgCenter
====================*/
.m-imgCenter {
  margin: 0 0 60px;
  width: 100%;
  }

.m-imgCenter img {
  margin: 0 auto;
  display: block;
  max-width: 720px;
  width: 100%;
  }

.m-col2,
.m-col2--imgText, .m-col3, .m-col4, .m-col3-7,
.m-col3-7--imgText, .m-col7-3, .m-col2-8, .m-col8-2 {
  margin: 0 0 30px;
  display: flex;
  flex-wrap: wrap;
  }

.m-col2 > .col, .m-col2--imgText > .col, .m-col3 > .col, .m-col4 > .col, .m-col3-7 > .col, .m-col3-7--imgText > .col, .m-col7-3 > .col, .m-col2-8 > .col, .m-col8-2 > .col {
  margin: 0;
  }

.m-col2 > .col > *:last-child, .m-col2--imgText > .col > *:last-child, .m-col3 > .col > *:last-child, .m-col4 > .col > *:last-child, .m-col3-7 > .col > *:last-child, .m-col3-7--imgText > .col > *:last-child, .m-col7-3 > .col > *:last-child, .m-col2-8 > .col > *:last-child, .m-col8-2 > .col > *:last-child {
  margin-bottom: 0;
  }

.m-col2 > .col > img, .m-col2--imgText > .col > img, .m-col3 > .col > img, .m-col4 > .col > img, .m-col3-7 > .col > img, .m-col3-7--imgText > .col > img, .m-col7-3 > .col > img, .m-col2-8 > .col > img, .m-col8-2 > .col > img {
  width: 100%;
  }

.m-col2 > .col > .m-imgCenter, .m-col2--imgText > .col > .m-imgCenter, .m-col3 > .col > .m-imgCenter, .m-col4 > .col > .m-imgCenter, .m-col3-7 > .col > .m-imgCenter, .m-col3-7--imgText > .col > .m-imgCenter, .m-col7-3 > .col > .m-imgCenter, .m-col2-8 > .col > .m-imgCenter, .m-col8-2 > .col > .m-imgCenter {
  margin-bottom: 20px;
  }

.m-col2 > .col.m-linkBtn a, .m-col2--imgText > .col.m-linkBtn a, .m-col3 > .col.m-linkBtn a, .m-col4 > .col.m-linkBtn a, .m-col3-7 > .col.m-linkBtn a, .m-col3-7--imgText > .col.m-linkBtn a, .m-col7-3 > .col.m-linkBtn a, .m-col2-8 > .col.m-linkBtn a, .m-col8-2 > .col.m-linkBtn a {
  padding: 12px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: auto;
  width: 100%;
  height: 100%;
  }

@media screen and (max-width: 750px) {
  .m-col2,
  .m-col2--imgText, .m-col3, .m-col4, .m-col3-7,
  .m-col3-7--imgText, .m-col7-3, .m-col2-8, .m-col8-2 {
    display: block;
    }
  .m-col2 > .col.m-linkBtn:nth-of-type(n+2), .m-col2--imgText > .col.m-linkBtn:nth-of-type(n+2), .m-col3 > .col.m-linkBtn:nth-of-type(n+2), .m-col4 > .col.m-linkBtn:nth-of-type(n+2), .m-col3-7 > .col.m-linkBtn:nth-of-type(n+2), .m-col3-7--imgText > .col.m-linkBtn:nth-of-type(n+2), .m-col7-3 > .col.m-linkBtn:nth-of-type(n+2), .m-col2-8 > .col.m-linkBtn:nth-of-type(n+2), .m-col8-2 > .col.m-linkBtn:nth-of-type(n+2) {
    margin-top: 10px;
    }
  .m-col2 > .col.m-linkBtn:nth-of-type(n+2), .m-col2--imgText > .col.m-linkBtn:nth-of-type(n+2), .m-col3 > .col.m-linkBtn:nth-of-type(n+2), .m-col4 > .col.m-linkBtn:nth-of-type(n+2), .m-col3-7 > .col.m-linkBtn:nth-of-type(n+2), .m-col3-7--imgText > .col.m-linkBtn:nth-of-type(n+2), .m-col7-3 > .col.m-linkBtn:nth-of-type(n+2), .m-col2-8 > .col.m-linkBtn:nth-of-type(n+2), .m-col8-2 > .col.m-linkBtn:nth-of-type(n+2) {
    margin-top: 10px;
    }
  }

/*====================
.m-col2
====================*/
.m-col2,
.m-col2--imgText {
  justify-content: space-between;
  }

.m-col2 > .col,
.m-col2--imgText > .col {
  width: 48%;
  }

.m-col2 > .col img,
.m-col2--imgText > .col img {
  display: block;
  max-width: 461px;
  }

@media screen and (max-width: 750px) {
  .m-col2 > .col,
  .m-col2--imgText > .col {
    margin: 0 auto;
    width: 100%;
    }
  }

.m-col2 > .col:nth-of-type(n+3),
.m-col2--imgText > .col:nth-of-type(n+3) {
  margin-top: 30px;
  }

@media screen and (max-width: 750px) {
  .m-col2 > .col,
  .m-col2--imgText > .col {
    margin-bottom: 0;
    }
  .m-col2 > .col img,
  .m-col2--imgText > .col img {
    margin: 0 auto;
    }
  .m-col2 > .col:last-of-type,
  .m-col2--imgText > .col:last-of-type {
    margin-bottom: 0;
    }
  .m-col2 > .col:nth-of-type(n+2),
  .m-col2--imgText > .col:nth-of-type(n+2) {
    margin-top: 30px;
    }
  }

.m-col2--imgText {
  flex-direction: row-reverse;
  }

.m-col2--imgText > .col:nth-of-type(even) {
  max-width: 461px;
  }

@media screen and (max-width: 750px) {
  .m-col2--imgText > .col:nth-of-type(even) {
    margin: 30px auto 0;
    width: 100%;
    }
  }

/*====================
.m-col3
====================*/
.m-col3 > .col {
  margin-right: 3.5%;
  width: 31%;
  }

@media screen and (max-width: 750px) {
  .m-col3 > .col {
    width: 100%;
    }
  }

.m-col3 > .col:nth-of-type(3n) {
  margin-right: 0;
  }

.m-col3 > .col:nth-of-type(n+4) {
  margin-top: 30px;
  }

@media screen and (max-width: 750px) {
  .m-col3 > .col {
    margin: 0 auto;
    }
  .m-col3 > .col:nth-of-type(n+2) {
    margin-top: 30px;
    }
  }

/*====================
.m-col4
====================*/
.m-col4 > .col {
  margin-right: 3.3%;
  width: 22.5%;
  }

@media screen and (max-width: 750px) {
  .m-col4 > .col {
    margin-right: 0;
    width: 100%;
    }
  }

.m-col4 > .col:nth-of-type(4n) {
  margin-right: 0;
  }

.m-col4 > .col:nth-of-type(n+5) {
  margin-top: 30px;
  }

@media screen and (max-width: 750px) {
  .m-col4 > .col:nth-of-type(n+2) {
    margin-top: 30px;
    }
  }

/*====================
.m-col3-7
====================*/
.m-col3-7,
.m-col3-7--imgText {
  justify-content: space-between;
  }

.m-col3-7 > .col:nth-of-type(odd),
.m-col3-7--imgText > .col:nth-of-type(odd) {
  width: 34%;
  }

@media screen and (max-width: 750px) {
  .m-col3-7 > .col:nth-of-type(odd),
  .m-col3-7--imgText > .col:nth-of-type(odd) {
    width: 100%;
    }
  }

.m-col3-7 > .col:nth-of-type(even),
.m-col3-7--imgText > .col:nth-of-type(even) {
  width: 63%;
  }

@media screen and (max-width: 750px) {
  .m-col3-7 > .col:nth-of-type(even),
  .m-col3-7--imgText > .col:nth-of-type(even) {
    width: 100%;
    }
  }

.m-col3-7 > .col:nth-of-type(n+3),
.m-col3-7--imgText > .col:nth-of-type(n+3) {
  margin-top: 30px;
  }

@media screen and (max-width: 750px) {
  .m-col3-7 > .col:nth-of-type(n+2),
  .m-col3-7--imgText > .col:nth-of-type(n+2) {
    margin-top: 30px;
    }
  }

.m-col3-7--imgText {
  flex-direction: row-reverse;
  }

.m-col3-7--imgText > .col:nth-of-type(even) {
  max-width: 410px;
  width: 34%;
  }

@media screen and (max-width: 750px) {
  .m-col3-7--imgText > .col:nth-of-type(even) {
    margin: 30px auto 0;
    width: 100%;
    }
  }

.m-col3-7--imgText > .col:nth-of-type(odd) {
  width: 63%;
  }

@media screen and (max-width: 750px) {
  .m-col3-7--imgText > .col:nth-of-type(odd) {
    width: 100%;
    }
  }

/*====================
.m-col7-3
====================*/
.m-col7-3 {
  justify-content: space-between;
  }

.m-col7-3 > .col:nth-of-type(odd) {
  width: 63%;
  }

@media screen and (max-width: 750px) {
  .m-col7-3 > .col:nth-of-type(odd) {
    width: 100%;
    }
  }

.m-col7-3 > .col:nth-of-type(even) {
  max-width: 410px;
  width: 34%;
  }

@media screen and (max-width: 750px) {
  .m-col7-3 > .col:nth-of-type(even) {
    margin: 30px auto 0;
    width: 100%;
    }
  }

.m-col7-3 > .col:nth-of-type(n+3) {
  margin-top: 30px;
  }

.m-col7-3 > .col.col--img {
  width: 34%;

  order: 2;
  }

@media screen and (max-width: 750px) {
  .m-col7-3 > .col.col--img {
    width: 100%;
    }
  }

.m-col7-3 > .col.col--text {
  width: 63%;

  order: 1;
  }

@media screen and (max-width: 750px) {
  .m-col7-3 > .col.col--text {
    width: 100%;
    }
  }

@media screen and (max-width: 750px) {
  .m-col7-3 > .col:nth-of-type(n+2) {
    margin-top: 30px;
    }
  }

/*====================
.m-col2-8
====================*/
.m-col2-8 {
  justify-content: space-between;
  }

.m-col2-8 > .col:nth-of-type(odd) {
  width: 22%;
  }

@media screen and (max-width: 750px) {
  .m-col2-8 > .col:nth-of-type(odd) {
    width: 100%;
    }
  }

.m-col2-8 > .col:nth-of-type(even) {
  width: 75%;
  }

@media screen and (max-width: 750px) {
  .m-col2-8 > .col:nth-of-type(even) {
    width: 100%;
    }
  }

.m-col2-8 > .col:nth-of-type(n+3) {
  margin-top: 30px;
  }

.m-col2-8 > .col.col--img {
  width: 22%;

  order: 1;
  }

@media screen and (max-width: 750px) {
  .m-col2-8 > .col.col--img {
    width: 100%;
    }
  }

.m-col2-8 > .col.col--text {
  width: 75%;

  order: 2;
  }

@media screen and (max-width: 750px) {
  .m-col2-8 > .col.col--text {
    width: 100%;
    }
  }

@media screen and (max-width: 750px) {
  .m-col2-8 > .col:nth-of-type(n+2) {
    margin-top: 30px;
    }
  }

/*====================
.m-col8-2
====================*/
.m-col8-2 {
  justify-content: space-between;
  }

.m-col8-2 > .col:nth-of-type(odd) {
  width: 75%;
  }

@media screen and (max-width: 750px) {
  .m-col8-2 > .col:nth-of-type(odd) {
    width: 100%;
    }
  }

.m-col8-2 > .col:nth-of-type(even) {
  width: 22%;
  }

@media screen and (max-width: 750px) {
  .m-col8-2 > .col:nth-of-type(even) {
    width: 100%;
    }
  }

.m-col8-2 > .col:nth-of-type(n+3) {
  margin-top: 30px;
  }

.m-col8-2 > .col.col--img {
  width: 22%;

  order: 2;
  }

@media screen and (max-width: 750px) {
  .m-col8-2 > .col.col--img {
    width: 100%;
    }
  }

.m-col8-2 > .col.col--text {
  width: 75%;

  order: 1;
  }

@media screen and (max-width: 750px) {
  .m-col8-2 > .col.col--text {
    width: 100%;
    }
  }

@media screen and (max-width: 750px) {
  .m-col8-2 > .col:nth-of-type(n+2) {
    margin-top: 30px;
    }
  }

/*====================
.m-imgLinkCol
====================*/
.m-imgLinkCol > .col > a {
  margin: 0 0 30px;
  display: block;
  color: #333;
  text-decoration: none;
  }

@media screen and (min-width: 1040px) {
  .m-imgLinkCol > .col > a:hover, .m-imgLinkCol > .col > a:focus {
    text-decoration: none;
    opacity: .7;
    }
  }

.m-imgLinkCol > .col > a > img {
  margin: 0 0 10px;
  width: 100%;
  }

.m-imgLinkCol > .col > a .imgLinkCol__inner {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  }

.m-imgLinkCol > .col > a .imgLinkCol__img {
  margin: 0 0 10px;
  overflow: hidden;
  border-radius: 5px;
  }

.m-imgLinkCol > .col > a .imgLinkCol__img img {
  max-width: none;
  width: 100%;
  border-radius: 5px;
  }

.m-imgLinkCol > .col > a .imgLinkCol__hdr {
  margin: 0;
  padding: 0 17px 0 0;
  font-weight: bold;
  font-size: 2.2rem;
  position: relative;
  }

.m-imgLinkCol > .col > a .imgLinkCol__hdr::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #0151a3;
  position: absolute;
  top: -3px;
  right: 0;
  bottom: 0;
  }

.m-imgLinkCol > .col > a .imgLinkCol__hdr::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: -3px;
  right: 7px;
  bottom: 0;
  transform: rotate(45deg);
  }

.m-imgLinkCol > .col > a .imgLinkCol__textWrapper > *:last-child {
  margin-bottom: 0;
  }

.m-imgLinkCol > .col > a .imgLinkCol__department {
  display: block;
  font-weight: normal;
  font-size: 1.3rem;
  }

.m-imgLinkCol > .col > a .imgLinkCol__name {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  }

@media screen and (min-width: 1040px) {
  .m-imgLinkCol > .col > a:hover .imgLinkCol__hdr, .m-imgLinkCol > .col > a:focus .imgLinkCol__hdr {
    opacity: .7;
    }
  }

@media screen and (max-width: 750px) {
  .m-imgLinkCol > .col > a .imgLinkCol__hdr {
    padding: 0 17px 0 0;
    }
  .m-imgLinkCol > .col > a .imgLinkCol__hdr::before {
    width: 17px;
    height: 17px;
    }
  .m-imgLinkCol > .col > a .imgLinkCol__hdr::after {
    width: 5px;
    height: 5px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    right: 7px;
    }
  .m-imgLinkCol > .col .m-linkBtn a {
    display: block;
    }
  }

.m-imgLinkCol > .col:last-of-type {
  margin-bottom: 0;
  }

/*====================
.m-introBox
====================*/
.m-introBox,
.m-introLinkBox,
.m-introLinkBox--large,
.m-introBox--wordLink {
  margin: 0 0 30px;
  padding: 22px 30px 25px;
  border-radius: 5px;
  background-color: #f2eee7;
  }

@media screen and (max-width: 750px) {
  .m-introBox,
  .m-introLinkBox,
  .m-introLinkBox--large,
  .m-introBox--wordLink {
    padding: 22px 15px 25px;
    }
  }

.m-introBox > *:last-child,
.m-introLinkBox > *:last-child,
.m-introLinkBox--large > *:last-child,
.m-introBox--wordLink > *:last-child {
  margin-bottom: 0;
  }

.m-introBox .introLinkBox__inner,
.m-introLinkBox .introLinkBox__inner,
.m-introLinkBox--large .introLinkBox__inner,
.m-introBox--wordLink .introLinkBox__inner {
  margin: 0 auto;
  padding: 0 60px;
  max-width: 1400px;
  }

@media screen and (max-width: 750px) {
  .m-introBox .introLinkBox__inner,
  .m-introLinkBox .introLinkBox__inner,
  .m-introLinkBox--large .introLinkBox__inner,
  .m-introBox--wordLink .introLinkBox__inner {
    padding: 0 15px;
    }
  }

.m-introBox .introBox__lead,
.m-introLinkBox .introBox__lead,
.m-introLinkBox--large .introBox__lead,
.m-introBox--wordLink .introBox__lead {
  margin: 0 0 13px;
  font-weight: bold;
  font-size: 2.2rem;
  }

@media screen and (max-width: 750px) {
  .m-introBox .introBox__lead,
  .m-introLinkBox .introBox__lead,
  .m-introLinkBox--large .introBox__lead,
  .m-introBox--wordLink .introBox__lead {
    font-size: 1.8rem;
    }
  }

.m-introBox .introBox__defin,
.m-introLinkBox .introBox__defin,
.m-introLinkBox--large .introBox__defin,
.m-introBox--wordLink .introBox__defin {
  margin: 0 0 10px;
  }

.m-introBox .introBox__defin dt,
.m-introBox .introBox__defin dd,
.m-introLinkBox .introBox__defin dt,
.m-introLinkBox .introBox__defin dd,
.m-introLinkBox--large .introBox__defin dt,
.m-introLinkBox--large .introBox__defin dd,
.m-introBox--wordLink .introBox__defin dt,
.m-introBox--wordLink .introBox__defin dd {
  display: inline-block;
  }

@media screen and (max-width: 750px) {
  .m-introBox .introBox__defin dt,
  .m-introBox .introBox__defin dd,
  .m-introLinkBox .introBox__defin dt,
  .m-introLinkBox .introBox__defin dd,
  .m-introLinkBox--large .introBox__defin dt,
  .m-introLinkBox--large .introBox__defin dd,
  .m-introBox--wordLink .introBox__defin dt,
  .m-introBox--wordLink .introBox__defin dd {
    display: block;
    }
  }

.m-introBox .introBox__defin dt,
.m-introLinkBox .introBox__defin dt,
.m-introLinkBox--large .introBox__defin dt,
.m-introBox--wordLink .introBox__defin dt {
  margin: 0 10px 0 0;
  vertical-align: top;
  }

.m-introBox .introBox__department,
.m-introLinkBox .introBox__department,
.m-introLinkBox--large .introBox__department,
.m-introBox--wordLink .introBox__department {
  display: block;
  font-weight: normal;
  font-size: 1.3rem;
  }

.m-introBox .col > img + .introBox__department,
.m-introLinkBox .col > img + .introBox__department,
.m-introLinkBox--large .col > img + .introBox__department,
.m-introBox--wordLink .col > img + .introBox__department {
  margin: 5px 0 0;
  }

.m-introBox .introBox__name,
.m-introLinkBox .introBox__name,
.m-introLinkBox--large .introBox__name,
.m-introBox--wordLink .introBox__name {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  }

@media screen and (min-width: 1040px) {
  .m-introBox .m-col2 > .col,
  .m-introBox .m-col3 > .col,
  .m-introBox .m-col4 > .col,
  .m-introBox .m-col3-7 > .col,
  .m-introBox .m-col7-3 > .col,
  .m-introBox .m-col2-8 > .col,
  .m-introBox .m-col8-2 > .col,
  .m-introLinkBox .m-col2 > .col,
  .m-introLinkBox .m-col3 > .col,
  .m-introLinkBox .m-col4 > .col,
  .m-introLinkBox .m-col3-7 > .col,
  .m-introLinkBox .m-col7-3 > .col,
  .m-introLinkBox .m-col2-8 > .col,
  .m-introLinkBox .m-col8-2 > .col,
  .m-introLinkBox--large .m-col2 > .col,
  .m-introLinkBox--large .m-col3 > .col,
  .m-introLinkBox--large .m-col4 > .col,
  .m-introLinkBox--large .m-col3-7 > .col,
  .m-introLinkBox--large .m-col7-3 > .col,
  .m-introLinkBox--large .m-col2-8 > .col,
  .m-introLinkBox--large .m-col8-2 > .col,
  .m-introBox--wordLink .m-col2 > .col,
  .m-introBox--wordLink .m-col3 > .col,
  .m-introBox--wordLink .m-col4 > .col,
  .m-introBox--wordLink .m-col3-7 > .col,
  .m-introBox--wordLink .m-col7-3 > .col,
  .m-introBox--wordLink .m-col2-8 > .col,
  .m-introBox--wordLink .m-col8-2 > .col {
    margin-bottom: 0;
    }
  }

.m-introBox .m-col2 > .col:last-of-type,
.m-introBox .m-col3 > .col:last-of-type,
.m-introBox .m-col4 > .col:last-of-type,
.m-introBox .m-col3-7 > .col:last-of-type,
.m-introBox .m-col7-3 > .col:last-of-type,
.m-introBox .m-col2-8 > .col:last-of-type,
.m-introBox .m-col8-2 > .col:last-of-type,
.m-introLinkBox .m-col2 > .col:last-of-type,
.m-introLinkBox .m-col3 > .col:last-of-type,
.m-introLinkBox .m-col4 > .col:last-of-type,
.m-introLinkBox .m-col3-7 > .col:last-of-type,
.m-introLinkBox .m-col7-3 > .col:last-of-type,
.m-introLinkBox .m-col2-8 > .col:last-of-type,
.m-introLinkBox .m-col8-2 > .col:last-of-type,
.m-introLinkBox--large .m-col2 > .col:last-of-type,
.m-introLinkBox--large .m-col3 > .col:last-of-type,
.m-introLinkBox--large .m-col4 > .col:last-of-type,
.m-introLinkBox--large .m-col3-7 > .col:last-of-type,
.m-introLinkBox--large .m-col7-3 > .col:last-of-type,
.m-introLinkBox--large .m-col2-8 > .col:last-of-type,
.m-introLinkBox--large .m-col8-2 > .col:last-of-type,
.m-introBox--wordLink .m-col2 > .col:last-of-type,
.m-introBox--wordLink .m-col3 > .col:last-of-type,
.m-introBox--wordLink .m-col4 > .col:last-of-type,
.m-introBox--wordLink .m-col3-7 > .col:last-of-type,
.m-introBox--wordLink .m-col7-3 > .col:last-of-type,
.m-introBox--wordLink .m-col2-8 > .col:last-of-type,
.m-introBox--wordLink .m-col8-2 > .col:last-of-type {
  margin-bottom: 0;
  }

.m-introBox .m-col3 .col,
.m-introLinkBox .m-col3 .col,
.m-introLinkBox--large .m-col3 .col,
.m-introBox--wordLink .m-col3 .col {
  margin-right: 8%;
  max-width: 250px;
  width: 28%;
  }

.m-introBox .m-col3 .col:nth-of-type(3n),
.m-introLinkBox .m-col3 .col:nth-of-type(3n),
.m-introLinkBox--large .m-col3 .col:nth-of-type(3n),
.m-introBox--wordLink .m-col3 .col:nth-of-type(3n) {
  margin-right: 0;
  }

.m-introBox .m-col3 .col:nth-of-type(n+4),
.m-introLinkBox .m-col3 .col:nth-of-type(n+4),
.m-introLinkBox--large .m-col3 .col:nth-of-type(n+4),
.m-introBox--wordLink .m-col3 .col:nth-of-type(n+4) {
  margin-top: 10px;
  }

@media screen and (max-width: 750px) {
  .m-introBox .m-col3 .col,
  .m-introLinkBox .m-col3 .col,
  .m-introLinkBox--large .m-col3 .col,
  .m-introBox--wordLink .m-col3 .col {
    margin: 0 auto;
    width: 100%;
    }
  .m-introBox .m-col3 .col:nth-of-type(3n),
  .m-introLinkBox .m-col3 .col:nth-of-type(3n),
  .m-introLinkBox--large .m-col3 .col:nth-of-type(3n),
  .m-introBox--wordLink .m-col3 .col:nth-of-type(3n) {
    margin: 0 auto;
    }
  .m-introBox .m-col3 .col:nth-of-type(n+2),
  .m-introLinkBox .m-col3 .col:nth-of-type(n+2),
  .m-introLinkBox--large .m-col3 .col:nth-of-type(n+2),
  .m-introBox--wordLink .m-col3 .col:nth-of-type(n+2) {
    margin-top: 20px;
    }
  }

.m-introBox .m-col3-7,
.m-introLinkBox .m-col3-7,
.m-introLinkBox--large .m-col3-7,
.m-introBox--wordLink .m-col3-7 {
  justify-content: flex-start;
  flex-wrap: nowrap;
  }

.m-introBox .m-col3-7 > .col:nth-of-type(odd),
.m-introLinkBox .m-col3-7 > .col:nth-of-type(odd),
.m-introLinkBox--large .m-col3-7 > .col:nth-of-type(odd),
.m-introBox--wordLink .m-col3-7 > .col:nth-of-type(odd) {
  margin-right: 32px;
  max-width: 250px;
  }

@media screen and (max-width: 1039px) {
  .m-introBox .m-col3-7 > .col:nth-of-type(odd),
  .m-introLinkBox .m-col3-7 > .col:nth-of-type(odd),
  .m-introLinkBox--large .m-col3-7 > .col:nth-of-type(odd),
  .m-introBox--wordLink .m-col3-7 > .col:nth-of-type(odd) {
    margin-bottom: 0;
    }
  }

@media screen and (max-width: 750px) {
  .m-introBox .m-col3-7 > .col:nth-of-type(odd),
  .m-introLinkBox .m-col3-7 > .col:nth-of-type(odd),
  .m-introLinkBox--large .m-col3-7 > .col:nth-of-type(odd),
  .m-introBox--wordLink .m-col3-7 > .col:nth-of-type(odd) {
    margin: 0 auto 30px;
    }
  }

.m-introBox .m-imgLinkCol > .col .imgLinkCol__hdr,
.m-introLinkBox .m-imgLinkCol > .col .imgLinkCol__hdr,
.m-introLinkBox--large .m-imgLinkCol > .col .imgLinkCol__hdr,
.m-introBox--wordLink .m-imgLinkCol > .col .imgLinkCol__hdr {
  padding: 0 30px 0;
  text-align: center;
  font-size: 1.5rem;
  }

@media screen and (min-width: 1040px) {
  .m-introBox .m-imgLinkCol > .col .imgLinkCol__hdr a:hover, .m-introBox .m-imgLinkCol > .col .imgLinkCol__hdr a:focus,
  .m-introLinkBox .m-imgLinkCol > .col .imgLinkCol__hdr a:hover,
  .m-introLinkBox .m-imgLinkCol > .col .imgLinkCol__hdr a:focus,
  .m-introLinkBox--large .m-imgLinkCol > .col .imgLinkCol__hdr a:hover,
  .m-introLinkBox--large .m-imgLinkCol > .col .imgLinkCol__hdr a:focus,
  .m-introBox--wordLink .m-imgLinkCol > .col .imgLinkCol__hdr a:hover,
  .m-introBox--wordLink .m-imgLinkCol > .col .imgLinkCol__hdr a:focus {
    text-decoration: none;
    opacity: .7;
    }
  }

@media screen and (max-width: 1039px) {
  .m-introBox .m-imgLinkCol > .col .imgLinkCol__hdr,
  .m-introLinkBox .m-imgLinkCol > .col .imgLinkCol__hdr,
  .m-introLinkBox--large .m-imgLinkCol > .col .imgLinkCol__hdr,
  .m-introBox--wordLink .m-imgLinkCol > .col .imgLinkCol__hdr {
    padding: 0 17px 0;
    }
  }

@media screen and (max-width: 750px) {
  .m-introBox .m-linkList li,
  .m-introLinkBox .m-linkList li,
  .m-introLinkBox--large .m-linkList li,
  .m-introBox--wordLink .m-linkList li {
    text-align: center;
    }
  .m-introBox .m-linkList li::before, .m-introBox .m-linkList li::after,
  .m-introLinkBox .m-linkList li::before,
  .m-introLinkBox .m-linkList li::after,
  .m-introLinkBox--large .m-linkList li::before,
  .m-introLinkBox--large .m-linkList li::after,
  .m-introBox--wordLink .m-linkList li::before,
  .m-introBox--wordLink .m-linkList li::after {
    display: none;
    }
  .m-introBox .m-linkList li a,
  .m-introLinkBox .m-linkList li a,
  .m-introLinkBox--large .m-linkList li a,
  .m-introBox--wordLink .m-linkList li a {
    margin: 0 auto;
    padding: 10px 0;
    display: block;
    border: 1px solid #666;
    font-size: 1.4rem;
    line-height: 1;
    }
  }

.m-introLinkBox {
  padding: 30px;
  }

.m-introLinkBox .introBox__lead {
  margin-bottom: 20px;
  }

.m-introLinkBox--large {
  margin: -60px 0 0;
  padding: 30px 0;
  }

.m-introLinkBox--large .m-imgLinkCol .col > a .imgLinkCol__hdr {
  padding: 0 30px 0 0;
  text-align: left;
  font-weight: bold;
  font-size: 2.2rem;
  position: relative;
  }

.m-introLinkBox--large .m-imgLinkCol .col > a .imgLinkCol__hdr::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #0151a3;
  position: absolute;
  top: -3px;
  right: 0;
  bottom: 0;
  }

.m-introLinkBox--large .m-imgLinkCol .col > a .imgLinkCol__hdr::after {
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  right: 12px;
  }

@media screen and (max-width: 750px) {
  .m-introLinkBox--large {
    margin: -60px 0 0;
    padding: 30px 15px;
    }
  .m-introLinkBox--large .introLinkBox__inner {
    padding: 0;
    }
  }

.m-introBox--wordLink {
  margin: 0 0 60px;
  }

@media screen and (max-width: 750px) {
  .m-introBox--wordLink {
    margin-bottom: 30px;
    }
  }

/*====================
.m-baBox
====================*/
.m-baBox {
  margin: 0 0 30px;
  display: flex;
  justify-content: space-between;
  position: relative;
  }

@media screen and (max-width: 750px) {
  .m-baBox {
    display: block;
    }
  }

.m-baBox .baBox__list {
  width: 100%;
  }

.m-baBox .baBox__list::after {
  content: '';
  display: block;
  clear: both;
  }

.m-baBox .baBox__hdr {
  margin: 0 0 26px;
  padding: 0 0 2px;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 2.2rem;
  }

.m-baBox .baBox__hdr span {
  margin-bottom: 0;
  display: inline-block;
  line-height: 1;
  position: relative;
  }

.m-baBox .baBox__hdr span::before {
  margin: auto;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -25px;
  }

@media screen and (max-width: 750px) {
  .m-baBox .baBox__hdr {
    margin-bottom: 14px;
    line-height: 1.7;
    }
  .m-baBox .baBox__hdr span {
    font-size: 1.8rem;
    }
  }

.m-baBox .baBox__before,
.m-baBox .baBox__after {
  padding: 30px 50px;
  width: 44%;
  border-radius: 10px;
  }

@media screen and (max-width: 750px) {
  .m-baBox .baBox__before,
  .m-baBox .baBox__after {
    padding: 10px 20px;
    width: 100%;
    }
  }

.m-baBox .baBox__before {
  float: left;
  border: solid 1px #d5d3d3;
  position: relative;
  }

.m-baBox .baBox__before::before, .m-baBox .baBox__before::after {
  margin: auto;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  }

.m-baBox .baBox__before::before {
  width: 8%;
  height: 2px;
  border-top: dotted 5px #020b57;
  right: -17%;
  }

@media screen and (max-width: 750px) {
  .m-baBox .baBox__before::before {
    width: 25px;
    top: unset;
    right: 0;
    bottom: -30px;
    left: 0;
    transform: rotate(90deg);
    }
  }

.m-baBox .baBox__before::after {
  width: 15px;
  height: 15px;
  border-top: solid 4px #020b57;
  border-right: solid 4px #020b57;
  right: -20%;
  transform: rotate(45deg);
  }

@media screen and (max-width: 750px) {
  .m-baBox .baBox__before::after {
    width: 17px;
    height: 18px;
    top: unset;
    right: 0;
    bottom: -52px;
    left: 0;
    transform: rotate(135deg);
    }
  }

.m-baBox .baBox__before .baBox__hdr {
  display: block;
  border-bottom: solid 1px #d5d3d3;
  text-align: center;
  }

.m-baBox .baBox__before .baBox__hdr span::before {
  width: 21px;
  height: 31px;
  background-image: url('/common/images/img_icon_donyuBefore.png');
  top: -7px;
  left: -30px;
  }

.m-baBox .baBox__before .m-list {
  margin-bottom: 0;
  }

.m-baBox .baBox__before .m-list span {
  color: #020b57;
  font-weight: bold;
  }

@media screen and (max-width: 750px) {
  .m-baBox .baBox__before {
    margin: 0 0 66px;
    }
  .m-baBox .baBox__before .baBox__hdr span::before {
    width: 16px;
    height: 23px;
    background-size: cover;
    top: -7px;
    left: -22px;
    }
  }

.m-baBox .baBox__after {
  float: right;
  border: solid 1px #f68f3b;
  }

.m-baBox .baBox__after .baBox__hdr {
  display: block;
  border-bottom: solid 1px #f68f3b;
  text-align: center;
  }

.m-baBox .baBox__after .baBox__hdr span::before {
  width: 24px;
  height: 38px;
  background-image: url('/common/images/img_icon_donyuAfter.png');
  top: -15px;
  left: -30px;
  }

.m-baBox .baBox__after .m-list {
  margin-bottom: 0;
  }

.m-baBox .baBox__after .m-list span {
  color: #f68f3b;
  font-weight: bold;
  }

@media screen and (max-width: 750px) {
  .m-baBox .baBox__after .baBox__hdr span::before {
    width: 18px;
    height: 29px;
    background-size: cover;
    top: -12px;
    left: -22px;
    }
  }

/*====================
.m-columnBox
====================*/
.m-columnBox {
  margin: 0 0 30px;
  }

.m-columnBox .columnBox__item {
  display: flex;
  justify-content: space-between;
  }

/*====================
.m-borderBox
====================*/
.m-borderBox,
.m-borderBox--mw800 {
  margin: 0 0 30px;
  padding: 30px 50px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  }

.m-borderBox > *:last-child,
.m-borderBox--mw800 > *:last-child {
  margin-bottom: 0;
  }

.m-borderBox .borderBox__hdr,
.m-borderBox--mw800 .borderBox__hdr {
  margin: 0 0 30px;
  color: #020b57;
  font-weight: normal;
  font-size: 2.7rem;
  }

.m-borderBox .borderBox__lead,
.m-borderBox--mw800 .borderBox__lead {
  margin: 0 0 13px;
  color: #020b57;
  font-weight: bold;
  font-size: 2.2rem;
  }

@media screen and (max-width: 750px) {
  .m-borderBox,
  .m-borderBox--mw800 {
    padding: 25px 20px;
    }
  .m-borderBox .borderBox__hdr,
  .m-borderBox--mw800 .borderBox__hdr {
    margin-bottom: 20px;
    font-size: 2.1rem;
    }
  .m-borderBox .borderBox__lead,
  .m-borderBox--mw800 .borderBox__lead {
    font-size: 1.8rem;
    }
  }

.m-borderBox--mw800 {
  margin: 0 auto 30px;
  max-width: 800px;
  }

/*====================
.m-table
====================*/
.m-table,
.m-table--thTop {
  margin: 0 0 30px;
  width: 100%;
  border-bottom: solid 1px #ccc;
  }

.m-table th,
.m-table td,
.m-table--thTop th,
.m-table--thTop td {
  padding: 20px 30px;
  border-top: solid 1px #ccc;
  vertical-align: middle;
  text-align: left;
  }

.m-table th,
.m-table--thTop th {
  background-color: #f0f0f0;
  color: #666;
  }

.m-table td > *:last-child,
.m-table--thTop td > *:last-child {
  margin-bottom: 0;
  }

.m-table td a,
.m-table--thTop td a {
  transition: opacity .3s;
  }

@media screen and (min-width: 1040px) {
  .m-table td a:hover, .m-table td a:focus,
  .m-table--thTop td a:hover,
  .m-table--thTop td a:focus {
    opacity: .7;
    }
  }

.m-table td.table__tdsp,
.m-table--thTop td.table__tdsp {
  display: none;
  }

@media screen and (max-width: 750px) {
  .m-table th,
  .m-table td,
  .m-table--thTop th,
  .m-table--thTop td {
    padding: 8px 15px;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    }
  .m-table td.table__tdsp,
  .m-table--thTop td.table__tdsp {
    display: block;
    }
  }

.m-table--thTop th {
  vertical-align: top;
  }

@media screen and (max-width: 750px) {
  .m-table--thTop th {
    vertical-align: middle;
    }
  }

/*====================
.m-BBTable
====================*/
.m-BBTable,
.m-BBTable--news {
  margin: 0 0 30px;
  width: 100%;
  }

.m-BBTable tr,
.m-BBTable--news tr {
  border-bottom: solid 1px #e1e1e1;
  }

.m-BBTable th,
.m-BBTable td,
.m-BBTable--news th,
.m-BBTable--news td {
  padding: 30px 0;
  }

.m-BBTable th,
.m-BBTable--news th {
  margin: 0 40px 0 0;
  min-width: 320px;
  vertical-align: top;
  text-align: left;
  }

.m-BBTable th .news__label,
.m-BBTable--news th .news__label {
  margin: 3px 40px 0 0;
  padding: 1px 5px;
  display: inline-block;
  float: right;
  min-width: 60px;
  background-color: #e4e4e4;
  text-align: center;
  font-size: 1rem;
  line-height: 1.75;
  }

@media screen and (max-width: 750px) {
  .m-BBTable th .news__label,
  .m-BBTable--news th .news__label {
    margin: 0 0 0 10px;
    float: none;
    }
  }

.m-BBTable td p,
.m-BBTable--news td p {
  margin-bottom: 10px;
  }

.m-BBTable td a,
.m-BBTable--news td a {
  transition: opacity .3s;
  }

@media screen and (min-width: 1040px) {
  .m-BBTable td a:hover, .m-BBTable td a:focus,
  .m-BBTable--news td a:hover,
  .m-BBTable--news td a:focus {
    opacity: .7;
    }
  }

.m-BBTable td > *:last-child,
.m-BBTable--news td > *:last-child {
  margin-bottom: 0;
  }

@media screen and (max-width: 750px) {
  .m-BBTable tr:nth-of-type(n+2) th,
  .m-BBTable--news tr:nth-of-type(n+2) th {
    padding-top: 18px;
    }
  .m-BBTable th,
  .m-BBTable td,
  .m-BBTable--news th,
  .m-BBTable--news td {
    padding: 10px 0;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    }
  .m-BBTable th,
  .m-BBTable--news th {
    margin: 0 0 4px 0;
    padding: 0;
    min-width: auto;
    }
  .m-BBTable td,
  .m-BBTable--news td {
    padding: 0 0 18px;
    display: block;
    }
  }

.m-BBTable--news tr {
  border-bottom: 0;
  }

.m-BBTable--news tr:nth-of-type(even) {
  background-color: #f2f6fa;
  }

.m-BBTable--news th {
  padding-right: 30px;
  padding-left: 30px;
  vertical-align: top;
  }

@media screen and (max-width: 750px) {
  .m-BBTable--news th {
    padding-right: 15px;
    padding-left: 15px;
    }
  }

.m-BBTable--news td {
  padding-right: 30px;
  }

@media screen and (max-width: 750px) {
  .m-BBTable--news td {
    padding-right: 15px;
    padding-left: 15px;
    }
  }

.m-BBTable--news td p b > a {
  color: #020b57;
  text-decoration: underline;
  transition: opacity .3s, text-decoration .3s;
  }

@media screen and (min-width: 1040px) {
  .m-BBTable--news td p b > a:hover, .m-BBTable--news td p b > a:focus {
    text-decoration: none;
    opacity: .7;
    }
  }

.m-BBTable--news td p > a {
  color: #333;
  text-decoration: none;
  transition: color .3s, opacity .3s;
  }

@media screen and (min-width: 1040px) {
  .m-BBTable--news td p > a:hover, .m-BBTable--news td p > a:focus {
    color: #020b57;
    text-decoration: underline;
    opacity: .7;
    }
  }

/*====================
.m-scrollTable
====================*/
.m-scrollTable {
  overflow-x: scroll;
  }

.m-scrollTable table {
  width: 950px;
  }

.m-scrollTable th,
.m-scrollTable td {
  margin: 0;
  padding: 15px 20px;
  width: 192px;
  }

.m-scrollTable th:first-of-type,
.m-scrollTable td:first-of-type {
  width: 150px;
  }

.m-scrollTable .tcol1 {
  width: 150px;
  }

.m-scrollTable .tcol2 {
  width: 200px;
  }

.m-scrollTable .tcol3 {
  width: 600px;
  }

.m-scrollTable tr {
  border-bottom: 1px solid #e1e1e1;
  }

.m-scrollTable tr:last-of-type {
  border-bottom: 0;
  }

.m-scrollTable th {
  background-color: #f0f0f0;
  text-align: center;
  letter-spacing: -.01em;
  }

.m-scrollTable td img {
  margin: 0 auto 10px;
  display: block;
  }

.m-scrollTable td .m-col2,
.m-scrollTable td .m-list {
  margin-bottom: 0;
  }

@media screen and (max-width: 750px) {
  .m-scrollTable td .m-col2 {
    display: flex;
    }
  .m-scrollTable td .m-col2 > .col {
    margin: 0;
    width: 48%;
    }
  }

.m-scrollTable::-webkit-scrollbar {
  height: 10px;
  }

.m-scrollTable::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #999;
  }

.m-scrollTable::-webkit-scrollbar-track-piece {
  background: #efefef;
  }

.m-map iframe {
  min-height: 500px;
  width: 100%;
  border: 0;
  }

@media screen and (max-width: 750px) {
  .m-map iframe {
    min-height: 250px;
    }
  }

.m-bgiLinkPanel {
  width: 100%;
  height: 302px;
  background-image: url('/recruit/images/img_recruit_linkPanel.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  }

.m-bgiLinkPanel a {
  display: block;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  color: #fff;
  text-decoration: none;
  position: relative;
  transition: background-color .3s;
  }

.m-bgiLinkPanel a .bgiLinkPanel__wrapper {
  margin: auto;
  height: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50px;
  }

.m-bgiLinkPanel a .bgiLinkPanel__wrapper p {
  margin: 0 0 30px;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1.85;
  }

.m-bgiLinkPanel a .m-linkBtn {
  margin: 0;
  }

.m-bgiLinkPanel a .m-linkBtn .linkBtn__inner {
  padding: 12px 40px;
  display: inline-block;
  min-width: 267px;
  border: solid 1px #fff;
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  transition: border-color .3s, background-color .3s;
  }

@media screen and (min-width: 1040px) {
  .m-bgiLinkPanel a:hover, .m-bgiLinkPanel a:focus {
    background-color: rgba(0, 0, 0, .2);
    }
  .m-bgiLinkPanel a:hover .linkBtn__inner, .m-bgiLinkPanel a:focus .linkBtn__inner {
    border-color: #020b57;
    background-color: #020b57;
    }
  }

@media screen and (max-width: 750px) {
  .m-bgiLinkPanel {
    margin: 0 -15px;
    width: auto;
    }
  .m-bgiLinkPanel a .bgiLinkPanel__wrapper {
    height: 160px;
    text-align: center;
    right: 0;
    left: 0;
    }
  .m-bgiLinkPanel a .bgiLinkPanel__wrapper p {
    font-size: 2rem;
    }
  .m-bgiLinkPanel a .m-linkBtn {
    margin: 0;
    padding: 0 15px;
    text-align: center;
    }
  .m-bgiLinkPanel a .m-linkBtn .linkBtn__inner {
    padding: 12px 8px;
    display: block;
    font-size: 1.4rem;
    }
  }

.m-faq .faq__item {
  padding: 30px 0 28px;
  border-bottom: 1px solid #e1e1e1;
  }

.m-faq .faq__q {
  margin: 0 0 15px;
  padding: 0 0 0 25px;
  color: #020b57;
  font-weight: bold;
  font-size: 1.6rem;
  position: relative;
  }

.m-faq .faq__q::before {
  content: 'Q.';
  color: #020b57;
  font-size: 1.6rem;
  position: absolute;
  top: 0;
  left: 0;
  }

.m-faq .faq__a {
  margin: 0;
  }

.m-faq .faq__a .faq__aHdr {
  margin: 0 0 8px;
  padding: 0 0 0 25px;
  font-weight: bold;
  font-size: 1.6rem;
  position: relative;
  }

.m-faq .faq__a .faq__aHdr::before {
  content: 'A.';
  color: #ca3a1c;
  font-size: 1.6rem;
  position: absolute;
  top: 0;
  left: 0;
  }

.m-faq .faq__a > *:last-child {
  margin-bottom: 0;
  }

 p {
  margin-bottom: 10px;
  }

 input[type='text'] {
  padding: 3px;
  display: inline-block;
  height: 2em;
  font-size: 1.5rem;
  }

 input[type='text'] + p {
  padding: 0 0 0 1em;
  display: inline-block;
  font-size: 1.3rem;
  }

@media screen and (max-width: 750px) {
   input[type='text'] + p {
    margin-top: 10px;
    padding-left: 0;
    }
  }

 select {
  padding: 3px;
  height: 2em;
  }

 textarea {
  padding: 3px;
  min-width: 70%;
  min-height: 15em;
  font-size: 1.5rem;
  line-height: 1.5;
  }

@media screen and (max-width: 750px) {
   textarea {
    width: 100%;
    }
  }

 label + label {
  margin: 0 0 0 20px;
  }

@media screen and (max-width: 750px) {
   label + label {
    margin-left: 0;
    }
  }

 label.is-blockLabel {
  display: block;
  }

 label.is-blockLabel input {
  margin: 0 0 0 40px;
  }

@media screen and (max-width: 750px) {
   label.is-blockLabel input {
    margin-left: 0;
    }
  }

 label.is-blockLabel + label.is-blockLabel {
  margin: 10px 0 0;
  }

 th p {
  margin: 0;
  }

label {
  display: inline-block;
  }

@media screen and (max-width: 750px) {
  label {
    display: block;
    }
  }

.m-listNotice {
  margin-bottom: 10px;
  font-size: 1.3rem;
  }

@media screen and (max-width: 750px) {
  {
    padding: 15px;
    }
  }

 .form_text100 {
  width: 100%;
  }

 .form_text60 {
  width: 60%;
  }

@media screen and (max-width: 750px) {
   .form_text60 {
    width: 100%;
    }
  }

 .form_text50 {
  width: 50%;
  }

@media screen and (max-width: 750px) {
   .form_text50 {
    width: 100%;
    }
  }

 .form_text20 {
  min-width: 100px;
  width: 20%;
  }

@media screen and (max-width: 750px) {
   .form_text20 {
    width: 100%;
    }
  }

 .form__icon {
  padding: 0 0 0 15px;
  position: relative;
  }

 .form__icon::before {
  content: '';
  display: block;
  width: 11px;
  height: 11px;
  background-color: #ca3a1c;
  position: absolute;
  top: 7px;
  left: 0;
  }

 .form__radioList li {
  margin: 0 20px 0 0;
  display: inline-block;
  }

@media screen and (max-width: 750px) {
   .form__radioList li {
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
    }
  }

 .form__radioList li:last-of-type {
  margin-right: 0;
  margin-bottom: 0;
  }

 .form__decoration {
  padding: 0 1.2em;
  display: inline-block;
  position: relative;
  }

 .form__decoration::before {
  content: '【';
  position: absolute;
  top: 0;
  left: 0;
  }

 .form__decoration::after {
  content: '】';
  position: absolute;
  top: 0;
  right: 0;
  }

 .form__submitArea {
  margin: 40px 0 0;
  text-align: center;
  letter-spacing: -.01em;
  }

 .form__submitArea > p {
  margin: 0 0 15px;
  font-size: 1.5rem;
  }

 .form__submitArea .form__submitCheck {
  margin: 0 0 25px;
  }

 .form__submitArea .form__submitCheck label {
  display: inline-block;
  cursor: pointer;
  }

 .form__submitArea > button {
  margin: 0 auto;
  padding: 10px 15px;
  display: inline-block;
  min-width: 267px;
  min-height: 53px;
  border: none;
  background-color: #0151a3;
  color: #fff;
  cursor: pointer;
  }

 .form__submitArea > button[disabled] {
  background-color: #f0f0f0;
  color: #999;
  }

.m-columnList {
  margin: 0 0 60px;
  }

.m-columnList .column__item a {
  padding: 30px;
  display: block;
  text-decoration: none;
  font-size: 1.3rem;
  transition: background-color .3s;
  }

@media screen and (min-width: 1040px) {
  .m-columnList .column__item a:hover, .m-columnList .column__item a:focus {
    background-color: #cde1f5;
    }
  }

@media screen and (max-width: 750px) {
  .m-columnList .column__item a {
    padding: 0;
    font-size: 1.2rem;
    }
  }

.m-columnList .column__item:nth-of-type(even) {
  background-color: #f2f6fa;
  }

.m-columnList .column__inner--service,
.m-columnList .column__inner--report,
.m-columnList .column__inner--event,
.m-columnList .column__inner--news,
.m-columnList .column__inner--other {
  padding: 0 0 0 125px;
  position: relative;
  }

@media screen and (max-width: 750px) {
  .m-columnList .column__inner--service,
  .m-columnList .column__inner--report,
  .m-columnList .column__inner--event,
  .m-columnList .column__inner--news,
  .m-columnList .column__inner--other {
    padding: 15px 0 15px 130px;
    min-height: 135px;
    }
  }

.m-columnList .column__inner--service::before,
.m-columnList .column__inner--report::before,
.m-columnList .column__inner--event::before,
.m-columnList .column__inner--news::before,
.m-columnList .column__inner--other::before {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 1;
  }

@media screen and (max-width: 750px) {
  .m-columnList .column__inner--service::before,
  .m-columnList .column__inner--report::before,
  .m-columnList .column__inner--event::before,
  .m-columnList .column__inner--news::before,
  .m-columnList .column__inner--other::before {
    top: 18px;
    left: 15px;
    }
  }

.m-columnList .column__inner--service::before {
  background-image: url('/knowledge/column/images/img_icon_service.png');
  }

.m-columnList .column__inner--report::before {
  background-image: url('/knowledge/column/images/img_icon_report.png');
  }

.m-columnList .column__inner--event::before {
  background-image: url('/knowledge/column/images/img_icon_event.png');
  }

.m-columnList .column__inner--news::before {
  background-image: url('/knowledge/column/images/img_icon_news.png');
  }

.m-columnList .column__inner--other::before {
  background-image: url('/knowledge/column/images/img_icon_other.png');
  }

.m-columnList .column__tag {
  margin: 0 0 5px;
  display: inline-block;
  color: #666;
  }

.m-columnList .column__date {
  margin: 0;
  display: inline-block;
  }

.m-columnList .column__category {
  display: inline-block;
  }

.m-columnList .column__categoryName {
  padding: 1px 5px;
  display: inline-block;
  background-color: #e4e4e4;
  font-size: 1rem;
  line-height: 1.75;
  }

.m-columnList .column__new {
  display: inline-block;
  color: #ca3a1c;
  }

.m-columnList .column__hdr {
  margin: 0 0 10px;
  color: #020b57;
  font-weight: bold;
  font-size: 1.6rem;
  }

@media screen and (max-width: 750px) {
  .m-columnList .column__hdr {
    font-size: 1.4rem;
    line-height: 1.6;
    }
  }

.m-columnList .column__text {
  margin: 0;
  color: #333;
  line-height: 1.6;
  }

@media screen and (max-width: 750px) {
  .m-columnList .column__text {
    display: none;
    }
  }

#ourAdvantagePage .l-main {
  margin-bottom: 0;
  position: relative;
  }

#ourAdvantagePage .l-main .main__end {
  position: absolute;
  right: 60px;
  bottom: 30px;
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .l-main .main__end {
    bottom: -400px;
    }
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .l-main .main__end {
    right: 15px;
    bottom: 30px;
    }
  }

#ourAdvantagePage .l-main .main__end .m-scrollTop {
  margin: 0;
  }

#ourAdvantagePage .mvArea {
  padding: 0 0 10.4%;
  overflow: hidden;
  position: relative;
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .mvArea {
    padding-bottom: 60px;
    }
  }

#ourAdvantagePage .mvArea::before {
  margin: 0 auto 7%;
  content: '';
  display: block;
  max-height: 145px;
  width: 2px;
  height: 21.5%;
  background-color: #ca3a1c;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  }

#ourAdvantagePage .mvArea::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 0 0 1000px 550px;
  border-style: solid;
  border-color: transparent transparent  #f2ede7 transparent;
  opacity: .5;
  position: absolute;
  top: 100px;
  right: 0;
  z-index: -1;
  }

#ourAdvantagePage .mvArea .mvArea__inner {
  overflow: hidden;
  max-height: 820px;
  position: relative;
  }

#ourAdvantagePage .mvArea .mvArea__inner::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 0 0 1000px 550px;
  border-style: solid;
  border-color: transparent transparent #020b57 transparent;
  opacity: .4;
  opacity: .5;
  position: absolute;
  top: 100px;
  right: 0;
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .mvArea .mvArea__inner {
    height: 365px;
    }
  }

#ourAdvantagePage .mvArea .mvArea__bgImg {
  padding: 0 0 54.57%;
  width: 100%;
  background-image: url('/our-advantage/images/img_our-advantage_mv.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .mvArea .mvArea__bgImg {
    padding: 0;
    height: 100%;
    }
  }

#ourAdvantagePage .mvArea .mvArea__hdr {
  margin: 0 auto;
  display: block;
  max-width: 765px;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 10%;
  right: 0;
  left: 0;
  z-index: 1;
  }

#ourAdvantagePage .mvArea .mvArea__hdr img {
  width: 100%;
  }

#ourAdvantagePage .mvArea .mvArea__hdr img.is-pc {
  display: block;
  }

#ourAdvantagePage .mvArea .mvArea__hdr img.is-sp {
  display: none;
  }

@media screen and (min-width: 1400px) {
  #ourAdvantagePage .mvArea .mvArea__hdr {
    top: 20%;
    }
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .mvArea .mvArea__hdr {
    max-width: 500px;
    }
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .mvArea .mvArea__hdr {
    max-width: 290px;
    }
  #ourAdvantagePage .mvArea .mvArea__hdr img.is-pc {
    display: none;
    }
  #ourAdvantagePage .mvArea .mvArea__hdr img.is-sp {
    display: block;
    }
  }

#ourAdvantagePage .m-adSection {
  margin: 0 0 125px;
  padding: 0 0 48%;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  }

@media screen and (min-width: 1400px) {
  #ourAdvantagePage .m-adSection {
    padding: 0;
    height: 670px;
    }
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .m-adSection {
    margin-bottom: 300px;
    height: 670px;
    }
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .m-adSection {
    margin-bottom: 300px;
    }
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection {
    margin-bottom: 0;
    padding: 0 15px;
    height: auto;
    }
  #ourAdvantagePage .m-adSection::before {
    content: '';
    display: block;
    max-height: 340px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    }
  }

#ourAdvantagePage .m-adSection .adSection__box {
  margin: auto;
  padding: 40px 65px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  overflow: hidden;
  min-width: 620px;
  width: 44.3%;
  background-color: rgba(2, 11, 87, .8);
  color: #fff;
  position: absolute;
  top: -40px;
  }

#ourAdvantagePage .m-adSection .adSection__box::before {
  content: '';
  display: block;
  width: 100px;
  height: 200px;
  background-color: #0151a3;
  position: absolute;
  top: -64px;
  left: -30px;
  transform: rotate(45deg);
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection .adSection__box {
    padding: 30px 20px;
    min-width: auto;
    max-width: 620px;
    width: 100%;
    position: relative;
    }
  #ourAdvantagePage .m-adSection .adSection__box::before {
    width: 75px;
    }
  }

#ourAdvantagePage .m-adSection .adSection__corner {
  position: absolute;
  top: 10px;
  left: 10px;
  }

#ourAdvantagePage .m-adSection .adSection__cornerText {
  display: block;
  letter-spacing: -.01em;
  font-size: 1.4rem;
  line-height: 1.2;
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection .adSection__cornerText {
    font-size: 1rem;
    }
  }

#ourAdvantagePage .m-adSection .adSection__cornerNum {
  letter-spacing: -.01em;
  font-weight: 400;
  font-style: normal;
  font-size: 4.2rem;
  font-family: 'century-gothic', 'Century Gothic', 'CenturyGothic', 'AppleGothic' ,sans-serif;
  line-height: 1;
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection .adSection__cornerNum {
    font-size: 2.9rem;
    }
  }

#ourAdvantagePage .m-adSection .adSection__hdr {
  margin: 0 0 40px;
  text-align: center;
  font-weight: normal;
  font-size: 3.6rem;
  line-height: 1.2;
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection .adSection__hdr {
    padding: 0 40px;
    font-size: 2.4rem;
    }
  }

#ourAdvantagePage .m-adSection .adSection__text {
  margin: 0 0 50px;
  font-size: 1.4rem;
  line-height: 1.7;
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .m-adSection .adSection__text {
    margin-bottom: 40px;
    }
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection .adSection__text {
    margin-bottom: 20px;
    }
  }

#ourAdvantagePage .m-adSection .adSection__iconList {
  margin: 0 0 40px;
  display: flex;
  justify-content: space-around;
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection .adSection__iconList {
    margin: 0 auto 40px;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 390px;
    width: 100%;
    }
  #ourAdvantagePage .m-adSection .adSection__iconList li {
    margin: 20px 5px 0 0;
    width: 120px;
    text-align: center;
    }
  #ourAdvantagePage .m-adSection .adSection__iconList li:last-of-type {
    margin-right: 0;
    }
  }

#ourAdvantagePage .m-adSection .adSection__linkList {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 568px;
  width: 100%;
  }

#ourAdvantagePage .m-adSection .adSection__linkList li {
  max-width: 230px;
  width: 48%;
  }

#ourAdvantagePage .m-adSection .adSection__linkList li .adSection__link a {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  transition: background-color .3s, color .3s;
  }

@media screen and (min-width: 1040px) {
  #ourAdvantagePage .m-adSection .adSection__linkList li .adSection__link a:hover, #ourAdvantagePage .m-adSection .adSection__linkList li .adSection__link a:focus {
    background-color: #fff;
    color: #020b57;
    }
  }

#ourAdvantagePage .m-adSection .adSection__linkList li .adSection__link a span {
  display: block;
  font-size: 1.4rem;
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection .adSection__linkList li {
    max-width: none;
    width: 100%;
    }
  #ourAdvantagePage .m-adSection .adSection__linkList li a {
    max-width: none;
    }
  }

#ourAdvantagePage .m-adSection .adSection__linkList li:nth-of-type(odd) {
  margin-right: 8px;
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection .adSection__linkList li:nth-of-type(odd) {
    margin-right: 0;
    }
  }

#ourAdvantagePage .m-adSection .adSection__linkList li:nth-of-type(n+3) {
  margin-top: 10px;
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection .adSection__linkList li:nth-of-type(n+3) {
    margin-top: 0;
    }
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection .adSection__linkList li:nth-of-type(n+2) {
    margin-top: 10px;
    }
  }

#ourAdvantagePage .m-adSection .adSection__link a {
  margin: 0 auto;
  padding: 10px 20px;
  display: block;
  max-width: 280px;
  border: solid 1px #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  }

@media screen and (min-width: 1040px) {
  #ourAdvantagePage .m-adSection .adSection__link a:hover, #ourAdvantagePage .m-adSection .adSection__link a:focus {
    background-color: #fff;
    color: #020b57;
    }
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .m-adSection.bgImg--L {
    background-position: right;
    }
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .m-adSection.bgImg--L {
    background-position: right;
    }
  }

#ourAdvantagePage .m-adSection.bgImg--L .adSection__box {
  left: 60px;
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .m-adSection.bgImg--L .adSection__box {
    margin: 0 auto;
    top: auto;
    right: 0;
    bottom: -250px;
    left: 0;
    }
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection.bgImg--L .adSection__box {
    margin-bottom: 300px;
    }
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .m-adSection.bgImg--R {
    background-position: left;
    }
  }

#ourAdvantagePage .m-adSection.bgImg--R .adSection__box {
  right: 60px;
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .m-adSection.bgImg--R .adSection__box {
    margin: 0 auto;
    top: auto;
    right: 0;
    bottom: -250px;
    left: 0;
    }
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection.bgImg--R .adSection__box {
    margin-bottom: 300px;
    }
  }

#ourAdvantagePage .m-adSection:nth-of-type(1) {
  background-image: url('/our-advantage/images/img_our-advantage_01.jpg');
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .m-adSection:nth-of-type(1) {
    background-position: right;
    }
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection:nth-of-type(1) {
    background-image: none;
    }
  #ourAdvantagePage .m-adSection:nth-of-type(1)::before {
    background-image: url('/our-advantage/images/img_our-advantage_01.jpg');
    background-position: right;
    }
  }

#ourAdvantagePage .m-adSection:nth-of-type(2) {
  background-image: url('/our-advantage/images/img_our-advantage_02.jpg');
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection:nth-of-type(2) {
    background-image: none;
    }
  #ourAdvantagePage .m-adSection:nth-of-type(2)::before {
    background-image: url('/our-advantage/images/img_our-advantage_02.jpg');
    }
  }

#ourAdvantagePage .m-adSection:nth-of-type(3) {
  background-image: url('/our-advantage/images/img_our-advantage_03.jpg');
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection:nth-of-type(3) {
    background-image: none;
    }
  #ourAdvantagePage .m-adSection:nth-of-type(3)::before {
    background-image: url('/our-advantage/images/img_our-advantage_03.jpg');
    background-position: right;
    }
  }

#ourAdvantagePage .m-adSection:nth-of-type(4) {
  margin: 0;
  padding-bottom: 60%;
  background-image: url('/our-advantage/images/img_our-advantage_04.jpg');
  }

@media screen and (min-width: 1400px) {
  #ourAdvantagePage .m-adSection:nth-of-type(4) {
    padding: 0;
    }
  }

@media screen and (max-width: 1039px) {
  #ourAdvantagePage .m-adSection:nth-of-type(4) {
    margin-bottom: 450px;
    }
  }

@media screen and (max-width: 750px) {
  #ourAdvantagePage .m-adSection:nth-of-type(4) {
    margin-bottom: 0;
    padding-bottom: 36%;
    background-image: none;
    }
  #ourAdvantagePage .m-adSection:nth-of-type(4)::before {
    background-image: url('/our-advantage/images/img_our-advantage_04.jpg');
    }
  #ourAdvantagePage .m-adSection:nth-of-type(4) .adSection__box {
    margin-bottom: 250px;
    }
  }

.m-professional {
  margin: 0 0 60px;
  width: 100%;
  height: 400px;
  }

.m-professional .professional__bgImg {
  height: 100%;
  background-position: right 0;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  }

@media screen and (max-width: 1039px) {
  .m-professional .professional__bgImg {
    height: 400px;
    }
  }

.m-professional .is-professional01 {
  background-image: url('/our-advantage/images/img_professional01_mv.jpg');
  background-position: 88% 0;
  }

.m-professional .is-professional02 {
  background-image: url('/our-advantage/images/img_professional02_mv.jpg');
  background-position: 88% 0;
  }

.m-professional .is-professional03 {
  background-image: url('/our-advantage/images/img_professional03_mv.jpg');
  background-position: 90% 0;
  }

.m-professional .is-professional04 {
  background-image: url('/our-advantage/images/img_professional04_mv.jpg');
  background-position: 80% 0;
  }

.m-professional .professional__panel {
  margin: auto;
  padding: 20px 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 350px;
  height: 35%;
  background-color: rgba(255, 255, 255, .8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  }

@media screen and (max-width: 750px) {
  .m-professional .professional__panel {
    padding: 20px 15px;
    width: 100%;
    text-align: center;
    top: auto;
    }
  }

.m-professional .professional__position {
  display: block;
  color: #020b57;
  font-size: 1.7rem;
  }

.m-professional .professional__name {
  display: block;
  color: #020b57;
  font-weight: bold;
  font-size: 3rem;
  }

@media screen and (max-width: 750px) {
  .m-professional .professional__name {
    font-weight: normal;
    }
  }

/*====================
.m-pageLink
====================*/
.m-pageLink {
  margin: 0 0 60px;
  padding: 60px 0;
  background-color: #f2eee7;
  }

.m-pageLink ul {
  margin: 0 auto;
  padding: 0 60px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1400px;
  width: 100%;
  }

.m-pageLink ul li {
  margin: 0 2px 2px 0;
  width: 33%;
  }

.m-pageLink ul li a {
  padding: 30px 40px 30px 20px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #333;
  text-decoration: none;
  position: relative;
  transition: background-color .3s;
  }

@media screen and (min-width: 1040px) {
  .m-pageLink ul li a:hover, .m-pageLink ul li a:focus {
    background-color: #cde1f5;
    }
  }

.m-pageLink ul li a::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #0151a3;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  }

@media screen and (max-width: 1039px) {
  .m-pageLink ul li a::before {
    width: 15px;
    height: 15px;
    }
  }

.m-pageLink ul li a::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: -1px;
  right: 16px;
  bottom: 0;
  transform: rotate(135deg);
  }

@media screen and (max-width: 1039px) {
  .m-pageLink ul li a::after {
    right: 15px;
    }
  }

.m-pageLink ul li:nth-of-type(3n) {
  margin-right: 0;
  }

.m-pageLink > .m-headHorizon {
  margin: 0 auto 30px;
  padding: 0 60px;
  max-width: 1400px;
  }

@media screen and (max-width: 1039px) {
  .m-pageLink {
    padding: 30px 0;
    }
  }

@media screen and (max-width: 750px) {
  .m-pageLink {
    padding: 30px 15px;
    }
  .m-pageLink > .m-headHorizon {
    padding: 0;
    }
  .m-pageLink ul {
    padding: 0;
    display: block;
    }
  .m-pageLink ul li {
    width: 100%;
    }
  .m-pageLink ul li a {
    padding: 15px 40px 15px 10px;
    }
  }

/*====================
.m-pagelinkList
====================*/
.m-pagelinkList {
  margin: 0 0 30px;
  }

.m-pagelinkList li {
  position: relative;
  }

.m-pagelinkList li::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #0151a3;
  position: absolute;
  top: -3px;
  bottom: 0;
  left: 0;
  }

@media screen and (max-width: 1039px) {
  .m-pagelinkList li::before {
    width: 15px;
    height: 15px;
    }
  }

.m-pagelinkList li::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: -4px;
  bottom: 0;
  left: 6px;
  transform: rotate(135deg);
  }

@media screen and (max-width: 1039px) {
  .m-pagelinkList li::after {
    left: 5px;
    }
  }

.m-pagelinkList li a {
  padding: 0 0 0 20px;
  display: inline-block;
  color: #333;
  text-decoration: none;
  transition: opacity .3s;
  }

@media screen and (min-width: 1040px) {
  .m-pagelinkList li a:hover, .m-pagelinkList li a:focus {
    text-decoration: underline;
    opacity: .7;
    }
  }

.wordLink__list {
  display: flex;
  flex-wrap: wrap;
  }

.wordLink__list li a,
.wordLink__list li span {
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-size: 1.9rem;
  line-height: 1;
  }

.wordLink__list li a {
  text-decoration: none;
  }

.wordLink__list li a:hover, .wordLink__list li a:focus {
  background-color: #cce1f6;
  color: #020b57;
  }

.wordLink__list li span {
  background-color: #d9d9d9;
  }

.wordLink__list li:nth-of-type(-n+10) {
  margin-right: 2px;
  width: 9.6%;
  }

.wordLink__list li:nth-of-type(11),
.wordLink__list li:nth-of-type(12) {
  margin-top: 3px;
  margin-right: 2px;
  }

.wordLink__list li:nth-of-type(11) a,
.wordLink__list li:nth-of-type(11) span,
.wordLink__list li:nth-of-type(12) a,
.wordLink__list li:nth-of-type(12) span {
  padding: 15px;
  }

.wordLink__list li:nth-of-type(10),
.wordLink__list li:nth-of-type(12) {
  margin-right: 0;
  }

@media screen and (max-width: 750px) {
  .wordLink__list li:nth-of-type(-n+10) {
    margin-right: 2px;
    width: 32%;
    }
  .wordLink__list li:nth-of-type(3),
  .wordLink__list li:nth-of-type(6),
  .wordLink__list li:nth-of-type(9) {
    margin-right: 0;
    }
  .wordLink__list li:nth-of-type(n+4) {
    margin-top: 3px;
    }
  .wordLink__list li:nth-of-type(10) {
    margin-right: 60%;
    }
  .wordLink__list li:nth-of-type(11),
  .wordLink__list li:nth-of-type(12) {
    min-width: 32%;
    }
  }

.w10 {
  width: 10%;
  }

@media screen and (max-width: 750px) {
  .w10 {
    width: 100%;
    }
  }

.w20 {
  width: 20%;
  }

@media screen and (max-width: 750px) {
  .w20 {
    width: 100%;
    }
  }

.w30 {
  width: 30%;
  }

@media screen and (max-width: 750px) {
  .w30 {
    width: 100%;
    }
  }

.w40 {
  width: 40%;
  }

@media screen and (max-width: 750px) {
  .w40 {
    width: 100%;
    }
  }

.w50 {
  width: 50%;
  }

@media screen and (max-width: 750px) {
  .w50 {
    width: 100%;
    }
  }

.w60 {
  width: 60%;
  }

@media screen and (max-width: 750px) {
  .w60 {
    width: 100%;
    }
  }

.w70 {
  width: 70%;
  }

@media screen and (max-width: 750px) {
  .w70 {
    width: 100%;
    }
  }

.w80 {
  width: 80%;
  }

@media screen and (max-width: 750px) {
  .w80 {
    width: 100%;
    }
  }

.w90 {
  width: 90%;
  }

@media screen and (max-width: 750px) {
  .w90 {
    width: 100%;
    }
  }

.w100 {
  width: 100%;
  }

.mb0 {
  margin-bottom: 0;
  }

.mb10 {
  margin-bottom: 1rem;
  }

.mb15 {
  margin-bottom: 1.5rem;
  }

.mb20 {
  margin-bottom: 2rem;
  }

.mb30 {
  margin-bottom: 3rem;
  }

.mb45 {
  margin-bottom: 4.5rem;
  }

.mb60 {
  margin-bottom: 6rem;
  }

.mb60 {
  margin-bottom: 6rem;
  }

.is-taL {
  text-align: left;
  }

.is-taC {
  text-align: center;
  }

.is-taR {
  text-align: right;
  }

@media screen and (max-width: 750px) {
  .is-taR {
    text-align: left;
    }
  }

#topPage .main__end {
  margin: 0;
  padding: 0 60px;
  }

@media screen and (max-width: 750px) {
  #topPage .main__end {
    padding: 0 15px;
    }
  }

#topPage .t-ourAdvantage {
  position: relative;
  }

#topPage .t-ourAdvantage .ourAdvantage__textBox {
  margin: 0 auto;
  display: inline-block;
  width: 65%;
  text-align: center;
  position: absolute;
  top: 25%;
  right: 0;
  left: 0;
  z-index: 2;
  }

#topPage .t-ourAdvantage .ourAdvantage__textBox::after {
  margin: 0 auto;
  content: '';
  display: block;
  width: 2px;
  height: 25%;
  background-color: #fff;
  position: absolute;
  top: 46%;
  right: 0;
  left: 0;
  }

@media screen and (max-width: 750px) {
  #topPage .t-ourAdvantage .ourAdvantage__textBox {
    width: 90%;
    }
  #topPage .t-ourAdvantage .ourAdvantage__textBox::after {
    height: 15%;
    }
  }

#topPage .t-ourAdvantage .ourAdvantage__hdr {
  margin: 0;
  display: inline-block;
  color: #fff;
  letter-spacing: .2em;
  font-weight: normal;
  font-size: 4.2rem;
  line-height: 1.64;
  }

@media screen and (max-width: 750px) {
  #topPage .t-ourAdvantage .ourAdvantage__hdr {
    font-size: 2.4rem;
    }
  }

#topPage .t-ourAdvantage .ourAdvantage__link {
  margin: 14% 0 0;
  }

#topPage .t-ourAdvantage .ourAdvantage__link a {
  margin: 0 auto;
  padding: 20px 40px;
  display: inline-block;
  min-width: 280px;
  border: solid 1px #fff;
  color: #fff;
  text-decoration: none;
  transition: background-color .3s, border-color .3s;
  }

@media screen and (min-width: 1040px) {
  #topPage .t-ourAdvantage .ourAdvantage__link a:hover, #topPage .t-ourAdvantage .ourAdvantage__link a:focus {
    border-color: #020b57;
    background-color: #020b57;
    }
  }

@media screen and (max-width: 1039px) {
  #topPage .t-ourAdvantage .ourAdvantage__link {
    margin-top: 95px;
    }
  }

@media screen and (max-width: 750px) {
  #topPage .t-ourAdvantage .ourAdvantage__link {
    margin-top: 18%;
    }
  #topPage .t-ourAdvantage .ourAdvantage__link a {
    padding: 10px;
    min-width: 237px;
    min-height: 53px;
    font-size: 1.6rem;
    }
  }

#topPage .t-ourAdvantage .swiper-containerMV {
  display: block;
  max-height: 800px;
  }

#topPage .t-ourAdvantage .swiper-containerMV .swiper-slide img {
  width: 100%;
  }

@media screen and (min-width: 1040px) {
  #topPage .t-ourAdvantage .swiper-containerMV .swiper-slide img.is-pcMV {
    display: block;
    }
  #topPage .t-ourAdvantage .swiper-containerMV .swiper-slide img.is-spMV {
    display: none;
    }
  }

@media screen and (max-width: 1039px) {
  #topPage .t-ourAdvantage .swiper-containerMV .swiper-slide img.is-pcMV {
    display: block;
    }
  #topPage .t-ourAdvantage .swiper-containerMV .swiper-slide img.is-spMV {
    display: none;
    }
  }

@media screen and (max-width: 750px) {
  #topPage .t-ourAdvantage .swiper-containerMV .swiper-slide img.is-pcMV {
    display: none;
    }
  #topPage .t-ourAdvantage .swiper-containerMV .swiper-slide img.is-spMV {
    display: block;
    }
  }

#topPage .t-ourAdvantage .swiper-containerMV .swiper-slide:nth-of-type(2),
#topPage .t-ourAdvantage .swiper-containerMV .swiper-slide:nth-of-type(3) {
  display: none;
  }

#topPage .t-column {
  margin: 0 0 -159px auto;
  padding: 45px 60px 45px 45px;
  display: block;
  width: 50%;
  background-color: #0151a3;
  text-decoration: none;
  position: absolute;
  right: 0;
  z-index: 2;
  transform: translateY(-60%);
  }

#topPage .t-column::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .3s;
  }

@media screen and (min-width: 1040px) {
  #topPage .t-column:hover::after, #topPage .t-column:focus::after {
    opacity: .3;
    }
  }

#topPage .t-column .column__link {
  margin: 0 0 10px;
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  }

#topPage .t-column .column__text {
  margin: 0;
  color: #fff;
  font-size: 1.8rem;
  }

@media screen and (max-width: 750px) {
  #topPage .t-column .column__text {
    font-size: 1.2rem;
    }
  }

@media screen and (max-width: 750px) {
  #topPage .t-column {
    margin: 0;
    padding: 20px 15px 20px 20px;
    width: 90%;
    transform: translateY(-18%);
    }
  }

#topPage .t-service {
  padding: 120px 60px 60px;
  overflow: hidden;
  width: 100%;
  background-color: #f2ede7;
  position: relative;
  }

@media screen and (max-width: 750px) {
  #topPage .t-service {
    padding: 150px 15px 60px;
    }
  }

#topPage .t-service::before {
  content: '';
  display: block;
  max-height: 623px;
  width: 100%;
  height: 100%;
  background-image: url('/common/images/top/img_top_01.jpg');
  background-position: 80% center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  }

#topPage .t-service::after {
  content: '';
  display: block;
  width: 2000px;
  height: 1500px;
  background-image: linear-gradient(to left, white 40%, rgba(255, 255, 255, .1) 100%);
  position: absolute;
  right: 500px;
  bottom: 200px;
  z-index: 1;
  transform: rotate(125deg);
  }

@media screen and (max-width: 1039px) {
  #topPage .t-service::after {
    right: 380px;
    bottom: 300px;
    }
  }

@media screen and (max-width: 750px) {
  #topPage .t-service::after {
    right: 150px;
    }
  }

#topPage .t-service .service__textBox {
  margin: 0 0 100px;
  text-align: center;
  position: relative;
  z-index: 3;
  }

#topPage .t-service .service__textBox::after {
  margin: 0 auto;
  content: '';
  display: block;
  width: 2px;
  height: 45px;
  background-color: #ca3a1c;
  position: absolute;
  right: 0;
  bottom: -65px;
  left: 0;
  }

#topPage .t-service .service__hdr {
  margin: 0 0 10px;
  color: #0151a3;
  font-weight: normal;
  font-size: 4.2rem;
  line-height: 1.64;
  }

#topPage .t-service .service__hdr > span:nth-of-type(1) {
  letter-spacing: .5em;
  }

#topPage .t-service .service__hdr > span:nth-of-type(2) {
  letter-spacing: .3em;
  }

@media screen and (max-width: 750px) {
  #topPage .t-service .service__hdr {
    font-weight: bold;
    font-size: 1.7rem;
    }
  }

#topPage .t-service .m-col2 {
  margin: 0 auto 60px;
  max-width: 1400px;
  position: relative;
  z-index: 3;
  }

@media screen and (max-width: 750px) {
  #topPage .t-service .m-col2 {
    margin-bottom: 30px;
    }
  }

#topPage .t-service .m-col2 > .col {
  width: 49.5%;
  }

@media screen and (max-width: 750px) {
  #topPage .t-service .m-col2 > .col {
    width: 100%;
    }
  }

#topPage .t-service .m-col2 > .col .service__colInner {
  display: block;
  text-decoration: none;
  position: relative;
  }

@media screen and (min-width: 1040px) {
  #topPage .t-service .m-col2 > .col .service__colInner::after {
    content: '';
    display: block;
    width: 100%;
    height: 300px;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    }
  #topPage .t-service .m-col2 > .col .service__colInner:hover .service__colImg,
  #topPage .t-service .m-col2 > .col .service__colInner:hover .service__colText, #topPage .t-service .m-col2 > .col .service__colInner:focus .service__colImg,
  #topPage .t-service .m-col2 > .col .service__colInner:focus .service__colText {
    opacity: .7;
    }
  }

#topPage .t-service .m-col2 > .col .service__colInner .service__colImg {
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  height: 300px;
  border-radius: 5px;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  transition: opacity .3s;
  }

#topPage .t-service .m-col2 > .col .service__colInner .service__colImg::after {
  content: '';
  display: block;
  width: 100%;
  height: 100px;
  border-radius: 0 0 5px 5px;
  background-image: linear-gradient(to top, rgba(120, 120, 120, .5) 40%, transparent 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  }

@media screen and (max-width: 750px) {
  #topPage .t-service .m-col2 > .col .service__colInner .service__colImg {
    min-height: auto;
    height: auto;
    }
  }

#topPage .t-service .m-col2 > .col:nth-of-type(1) .service__colImg {
  background-image: url('/common/images/top/img_top_02.jpg');
  background-position: left;
  }

#topPage .t-service .m-col2 > .col:nth-of-type(2) .service__colImg {
  background-image: url('/common/images/top/img_top_03.jpg');
  }

#topPage .t-service .m-col2 > .col:nth-of-type(3) .service__colImg {
  background-image: url('/common/images/top/img_top_04.jpg');
  }

#topPage .t-service .m-col2 > .col:nth-of-type(4) .service__colImg {
  background-image: url('/common/images/top/img_top_05.jpg');
  }

#topPage .t-service .service__colHdr {
  margin: 0;
  padding: 0 30px 20px 60px;
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 1;
  }

#topPage .t-service .service__colHdr > span:nth-of-type(1) {
  margin: 0 0 -5px;
  display: block;
  font-weight: normal;
  font-size: 1.6rem;
  }

#topPage .t-service .service__colHdr > span:nth-of-type(2) {
  font-size: 2.4rem;
  line-height: 1.5;
  }

@media screen and (max-width: 1039px) {
  #topPage .t-service .service__colHdr {
    padding: 0 30px 10px 30px;
    }
  }

@media screen and (max-width: 750px) {
  #topPage .t-service .service__colHdr {
    padding: 73px 10px 10px 10px;
    min-height: auto;
    }
  #topPage .t-service .service__colHdr > span:nth-of-type(2) {
    letter-spacing: -.02em;
    font-size: 1.7rem;
    }
  }

#topPage .t-service .service__colText {
  padding: 0 35px;
  color: #333;
  text-align: center;
  font-size: 1.8rem;
  position: relative;
  }

#topPage .t-service .service__colText::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #0151a3;
  position: absolute;
  top: -3px;
  right: 0;
  bottom: 0;
  }

#topPage .t-service .service__colText::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: -3px;
  right: 12px;
  bottom: 0;
  transform: rotate(45deg);
  }

@media screen and (max-width: 750px) {
  #topPage .t-service .service__colText {
    padding: 0;
    text-align: left;
    font-size: 1.4rem;
    }
  #topPage .t-service .service__colText::before, #topPage .t-service .service__colText::after {
    display: none;
    }
  }

#topPage .t-service .service__link {
  text-align: center;
  position: relative;
  }

@media screen and (min-width: 1040px) {
  #topPage .t-service .service__link::after {
    margin: 0 -60px;
    content: '';
    display: block;
    width: 100%;
    height: 400px;
    background-color: #f2ede7;
    position: absolute;
    bottom: -60px;
    left: 0;
    z-index: 2;
    }
  }

#topPage .t-service .service__link a {
  padding: 30px 30px 30px 20px;
  display: inline-block;
  min-width: 380px;
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  z-index: 3;
  transition: opacity .3s;
  }

#topPage .t-service .service__link a::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #0151a3;
  position: absolute;
  top: -3px;
  right: 12px;
  bottom: 0;
  }

@media screen and (max-width: 1039px) {
  #topPage .t-service .service__link a::before {
    width: 15px;
    height: 15px;
    }
  }

#topPage .t-service .service__link a::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: -3px;
  right: 19px;
  bottom: 0;
  transform: rotate(45deg);
  }

@media screen and (max-width: 1039px) {
  #topPage .t-service .service__link a::after {
    right: 18px;
    }
  }

@media screen and (min-width: 1040px) {
  #topPage .t-service .service__link a:hover, #topPage .t-service .service__link a:focus {
    opacity: .7;
    }
  }

@media screen and (max-width: 750px) {
  #topPage .t-service .service__link a {
    padding: 18px 28px;
    min-width: auto;
    width: 100%;
    font-size: 1.5rem;
    }
  }

#topPage .t-pickup {
  padding: 60px 0 80px;
  background-image: url('/common/images/top/img_top_06.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  }

@media screen and (max-width: 750px) {
  #topPage .t-pickup {
    padding: 30px 0 40px;
    }
  }

#topPage .t-pickup::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0;
  }

#topPage .t-pickup .pickup__inner {
  margin: 0 auto;
  padding: 0 60px;
  max-width: 1000px;
  position: relative;
  z-index: 1;
  }

@media screen and (max-width: 750px) {
  #topPage .t-pickup .pickup__inner {
    padding: 0 15px;
    }
  }

#topPage .t-pickup .pickup__hdr {
  color: #666;
  text-align: center;
  font-size: 3rem;
  }

@media screen and (max-width: 750px) {
  #topPage .t-pickup .pickup__hdr {
    margin: 0 0 20px;
    font-size: 2rem;
    }
  }

#topPage .t-pickup .pickup__box {
  display: block;
  overflow: hidden;
  color: #333;
  text-decoration: none;
  position: relative;
  }

#topPage .t-pickup .pickup__box::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: opacity .3s;
  }

#topPage .t-pickup .pickup__box::after {
  content: '';
  display: block;
  width: 50%;
  height: 100%;
  background-image: url('/common/images/top/img_top_07.jpg');
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  }

@media screen and (max-width: 750px) {
  #topPage .t-pickup .pickup__box::after {
    width: 100%;
    height: 290px;
    }
  }

@media screen and (min-width: 1040px) {
  #topPage .t-pickup .pickup__box:hover::before, #topPage .t-pickup .pickup__box:focus::before {
    opacity: .4;
    }
  }

#topPage .t-pickup .pickup__boxInner {
  padding: 50px 45px;
  width: 50%;
  background-color: #fff;
  }

@media screen and (max-width: 750px) {
  #topPage .t-pickup .pickup__boxInner {
    padding: 320px 30px 30px 30px;
    width: 100%;
    }
  }

#topPage .t-pickup .pickup__boxHdr {
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
  position: relative;
  }

#topPage .t-pickup .pickup__boxHdr::after {
  margin: 0 auto;
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background-color: #ca3a1c;
  position: absolute;
  right: 0;
  bottom: -6px;
  left: 0;
  }

#topPage .t-pickup .pickup__boxHdr span {
  display: block;
  font-size: 1.4rem;
  }

#topPage .t-pickup .pickup__boxHdr b {
  font-size: 2.4rem;
  }

@media screen and (max-width: 750px) {
  #topPage .t-pickup .pickup__boxHdr span {
    line-height: 1.4;
    }
  #topPage .t-pickup .pickup__boxHdr b {
    font-size: 2rem;
    }
  }

#topPage .t-pickup .pickup__boxText {
  margin: 0;
  font-size: 1.6rem;
  }

@media screen and (max-width: 750px) {
  #topPage .t-pickup .pickup__boxText {
    font-size: 1.4rem;
    }
  }

#topPage .t-case {
  background-color: #f7f7f7;
  }

#topPage .t-case .swiper-containerCase {
  margin: 0 0 50px;
  padding: 0;
  max-height: none;
  background-color: #f7f7f7;
  }

#topPage .t-case .swiper-containerCase .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  }

#topPage .t-case .swiper-slide {
  margin: 0 2% 0 0;
  width: 32%;
  background-color: #fff;
  box-shadow: 0 0 10px 1px #ddd;
  }

#topPage .t-case .swiper-slide a {
  display: flex;
  flex-direction: column-reverse;
  transition: opacity .3s;
  }

@media screen and (min-width: 1040px) {
  #topPage .t-case .swiper-slide a:hover, #topPage .t-case .swiper-slide a:focus {
    opacity: .7;
    }
  }

#topPage .t-case .swiper-slide:nth-of-type(3n) {
  margin-right: 0;
  }

#topPage .t-case .swiper-slide:nth-of-type(n+4) {
  margin-top: 30px;
  }

#topPage .t-case .case__hdr {
  margin: 0 0 28px;
  color: #666;
  text-align: center;
  font-size: 3rem;
  }

@media screen and (max-width: 750px) {
  #topPage .t-case .case__hdr {
    margin-bottom: 8px;
    font-size: 2rem;
    }
  }

#topPage .t-case .case__inner {
  margin: 0 auto;
  padding: 60px 60px 50px;
  max-width: 1400px;
  position: relative;
  }

@media screen and (max-width: 750px) {
  #topPage .t-case .case__inner {
    padding: 30px 15px 50px;
    }
  }

#topPage .t-case .case__slideInner {
  text-decoration: none;
  }

#topPage .t-case .case__slideInner > img {
  width: 100%;
  }

#topPage .t-case .case__textBox {
  padding: 30px;
  background-color: #fff;
  }

@media screen and (max-width: 1039px) {
  #topPage .t-case .case__textBox {
    padding: 25px 20px;
    }
  }

#topPage .t-case .case__mainText {
  margin: 0 0 50px;
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  }

#topPage .t-case .case__mainText::after {
  margin: 0 auto;
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background-color: #ca3a1c;
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  }

@media screen and (max-width: 750px) {
  #topPage .t-case .case__mainText {
    line-height: 1.6;
    }
  }

#topPage .t-case .case__subText {
  margin: 0;
  font-weight: normal;
  font-size: 1.4rem;
  }

@media screen and (max-width: 750px) {
  #topPage .t-case .case__subText {
    line-height: 1.6;
    }
  }

#topPage .t-case .case__link {
  text-align: center;
  }

#topPage .t-case .case__link a {
  padding: 15px;
  display: inline-block;
  min-width: 265px;
  border: solid 1px #0151a3;
  color: #0151a3;
  text-decoration: none;
  font-weight: bold;
  transition: background-color .3s, color .3s;
  }

@media screen and (min-width: 1040px) {
  #topPage .t-case .case__link a:hover, #topPage .t-case .case__link a:focus {
    background-color: #0151a3;
    color: #fff;
    }
  }

@media screen and (max-width: 750px) {
  #topPage .t-case .case__link a {
    padding: 7px 15px 6px;
    min-width: 185px;
    font-size: 1.4rem;
    }
  }

#topPage .t-news {
  margin: 0 auto;
  padding: 60px;
  max-width: 1080px;
  }

@media screen and (max-width: 750px) {
  #topPage .t-news {
    padding: 40px 0;
    }
  }

#topPage .t-news .news__hdr {
  color: #666;
  text-align: center;
  font-size: 3rem;
  }

@media screen and (max-width: 750px) {
  #topPage .t-news .news__hdr {
    margin: 0 0 20px;
    font-size: 2rem;
    }
  }

#topPage .t-news .m-BBTable {
  margin: 0 0 35px;
  }

#topPage .t-news .m-BBTable th {
  min-width: 280px;
  font-weight: normal;
  }

#topPage .t-news .m-BBTable th .news__label {
  font-weight: bold;
  }

@media screen and (max-width: 750px) {
  #topPage .t-news .m-BBTable th {
    padding: 0 15px;
    }
  }

#topPage .t-news .m-BBTable td {
  font-weight: bold;
  font-size: 1.8rem;
  }

@media screen and (max-width: 750px) {
  #topPage .t-news .m-BBTable td {
    padding: 0 15px 18px;
    font-size: 1.4rem;
    }
  }

#topPage .t-news .m-BBTable td p b > a {
  color: #020b57;
  text-decoration: underline;
  transition: opacity .3s, text-decoration .3s;
  }

@media screen and (min-width: 1040px) {
  #topPage .t-news .m-BBTable td p b > a:hover, #topPage .t-news .m-BBTable td p b > a:focus {
    text-decoration: none;
    opacity: .7;
    }
  }

#topPage .t-news .m-BBTable td p > a {
  padding: 0 0 0 25px;
  display: inline-block;
  color: #333;
  text-decoration: none;
  position: relative;
  }

#topPage .t-news .m-BBTable td p > a::before {
  margin: auto 0;
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #0151a3;
  position: absolute;
  top: -3px;
  bottom: 0;
  left: 0;
  }

@media screen and (max-width: 1039px) {
  #topPage .t-news .m-BBTable td p > a::before {
    width: 15px;
    height: 15px;
    }
  }

#topPage .t-news .m-BBTable td p > a::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: -3px;
  bottom: 0;
  left: 5px;
  transform: rotate(45deg);
  }

@media screen and (max-width: 1039px) {
  #topPage .t-news .m-BBTable td p > a::after {
    left: 4px;
    }
  }

@media screen and (max-width: 750px) {
  #topPage .t-news .m-BBTable tr:nth-of-type(n+2) th {
    padding-top: 18px;
    }
  }

#topPage .t-news .news__link {
  text-align: center;
  }

#topPage .t-news .news__link a {
  padding: 15px;
  display: inline-block;
  min-width: 265px;
  border: solid 1px #0151a3;
  color: #0151a3;
  text-decoration: none;
  font-weight: bold;
  transition: background-color .3s, color .3s;
  }

@media screen and (min-width: 1040px) {
  #topPage .t-news .news__link a:hover, #topPage .t-news .news__link a:focus {
    background-color: #0151a3;
    color: #fff;
    }
  }

@media screen and (max-width: 750px) {
  #topPage .t-news .news__link a {
    padding: 12px 0 10px;
    min-width: 215px;
    font-size: 1.4rem;
    }
  }

[data-script='true'] #topPage .l-header {
  background-color: transparent;
  transition: background-color .3s;
  }

[data-script='true'] #topPage .l-header .header__inner.is-wide a {
  color: #fff;
  }

[data-script='true'] #topPage .l-header .header__tel {
  color: #fff;
  transition: color .3s;
  }

[data-script='true'] #topPage .l-header .header__tel::after {
  border-color: #fff;
  background-color: #fff;
  transition: border-color .3s;
  }

[data-script='true'] #topPage .l-header .header__lang::before {
  background-color: #fff;
  transition: background-color .3s;
  }

[data-script='true'] #topPage .l-header .header__lang li span {
  color: #fff;
  transition: color .3s;
  }

[data-script='true'] #topPage .l-header.is-scrolling {
  background-color: #fff;
  }

[data-script='true'] #topPage .l-header.is-scrolling .header__inner.is-wide a {
  color: #020b57;
  }

[data-script='true'] #topPage .l-header.is-scrolling .header__inner.is-wide .header__contact {
  color: #fff;
  }

[data-script='true'] #topPage .l-header.is-scrolling .header__inner.is-wide .header__tel {
  color: #020b57;
  }

[data-script='true'] #topPage .l-header.is-scrolling .header__inner.is-wide .header__tel::after {
  border-color: #020b57;
  }

[data-script='true'] #topPage .l-header.is-scrolling .header__inner.is-wide .header__lang::before {
  background-color: #666;
  }

[data-script='true'] #topPage .l-header.is-scrolling .header__inner.is-wide .header__lang li span {
  color: #ca3a1c;
  }

[data-script='true'] #topPage .swiper-wrapper {
  display: flex;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition-property: transform;
  }

[data-script='true'] #topPage .swiper-container-android .swiper-slide,
[data-script='true'] #topPage .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
  }

[data-script='true'] #topPage .swiper-slide {
  display: block;
  width: 100%;
  position: relative;
  transition-property: transform;

  flex-shrink: 0;
  }

[data-script='true'] #topPage .swiper-slide > img {
  width: 100%;
  }

[data-script='true'] #topPage button.swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;

  appearance: none;
  }

[data-script='true'] #topPage .swiper-containerMV {
  margin: 0 auto;
  display: block;
  overflow: hidden;
  max-height: 800px;
  list-style: none;
  position: relative;
  z-index: 1;
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-slide img {
  width: 100%;
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-slide:nth-of-type(2),
[data-script='true'] #topPage .swiper-containerMV .swiper-slide:nth-of-type(3) {
  display: block;
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-paginationMV {
  position: absolute;
  right: 130px;
  bottom: 150px;
  z-index: 1;
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-paginationMV .swiper-pagination-bullet {
  margin: 0 10px 0 0;
  display: inline-block;
  width: 60px;
  height: 3px;
  background-color: #fff;
  cursor: pointer;
  transition: background-color .3s;
  }

@media screen and (min-width: 1040px) {
  [data-script='true'] #topPage .swiper-containerMV .swiper-paginationMV .swiper-pagination-bullet:hover, [data-script='true'] #topPage .swiper-containerMV .swiper-paginationMV .swiper-pagination-bullet:focus {
    background-color: #ca3a1c;
    }
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-paginationMV .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0151a3;
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn {
  overflow: hidden;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
  right: 60px;
  bottom: 138px;
  z-index: 1;
  cursor: pointer;
  transition: opacity .3s;
  }

@media screen and (min-width: 1040px) {
  [data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn:hover, [data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn:focus {
    opacity: .7;
    }
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-start::before, [data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-start::after {
  margin: auto;
  content: '';
  display: block;
  width: 3px;
  height: 16px;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform .3s, border-color .3s;
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-start::before {
  right: 5px;
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-start::after {
  left: 5px;
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-stop::before, [data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-stop::after {
  margin: auto;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform .3s, border-color .3s;
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-stop::before {
  border-top: solid 3px #0151a3;
  right: 5px;
  transform: rotate(45deg);
  }

[data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-stop::after {
  border-top: solid 3px #0151a3;
  right: 5px;
  transform: rotate(135deg);
  }

[data-script='true'] #topPage .swiper-containerCase {
  margin: 0 0 28px;
  padding: 22px 15px;
  overflow: hidden;
  max-height: 800px;
  background-color: #f7f7f7;
  list-style: none;
  position: relative;
  z-index: 1;
  }

[data-script='true'] #topPage .swiper-containerCase .swiper-wrapper {
  flex-wrap: nowrap;
  }

[data-script='true'] #topPage .swiper-containerCase .swiper-slide:nth-of-type(n+4) {
  margin-top: 0;
  }

[data-script='true'] #topPage .swiper-button-prevCase,
[data-script='true'] #topPage .swiper-button-nextCase {
  margin: auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer;
  }

[data-script='true'] #topPage .swiper-button-prevCase.swiper-button-disabled,
[data-script='true'] #topPage .swiper-button-nextCase.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
  }

[data-script='true'] #topPage .swiper-button-prevCase {
  right: auto;
  left: 40px;
  }

[data-script='true'] #topPage .swiper-button-prevCase::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  transform: rotate(-135deg);
  }

[data-script='true'] #topPage .swiper-button-nextCase {
  right: 40px;
  left: auto;
  }

[data-script='true'] #topPage .swiper-button-nextCase::after {
  margin: auto 0;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  transform: rotate(45deg);
  }

[data-script='true'] #topPage .l-main {
  margin: 0;
  }

@media screen and (max-width: 1039px) {
  [data-script='true'] #topPage .l-header .header__inner.is-narrow {
    background-color: transparent;
    transition: background-color .3s;
    }
  [data-script='true'] #topPage .l-header .header__inner.is-narrow .header__logo {
    line-height: 1.5;
    }
  [data-script='true'] #topPage .l-header .header__inner.is-narrow .header__outer::before {
    background-color: #a9aba9;
    }
  [data-script='true'] #topPage .l-header.is-open .header__inner.is-narrow {
    background-color: #fff;
    }
  [data-script='true'] #topPage .l-header.is-scrolling .header__inner.is-narrow {
    background-color: #fff;
    }
  [data-script='true'] #topPage .t-column {
    transform: translateY(-60%);
    }
  [data-script='true'] #topPage .swiper-containerMV .swiper-slide {
    overflow: hidden;
    }
  [data-script='true'] #topPage .swiper-containerMV .swiper-slide img {
    transform: translateX(-300px);
    }
  [data-script='true'] #topPage .swiper-containerMV .swiper-paginationMV {
    right: 125px;
    bottom: 170px;
    }
  [data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn {
    bottom: 158px;
    }
  [data-script='true'] #topPage .t-ourAdvantage {
    position: relative;
    }
  [data-script='true'] #topPage .t-ourAdvantage .swiper-slide img {
    max-height: 780px;
    width: auto;
    }
  }

@media screen and (max-width: 750px) {
  [data-script='true'] #topPage .swiper-containerMV .swiper-slide {
    overflow: hidden;
    }
  [data-script='true'] #topPage .swiper-containerMV .swiper-slide img {
    transform: translateX(0px);
    }
  [data-script='true'] #topPage .swiper-containerMV .swiper-paginationMV {
    right: 50px;
    bottom: 50px;
    }
  [data-script='true'] #topPage .swiper-containerMV .swiper-paginationMV .swiper-pagination-bullet {
    margin-right: 12px;
    width: 40px;
    height: 5px;
    }
  [data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn {
    width: 33px;
    height: 33px;
    right: 15px;
    bottom: 45px;
    }
  [data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-start::before, [data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-start::after {
    width: 2px;
    height: 10px;
    }
  [data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-stop::before, [data-script='true'] #topPage .swiper-containerMV .swiper-stopBtn.is-stop::after {
    width: 10px;
    height: 10px;
    border-top: solid 2px #0151a3;
    right: 4px;
    }
  [data-script='true'] #topPage .swiper-containerCase {
    margin-right: -31px;
    width: 100%;
    }
  [data-script='true'] #topPage .swiper-containerCase .swiper-slide {
    margin: 0;
    }
  [data-script='true'] #topPage .swiper-button-prevCase {
    top: auto;
    right: 90px;
    bottom: 120px;
    left: auto;
    }
  [data-script='true'] #topPage .swiper-button-nextCase {
    top: auto;
    right: 40px;
    bottom: 120px;
    }
  [data-script='true'] #topPage .t-ourAdvantage {
    position: relative;
    }
  [data-script='true'] #topPage .t-ourAdvantage .swiper-slide img {
    max-height: none;
    width: 100%;
    }
  [data-script='true'] #topPage .t-column {
    transform: translateY(-18%);
    }
  }

/* 送信ボタン */
.submit-btn {
  /* buttonタグのリセットCSS */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;

  color: #fff;
  min-width: 350px;
  min-height: 70px;
  padding: 10px 15px;
  background-color: #0151a3;
  cursor: pointer; /* ポインターカーソルを表示 */
}

.submit-btn[disabled] {
  background-color: #ccc;
  cursor: not-allowed; /* クリック不可のカーソルを表示 */
}
