@charset "UTF-8";
/*------------------------------------------------------------
  reset.css customized
------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tomorrow:wght@300;400;500;700&display=swap");

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

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

body {
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

input,
button,
select,
optgroup,
option,
textarea {
  margin: 0;
  font-family: initial;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
}

button,
input,
select {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

img {
  vertical-align: middle;
}

a {
  text-decoration: none;
  background-color: transparent;
}

a:active,
a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/*------------------------------------------------------------
  vars
------------------------------------------------------------*/
@font-face {
  font-family: 'Galvji';
  font-weight: 700;
  src: url("../fonts/Galvji/Galvji-Bold-02.ttf") format("truetype");
}

/*------------------------------------------------------------
  form parts reset
------------------------------------------------------------*/
input,
button,
select,
optgroup,
option,
textarea {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/*
  input（ラジオボタン、チェックボックス以外）、textareaの設定
*/
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 15px 15px;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  background: #F2F2F2;
  outline: none;
  cursor: auto;
  font-weight: bold;
}

.page-result input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
textarea,
select {
  padding: 6px 15px;
}

input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus,
textarea:focus,
select:focus {
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 1024px) {

  input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
  textarea,
  select {
    padding: 20px 35px;
  }

  .page-result input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
  textarea,
  select {
    padding: 6px 35px;
  }
}

input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).wid-small,
textarea.wid-small,
select.wid-small {
  display: inline-block;
  width: 75px;
  margin: 0 5px;
}

input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).wid-small:first-child,
textarea.wid-small:first-child,
select.wid-small:first-child {
  margin-left: 0;
}

@media screen and (min-width: 1024px) {

  input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).wid-small,
  textarea.wid-small,
  select.wid-small {
    width: 175px;
    margin: 0 15px;
  }
}

input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"])[name='address'],
textarea[name='address'],
select[name='address'] {
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {

  input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"])[name='address'],
  textarea[name='address'],
  select[name='address'] {
    margin-top: 15px;
  }
}

textarea {
  height: 200px;
  line-height: 1.5;
}

@media screen and (min-width: 1024px) {
  textarea {
    height: 230px;
  }
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c4c2c3;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #c4c2c3;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #c4c2c3;
}

input::-placeholder,
textarea::-placeholder {
  color: #c4c2c3;
}

input[type="email"] {
  ime-mode: inactive;
}

input[name="address"] {
  ime-mode: active;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/*
  ラジオボタンの設定
*/
.radio-list li,
.radio-list .mwform-radio-field,
.wpcf7-radio li,
.wpcf7-radio .mwform-radio-field {
  display: inline-block;
  margin-right: 20px;
}

@media screen and (min-width: 1024px) {

  .radio-list li,
  .radio-list .mwform-radio-field,
  .wpcf7-radio li,
  .wpcf7-radio .mwform-radio-field {
    margin-right: 60px;
  }
}

input[type="radio"] {
  visibility: hidden;
  position: absolute;
}

input[type="radio"] + span {
  display: inline-block;
  position: relative;
  padding: 3px 3px 3px 25px;
  cursor: pointer;
}

input[type="radio"] + span::before,
input[type="radio"] + span::after {
  position: absolute;
  top: 50%;
  border-radius: 100%;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
}

input[type="radio"] + span::before {
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border: 1px solid #c4c2c3;
  background: #fff;
}

input[type="radio"] + span:hover::before {
  background: #fff;
}

input[type="radio"] + span::after {
  opacity: 0;
  left: 5px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #0062b2;
  -webkit-transform: scale(2);
  transform: scale(2);
}

input[type="radio"]:checked + span::before {
  border: 1px solid #c4c2c3;
}

input[type="radio"]:checked + span::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*
  チェックボックスの設定
*/
input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}

input[type="checkbox"] + span {
  display: inline-block;
  position: relative;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}

input[type="checkbox"] + span::before,
input[type="checkbox"] + span::after {
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
}

input[type="checkbox"] + span::before {
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin-top: -8px;
  border: 1px solid #c4c2c3;
  background: #FFF;
}

input[type="checkbox"] + span::after {
  opacity: 0;
  top: 50%;
  left: 2px;
  width: 11px;
  height: 6px;
  margin-top: -5px;
  border-left: 2px solid #0062b2;
  border-bottom: 2px solid #0062b2;
  -webkit-transform: rotate(-45deg) scale(0.5);
  transform: rotate(-45deg) scale(0.5);
}

input[type="checkbox"] + span:hover::before {
  background: #f4f4f4;
}

input[type="checkbox"]:checked + span::before {
  border: 1px solid #c4c2c3;
  background: #fff;
}

input[type="checkbox"]:checked + span::after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}

/*
  セレクトボックスの設定
*/
.select-label {
  display: block;
  position: relative;
}

.select-label:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -7px;
  border-top: 2px solid #0062b2;
  border-right: 2px solid #0062b2;
  content: '';
  pointer-events: none;
  transform: rotate(135deg);
}

.select-label select {
  position: relative;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 13px;
  border: none;
  border-radius: 0;
  background: #FFF;
  cursor: pointer;
}

.select-label select::-ms-expand {
  display: none;
}

/*
  ボタンの設定
*/
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  background: transparent;
  outline: none;
}

.input-file-label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #A1A1A1;
  background: linear-gradient(to bottom, #F6F6F6, #DEDEDE);
}

.input-file-label :hover {
  cursor: pointer;
}

.input-file-label input {
  display: none;
}

/*------------------------------------------------------------
  setting
------------------------------------------------------------*/
body {
  background: #FFF;
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.928;
  letter-spacing: 0.03em;
}

body,
section,
nav,
article,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
header,
footer,
p,
pre,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
div,
a,
small,
span,
iframe,
table,
td,
th,
form,
fieldset,
input,
textarea,
select,
option,
embed,
object {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

body.is-fixed {
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  body {
    font-size: 18px;
    font-size: 1rem;
    line-height: 2.266;
  }

  body.is-fixed {
    overflow: visible;
  }
}

a {
  color: #000000;
  transition: opacity 0.2s ease;
}

a:hover {
  opacity: 0.7;
}

button {
  transition: opacity 0.2s ease;
}

button:hover {
  opacity: 0.7;
}

img,
video {
  max-width: 100%;
  height: auto;
}

video,
iframe {
  display: block;
}

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

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

  .tb,
  .pc {
    display: none !important;
  }

  .sp {
    display: initial !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

  .sp,
  .pc {
    display: none !important;
  }

  .tb {
    display: initial !important;
  }
}

@media screen and (min-width: 1024px) {

  .sp,
  .tb {
    display: none !important;
  }

  .pc {
    display: initial !important;
  }
}

@media screen and (min-width: 1024px) and (-ms-high-contrast: none),
screen and (min-width: 1024px) and (-ms-high-contrast: active) {
  .pc {
    display: block !important;
  }
}

/*------------------------------------------------------------
  plugins
------------------------------------------------------------*/
/*------------------------------------------------------------
  AOS
------------------------------------------------------------*/
body[data-aos-duration='50'] [data-aos],
[data-aos][data-aos][data-aos-duration='50'] {
  transition-duration: 50ms;
}

body[data-aos-delay='50'] [data-aos],
[data-aos][data-aos][data-aos-delay='50'] {
  transition-delay: 0;
}

body[data-aos-delay='50'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='50'].aos-animate {
  transition-delay: 50ms;
}

body[data-aos-duration='100'] [data-aos],
[data-aos][data-aos][data-aos-duration='100'] {
  transition-duration: 100ms;
}

body[data-aos-delay='100'] [data-aos],
[data-aos][data-aos][data-aos-delay='100'] {
  transition-delay: 0;
}

body[data-aos-delay='100'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='100'].aos-animate {
  transition-delay: 100ms;
}

body[data-aos-duration='150'] [data-aos],
[data-aos][data-aos][data-aos-duration='150'] {
  transition-duration: 150ms;
}

body[data-aos-delay='150'] [data-aos],
[data-aos][data-aos][data-aos-delay='150'] {
  transition-delay: 0;
}

body[data-aos-delay='150'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='150'].aos-animate {
  transition-delay: 150ms;
}

body[data-aos-duration='200'] [data-aos],
[data-aos][data-aos][data-aos-duration='200'] {
  transition-duration: 200ms;
}

body[data-aos-delay='200'] [data-aos],
[data-aos][data-aos][data-aos-delay='200'] {
  transition-delay: 0;
}

body[data-aos-delay='200'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='200'].aos-animate {
  transition-delay: 200ms;
}

body[data-aos-duration='250'] [data-aos],
[data-aos][data-aos][data-aos-duration='250'] {
  transition-duration: 250ms;
}

body[data-aos-delay='250'] [data-aos],
[data-aos][data-aos][data-aos-delay='250'] {
  transition-delay: 0;
}

body[data-aos-delay='250'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='250'].aos-animate {
  transition-delay: 250ms;
}

body[data-aos-duration='300'] [data-aos],
[data-aos][data-aos][data-aos-duration='300'] {
  transition-duration: 300ms;
}

body[data-aos-delay='300'] [data-aos],
[data-aos][data-aos][data-aos-delay='300'] {
  transition-delay: 0;
}

body[data-aos-delay='300'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='300'].aos-animate {
  transition-delay: 300ms;
}

body[data-aos-duration='350'] [data-aos],
[data-aos][data-aos][data-aos-duration='350'] {
  transition-duration: 350ms;
}

body[data-aos-delay='350'] [data-aos],
[data-aos][data-aos][data-aos-delay='350'] {
  transition-delay: 0;
}

body[data-aos-delay='350'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='350'].aos-animate {
  transition-delay: 350ms;
}

body[data-aos-duration='400'] [data-aos],
[data-aos][data-aos][data-aos-duration='400'] {
  transition-duration: 400ms;
}

body[data-aos-delay='400'] [data-aos],
[data-aos][data-aos][data-aos-delay='400'] {
  transition-delay: 0;
}

body[data-aos-delay='400'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='400'].aos-animate {
  transition-delay: 400ms;
}

body[data-aos-duration='450'] [data-aos],
[data-aos][data-aos][data-aos-duration='450'] {
  transition-duration: 450ms;
}

body[data-aos-delay='450'] [data-aos],
[data-aos][data-aos][data-aos-delay='450'] {
  transition-delay: 0;
}

body[data-aos-delay='450'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='450'].aos-animate {
  transition-delay: 450ms;
}

body[data-aos-duration='500'] [data-aos],
[data-aos][data-aos][data-aos-duration='500'] {
  transition-duration: 500ms;
}

body[data-aos-delay='500'] [data-aos],
[data-aos][data-aos][data-aos-delay='500'] {
  transition-delay: 0;
}

body[data-aos-delay='500'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='500'].aos-animate {
  transition-delay: 500ms;
}

body[data-aos-duration='550'] [data-aos],
[data-aos][data-aos][data-aos-duration='550'] {
  transition-duration: 550ms;
}

body[data-aos-delay='550'] [data-aos],
[data-aos][data-aos][data-aos-delay='550'] {
  transition-delay: 0;
}

body[data-aos-delay='550'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='550'].aos-animate {
  transition-delay: 550ms;
}

body[data-aos-duration='600'] [data-aos],
[data-aos][data-aos][data-aos-duration='600'] {
  transition-duration: 600ms;
}

body[data-aos-delay='600'] [data-aos],
[data-aos][data-aos][data-aos-delay='600'] {
  transition-delay: 0;
}

body[data-aos-delay='600'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='600'].aos-animate {
  transition-delay: 600ms;
}

body[data-aos-duration='650'] [data-aos],
[data-aos][data-aos][data-aos-duration='650'] {
  transition-duration: 650ms;
}

body[data-aos-delay='650'] [data-aos],
[data-aos][data-aos][data-aos-delay='650'] {
  transition-delay: 0;
}

body[data-aos-delay='650'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='650'].aos-animate {
  transition-delay: 650ms;
}

body[data-aos-duration='700'] [data-aos],
[data-aos][data-aos][data-aos-duration='700'] {
  transition-duration: 700ms;
}

body[data-aos-delay='700'] [data-aos],
[data-aos][data-aos][data-aos-delay='700'] {
  transition-delay: 0;
}

body[data-aos-delay='700'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='700'].aos-animate {
  transition-delay: 700ms;
}

body[data-aos-duration='750'] [data-aos],
[data-aos][data-aos][data-aos-duration='750'] {
  transition-duration: 750ms;
}

body[data-aos-delay='750'] [data-aos],
[data-aos][data-aos][data-aos-delay='750'] {
  transition-delay: 0;
}

body[data-aos-delay='750'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='750'].aos-animate {
  transition-delay: 750ms;
}

body[data-aos-duration='800'] [data-aos],
[data-aos][data-aos][data-aos-duration='800'] {
  transition-duration: 800ms;
}

body[data-aos-delay='800'] [data-aos],
[data-aos][data-aos][data-aos-delay='800'] {
  transition-delay: 0;
}

body[data-aos-delay='800'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='800'].aos-animate {
  transition-delay: 800ms;
}

body[data-aos-duration='850'] [data-aos],
[data-aos][data-aos][data-aos-duration='850'] {
  transition-duration: 850ms;
}

body[data-aos-delay='850'] [data-aos],
[data-aos][data-aos][data-aos-delay='850'] {
  transition-delay: 0;
}

body[data-aos-delay='850'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='850'].aos-animate {
  transition-delay: 850ms;
}

body[data-aos-duration='900'] [data-aos],
[data-aos][data-aos][data-aos-duration='900'] {
  transition-duration: 900ms;
}

body[data-aos-delay='900'] [data-aos],
[data-aos][data-aos][data-aos-delay='900'] {
  transition-delay: 0;
}

body[data-aos-delay='900'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='900'].aos-animate {
  transition-delay: 900ms;
}

body[data-aos-duration='950'] [data-aos],
[data-aos][data-aos][data-aos-duration='950'] {
  transition-duration: 950ms;
}

body[data-aos-delay='950'] [data-aos],
[data-aos][data-aos][data-aos-delay='950'] {
  transition-delay: 0;
}

body[data-aos-delay='950'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='950'].aos-animate {
  transition-delay: 950ms;
}

body[data-aos-duration='1000'] [data-aos],
[data-aos][data-aos][data-aos-duration='1000'] {
  transition-duration: 1000ms;
}

body[data-aos-delay='1000'] [data-aos],
[data-aos][data-aos][data-aos-delay='1000'] {
  transition-delay: 0;
}

body[data-aos-delay='1000'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1000'].aos-animate {
  transition-delay: 1000ms;
}

body[data-aos-duration='1050'] [data-aos],
[data-aos][data-aos][data-aos-duration='1050'] {
  transition-duration: 1050ms;
}

body[data-aos-delay='1050'] [data-aos],
[data-aos][data-aos][data-aos-delay='1050'] {
  transition-delay: 0;
}

body[data-aos-delay='1050'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1050'].aos-animate {
  transition-delay: 1050ms;
}

body[data-aos-duration='1100'] [data-aos],
[data-aos][data-aos][data-aos-duration='1100'] {
  transition-duration: 1100ms;
}

body[data-aos-delay='1100'] [data-aos],
[data-aos][data-aos][data-aos-delay='1100'] {
  transition-delay: 0;
}

body[data-aos-delay='1100'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1100'].aos-animate {
  transition-delay: 1100ms;
}

body[data-aos-duration='1150'] [data-aos],
[data-aos][data-aos][data-aos-duration='1150'] {
  transition-duration: 1150ms;
}

body[data-aos-delay='1150'] [data-aos],
[data-aos][data-aos][data-aos-delay='1150'] {
  transition-delay: 0;
}

body[data-aos-delay='1150'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1150'].aos-animate {
  transition-delay: 1150ms;
}

body[data-aos-duration='1200'] [data-aos],
[data-aos][data-aos][data-aos-duration='1200'] {
  transition-duration: 1200ms;
}

body[data-aos-delay='1200'] [data-aos],
[data-aos][data-aos][data-aos-delay='1200'] {
  transition-delay: 0;
}

body[data-aos-delay='1200'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1200'].aos-animate {
  transition-delay: 1200ms;
}

body[data-aos-duration='1250'] [data-aos],
[data-aos][data-aos][data-aos-duration='1250'] {
  transition-duration: 1250ms;
}

body[data-aos-delay='1250'] [data-aos],
[data-aos][data-aos][data-aos-delay='1250'] {
  transition-delay: 0;
}

body[data-aos-delay='1250'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1250'].aos-animate {
  transition-delay: 1250ms;
}

body[data-aos-duration='1300'] [data-aos],
[data-aos][data-aos][data-aos-duration='1300'] {
  transition-duration: 1300ms;
}

body[data-aos-delay='1300'] [data-aos],
[data-aos][data-aos][data-aos-delay='1300'] {
  transition-delay: 0;
}

body[data-aos-delay='1300'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1300'].aos-animate {
  transition-delay: 1300ms;
}

body[data-aos-duration='1350'] [data-aos],
[data-aos][data-aos][data-aos-duration='1350'] {
  transition-duration: 1350ms;
}

body[data-aos-delay='1350'] [data-aos],
[data-aos][data-aos][data-aos-delay='1350'] {
  transition-delay: 0;
}

body[data-aos-delay='1350'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1350'].aos-animate {
  transition-delay: 1350ms;
}

body[data-aos-duration='1400'] [data-aos],
[data-aos][data-aos][data-aos-duration='1400'] {
  transition-duration: 1400ms;
}

body[data-aos-delay='1400'] [data-aos],
[data-aos][data-aos][data-aos-delay='1400'] {
  transition-delay: 0;
}

body[data-aos-delay='1400'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1400'].aos-animate {
  transition-delay: 1400ms;
}

body[data-aos-duration='1450'] [data-aos],
[data-aos][data-aos][data-aos-duration='1450'] {
  transition-duration: 1450ms;
}

body[data-aos-delay='1450'] [data-aos],
[data-aos][data-aos][data-aos-delay='1450'] {
  transition-delay: 0;
}

body[data-aos-delay='1450'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1450'].aos-animate {
  transition-delay: 1450ms;
}

body[data-aos-duration='1500'] [data-aos],
[data-aos][data-aos][data-aos-duration='1500'] {
  transition-duration: 1500ms;
}

body[data-aos-delay='1500'] [data-aos],
[data-aos][data-aos][data-aos-delay='1500'] {
  transition-delay: 0;
}

body[data-aos-delay='1500'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1500'].aos-animate {
  transition-delay: 1500ms;
}

body[data-aos-duration='1550'] [data-aos],
[data-aos][data-aos][data-aos-duration='1550'] {
  transition-duration: 1550ms;
}

body[data-aos-delay='1550'] [data-aos],
[data-aos][data-aos][data-aos-delay='1550'] {
  transition-delay: 0;
}

body[data-aos-delay='1550'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1550'].aos-animate {
  transition-delay: 1550ms;
}

body[data-aos-duration='1600'] [data-aos],
[data-aos][data-aos][data-aos-duration='1600'] {
  transition-duration: 1600ms;
}

body[data-aos-delay='1600'] [data-aos],
[data-aos][data-aos][data-aos-delay='1600'] {
  transition-delay: 0;
}

body[data-aos-delay='1600'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1600'].aos-animate {
  transition-delay: 1600ms;
}

body[data-aos-duration='1650'] [data-aos],
[data-aos][data-aos][data-aos-duration='1650'] {
  transition-duration: 1650ms;
}

body[data-aos-delay='1650'] [data-aos],
[data-aos][data-aos][data-aos-delay='1650'] {
  transition-delay: 0;
}

body[data-aos-delay='1650'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1650'].aos-animate {
  transition-delay: 1650ms;
}

body[data-aos-duration='1700'] [data-aos],
[data-aos][data-aos][data-aos-duration='1700'] {
  transition-duration: 1700ms;
}

body[data-aos-delay='1700'] [data-aos],
[data-aos][data-aos][data-aos-delay='1700'] {
  transition-delay: 0;
}

body[data-aos-delay='1700'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1700'].aos-animate {
  transition-delay: 1700ms;
}

body[data-aos-duration='1750'] [data-aos],
[data-aos][data-aos][data-aos-duration='1750'] {
  transition-duration: 1750ms;
}

body[data-aos-delay='1750'] [data-aos],
[data-aos][data-aos][data-aos-delay='1750'] {
  transition-delay: 0;
}

body[data-aos-delay='1750'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1750'].aos-animate {
  transition-delay: 1750ms;
}

body[data-aos-duration='1800'] [data-aos],
[data-aos][data-aos][data-aos-duration='1800'] {
  transition-duration: 1800ms;
}

body[data-aos-delay='1800'] [data-aos],
[data-aos][data-aos][data-aos-delay='1800'] {
  transition-delay: 0;
}

body[data-aos-delay='1800'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1800'].aos-animate {
  transition-delay: 1800ms;
}

body[data-aos-duration='1850'] [data-aos],
[data-aos][data-aos][data-aos-duration='1850'] {
  transition-duration: 1850ms;
}

body[data-aos-delay='1850'] [data-aos],
[data-aos][data-aos][data-aos-delay='1850'] {
  transition-delay: 0;
}

body[data-aos-delay='1850'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1850'].aos-animate {
  transition-delay: 1850ms;
}

body[data-aos-duration='1900'] [data-aos],
[data-aos][data-aos][data-aos-duration='1900'] {
  transition-duration: 1900ms;
}

body[data-aos-delay='1900'] [data-aos],
[data-aos][data-aos][data-aos-delay='1900'] {
  transition-delay: 0;
}

body[data-aos-delay='1900'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1900'].aos-animate {
  transition-delay: 1900ms;
}

body[data-aos-duration='1950'] [data-aos],
[data-aos][data-aos][data-aos-duration='1950'] {
  transition-duration: 1950ms;
}

body[data-aos-delay='1950'] [data-aos],
[data-aos][data-aos][data-aos-delay='1950'] {
  transition-delay: 0;
}

body[data-aos-delay='1950'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='1950'].aos-animate {
  transition-delay: 1950ms;
}

body[data-aos-duration='2000'] [data-aos],
[data-aos][data-aos][data-aos-duration='2000'] {
  transition-duration: 2000ms;
}

body[data-aos-delay='2000'] [data-aos],
[data-aos][data-aos][data-aos-delay='2000'] {
  transition-delay: 0;
}

body[data-aos-delay='2000'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2000'].aos-animate {
  transition-delay: 2000ms;
}

body[data-aos-duration='2050'] [data-aos],
[data-aos][data-aos][data-aos-duration='2050'] {
  transition-duration: 2050ms;
}

body[data-aos-delay='2050'] [data-aos],
[data-aos][data-aos][data-aos-delay='2050'] {
  transition-delay: 0;
}

body[data-aos-delay='2050'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2050'].aos-animate {
  transition-delay: 2050ms;
}

body[data-aos-duration='2100'] [data-aos],
[data-aos][data-aos][data-aos-duration='2100'] {
  transition-duration: 2100ms;
}

body[data-aos-delay='2100'] [data-aos],
[data-aos][data-aos][data-aos-delay='2100'] {
  transition-delay: 0;
}

body[data-aos-delay='2100'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2100'].aos-animate {
  transition-delay: 2100ms;
}

body[data-aos-duration='2150'] [data-aos],
[data-aos][data-aos][data-aos-duration='2150'] {
  transition-duration: 2150ms;
}

body[data-aos-delay='2150'] [data-aos],
[data-aos][data-aos][data-aos-delay='2150'] {
  transition-delay: 0;
}

body[data-aos-delay='2150'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2150'].aos-animate {
  transition-delay: 2150ms;
}

body[data-aos-duration='2200'] [data-aos],
[data-aos][data-aos][data-aos-duration='2200'] {
  transition-duration: 2200ms;
}

body[data-aos-delay='2200'] [data-aos],
[data-aos][data-aos][data-aos-delay='2200'] {
  transition-delay: 0;
}

body[data-aos-delay='2200'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2200'].aos-animate {
  transition-delay: 2200ms;
}

body[data-aos-duration='2250'] [data-aos],
[data-aos][data-aos][data-aos-duration='2250'] {
  transition-duration: 2250ms;
}

body[data-aos-delay='2250'] [data-aos],
[data-aos][data-aos][data-aos-delay='2250'] {
  transition-delay: 0;
}

body[data-aos-delay='2250'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2250'].aos-animate {
  transition-delay: 2250ms;
}

body[data-aos-duration='2300'] [data-aos],
[data-aos][data-aos][data-aos-duration='2300'] {
  transition-duration: 2300ms;
}

body[data-aos-delay='2300'] [data-aos],
[data-aos][data-aos][data-aos-delay='2300'] {
  transition-delay: 0;
}

body[data-aos-delay='2300'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2300'].aos-animate {
  transition-delay: 2300ms;
}

body[data-aos-duration='2350'] [data-aos],
[data-aos][data-aos][data-aos-duration='2350'] {
  transition-duration: 2350ms;
}

body[data-aos-delay='2350'] [data-aos],
[data-aos][data-aos][data-aos-delay='2350'] {
  transition-delay: 0;
}

body[data-aos-delay='2350'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2350'].aos-animate {
  transition-delay: 2350ms;
}

body[data-aos-duration='2400'] [data-aos],
[data-aos][data-aos][data-aos-duration='2400'] {
  transition-duration: 2400ms;
}

body[data-aos-delay='2400'] [data-aos],
[data-aos][data-aos][data-aos-delay='2400'] {
  transition-delay: 0;
}

body[data-aos-delay='2400'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2400'].aos-animate {
  transition-delay: 2400ms;
}

body[data-aos-duration='2450'] [data-aos],
[data-aos][data-aos][data-aos-duration='2450'] {
  transition-duration: 2450ms;
}

body[data-aos-delay='2450'] [data-aos],
[data-aos][data-aos][data-aos-delay='2450'] {
  transition-delay: 0;
}

body[data-aos-delay='2450'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2450'].aos-animate {
  transition-delay: 2450ms;
}

body[data-aos-duration='2500'] [data-aos],
[data-aos][data-aos][data-aos-duration='2500'] {
  transition-duration: 2500ms;
}

body[data-aos-delay='2500'] [data-aos],
[data-aos][data-aos][data-aos-delay='2500'] {
  transition-delay: 0;
}

body[data-aos-delay='2500'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2500'].aos-animate {
  transition-delay: 2500ms;
}

body[data-aos-duration='2550'] [data-aos],
[data-aos][data-aos][data-aos-duration='2550'] {
  transition-duration: 2550ms;
}

body[data-aos-delay='2550'] [data-aos],
[data-aos][data-aos][data-aos-delay='2550'] {
  transition-delay: 0;
}

body[data-aos-delay='2550'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2550'].aos-animate {
  transition-delay: 2550ms;
}

body[data-aos-duration='2600'] [data-aos],
[data-aos][data-aos][data-aos-duration='2600'] {
  transition-duration: 2600ms;
}

body[data-aos-delay='2600'] [data-aos],
[data-aos][data-aos][data-aos-delay='2600'] {
  transition-delay: 0;
}

body[data-aos-delay='2600'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2600'].aos-animate {
  transition-delay: 2600ms;
}

body[data-aos-duration='2650'] [data-aos],
[data-aos][data-aos][data-aos-duration='2650'] {
  transition-duration: 2650ms;
}

body[data-aos-delay='2650'] [data-aos],
[data-aos][data-aos][data-aos-delay='2650'] {
  transition-delay: 0;
}

body[data-aos-delay='2650'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2650'].aos-animate {

  transition-delay: 2650ms;
}

body[data-aos-duration='2700'] [data-aos],
[data-aos][data-aos][data-aos-duration='2700'] {
  transition-duration: 2700ms;
}

body[data-aos-delay='2700'] [data-aos],
[data-aos][data-aos][data-aos-delay='2700'] {
  transition-delay: 0;
}

body[data-aos-delay='2700'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2700'].aos-animate {
  transition-delay: 2700ms;
}

body[data-aos-duration='2750'] [data-aos],
[data-aos][data-aos][data-aos-duration='2750'] {
  transition-duration: 2750ms;
}

body[data-aos-delay='2750'] [data-aos],
[data-aos][data-aos][data-aos-delay='2750'] {
  transition-delay: 0;
}

body[data-aos-delay='2750'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2750'].aos-animate {
  transition-delay: 2750ms;
}

body[data-aos-duration='2800'] [data-aos],
[data-aos][data-aos][data-aos-duration='2800'] {
  transition-duration: 2800ms;
}

body[data-aos-delay='2800'] [data-aos],
[data-aos][data-aos][data-aos-delay='2800'] {
  transition-delay: 0;
}

body[data-aos-delay='2800'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2800'].aos-animate {
  transition-delay: 2800ms;
}

body[data-aos-duration='2850'] [data-aos],
[data-aos][data-aos][data-aos-duration='2850'] {
  transition-duration: 2850ms;
}

body[data-aos-delay='2850'] [data-aos],
[data-aos][data-aos][data-aos-delay='2850'] {
  transition-delay: 0;
}

body[data-aos-delay='2850'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2850'].aos-animate {
  transition-delay: 2850ms;
}

body[data-aos-duration='2900'] [data-aos],
[data-aos][data-aos][data-aos-duration='2900'] {
  transition-duration: 2900ms;
}

body[data-aos-delay='2900'] [data-aos],
[data-aos][data-aos][data-aos-delay='2900'] {
  transition-delay: 0;
}

body[data-aos-delay='2900'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2900'].aos-animate {
  transition-delay: 2900ms;
}

body[data-aos-duration='2950'] [data-aos],
[data-aos][data-aos][data-aos-duration='2950'] {
  transition-duration: 2950ms;
}

body[data-aos-delay='2950'] [data-aos],
[data-aos][data-aos][data-aos-delay='2950'] {
  transition-delay: 0;
}

body[data-aos-delay='2950'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='2950'].aos-animate {
  transition-delay: 2950ms;
}

body[data-aos-duration='3000'] [data-aos],
[data-aos][data-aos][data-aos-duration='3000'] {
  transition-duration: 3000ms;
}

body[data-aos-delay='3000'] [data-aos],
[data-aos][data-aos][data-aos-delay='3000'] {
  transition-delay: 0;
}

body[data-aos-delay='3000'] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='3000'].aos-animate {
  transition-delay: 3000ms;
}

body[data-aos-easing="linear"] [data-aos],
[data-aos][data-aos][data-aos-easing="linear"] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

body[data-aos-easing="ease"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease"] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

body[data-aos-easing="ease-in"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in"] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

body[data-aos-easing="ease-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out"] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

body[data-aos-easing="ease-in-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out"] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

body[data-aos-easing="ease-in-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-back"] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

body[data-aos-easing="ease-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-back"] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

body[data-aos-easing="ease-in-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

body[data-aos-easing="ease-in-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-sine"] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

body[data-aos-easing="ease-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-sine"] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

body[data-aos-easing="ease-in-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body[data-aos-easing="ease-in-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quad"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quad"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body[data-aos-easing="ease-in-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body[data-aos-easing="ease-in-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quart"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quart"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^='fade'][data-aos^='fade'].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos='fade-up'] {
  transform: translate3d(0, 30px, 0);
}

[data-aos='fade-down'] {
  transform: translate3d(0, -30px, 0);
}

[data-aos='fade-right'] {
  transform: translate3d(-30px, 0, 0);
}

[data-aos='fade-left'] {
  transform: translate3d(30px, 0, 0);
}

[data-aos='fade-up-right'] {
  transform: translate3d(-30px, 30px, 0);
}

[data-aos='fade-up-left'] {
  transform: translate3d(30px, 30px, 0);
}

[data-aos='fade-down-right'] {
  transform: translate3d(-30px, -30px, 0);
}

[data-aos='fade-down-left'] {
  transform: translate3d(30px, -30px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^='zoom'][data-aos^='zoom'] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos='zoom-in'] {
  transform: scale(0.6);
}

[data-aos='zoom-in-up'] {
  transform: translate3d(0, 30px, 0) scale(0.6);
}

[data-aos='zoom-in-down'] {
  transform: translate3d(0, -30px, 0) scale(0.6);
}

[data-aos='zoom-in-right'] {
  transform: translate3d(-30px, 0, 0) scale(0.6);
}

[data-aos='zoom-in-left'] {
  transform: translate3d(30px, 0, 0) scale(0.6);
}

[data-aos='zoom-out'] {
  transform: scale(1.2);
}

[data-aos='zoom-out-up'] {
  transform: translate3d(0, 30px, 0) scale(1.2);
}

[data-aos='zoom-out-down'] {
  transform: translate3d(0, -30px, 0) scale(1.2);
}

[data-aos='zoom-out-right'] {
  transform: translate3d(-30px, 0, 0) scale(1.2);
}

[data-aos='zoom-out-left'] {
  transform: translate3d(30px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^='slide'][data-aos^='slide'] {
  transition-property: transform;
}

[data-aos^='slide'][data-aos^='slide'].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos='slide-up'] {
  transform: translate3d(0, 100%, 0);
}

[data-aos='slide-down'] {
  transform: translate3d(0, -100%, 0);
}

[data-aos='slide-right'] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos='slide-left'] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^='flip'][data-aos^='flip'] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos='flip-left'] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos='flip-left'].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos='flip-right'] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos='flip-right'].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos='flip-up'] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos='flip-up'].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos='flip-down'] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos='flip-down'].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* customize */
.swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border: 1px solid #00538D;
  background: #FFF;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #00538D;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 10px 0;
}

@media screen and (min-width: 1024px) {
  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 20px 0;
  }
}

/*!
  Modaal - accessible modals - v0.4.4
  by Humaan, for all humans.
  http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
  border: none;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}

.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-close:focus,
.modaal-close:hover {
  outline: none;
  background: #fff;
}

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
  background: #b93d0c;
}

.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-close:before,
.modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 30px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}

.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}

.modaal-gallery-item img {
  display: block;
}

.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.modaal-gallery-label:focus {
  outline: none;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}

.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
  background: #afb7bc;
}

.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
  left: 22px;
}

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}

.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  -ms-transform: scale(0.25);
  transform: scale(0.25);
}

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .87s;
  animation-delay: .87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}

@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }

  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }

  .modaal-gallery-control:before,
  .modaal-gallery-control:after {
    background: #fff;
  }

  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }

  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}

@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}

@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}

@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}

@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .modaal-instagram iframe {
    width: 600px !important;
  }
}

@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }

  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}

@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}

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

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* customize */
.modaal-overlay {
  opacity: 0.6 !important;
}

.modaal-wrapper {
  max-width: 980px;
  left: 50%;
  transform: translate(-50%, 0);
}

.modaal-inner-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}

.modaal-close {
  width: 25px;
  height: 25px;
  border-radius: 0;
}

.modaal-close:hover {
  opacity: 1;
}

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
  background: #00538D;
}

.modaal-close:before,
.modaal-close:after {
  top: -3px;
  left: 12px;
  width: 1px;
  height: 30px;
  background: #00538D;
}

.modaal-fullscreen .modaal-close {
  background: transparent;
  right: 15px;
  top: 10px;
}

.modaal-content-container {
  padding: 50px 15px 15px;
}

/*------------------------------------------------------------
  layout
------------------------------------------------------------*/
.l-container {
  overflow: hidden;
  position: relative;
  padding-top: 40px;
}

.l-container:before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background: #FFF;
  content: '';
}

@media screen and (min-width: 1024px) {
  .l-container {
    padding-top: 140px;
  }
}

.l-section,
.l-section--pt-0,
.l-section--pb-0,
.l-section--small,
.l-section--small--pt-0,
.l-section--small--pb-0,
.l-section--large,
.l-section--large--pt-0,
.l-section--large--pb-0 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.l-section p + p,
.l-section--pt-0 p + p,
.l-section--pb-0 p + p,
.l-section--small p + p,
.l-section--small--pt-0 p + p,
.l-section--small--pb-0 p + p,
.l-section--large p + p,
.l-section--large--pt-0 p + p,
.l-section--large--pb-0 p + p {
  margin-top: 1.2em;
}

@media screen and (min-width: 1024px) {

  .l-section,
  .l-section--pt-0,
  .l-section--pb-0,
  .l-section--small,
  .l-section--small--pt-0,
  .l-section--small--pb-0,
  .l-section--large,
  .l-section--large--pt-0,
  .l-section--large--pb-0 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.l-section--pt-0 {
  padding-top: 0;
}

.l-section--pb-0 {
  padding-bottom: 0;
}

.l-section--small,
.l-section--small--pt-0,
.l-section--small--pb-0 {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (min-width: 1024px) {

  .l-section--small,
  .l-section--small--pt-0,
  .l-section--small--pb-0 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.l-section--small--pt-0 {
  padding-top: 0;
}

.l-section--small--pb-0 {
  padding-bottom: 0;
}

.l-section--large,
.l-section--large--pt-0,
.l-section--large--pb-0 {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 1024px) {

  .l-section--large,
  .l-section--large--pt-0,
  .l-section--large--pb-0 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.l-section--large--pt-0 {
  padding-top: 0;
}

.l-section--large--pb-0 {
  padding-bottom: 0;
}

.l-center,
.l-center--small,
.l-center--large,
.l-center--extra-large,
.l-center--pc-no-pad {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 1024px) {

  .l-center,
  .l-center--small,
  .l-center--large,
  .l-center--extra-large,
  .l-center--pc-no-pad {
    width: 100%;
    max-width: 1020px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .page-result .l-center {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media screen and (min-width: 1024px) {
  .l-center--small {
    max-width: 800px;
  }
}

@media screen and (min-width: 1024px) {
  .l-center--large {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1024px) {
  .l-center--extra-large {
    max-width: 1500px;
  }
}

@media screen and (min-width: 1024px) {
  .l-center--pc-no-pad {
    max-width: 1600px;
    padding-right: 0;
    padding-left: 0;
  }
}

.l-sp-center {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 1024px) {
  .l-sp-center {
    padding-right: 0;
    padding-left: 0;
  }
}

.l-pc-center {
  position: relative;
}

@media screen and (min-width: 1024px) {
  .l-pc-center {
    width: 100%;
    max-width: 1020px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.l-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.l-pc-flex > * + *,
.l-pc-flex--reverse > * + * {
  margin-top: 40px;
}

@media screen and (min-width: 1024px) {

  .l-pc-flex,
  .l-pc-flex--reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .l-pc-flex > *,
  .l-pc-flex--reverse > * {
    width: 50%;
  }

  .l-pc-flex > * + *,
  .l-pc-flex--reverse > * + * {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .l-pc-flex--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.l-flex-cen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {

  .l-pc-flex-cen,
  .l-pc-flex-cen--reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

@media screen and (min-width: 1024px) {
  .l-pc-flex-cen--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.l-flex-ali-cen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (min-width: 1024px) {

  .l-pc-flex-ali-cen,
  .l-pc-flex-ali-cen--reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .l-pc-flex-ali-cen > *,
  .l-pc-flex-ali-cen--reverse > * {
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .l-pc-flex-ali-cen--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {

  .l-tb-flex-ali-cen,
  .l-tb-flex-ali-cen--reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .l-tb-flex-ali-cen > *,
  .l-tb-flex-ali-cen--reverse > * {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .l-tb-flex-ali-cen--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.l-white-box {
  position: relative;
  padding: 35px 20px;
  border-radius: 4px;
  background: #FFF;
}

@media screen and (min-width: 1024px) {
  .l-white-box {
    padding: 60px;
  }
}

@media screen and (min-width: 1280px) {
  .l-white-box {
    padding: 80px;
  }
}

/* ---------------------------
  ヘッダー用
--------------------------- */
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 40px;
  background: #FFF;
}

.l-header > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
}

.l-header .logo {
  position: relative;
  z-index: 300;
  margin-left: 12px;
  line-height: 1;
}

.l-header .logo a {
  opacity: 1 !important;
}

.l-header .logo img {
  height: 24px;
}

@media screen and (min-width: 1024px) {
  .l-header {
    height: 140px;
  }

  .l-header > .inner {
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 80px;
  }

  .l-header .logo {
    margin-right: auto;
    margin-left: 1.5%;
  }

  .l-header .logo img {
    height: 26px;
  }
}

@media screen and (min-width: 1360px) {
  .l-header .logo img {
    height: 36px;
  }
}
@media screen and (min-width: 1460px) {
  .l-header .logo img {
    height: 42px;
  }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .l-header .logo {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
  }
}

.l-header-btns {
  margin-bottom: 30px;
}

.l-header-btns div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.l-header-btns div + div {
  margin-top: 10px;
}

.l-header-btns div * + * {
  margin-left: 10px;
}

.l-header-btns div .en {
  margin-left: 10px;
}

.l-header-btns .search {
  width: 26px;
  height: 26px;
  line-height: 1;
}

.l-header-btns .search img {
  width: 26px;
  height: 26px;
}

.l-header-btns .lang {
  opacity: 0.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: 1px solid #00538D;
  color: #00538D;
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
}

.ja .l-header-btns .lang.ja {
  opacity: 1;
  pointer-events: none;
}

.en .l-header-btns .lang.en {
  opacity: 1;
  pointer-events: none;
}

.page-support .l-header-btns .lang.en,
.page-support-handbook-aircontainer .l-header-btns .lang.en,
.page-support-handbook-seacontainer .l-header-btns .lang.en,
.page-support-shipping .l-header-btns .lang.en,
.page-support-carrying .l-header-btns .lang.en {
  display: none;
}

.l-header-btns .lang:hover {
  opacity: 1;
}

.l-header-btns .btn_group {
  justify-content: space-between;
}

.l-header-btns .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 25px;
  margin: 2px 0;
  padding-right: 10px;
  padding-left: 10px;
  background: #1658A0;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}

.l-header-btns .btn.mail {
  width: 100%;
  background-color: #F2B000;
  color: #000;
}

.l-header-btns .btn span {
  margin-left: 6px;
  color: #fff;
	font-size: 11px;
}
@media screen and (min-width: 1580px) {
.l-header-btns .btn span {
	font-size: 14px;
}
}
.l-header-btns .btn.mail span {
  color: #444;
}

.l-header-btns .btn .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  margin-left: 0;
}

@media screen and (min-width: 374px) {
  .l-header-btns .btn {
    width: calc(50% - 3px);
  }

  .l-header-btns .btn .icon {
    width: auto;
  }

  .l-header-btns .btn:nth-child(3) .icon {
    margin: 0 7px 0 5px;
  }
}

@media screen and (min-width: 1024px) {
  .l-header-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 1.5%;
    margin-bottom: 0;
  }

  .l-header-btns.pc {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .l-header-btns div + div {
    margin-top: 0;
    margin-left: 10px;
  }

  .l-header-btns .btn {
    -webkit-justify-content: center;
    justify-content: center;
    width: auto;
    height: 29px;
    margin: 0 0 0 10px;
    font-size: 12px;
    font-size: 0.75rem;
  }

  .l-header-btns .btn:first-child {
    margin-left: 0;
  }

  .l-header-btns .btn.mail {
    width: auto;
  }

  .l-header-btns .btn:nth-child(3) .icon {
    margin: 0;
  }
}

@media screen and (min-width: 1280px) {
  .l-header-btns .lang {
    width: 29px;
    height: 29px;
  }

  .l-header-btns .btn {
    font-size: 16px;
    font-size: 1rem;
  }
}

.l-header-btns form {
  display: flex;
  height: 26px;
}

.l-header-btns form input:nth-of-type(1) {
  width: 32px;
}

.l-header-btns form input:nth-of-type(2) {
  width: 32px;
  font-size: 16px;
}

.l-menu-btn {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 300;
  width: 70px;
  height: 40px;
  background: #FFF;
}

.l-menu-btn:hover {
  cursor: pointer;
}

.l-menu-btn span {
  display: block;
  position: absolute;
  content: '';
  right: 15px;
  top: 50%;
  height: 1px;
  transform: translate(0%, -50%);
  background: #00538D;
}

.l-menu-btn span.top {
  top: calc(50% - 9px);
  width: 40px;
}

.l-menu-btn span.middle {
  width: 30px;
}

.l-menu-btn span.bottom {
  top: calc(50% + 9px);
  width: 20px;
}

.l-menu-btn span.cross1 {
  opacity: 0;
  top: 50%;
  right: 10px;
  transform: translate(0%, -50%) rotate(45deg);
  width: 30px;
}

.l-menu-btn span.cross2 {
  opacity: 0;
  top: 50%;
  right: 10px;
  transform: translate(0%, -50%) rotate(-45deg);
  width: 30px;
}

.l-menu-btn.is-open span.top {
  animation: menu-btn-open .3s ease both;
}

.l-menu-btn.is-open span.middle {
  animation: menu-btn-open .3s ease 0.2s both;
}

.l-menu-btn.is-open span.bottom {
  animation: menu-btn-open .3s ease 0.4s both;
}

.l-menu-btn.is-open span.cross1 {
  animation: menu-btn-cross-open .3s ease 0.6s both;
}

.l-menu-btn.is-open span.cross2 {
  animation: menu-btn-cross-open .3s ease 0.6s both;
}

.l-menu-btn.is-close span.top {
  animation: menu-btn-close .3s ease 0.6s both;
}

.l-menu-btn.is-close span.middle {
  animation: menu-btn-close .3s ease 0.4s both;
}

.l-menu-btn.is-close span.bottom {
  animation: menu-btn-close .3s ease 0.2s both;
}

.l-menu-btn.is-close span.cross1 {
  animation: menu-btn-cross-close .3s ease both;
}

.l-menu-btn.is-close span.cross2 {
  animation: menu-btn-cross-close .3s ease both;
}

@media screen and (min-width: 1024px) {
  .l-menu-btn {
    display: none;
    width: 100px;
    height: 80px;
  }

  .l-menu-btn span {
    right: 25px;
    top: 50%;
  }

  .l-menu-btn span.top {
    top: calc(50% - 9px);
    width: 50px;
  }

  .l-menu-btn span.middle {
    width: 40px;
  }

  .l-menu-btn span.bottom {
    top: calc(50% + 9px);
    width: 30px;
  }

  .l-menu-btn span.cross1 {
    opacity: 0;
    top: 50%;
    right: 20px;
    transform: translate(0%, -50%) rotate(45deg);
    width: 50px;
  }

  .l-menu-btn span.cross2 {
    opacity: 0;
    top: 50%;
    right: 20px;
    transform: translate(0%, -50%) rotate(-45deg);
    width: 50px;
  }
}

@keyframes menu-btn-open {
  0% {
    opacity: 1;
    transform: translate(0%, -50%);
  }

  100% {
    opacity: 0;
    transform: translate(200%, -50%);
  }
}

@keyframes menu-btn-close {
  0% {
    opacity: 0;
    transform: translate(200%, -50%);
  }

  100% {
    opacity: 1;
    transform: translate(0%, -50%);
  }
}

@keyframes menu-btn-cross-open {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes menu-btn-cross-close {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* ---------------------------
  共通メニュー用
--------------------------- */
.l-gnav {
  position: fixed;
  top: 40px;
  left: 0;
  z-index: -2;
  width: 100vw;
  height: calc(100vh - 40px);
  overflow: auto;
  background: #edf1f8;
}

.l-gnav.is-open {
  -webkit-overflow-scrolling: touch;
  animation: gnav-in .3s ease 0.8s both;
}

.l-gnav.is-close {
  -webkit-overflow-scrolling: auto;
  animation: gnav-out .3s ease both;
}

@keyframes gnav-in {
  0% {
    opacity: 0;
    z-index: 200;
  }

  100% {
    opacity: 1;
    z-index: 200;
  }
}

@keyframes gnav-out {
  0% {
    opacity: 1;
    z-index: 200;
  }

  99% {
    z-index: 200;
  }

  100% {
    opacity: 0;
    z-index: -2;
  }
}

.l-gnav .inner {
  padding-top: 30px;
  padding-bottom: 100px;
}

.l-gnav .list {
  position: relative;
  width: 100%;
  margin-top: 30px;
  padding: 0 15px;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
}

.l-gnav .list > li + li {
  margin-top: 20px;
}

.l-gnav .list > li.service .ttl {
  display: none;
}

.l-gnav .list > li > a {
  color: #00538D;
}

.l-gnav .list > li .recruit {
  color: #000000;
}

.l-gnav .list ul li {
  line-height: 1.786;
}

.l-gnav .list ul li ul {
  margin-left: 1em;
}

.l-gnav .list ul li ul a:before {
  top: 11px;
  left: 4px;
  width: 3px;
  height: 3px;
  border: none;
  border-radius: 3px;
  background: #00538D;
}

.l-gnav .list ul a {
  display: inline-block;
  position: relative;
  padding-left: 1em;
  color: #00538D;
  letter-spacing: 0.05em;
}

.l-gnav .list ul a:before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #00538D;
}

.l-gnav .ttl {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  letter-spacing: 0.09em;
}

.l-gnav .sub {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #707070;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.05em;
}

@media screen and (min-width: 768px) {
  .l-gnav .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    height: 780px;
  }

  .l-gnav .list:before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    margin-left: -15px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background: #FFF;
  }

  .l-gnav .list > li {
    width: 50%;
  }

  .l-gnav .list > li:nth-child(4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .l-gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    top: 80px;
    height: calc(100vh - 80px);
  }

  .l-gnav .inner {
    width: 100%;
    max-width: 1020px;
  }

  .l-gnav .list {
    margin-top: 0;
    height: 640px;
    padding-right: 0;
    font-size: 15px !important;
  }
}

@media screen and (min-width: 1024px) and (-ms-high-contrast: none),
screen and (min-width: 1024px) and (-ms-high-contrast: active) {
  .l-gnav .list {
    height: 690px;
  }
}

@media screen and (min-width: 1024px) {
  .l-gnav .list:before {
    left: 34%;
    margin-left: -15px;
  }

  .l-gnav .list:after {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 67%;
    width: 1px;
    height: 100%;
    margin-left: -15px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background: #FFF;
  }

  .l-gnav .list > li {
    width: 33.333%;
    padding-right: 20px;
  }

  .l-gnav .list > li:nth-child(2),
  .l-gnav .list > li:nth-child(3),
  .l-gnav .list > li:nth-child(5) {
    margin-top: 0;
  }

  .l-gnav .list > li:nth-child(4) {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1280px) {
  .l-gnav {
    display: none;
  }
}

.l-gnav-bg {
  position: fixed;
  top: 40px;
  left: 0;
  z-index: 199;
  width: 100vw;
  height: calc(100vh - 40px);
  transform: translate(100%, 0%);
}

.l-gnav-bg div {
  opacity: 0;
  height: 33.33333%;
  background: #00538D;
}

.l-gnav-bg.is-open div:nth-child(1) {
  animation: gnav-bg-in .3s ease both;
}

.l-gnav-bg.is-open div:nth-child(2) {
  animation: gnav-bg-in .3s ease 0.2s both;
}

.l-gnav-bg.is-open div:nth-child(3) {
  animation: gnav-bg-in .3s ease 0.4s both;
}

.l-gnav-bg.is-close div:nth-child(1) {
  animation: gnav-bg-out .3s ease 0.6s both;
}

.l-gnav-bg.is-close div:nth-child(2) {
  animation: gnav-bg-out .3s ease 0.4s both;
}

.l-gnav-bg.is-close div:nth-child(3) {
  animation: gnav-bg-out .3s ease 0.2s both;
}

@media screen and (min-width: 1024px) {
  .l-gnav-bg {
    top: 80px;
  }
}

@media screen and (min-width: 1280px) {
  .l-gnav-bg {
    display: none;
  }
}

@keyframes gnav-bg-in {
  0% {
    opacity: 0;
    transform: translate(0%, 0%);
  }

  90% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
    transform: translate(-100%, 0%);
  }
}

@keyframes gnav-bg-out {
  0% {
    opacity: 1;
    transform: translate(-100%, 0%);
  }

  90% {
    opacity: 0.1;
  }

  100% {
    opacity: 0;
    transform: translate(0%, 0%);
  }
}

.l-pc-gnav {
  display: none;
}

@media screen and (min-width: 1024px) {
  .l-pc-gnav {
    display: block;
    height: 60px;
    padding-right: 1.5%;
  }

  .l-pc-gnav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  .l-pc-gnav > ul > li {
    font-size: 18px;
    font-size: 1.125rem;
  }

  .l-pc-gnav > ul > li + li {
    margin-left: 20px;
  }

  .l-pc-gnav > ul > li.recruit {
    display: none;
  }

  .l-pc-gnav > ul > li.information.is-active .ttl {
    cursor: pointer;
  }

  .l-pc-gnav > ul > li.information.is-active .ttl:after {
    opacity: 0;
  }

  .l-pc-gnav > ul > li.is-active .ttl {
    color: #00538D;
    opacity: 1;
    cursor: default;

  }

  .l-pc-gnav > ul > li.is-active .ttl:after {
    opacity: 1;
  }

  .l-pc-gnav > ul > li.is-active > div {
    opacity: 1;
    animation: pc-gnav-child-in .2s ease both;
    pointer-events: auto;
  }

  .l-pc-gnav > ul > li.is-close > div {
    animation: pc-gnav-child-out .2s ease both;
  }

  @keyframes pc-gnav-child-in {
    0% {
      opacity: 0;
      z-index: 200;
    }

    100% {
      opacity: 1;
      z-index: 200;
    }
  }

  @keyframes pc-gnav-child-out {
    0% {
      opacity: 1;
      z-index: 200;
    }

    99% {
      z-index: 200;
    }

    100% {
      opacity: 0;
      z-index: -2;
    }
  }

  .l-pc-gnav > ul > li > div {
    opacity: 0;
    position: fixed;
    top: 140px;
    left: 0;
    z-index: -2;
    width: 100%;
    padding: 50px 0 70px;
    background: #00538D;
    pointer-events: none;
  }

  .l-pc-gnav > ul > li > div ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .l-pc-gnav > ul > li > div ul:after {
    content: '';
    display: block;
    width: 31.5%;
  }

  .l-pc-gnav > ul > li > div li {
    width: 31.5%;
  }

  .l-pc-gnav > ul > li > div li + li {
    margin-top: 20px;
  }

  .l-pc-gnav > ul > li > div li:nth-child(1),
  .l-pc-gnav > ul > li > div li:nth-child(2),
  .l-pc-gnav > ul > li > div li:nth-child(3) {
    margin-top: 0;
  }

  .l-pc-gnav > ul > li > div a {
    display: block;
    position: relative;
    padding: 5px 20px 5px 10px;
    border-bottom: 2px solid #FFF;
    color: #FFF;
    font-size: 16px;
    font-size: 1rem;
  }

  .l-pc-gnav > ul > li > div a:after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #FFF;
  }

  .l-pc-gnav .ttl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 60px;
    transition: color .2s ease;
  }

  .l-pc-gnav .ttl:after {
    opacity: 0;
    display: block;
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    height: 6px;
    background: #00538D;
    transition: opacity .2s ease;
  }

  .l-pc-gnav .div-inner {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
  }

  .l-pc-gnav .sub {
    opacity: 0.8;
    display: block;
    color: #FFF;
  }

  .l-pc-gnav ul + .sub {
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 1280px) {
  .l-pc-gnav > ul > li > div a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

/* ---------------------------
  共通メニュー用ここまで
--------------------------- */
.l-main {
  display: block;
  position: relative;
  transition: filter .2s ease;
  background: #FFF;
}

.l-mv,
.l-mv--network,
.l-mv--message {
  overflow: hidden;
  position: relative;
  height: 260px;
}

.page-info .l-mv,
.page-info .l-mv--network,
.page-info .l-mv--message,
.page-info-detail .l-mv,
.page-info-detail .l-mv--network,
.page-info-detail .l-mv--message {
  height: 140px;
}

.l-mv .ttl-wrap,
.l-mv--network .ttl-wrap,
.l-mv--message .ttl-wrap {
  display: block;
  position: absolute;
  content: '';
  top: 20px;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.85);
  padding: 15px 31px 17px;
}

.l-mv .ttl-wrap:before,
.l-mv--network .ttl-wrap:before,
.l-mv--message .ttl-wrap:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  width: 15px;
  height: 1px;
  background: #00538D;
}

.l-mv h2,
.l-mv--network h2,
.l-mv--message h2 {
  color: #00538D;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.09em;
}

.l-mv h2 span,
.l-mv--network h2 span,
.l-mv--message h2 span {
  font-weight: 300;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.l-mv h2.sp-ls-small,
.l-mv--network h2.sp-ls-small,
.l-mv--message h2.sp-ls-small {
  letter-spacing: 0.03em;
}

.l-mv .en,
.l-mv--network .en,
.l-mv--message .en {
  display: none;
  margin-top: 10px;
  color: #00538D;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.2;
  letter-spacing: 0.09em;
}

.l-mv img,
.l-mv--network img,
.l-mv--message img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  height: 260px;
}

.page-feature-quality .l-mv img {
  transform: translate(-30%, -50%);
}

.l-mv--network .l-mv__inner img.pcImg {
  display: none;
}

@media screen and (min-width: 468px) {
  .page-feature-quality .l-mv img {
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 768px) {

  .l-mv,
  .l-mv--network,
  .l-mv--message {
    height: 32.5vw;
    max-height: 520px;
  }

  .page-info .l-mv,
  .page-info .l-mv--network,
  .page-info .l-mv--message,
  .page-info-detail .l-mv,
  .page-info-detail .l-mv--network,
  .page-info-detail .l-mv--message {
    height: 20vw;
  }

  .l-mv .ttl-wrap,
  .l-mv--network .ttl-wrap,
  .l-mv--message .ttl-wrap {
    top: 30px;
    padding: 22px 35px 24px 42px;
  }

  .l-mv .ttl-wrap:before,
  .l-mv--network .ttl-wrap:before,
  .l-mv--message .ttl-wrap:before {
    width: 20px;
  }

  .l-mv h2,
  .l-mv--network h2,
  .l-mv--message h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }

  .l-mv h2.sp-ls-small,
  .l-mv--network h2.sp-ls-small,
  .l-mv--message h2.sp-ls-small {
    letter-spacing: 0.05em;
  }

  .l-mv .en,
  .l-mv--network .en,
  .l-mv--message .en {
    margin-top: 12px;
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .l-mv img,
  .l-mv--network img,
  .l-mv--message img {
    width: 100%;
    height: auto;
  }

  .l-mv--network .l-mv__inner img.pcImg {
    display: block;
  }

  .l-mv--network .l-mv__inner img.spImg {
    display: none;
  }
}

@media screen and (min-width: 1024px) {

  .l-mv .ttl-wrap,
  .l-mv--network .ttl-wrap,
  .l-mv--message .ttl-wrap {
    top: 40px;
    padding: 30px 40px 35px 55px;
  }

  .l-mv .ttl-wrap:before,
  .l-mv--network .ttl-wrap:before,
  .l-mv--message .ttl-wrap:before {
    width: 30px;
    height: 2px;
  }

  .l-mv h2,
  .l-mv--network h2,
  .l-mv--message h2 {
    font-size: 39px;
    font-size: 2.4375rem;
  }

  .l-mv .en,
  .l-mv--network .en,
  .l-mv--message .en {
    margin-top: 15px;
    font-size: 21px;
    font-size: 1.3125rem;
  }

}

@media screen and (min-width: 1920px) {

  .l-mv .ttl-wrap,
  .l-mv--network .ttl-wrap,
  .l-mv--message .ttl-wrap {
    left: calc(50% - 960px);
  }
}

.l-mv--network {
  height: auto;
  max-height: none;
  padding-bottom: 20px;
  background: #edf1f8 url(../images/network/mv_bg.jpg) center/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .l-mv--network {
    background-image: url(../images/network/mv_bg@2x.jpg);
  }
}

.l-mv--network .numbers {
  margin-top: 90px;
  padding-left: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.l-mv--network .numbers .ttl {
  position: relative;
  font-weight: 700;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.l-mv--network .numbers .ttl:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: -15px;
  transform: translate(0, -50%);
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #E01029;
}

.l-mv--network .numbers .text {
  font-size: 12px;
  font-size: 0.75rem;
}

.l-mv--network .numbers .name {
  display: inline-block;
  position: relative;
  margin-right: 10px;
}

.l-mv--network .numbers .name:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: -5px;
  transform: translate(0, -50%);
  width: 5px;
  height: 1px;
  background: #E01029;
}

.l-mv--network .numbers .name.countries:after {
  width: 70px;
}

.l-mv--network .numbers .name.companies:after {
  width: 60px;
}

.l-mv--network .numbers .num {
  font-size: 16px;
  font-size: 1rem;
}

.l-mv--network .owned {
  color: #E01029;
}

.l-mv--network .owned .name {
  width: 130px;
}

.l-mv--network .agency {
  margin-top: 10px;
  color: #40A840;
}

.l-mv--network .agency .text.cap {
  color: #333;
  text-align: right;
}

.l-mv--network .agency .ttl:before {
  background-color: #40A840;
}

.l-mv--network .agency .name {
  width: 70px;
}

.l-mv--network .agency .name:after {
  background-color: #40A840;
}

.l-mv--network .agency .name.countries:after {
  width: 10px;
}

.l-mv--network .agency .name.companies:after {
  width: 5px;
}

.l-mv--network figure {
  margin-top: 10px;
  margin-right: calc(15px + 5%);
  margin-left: 15px;
  text-align: center;
}

.l-mv--network img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transform: none;
}

@media screen and (min-width: 768px) {
  .l-mv--network {
    padding-bottom: 0;
    background: #edf1f8;
  }

  .l-mv--network .numbers {
    display: block;
    position: absolute;
    content: '';
    top: 10px;
    right: 10px;
    z-index: 1;
    margin-top: 0;
    padding: 5px 5px 5px 20px;
    background: rgba(255, 255, 255, 0.8);
    line-height: 1.2;
  }

  .l-mv--network figure {
    margin: 0;
  }
}

@media screen and (min-width: 1024px) {
  .l-mv--network .numbers {
    top: 40px;
    right: 200px;
    background: none;
    line-height: 1.3;
  }
}

@media screen and (min-width: 1280px) {
  .l-mv--network .numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    top: 40px;
    right: 10px;
  }

  .l-mv--network .numbers .ttl {
    font-size: 16px;
    font-size: 1rem;
  }

  .l-mv--network .numbers .text {
    font-size: 16px;
    font-size: 1rem;
  }

  .l-mv--network .numbers .num {
    font-size: 24px;
    font-size: 1.5rem;
  }

  .l-mv--network .owned .name {
    width: 175px;
  }

  .l-mv--network .owned .name.countries:after {
    width: 90px;
  }

  .l-mv--network .owned .name.companies:after {
    width: 80px;
  }

  .l-mv--network .agency {
    margin-top: 0;
    margin-left: 30px;
  }

  .l-mv--network .agency .name {
    width: 90px;
  }
}

@media screen and (min-width: 1366px) {
  .l-mv--network .numbers {
    right: 40px;
    letter-spacing: 0.03em;
  }

  .l-mv--network .owned .name {
    width: 185px;
  }

  .l-mv--network .owned .name.countries:after {
    width: 100px;
  }

  .l-mv--network .owned .name.companies:after {
    width: 90px;
  }

  .l-mv--network .agency .name {
    width: 95px;
  }

  .l-mv--network .agency .name.countries:after {
    width: 15px;
  }
}

@media screen and (min-width: 1920px) {
  .l-mv--network .numbers {
    right: 50%;
    margin-right: -700px;
  }
}

.l-mv--message {
  height: 310px;
}

.l-mv--message .ttl-wrap {
  top: 10px;
  padding-top: 5px;
  padding-bottom: 7px;
}

.l-mv--message .en {
  margin-top: 0;
}

.l-mv--message img {
  height: 310px;
  transform: translate(-45%, -50%);
}

.l-mv--message .copy-wrap {
  display: block;
  position: absolute;
  content: '';
  top: 40%;
  right: 4%;
  width: 200px;
  transform: translate(0%, -40%);
}

.en .l-mv--message .copy-wrap {
  top: 50%;
}

.l-mv--message .copy {
  font-size: 16px;
  font-size: 0.96rem;
  line-height: 1.555;
  letter-spacing: 0.09em;
}

.en .l-mv--message .copy {
  line-height: 1.255;
}

.l-mv--message .company {
  margin-top: 20px;
  font-size: 10px;
  font-size: 0.625rem;
}

.l-mv--message .name {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.4;
}

.l-mv--message .name span {
  display: inline-block;
  margin-left: 10px;
  font-size: 17px;
  font-size: 1.0625rem;
}

@media screen and (max-width: 374px) {
  .l-mv--message .copy-wrap {
    top: 40%;
    width: 180px;
  }

  .en .l-mv--message .copy-wrap {
    top: 52%;
  }

  .l-mv--message .copy {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
  }
}

@media screen and (min-width: 568px) {
  .l-mv--message img {
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 640px) {
  .l-mv--message img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  .l-mv--message {
    height: 500px;
  }

  .l-mv--message .ttl-wrap {
    top: 10px;
    padding-top: 10px;
    padding-bottom: 12px;
  }

  .l-mv--message .en {
    margin-top: 5px;
  }

  .l-mv--message img {
    width: auto;
    height: 520px;
  }

  .l-mv--message .copy-wrap {
    top: 40%;
    width: 440px;
  }

  .l-mv--message .copy {
    font-size: 24px;
    font-size: 1.27rem;
    letter-spacing: 0.15em;
  }

  .l-mv--message .company {
    margin-top: 40px;
    font-size: 12px;
    font-size: 0.75rem;
  }

  .l-mv--message .name {
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .l-mv--message .name span {
    margin-left: 15px;
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .l-mv--network {}

  .l-mv--message {
    height: 640px;
    max-height: none;
  }

  .l-mv--message img {
    height: 650px;
  }

  .l-mv--message .copy-wrap {
    top: 40%;
    width: 540px;
  }
}

@media screen and (min-width: 1024px) and (-ms-high-contrast: none),
screen and (min-width: 1024px) and (-ms-high-contrast: active) {
  .l-mv--message .copy-wrap {
    width: 420px;
  }
}

@media screen and (min-width: 1024px) {
  .l-mv--message .copy {
    font-size: 30px;
    font-size: 1.545rem;
    letter-spacing: 0.15em;
  }

  .l-mv--message .company {
    margin-top: 50px;
    font-size: 14px;
    font-size: 0.875rem;
  }

  .l-mv--message .name {
    font-size: 16px;
    font-size: 1rem;
  }

  .l-mv--message .name span {
    margin-left: 15px;
    font-size: 25px;
    font-size: 1.5625rem;
  }
}

@media screen and (min-width: 1280px) {
  .l-mv--message img {
    width: 100%;
    /* max-width: 1920px; */
    height: auto;
  }

  .l-mv--message .copy-wrap {
    top: 56%;
    width: 600px;
    transform: translate(0%, -50%);
  }

  .en .l-mv--message .copy-wrap {
    width: 580px;
  }
}

@media screen and (min-width: 1280px) and (-ms-high-contrast: none),
screen and (min-width: 1280px) and (-ms-high-contrast: active) {
  .l-mv--message .copy-wrap {
    width: 500px;
  }
}

@media screen and (min-width: 1280px) {
  .l-mv--message .copy {
    font-size: 36px;
    font-size: 1.7rem;
  }

  .l-mv--message .company {
    margin-top: 40px;
    font-size: 16px;
    font-size: 1rem;
  }

  .l-mv--message .name {
    font-size: 19px;
    font-size: 1.1875rem;
  }

  .l-mv--message .name span {
    margin-left: 15px;
    font-size: 32px;
    font-size: 2rem;
  }
}

@media screen and (min-width: 1536px) {
  .l-mv--message {
    height: 710px;
  }

  .l-mv--message .company {
    margin-top: 70px;
  }
}

@media screen and (min-width: 1920px) {
  .l-mv--message {
    height: 810px;
  }

  .l-mv--message .ttl-wrap {
    padding-top: 30px;
    padding-bottom: 35px;
  }
}

.l-page-path {
  position: relative;
  padding: 5px 15px;
}

.l-page-path ul {
  line-height: 1.4;
}

.l-page-path li {
  display: inline-block;
  position: relative;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.09em;
}

.l-page-path li:last-child span {
  color: #00538D;
}

.l-page-path a {
  color: #000000;
}

@media screen and (min-width: 1024px) {
  .l-page-path {
    padding: 10px 50px;
  }

  .l-page-path li {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

.l-conts {
  position: relative;
  z-index: 1;
}

.l-pc-two-columns .sub-column {
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .l-pc-two-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .l-pc-two-columns .main-column {
    width: calc(100% - 200px - 22px);
    margin-top: 0;
  }

  .l-pc-two-columns .sub-column {
    width: 200px;
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .l-pc-two-columns .main-column {
    width: calc(100% - 248px - 22px);
    max-width: 850px;
  }

  .l-pc-two-columns .sub-column {
    width: 248px;
  }
}

/* ---------------------------
  フッター用
--------------------------- */
.l-footer {
  position: relative;
  z-index: 1;
  padding-top: 50px;
  background-color: #00538D;
  background-image: radial-gradient(#276498 15%, transparent 15%), radial-gradient(#276498 15%, transparent 15%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
}

.l-footer .inner {
  position: relative;
}

.l-footer .list {
  position: relative;
  width: 100%;
  padding: 0 15px;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
}

.l-footer .list > li + li {
  margin-top: 20px;
}

.l-footer .list > li.service .ttl {
  display: none;
}

.l-footer .list ul li {
  line-height: 1.786;
}

.l-footer .list ul li ul {
  margin-left: 1em;
}

.l-footer .list ul li ul a:before {
  top: 11px;
  left: 4px;
  width: 3px;
  height: 3px;
  border: none;
  border-radius: 3px;
  background: #FFF;
}

.l-footer .list ul a {
  display: inline-block;
  position: relative;
  padding-left: 1em;
  color: #FFF;
  letter-spacing: 0.05em;
}

.l-footer .list ul a:before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #FFF;
}

.l-footer .ttl {
  display: block;
  margin-bottom: 5px;
  color: #FFF;
  font-weight: 500;
  letter-spacing: 0.09em;
}

.l-footer .yellow {
  color: #eaef20;
}

.l-footer .sub {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #eaef20;
  font-weight: 500;
  letter-spacing: 0.09em;
}

.l-footer .logo {
  width: 120px;
  margin: 30px 0 0 15px;
  line-height: 1;
}

.l-footer.en .logo {
  width: 200px;
  box-sizing: border-box;
}

.l-footer .logo a:active:not(:disabled),
.l-footer .logo a:hover:not(:disabled) {
  opacity: 1;
}

.l-footer .sub-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 30px;
  margin-top: 50px;
  background: #EEEEEE;
  line-height: 1;
}

.l-footer .sub-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.l-footer .sub-nav li {
  margin: 7px 10px;
}

.l-footer .sub-nav a {
  display: block;
  position: relative;
  padding-left: 1em;
  color: #00538D;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.l-footer .sub-nav a:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  transform: translate(0%, -50%);
  border-top: 4px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #00538D;
}

.l-footer .social {
  padding: 12px 0 0;
  background-color: #fff;
}

.l-footer .social .txt {
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: calc(25/14);
}

.l-footer .social ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.l-footer .social ul li {
  margin-right: 16px;
  line-height: 1;
}

.l-footer .social ul li:last-child {
  margin-right: 0;
}

/*
.l-footer .copyright {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	flex-direction: column-reverse;
	background: #FFF;
	text-align: center;
}
*/
.l-footer .copyright {
  padding-top: 40px;
  padding-bottom: 20px;
  background: #FFF;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-align: center;
}

.l-footer .copyright .logo {
  width: 200px;
  margin: 0 auto 20px;
}

@media screen and (min-width: 768px) {
  .l-footer .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    height: 720px;
  }

  .l-footer .list:before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    margin-left: -15px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background: #FFF;
  }

  .l-footer .list > li {
    width: 50%;
  }

  .l-footer .list > li:nth-child(4) {
    margin-top: 0;
  }

  /*
	.l-footer .copyright {
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		padding: 0 24px;
		box-sizing: border-box;
	}

	.l-footer .copyright .logo,
	.l-footer.en .copyright .logo {
		position: static;
		width: 200px;
		margin: 0;
	}
	*/
  .l-footer .copyright .logo,
  .l-footer.en .copyright .logo {
    width: 320px;
  }

}

.u-mt-sm {
  margin-top: 20px !important;
}

@media screen and (min-width: 768px) {
  .l-footer .list {
    height: 780px;
  }

  .u-mt-sm-lg {
    margin-top: 20px !important;
  }
}

@media screen and (min-width: 1024px) {
  .u-mt-sm-lg {
    margin-top: 0 !important;
  }

  .l-footer .inner {
    width: 100%;
    max-width: 1020px;
  }

  .l-footer .list {
    height: 710px;
    padding-right: 0;
    font-size: 15px !important;
  }

  .l-footer .list:before {
    left: 34%;
    margin-left: -15px;
  }

  .l-footer .list:after {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 67%;
    width: 1px;
    height: 100%;
    margin-left: -15px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background: #FFF;
  }

  .l-footer .list > li {
    width: 33.333%;
    padding-right: 20px;
  }

  .l-footer .list > li:nth-child(2),
  .l-footer .list > li:nth-child(3),
  .l-footer .list > li:nth-child(5) {
    margin-top: 0;
  }

  .l-footer .list > li:nth-child(4) {
    margin-top: 20px;
  }

  .en .l-footer .list > li:nth-child(4) {
    margin-bottom: 130px;
  }

  .l-footer .logo {
    display: block;
    position: absolute;
    content: '';
    bottom: 5px;
    right: 37px;
    margin: 0;
  }

  .l-footer .copyright {
    text-align: right;
  }

  .l-footer .copyright .logo {
    position: static;
    margin-right: 0;
    margin-bottom: 12px;
  }

  .en .l-footer .logo {
    right: 140px;
  }

  .l-footer.en .logo {
    bottom: 320px;
  }
}

@media screen and (min-width: 1024px) and (-ms-high-contrast: none),
screen and (min-width: 1024px) and (-ms-high-contrast: active) {
  .l-footer .logo {
    bottom: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .l-footer .sub-nav li + li {
    margin-left: 70px;
  }

  .l-footer .sub-nav a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.l-pagetop {
  opacity: 0;
  position: fixed;
  bottom: 60px;
  right: 16px;
  z-index: -1;
  color: #FFF;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  transition: all .2s ease;
}

.l-pagetop.is-show {
  z-index: 100;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.l-pagetop.is-show:hover {
  opacity: 0.7;
}

.l-pagetop img {
  width: 36px;
  height: 36px;
}

@media screen and (min-width: 1024px) {
  .l-pagetop {
    bottom: 88px;
    right: 30px;
  }

  .l-pagetop img {
    width: 72px;
    height: 72px;
  }
}

/*------------------------------------------------------------
  compornent
------------------------------------------------------------*/
/*
  見出し
*/
.c-large-ttl,
.c-large-ttl--case {
  margin-bottom: 20px;
  color: #00538D;
  font-size: 23px;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.333;
  letter-spacing: 0.09em;
  text-align: center;
}

.c-large-ttl .sub,
.c-large-ttl--case .sub {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.571;
}

.c-large-ttl .case,
.c-large-ttl--case .case {
  padding-top: 5px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #00538D;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.09em;
  text-align: center;
  vertical-align: middle;
}

.c-large-ttl .num,
.c-large-ttl--case .num {
  display: block;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  letter-spacing: 0;
}

@media screen and (min-width: 768px) {

  .c-large-ttl .case,
  .c-large-ttl--case .case {
    margin-right: 20px;
    padding-top: 0;
    padding-right: 20px;
  }
}

@media screen and (min-width: 1024px) {

  .c-large-ttl,
  .c-large-ttl--case {
    margin-bottom: 40px;
    font-size: 37px;
    font-size: 2.3125rem;
    line-height: 1.486;
  }

  .c-large-ttl .sub,
  .c-large-ttl--case .sub {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.866;
  }

  .c-large-ttl .case,
  .c-large-ttl--case .case {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
  }

  .c-large-ttl .num,
  .c-large-ttl--case .num {
    font-size: 50px;
    font-size: 3.125rem;
  }
}

.c-large-ttl--case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.c-large-ttl--case .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: calc(100% - 65px);
}

.c-section-ttl,
.c-section-ttl--left {
  margin-bottom: 20px;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.333;
  letter-spacing: 0.09em;
  text-align: center;
}

.c-section-ttl-sub {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.c-section-ttl .sub,
.c-section-ttl--left .sub {
  display: block;
  display: none;
  margin-top: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.571;
}

.c-section-contents + .c-section-contents {
  margin-top: 52px;
}

@media screen and (min-width: 1024px) {

  .c-section-ttl,
  .c-section-ttl--left {
    margin-bottom: 35px;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.486;
  }

  .c-section-ttl .sub,
  .c-section-ttl--left .sub {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.866;
  }
}

.c-section-ttl--left {
  text-align: left;
}

.c-left-bar-ttl {
  position: relative;
  margin-bottom: 10px;
  padding: 4px 12px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
}

.c-left-bar-ttl:before {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #00538D;
}

@media screen and (min-width: 768px) {
  .c-left-bar-ttl {
    margin-bottom: 20px;
    padding: 7px 13px;
    font-size: 16px;
    font-size: 1rem;
  }
}

.c-large-bar-ttl {
  margin-bottom: 10px;
  padding: 4px 8px;
  background: #00538D;
  color: #FFF;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .c-large-bar-ttl {
    margin-bottom: 20px;
    padding: 7px 10px;
  }
}

.c-bar-ttl,
.c-bar-ttl--black,
.c-bar-ttl--bar-long-blue {
  position: relative;
  padding-top: 15px;
  padding-bottom: 20px;
  /*  color: #00538D; */
  text-align: center;
}


.page-purpose-semiconductor .c-bar-ttl--bar-long-blue,
.page-purpose-medical .c-bar-ttl--bar-long-blue,
.page-purpose-food .c-bar-ttl--bar-long-blue {
  color: #00538D;
}

.page-purpose-semiconductor .c-bar-ttl--bar-long-blue:after,
.page-purpose-medical .c-bar-ttl--bar-long-blue:after,
.page-purpose-food .c-bar-ttl--bar-long-blue:after {
  display: none;
}

.page-purpose-food .text.text02 {
  padding-bottom: 40px;
}

.c-bar-ttl:after,
.c-bar-ttl--black:after,
.c-bar-ttl--bar-long-blue:after {
  display: block;
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 1px;
  height: 20px;
  background: #00538D;
}

.c-bar-ttl .num,
.c-bar-ttl--black .num,
.c-bar-ttl--bar-long-blue .num {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  padding-top: 2px;
  background: #DBC464;
  color: #00538D;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  letter-spacing: 0;
  vertical-align: 1px;
}

.c-bar-ttl .ja,
.c-bar-ttl--black .ja,
.c-bar-ttl--bar-long-blue .ja {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
}

.c-bar-ttl .en,
.c-bar-ttl--black .en,
.c-bar-ttl--bar-long-blue .en {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.2;
  letter-spacing: 0.09em;
}

.c-bar-ttl .en,
.c-bar-ttl--black .en,
.c-bar-ttl--bar-long-blue .en {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.2;
  letter-spacing: 0.09em;
}

@media screen and (min-width: 1024px) {

  .c-bar-ttl,
  .c-bar-ttl--black,
  .c-bar-ttl--bar-long-blue {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .c-bar-ttl:after,
  .c-bar-ttl--black:after,
  .c-bar-ttl--bar-long-blue:after {
    width: 2px;
    height: 40px;
  }

  .c-bar-ttl .num,
  .c-bar-ttl--black .num,
  .c-bar-ttl--bar-long-blue .num {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    padding-top: 3px;
    font-size: 22px;
    font-size: 1.375rem;
    vertical-align: 3px;
  }

  .c-bar-ttl .ja,
  .c-bar-ttl--black .ja,
  .c-bar-ttl--bar-long-blue .ja {
    font-size: 29px;
    font-size: 1.8125rem;
  }

  .c-bar-ttl .en,
  .c-bar-ttl--black .en,
  .c-bar-ttl--bar-long-blue .en {
    margin-top: 10px;
    font-size: 29px;
    font-size: 1.8125rem;
  }

  /*
	.c-bar-ttl .en,
	.c-bar-ttl--black .en,
	.c-bar-ttl--bar-long-blue .en {
		margin-top: 10px;
		font-size: 15px;
		font-size: 0.9375rem;
	}
	*/
  .page-purpose-food .text.text02 {
    text-align: center;
  }
}

.c-bar-ttl--bar-long-blue {
  padding-bottom: 25px;
}

@media screen and (min-width: 1024px) {
  .c-bar-ttl--bar-long-blue {
    padding-bottom: 50px;
  }
}

.c-lead,
.c-lead--small {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.786;
  text-align: center;
}

@media screen and (min-width: 1024px) {

  .c-lead,
  .c-lead--small {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}

.c-lead--small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.928;
}

@media screen and (min-width: 1024px) {
  .c-lead--small {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2.266;
  }
}

.c-under-bar {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 30px;
  text-align: center;
}

.c-under-bar:after {
  display: block;
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 1px;
  height: 20px;
  background: #000000;
}

@media screen and (min-width: 1024px) {
  .c-under-bar {
    padding-bottom: 50px;
    margin-bottom: 30px;
  }

  .c-under-bar:after {
    width: 2px;
    height: 30px;
  }
}

/*
  ボタン
*/
.c-color-btn,
.c-color-btn--blue,
.c-color-btn--left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 295px;
  max-width: 80%;
  margin: 0 auto;
  padding: 17px 15px;
  overflow: hidden;
  background-color: #00538D;
  background-image: radial-gradient(#276498 15%, transparent 15%), radial-gradient(#276498 15%, transparent 15%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
  color: #FFF;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.821;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
}

.c-color-btn:after,
.c-color-btn--blue:after,
.c-color-btn--left:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #7FA9C9;
}

@media screen and (min-width: 1024px) {

  .c-color-btn,
  .c-color-btn--blue,
  .c-color-btn--left {
    width: auto;
    min-width: 295px;
    max-width: 490px;
    padding: 15px 20px;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.631;
    letter-spacing: 0.05em;
  }
}

.c-color-btn--left:after {
  right: auto;
  left: 10px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: none;
  border-right: 5px solid #7FA9C9;
}

@media all and (-ms-high-contrast: none) {

  .c-color-btn,
  .c-color-btn--blue,
  .c-color-btn--left {
    max-width: 490px;
    height: 90px;
    min-height: none;
  }
}

@supports (-ms-ime-align: auto) {

  .c-color-btn,
  .c-color-btn--blue,
  .c-color-btn--left {
    max-width: 490px;
  }
}

.c-blue-btn,
.c-blue-btn--small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  width: 295px;
  max-width: 80%;
  margin: 0 auto;
  padding: 17px 15px;
  overflow: hidden;
  background-color: #00538D;
  color: #FFF;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.15em;
}

.c-blue-btn:before,
.c-blue-btn--small:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 18px;
  transform: translate(0%, -50%);
  width: 20px;
  height: 20px;
  border-radius: 25px;
  background: #FFF;
}

.c-blue-btn:after,
.c-blue-btn--small:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 18px;
  transform: translate(0%, -50%) rotate(45deg);
  width: 7px;
  height: 7px;
  border-top: 1px solid #00538D;
  border-right: 1px solid #00538D;
}

.c-blue-btn.anchor:after,
.c-blue-btn--small.anchor:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 24px;
  transform: translate(0%, -50%) rotate(135deg);
  width: 7px;
  height: 7px;
  border-top: 1px solid #00538D;
  border-right: 1px solid #00538D;
}

@media screen and (min-width: 768px) {

  .c-blue-btn:before,
  .c-blue-btn--small:before {
    right: 15px;
    width: 25px;
    height: 25px;
  }

  .c-blue-btn:after,
  .c-blue-btn--small:after {
    right: 25px;
  }
}

@media screen and (min-width: 1024px) {

  .c-blue-btn,
  .c-blue-btn--small {
    width: auto;
    min-width: 295px;
    max-width: 380px;
    min-height: 90px;
    padding: 15px 20px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

@media all and (-ms-high-contrast: none) {

  .c-blue-btn,
  .c-blue-btn--small {
    max-width: 380px;
    height: 90px;
    min-height: none;
  }
}

@supports (-ms-ime-align: auto) {

  .c-blue-btn,
  .c-blue-btn--small {
    max-width: 380px;
  }
}

@media screen and (min-width: 1024px) {
  .c-blue-btn--small {
    min-height: 70px;
  }
}

.c-btns,
.c-btns--pc-two-columns,
.c-btns--pc-three-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.c-btns > *,
.c-btns--pc-two-columns > *,
.c-btns--pc-three-columns > * {
  width: 45%;
  min-width: auto;
  padding: 0 5px;
}

@media screen and (min-width: 1024px) {

  .c-btns > *,
  .c-btns--pc-two-columns > *,
  .c-btns--pc-three-columns > * {
    padding: 0 10px;
  }
}

.c-btns--pc-two-columns > * {
  width: 100%;
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  .c-btns--pc-two-columns > * {
    width: 50%;
    max-width: 380px;
    margin-top: 20px;
  }
}

.c-btns--pc-three-columns > * {
  width: 100%;
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  .c-btns--pc-three-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .c-btns--pc-three-columns > * {
    width: 32%;
    margin-top: 20px;
  }
}

.c-more,
.c-more--blue,
.c-more--white,
.c-more--large {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  width: 140px;
  max-width: 100%;
  height: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 8px;
  border: 2px solid #00538D;
  background: #00538D;
  color: #FFF;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: left;
}

.c-more:after,
.c-more--blue:after,
.c-more--white:after,
.c-more--large:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 5px;
  transform: translate(0%, -50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #FFF;
}

.c-more--white {
  background: #FFF;
  color: #00538D;
}

.c-more--white:after {
  border-left-color: #00538D;
}

.c-more--large {
  width: 210px;
  height: 40px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 18px;
  font-size: 1.125rem;
}

.c-more--large:after {
  right: 15px;
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-left-width: 9px;
}

@media screen and (min-width: 1024px) {
  .c-more--large {
    width: 260px;
    height: 50px;
    font-size: 21px;
    font-size: 1.3125rem;
  }
}

/*
  リスト
*/
.c-news-list li:nth-child(2n+1) a {
  background: #F2F2F2;
}

.c-news-list a {
  display: block;
  position: relative;
  padding: 10px;
  line-height: 1.5;
}

.c-news-list a.press {
  color: #00538D;
}

.c-news-list a.information {
  color: #00A090;
}

.c-news-list a.international {
  color: #DBC464;
}

.c-news-list a.pdf:after {
  display: block;
  position: absolute;
  content: '';
  top: 10px;
  right: 10px;
  width: 27px;
  height: 16px;
  background: url(../images/common/icon_pdf.svg) center/100% no-repeat;
}

.c-news-list .date {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0;
  width: 86px;
}

.c-news-list .cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: inline-block;
  width: 100px;
  height: 20px;
  margin: 0 15px;
  transform: translate(0, -1px);
  color: #FFF;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-align: center;
}

.c-news-list .press .cat {
  background-color: #00538D;
  background-image: radial-gradient(#276498 15%, transparent 15%), radial-gradient(#276498 15%, transparent 15%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
}

.c-news-list .information .cat {
  background-color: #00A090;
  background-image: radial-gradient(#4bbcb1 15%, transparent 15%), radial-gradient(#4bbcb1 15%, transparent 15%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
}

.c-news-list .international .cat {
  background-color: #DBC464;
  background-image: radial-gradient(#ecd36e 15%, transparent 15%), radial-gradient(#ecd36e 15%, transparent 15%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
}

.c-news-list .ttl {
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.09em;
}

@media screen and (min-width: 768px) {
  .c-news-list a {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .c-news-list .date {
    vertical-align: top;
    transform: translate(0, 2px);
  }

  .c-news-list .cat {
    width: 115px;
    transform: translate(0, 3px);
    margin: 0 20px;
    font-size: 13px;
    font-size: 0.8125rem;
    vertical-align: top;
  }

  .c-news-list .ttl {
    display: inline-block;
    max-width: 62%;
    font-size: 17px;
    font-size: 1.0625rem;
    vertical-align: top;
  }
}

@media screen and (min-width: 1280px) {
  .c-news-list .ttl {
    max-width: 70%;
  }
}

.c-archive-list li + li {
  margin-top: 1px;
}

.c-archive-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 50px;
  padding: 0 15px;
  background: #00538D;
  color: #FFF;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
}

.c-archive-list a[aria-current="page"] {
  pointer-events: none;
  opacity: 0.7;
}

.c-boxes li,
.c-boxes--point li,
.c-boxes--transport li {
  border: 2px solid #00538D;
}

.c-boxes li + li,
.c-boxes--point li + li,
.c-boxes--transport li + li {
  margin-top: 15px;
}

.c-boxes .ttl,
.c-boxes--point .ttl,
.c-boxes--transport .ttl {
  padding: 10px 0;
  background: #00538D;
  color: #DBC464;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.09em;
  text-align: center;
}

.c-boxes .text,
.c-boxes--point .text,
.c-boxes--transport .text {
  min-height: 82px;
  margin-top: 0;
  padding: 13px 15px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.8666;
  letter-spacing: 0.09em;
}

@media screen and (min-width: 768px) {

  .c-boxes,
  .c-boxes--point,
  .c-boxes--transport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .c-boxes li,
  .c-boxes--point li,
  .c-boxes--transport li {
    width: 32%;
  }

  .c-boxes li + li,
  .c-boxes--point li + li,
  .c-boxes--transport li + li {
    margin-top: 0;
  }

  .c-boxes .text,
  .c-boxes--point .text,
  .c-boxes--transport .text {
    min-height: 108px;
  }
}

@media screen and (min-width: 1024px) {

  .c-boxes .ttl,
  .c-boxes--point .ttl,
  .c-boxes--transport .ttl {
    font-size: 21px;
    font-size: 1.3125rem;
  }

  .c-boxes .text,
  .c-boxes--point .text,
  .c-boxes--transport .text {
    min-height: auto;
    padding: 14px 20px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

.c-boxes--point li {
  border: none;
  background: #FFF;
}

.c-boxes--point .ttl {
  background: #DBC464;
  color: #00538D;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0.2em;
}

.c-boxes--transport li {
  border: none;
}

.c-boxes--transport li .c-blue-btn,
.c-boxes--transport li .c-blue-btn--small {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 161px;
  display: block;
}

.c-boxes--transport .ttl {
  color: #FFF;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0.2em;
  text-align: center;
}

.c-boxes--transport .text {
  text-align: center;
  min-height: auto;
}

.c-boxes--transport ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.c-boxes--transport ul li {
  min-width: 145px;
  margin-top: 0;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .c-boxes--transport > li {
    width: calc(50% - 7.5px);
  }
}

@media screen and (min-width: 1024px) {
  .c-boxes--transport ul li {
    min-width: 170px;
  }
}

.c-point li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 2px solid #00538D;
  background: #d9f2f9;
  margin-right: 5px;
  margin-left: 5px;
}

.c-point li + li {
  margin-top: 5px;
}

.c-point div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}

.c-point .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 25%;
  padding: 10px 0;
  color: #00538D;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  letter-spacing: 0.25em;
  text-align: center;
}

.c-point .num {
  display: block;
  font-size: 46px;
  font-size: 2.875rem;
  letter-spacing: 0;
}

.c-point .text {
  margin-top: 0;
  padding: 20px 10px 20px 0;
  width: 75%;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .c-point .ttl {
    width: 20%;
  }

  .c-point .text {
    width: 80%;
    padding-right: 15px;
  }
}

@media screen and (min-width: 1024px) {
  .c-point li {
    display: block;
  }

  .c-point div {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
  }

  .c-point .ttl {
    padding: 20px 0;
    font-size: 22px;
    font-size: 1.375rem;
  }

  .c-point .num {
    font-size: 70px;
    font-size: 4.375rem;
  }

  .c-point .text {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 2.266;
  }
}

.c-btn-links,
.c-btn-links--bg-white,
.c-btn-links--one-column,
.c-btn-links--external-link {
  margin-top: 40px;
  padding: 25px 0;
  background: #F2F2F2;
}

.c-btn-links ul,
.c-btn-links--bg-white ul,
.c-btn-links--one-column ul,
.c-btn-links--external-link ul {
  max-width: 77%;
  margin-right: auto;
  margin-left: auto;
}

.c-btn-links li + li,
.c-btn-links--bg-white li + li,
.c-btn-links--one-column li + li,
.c-btn-links--external-link li + li .pdf-btn {
  margin-top: 10px;
}

.c-btn-links a,
.c-btn-links--bg-white a,
.c-btn-links--one-column a,
.c-btn-links--external-link a .pdf-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 13px 30px 13px 13px;
  background: #00538D;
  color: #FFF;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
}

.c-btn-links a:before,
.c-btn-links--bg-white a:before,
.c-btn-links--one-column a:before,
.c-btn-links--external-link a:before,
.pdf-btn a:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 10px;
  transform: translate(0%, -50%);
  width: 20px;
  height: 20px;
  border-radius: 25px;
  background: #FFF;
}

.c-btn-links a:after,
.c-btn-links--bg-white a:after,
.c-btn-links--one-column a:after,
.c-btn-links--external-link a:after,
.pdf-btn a:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 18px;
  transform: translate(0%, -50%) rotate(45deg);
  width: 7px;
  height: 7px;
  border-top: 1px solid #00538D;
  border-right: 1px solid #00538D;
}

.c-btn-links a.download:before,
.c-btn-links--bg-white a.download:before,
.c-btn-links--one-column a.download:before,
.c-btn-links--external-link a.download:before {
  content: none;
}

.c-btn-links a.download:after,
.c-btn-links--bg-white a.download:after,
.c-btn-links--one-column a.download:after,
.c-btn-links--external-link a.download:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 9px;
  transform: translate(0, -50%);
  width: 22px;
  height: 18px;
  background: url(../images/common/icon_download@2x.png) center/100% no-repeat;
}

.c-btn-links a.external:before,
.c-btn-links--bg-white a.external:before,
.c-btn-links--one-column a.external:before,
.c-btn-links--external-link a.external:before {
  content: none;
}

.c-btn-links a.external:after,
.c-btn-links--bg-white a.external:after,
.c-btn-links--one-column a.external:after,
.c-btn-links--external-link a.external:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
  width: 17px;
  height: 17px;
  background: url(../images/common/icon_external_link_white.svg) center/100% no-repeat;
}

.c-btn-links span:after,
.c-btn-links--bg-white span:after,
.c-btn-links--one-column span:after,
.c-btn-links--external-link span:after {
  bottom: 46%;
  transform: translate(0, 50%);
}

a.pdf-btn:before,
content: none;
}

a.pdf-btn:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 9px;
  transform: translate(0, -50%);
  width: 22px;
  height: 18px;
  background: url("../images/common/icon_pdf@2x.png") center/100% no-repeat;
}

@media screen and (min-width: 768px) {

  .c-btn-links,
  .c-btn-links--bg-white,
  .c-btn-links--one-column,
  .c-btn-links--external-link {
    padding: 50px 20px;
  }

  .c-btn-links ul,
  .c-btn-links--bg-white ul,
  .c-btn-links--one-column ul,
  .c-btn-links--external-link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 780px;
  }

  .c-btn-links ul.single {
    -webkit-justify-content: center;
    justify-content: center;
  }

  .c-btn-links li,
  .c-btn-links--bg-white li,
  .c-btn-links--one-column li,
  .c-btn-links--external-link li {
    width: calc(50% - 10px);
  }

  .c-btn-links li + li,
  .c-btn-links--bg-white li + li,
  .c-btn-links--one-column li + li,
  .c-btn-links--external-link li + li {
    margin-top: 20px;
  }

  .c-btn-links li:nth-child(2),
  .c-btn-links--bg-white li:nth-child(2),
  .c-btn-links--one-column li:nth-child(2),
  .c-btn-links--external-link li:nth-child(2) {
    margin-top: 0;
  }

  .c-btn-links a,
  .c-btn-links--bg-white a,
  .c-btn-links--one-column a,
  .c-btn-links--external-link a {
    min-height: 90px;
    padding: 13px 40px 13px 20px;
    font-size: 17px;
    font-size: 1.0625rem;
  }

  .c-btn-links a:before,
  .c-btn-links--bg-white a:before,
  .c-btn-links--one-column a:before,
  .c-btn-links--external-link a:before {
    right: 15px;
    width: 25px;
    height: 25px;
  }

  .c-btn-links a:after,
  .c-btn-links--bg-white a:after,
  .c-btn-links--one-column a:after,
  .c-btn-links--external-link a:after {
    right: 25px;
  }

  .c-btn-links a.download:after,
  .c-btn-links--bg-white a.download:after,
  .c-btn-links--one-column a.download:after,
  .c-btn-links--external-link a.download:after {
    right: 16px;
  }

  .c-btn-links a.external:after,
  .c-btn-links--bg-white a.external:after,
  .c-btn-links--one-column a.external:after,
  .c-btn-links--external-link a.external:after {
    right: 20px;
  }

  .c-btn-links a.pdf:after,
  .c-btn-links--bg-white a.pdf:after,
  .c-btn-links--one-column a.pdf:after,
  .c-btn-links--external-link a.pdf:after {
    right: 16px;
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none),
screen and (min-width: 768px) and (-ms-high-contrast: active) {

  .c-btn-links a,
  .c-btn-links--bg-white a,
  .c-btn-links--one-column a,
  .c-btn-links--external-link a {
    height: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.c-btn-links--bg-white {
  background: #FFF;
}

@media screen and (min-width: 768px) {
  .c-btn-links--one-column ul {
    display: block;
    max-width: 780px;
  }

  .c-btn-links--one-column li {
    width: 100%;
    max-width: 380px;
    margin-right: auto;
    margin-left: auto;
  }
}

.c-btn-links--external-link a:before {
  content: none;
}

.c-btn-links--external-link a:after {
  display: block;
  position: absolute;
  content: '';
  right: 15px;
  width: 14px;
  height: 14px;
  transform: translate(0%, -50%);
  border: none;
  background: url(../images/common/icon_external_link_white.svg) center/100% no-repeat;
}

@media screen and (min-width: 768px) {
  .c-btn-links--external-link a:after {
    right: 20px;
  }
}

.c-disc-list + ul {
  margin-top: 20px;
}

.c-disc-list > li {
  position: relative;
  padding-left: 0.8em;
  line-height: 1.786;
}

.c-disc-list > li + li {
  margin-top: 5px;
}

.c-disc-list > li:before {
  display: block;
  position: absolute;
  content: '';
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #00538D;
}

.c-num-list {
  list-style: decimal;
}

.c-num-list + ul {
  margin-top: 20px;
}

.c-num-list li {
  margin-left: 1.2em;
  line-height: 1.786;
}

.c-num-list li + li {
  margin-top: 5px;
}

.c-kakko-num-list + ul {
  margin-top: 20px;
}

.c-kakko-num-list li {
  padding-left: 1.6em;
  line-height: 1.786;
  text-indent: -1.6em;
}

.c-kakko-num-list li + li {
  margin-top: 5px;
}

.c-alpha-list {
  list-style: lower-alpha;
}

.c-alpha-list + ul {
  margin-top: 20px;
}

.c-alpha-list li {
  margin-left: 1.2em;
  line-height: 1.786;
}

.c-alpha-list li + li {
  margin-top: 5px;
}

.c-solution-list li {
  position: relative;
  padding: 15px 15px 15px 45px;
  background: #edf1f8;
}

.c-solution-list li + li {
  margin-top: 15px;
}

.c-solution-list p + p {
  margin-top: 0;
}

.c-solution-list .num {
  display: block;
  position: absolute;
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  top: 20px;
  left: 15px;
  width: 20px;
  height: 20px;
  background: #DBC464;
  color: #00538D;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  letter-spacing: 0;
}

.c-solution-list .ttl {
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}

@media screen and (min-width: 1024px) {
  .c-solution-list li {
    padding: 25px 50px 25px 100px;
  }

  .c-solution-list li + li {
    margin-top: 20px;
  }

  .c-solution-list .num {
    top: 30px;
    left: 50px;
    width: 30px;
    height: 30px;
    font-size: 22px;
    font-size: 1.375rem;
    vertical-align: 2px;
  }

  .c-solution-list .ttl {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.c-left-bar-list li {
  position: relative;
  padding-left: 1em;
}

.c-left-bar-list li + li {
  margin-top: 10px;
}

.c-left-bar-list li:before {
  display: block;
  position: absolute;
  content: '';
  top: 7px;
  left: 0;
  width: 3px;
  height: 14px;
  background: #00538D;
}

@media screen and (min-width: 1024px) {
  .c-left-bar-list li:before {
    top: 13px;
    height: 16px;
  }
}

.c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: fit-content;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
}

.c-pagination li {
  margin: 8px;
}

.c-pagination li.current a,
.c-pagination li.current span {
  background: #00538D;
  color: #FFF;
}

.c-pagination li.prev {
  position: absolute;
  top: 0;
  left: 0;
}

.c-pagination li.prev a {
  border: none;
  color: #FFF;
}

.c-pagination li.prev a:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 10px;
  height: 10px;
  margin-left: 2px;
  border-top: 1px solid #00538D;
  border-left: 1px solid #00538D;
}

.c-pagination li.prev a:active:not(:disabled),
.c-pagination li.prev a:hover:not(:disabled) {
  opacity: 0.7;
  background: none;
}

.c-pagination li.next {
  position: absolute;
  top: 0;
  right: 0;
}

.c-pagination li.next a {
  border: none;
  color: #FFF;
}

.c-pagination li.next a:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 10px;
  height: 10px;
  margin-right: -8px;
  border-top: 1px solid #00538D;
  border-right: 1px solid #00538D;
}

.c-pagination li.next a:active:not(:disabled),
.c-pagination li.next a:hover:not(:disabled) {
  opacity: 0.7;
  background: none;
}

.c-pagination li.dots {
  margin-right: 0;
  margin-left: 0;
}

.c-pagination li.dots span {
  border: 1px solid #FFF;
  pointer-events: none;
}

.c-pagination a,
.c-pagination span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 30px;
  height: 37px;
  padding-top: 1px;
  border: 1px solid #00538D;
  color: #00538D;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  text-align: center;
  transition: background .2s ease, color .2s ease;
}

.c-pagination a:active:not(:disabled),
.c-pagination a:hover:not(:disabled),
.c-pagination span:active:not(:disabled),
.c-pagination span:hover:not(:disabled) {
  opacity: 1;
  background: #00538D;
  color: #FFF;
}

@media screen and (min-width: 1024px) {
  .c-pagination {
    margin-top: 80px;
    padding-right: 60px;
    padding-left: 60px;
  }

  .c-pagination a,
  .c-pagination span {
    width: 35px;
    height: 44px;
  }

  .c-pagination li.prev a:before {
    margin-left: 2px;
    width: 12px;
    height: 12px;
  }

  .c-pagination li.next a:before {
    margin-right: -10px;
    width: 12px;
    height: 12px;
  }
}

.c-detail-pagination {
  position: relative;
  margin: 30px auto 0;
}

.c-detail-pagination .back {
  font-weight: bold;
  width: 150px;
}

.c-detail-pagination .btn {
  max-width: 180px;
}

.c-detail-pagination .prev {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #FFF;
  transition: background .2s ease, color .2s ease;
}

.c-detail-pagination .prev:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 10px;
  height: 10px;
  margin-left: 2px;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  transition: border-color .2s ease;
}

.c-detail-pagination .prev:active:not(:disabled),
.c-detail-pagination .prev:hover:not(:disabled) {
  opacity: 1;
  background: #0062b2;
}

.c-detail-pagination .prev:active:not(:disabled):before,
.c-detail-pagination .prev:hover:not(:disabled):before {
  border-color: #FFF;
}

.c-detail-pagination .next {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #FFF;
  transition: background .2s ease, color .2s ease;
}

.c-detail-pagination .next:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 10px;
  height: 10px;
  margin-right: -8px;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  transition: border-color .2s ease;
}

.c-detail-pagination .next:active:not(:disabled),
.c-detail-pagination .next:hover:not(:disabled) {
  opacity: 1;
  background: #0062b2;
  color: #FFF;
}

.c-detail-pagination .next:active:not(:disabled):before,
.c-detail-pagination .next:hover:not(:disabled):before {
  border-color: #FFF;
}

@media screen and (min-width: 1024px) {
  .c-detail-pagination {
    margin-top: 40px;
  }

  .c-detail-pagination .btn {
    max-width: none;
  }

  .c-detail-pagination .prev {
    width: 50px;
    height: 50px;
  }

  .c-detail-pagination .prev:before {
    margin-left: 2px;
    width: 12px;
    height: 12px;
  }

  .c-detail-pagination .next {
    width: 50px;
    height: 50px;
  }

  .c-detail-pagination .next:before {
    margin-right: -10px;
    width: 12px;
    height: 12px;
  }
}

/*
  テーブル
*/
.c-border-table,
.c-border-table--sp-one-column {
  width: 100%;
  line-height: 1.5;
}

.c-border-table th,
.c-border-table--sp-one-column th,
.c-border-table td,
.c-border-table--sp-one-column td {
  padding: 6px 5px;
  border-bottom: 1px dotted #c4c2c3;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}

.c-border-table th,
.c-border-table--sp-one-column th {
  color: #00538D;
}

.c-border-table td a,
.c-border-table--sp-one-column td a {
  color: #00538D;
}

.c-border-table .min-wid-40,
.c-border-table--sp-one-column .min-wid-40 {
  min-width: 40px;
}

.c-border-table .min-wid-86,
.c-border-table--sp-one-column .min-wid-86 {
  min-width: 86px;
}

.c-border-table .min-wid-120,
.c-border-table--sp-one-column .min-wid-120 {
  min-width: 120px;
}

.c-border-table .va-top,
.c-border-table--sp-one-column .va-top {
  vertical-align: top;
}


.map-warp .map-icon,
.c-border-table .map-icon,
.c-border-table--sp-one-column .map-icon {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  color: #00538D;
}

.map-warp .map-icon:before,
.c-border-table .map-icon:before,
.c-border-table--sp-one-column .map-icon:before {
  display: block;
  position: absolute;
  content: '';


  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(../images/common/icon_pin.svg) center/100% no-repeat;
}

@media screen and (min-width: 768px) {

  .c-border-table,
  .c-border-table--sp-one-column {
    line-height: 1.928;
  }

  .c-border-table th,
  .c-border-table--sp-one-column th,
  .c-border-table td,
  .c-border-table--sp-one-column td {
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .c-border-table .pc-wid-150,
  .c-border-table--sp-one-column .pc-wid-150 {
    width: 150px;
  }
}

.c-border-table--sp-one-column {
  display: block;
  text-align: left;
}

.c-border-table--sp-one-column > tbody {
  display: block;
}

.c-border-table--sp-one-column > tbody > tr {
  display: block;
}

.c-border-table--sp-one-column > tbody > tr > th,
.c-border-table--sp-one-column > tbody > tr > td {
  display: block;
}

.c-border-table--sp-one-column th,
.c-border-table--sp-one-column td {
  padding-right: 0;
  padding-left: 0;
}

.c-border-table--sp-one-column th {
  padding-bottom: 0;
  border-bottom: none;
}

.c-border-table--sp-one-column td {
  padding-top: 0;
}

.c-border-table--sp-one-column td td {
  border-bottom: none;
}


@media screen and (min-width: 768px) {
  .c-border-table--sp-one-column {
    display: table;
    width: 100%;
    border-collapse: initial;
  }

  .c-border-table--sp-one-column > caption {
    display: table-caption;
  }

  .c-border-table--sp-one-column > tbody {
    display: table-row-group;
  }

  .c-border-table--sp-one-column > tbody > tr {
    display: table-row;
  }

  .c-border-table--sp-one-column > tbody > tr > th,
  .c-border-table--sp-one-column > tbody > tr > td {
    display: table-cell;
  }

  .c-border-table--sp-one-column > tbody > tr > th {
    border-bottom: 1px dotted #c4c2c3;
  }

  .c-border-table--sp-one-column th,
  .c-border-table--sp-one-column td {
    padding: 6px 5px;
  }
}

/*
  背景
*/
/*
  フォーム
*/
.c-form {
  width: 100%;
  max-width: 1000px;

  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

.c-form > dl {
  width: 100%;
  padding: 6px 0;
}

.c-form > dl > dt,
.c-form > dl > dd {
  padding: 5px 0;
  letter-spacing: 0;
  vertical-align: middle;
}

.c-form > dl > dt {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.c-form > dl > dd {
  font-weight: bold;
}

.c-form .note {
  margin-top: 15px;
  line-height: 1.5;
}

.c-form select[name="date1_month"],
.c-form select[name="date1_day"],
.c-form select[name="date2_month"],
.c-form select[name="date2_day"],
.c-form select[name="date3_month"],
.c-form select[name="date3_day"] {
  display: inline-block;
  width: 45px;
  margin: 0 10px;
}

.c-form select[name="date1_month"],
.c-form select[name="date2_month"],
.c-form select[name="date3_month"] {
  margin-left: 46px;
}

.c-form select[name="date1_time"],
.c-form select[name="date2_time"],
.c-form select[name="date3_time"] {
  display: inline-block;
  width: 70px;
  margin-left: 30px;
}

.c-form .wpcf7-not-valid-tip {
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  .c-form {
    display: table;
    table-layout: fixed;
    margin-top: 80px;
  }

  .c-form > dl {
    display: table-row;
    padding: 5px 0;
  }

  .c-form > dl > dt,
  .c-form > dl > dd {
    padding: 10px 0;
    display: table-cell;
  }

  .c-form > dl > dt {
    width: 25%;
    padding-right: 1%;
    font-size: 18px;
    font-size: 1.125rem;
  }

  .c-form > dl > dt.va-top {
    padding-top: 28px;
    vertical-align: top;
  }

  .c-form > dl > dd {
    width: 75%;
    padding-left: 1%;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .mw_wp_form_confirm .c-form > dl > dt {
    padding-top: 14px;
  }
}

.c-required {
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  font-size: 0.8125rem;
}

@media screen and (min-width: 1024px) {
  .c-required {
    margin-left: 10px;
    font-size: 16px;
    font-size: 1rem;
  }
}

/*
  バナー
*/
/*
  その他
*/
.c-external-link,
.c-external-link--white {
  display: inline;
  position: relative;
  padding-right: 22px;
}

.c-external-link:after,
.c-external-link--white:after {
  display: block;
  position: absolute;
  content: '';
  bottom: 3px;
  right: 0;
  width: 14px;
  height: 14px;
  background: url(../images/common/icon_external_link.svg) center/100% no-repeat;
}

.c-external-link--white:after {
  background-image: url(../images/common/icon_external_link_white.svg);
}

a.c-external-link,
a.c-external-link--white {
  color: #00538D;
}

.c-flow,
.c-flow--export,
.c-flow--import,
.c-flow--nine-items {
  margin-top: 40px;
  padding-top: 45px;
  padding-bottom: 45px;
}

.c-flow li,
.c-flow--export li,
.c-flow--import li,
.c-flow--nine-items li {
  position: relative;
}

.c-flow li + li,
.c-flow--export li + li,
.c-flow--import li + li,
.c-flow--nine-items li + li {
  margin-top: 25px;
}

.c-flow li:last-child div,
.c-flow--export li:last-child div,
.c-flow--import li:last-child div,
.c-flow--nine-items li:last-child div {
  padding-bottom: 10px;
  border-bottom: 1px solid #000000;
}

.c-flow li:last-child div:before,
.c-flow--export li:last-child div:before,
.c-flow--import li:last-child div:before,
.c-flow--nine-items li:last-child div:before,
.c-flow li:last-child div:after,
.c-flow--export li:last-child div:after,
.c-flow--import li:last-child div:after,
.c-flow--nine-items li:last-child div:after {
  content: none;
}

.c-flow .num,
.c-flow--export .num,
.c-flow--import .num,
.c-flow--nine-items .num {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  margin-top: 0;
  margin-left: -150px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  letter-spacing: 0.09em;
}

.c-flow div,
.c-flow--export div,
.c-flow--import div,
.c-flow--nine-items div {
  position: relative;
  width: 245px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 15px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  background: #FFF;
  text-align: center;
}

.c-flow div:before,
.c-flow--export div:before,
.c-flow--import div:before,
.c-flow--nine-items div:before {
  display: block;
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  border-top: 20px solid #000000;
  border-right: 124.5px solid transparent;
  border-left: 124.5px solid transparent;
}

.c-flow div:after,
.c-flow--export div:after,
.c-flow--import div:after,
.c-flow--nine-items div:after {
  display: block;
  position: absolute;
  content: '';
  top: calc(100% - 1px);
  left: 50%;
  transform: translate(-50%, 0);
  border-top: 20px solid #FFF;
  border-right: 124.5px solid transparent;
  border-left: 124.5px solid transparent;
}

.c-flow img,
.c-flow--export img,
.c-flow--import img,
.c-flow--nine-items img {
  max-width: 68px;
  max-height: 40px;
}

.c-flow p,
.c-flow--export p,
.c-flow--import p,
.c-flow--nine-items p {
  margin-top: 5px;
  font-weight: 500;
  letter-spacing: 0.09em;
}

@media screen and (min-width: 1024px) {

  .c-flow,
  .c-flow--export,
  .c-flow--import,
  .c-flow--nine-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 70px 20px 50px 35px;
  }

  .c-flow li,
  .c-flow--export li,
  .c-flow--import li,
  .c-flow--nine-items li {
    width: 12.5%;
    max-width: 126px;
  }

  .c-flow li + li,
  .c-flow--export li + li,
  .c-flow--import li + li,
  .c-flow--nine-items li + li {
    margin-top: 0;
  }

  .c-flow li:last-child div,
  .c-flow--export li:last-child div,
  .c-flow--import li:last-child div,
  .c-flow--nine-items li:last-child div {
    border-right: 1px solid #000000;
  }

  .c-flow .num,
  .c-flow--export .num,
  .c-flow--import .num,
  .c-flow--nine-items .num {
    top: -20px;
    left: 0;
    margin-left: 0;
  }

  .c-flow div,
  .c-flow--export div,
  .c-flow--import div,
  .c-flow--nine-items div {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 98px;
    height: 174px;
    margin-left: 0;
    padding-left: 5px;
    padding-bottom: 50px !important;
    border-right: none;
    border-bottom: 1px solid #000000;
  }

  .c-flow div:before,
  .c-flow--export div:before,
  .c-flow--import div:before,
  .c-flow--nine-items div:before {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    left: 100%;
    transform: translate(0, -50%);
    border-top: 89px solid transparent;
    border-right: none;
    border-bottom: 89px solid transparent;
    border-left: 20px solid #000000;
  }

  .c-flow div:after,
  .c-flow--export div:after,
  .c-flow--import div:after,
  .c-flow--nine-items div:after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    left: calc(100% - 1px);
    transform: translate(0, -50%);
    border-top: 89px solid transparent;
    border-right: none;
    border-bottom: 89px solid transparent;
    border-left: 20px solid #FFF;
  }

  .c-flow div p,
  .c-flow--export div p,
  .c-flow--import div p,
  .c-flow--nine-items div p {
    display: block;
    position: absolute;
    content: '';
    top: 60%;
    left: 5px;
    z-index: 1;
    width: 100%;
  }

  .c-flow figure,
  .c-flow--export figure,
  .c-flow--import figure,
  .c-flow--nine-items figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 68px;
    height: 55px;
  }

  .c-flow img,
  .c-flow--export img,
  .c-flow--import img,
  .c-flow--nine-items img {
    width: 85%;
    max-width: 68px;
    height: 85%;
    max-height: 55px;
  }

  .c-flow p,
  .c-flow--export p,
  .c-flow--import p,
  .c-flow--nine-items p {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    /*
		line-height: 1.615;
		*/
  }

  .c-flow .small,
  .c-flow--export .small,
  .c-flow--import .small,
  .c-flow--nine-items .small {
    font-size: 11px;
    font-size: 0.6875rem;
    letter-spacing: 0;
  }
}

.c-flow--export {
  background: url(../images/services/airf/export_bg@2x.jpg) center/cover no-repeat;
}

.c-flow--export.seaf {
  background: url(../images/services/seaf/export_bg@2x.jpg) center/cover no-repeat;
}

.c-flow--export li:last-child div {
  border-bottom-color: #00538D;
}

.c-flow--export .num {
  color: #00538D;
}

.c-flow--export div {
  border-top-color: #00538D;
  border-right-color: #00538D;
  border-left-color: #00538D;
}

.c-flow--export div:before {
  border-top-color: #00538D;
}

.c-flow--export p {
  color: #00538D;
}

@media screen and (min-width: 1024px) {
  .c-flow--export {
    background: url(../images/services/airf/export_bg_pc@2x.jpg) center/cover no-repeat;
  }

  .c-flow--export.seaf {
    background: url(../images/services/seaf/export_bg_pc@2x.jpg) center/cover no-repeat;
  }

  .c-flow--export li:last-child div {
    border-right-color: #00538D;
  }

  .c-flow--export div {
    border-bottom-color: #00538D;
  }

  .c-flow--export div:before {
    border-top-color: transparent;
    border-left-color: #00538D;
  }
}

.c-flow--import {
  background: url(../images/services/airf/import_bg@2x.jpg) center/cover no-repeat;
}

.c-flow--import.seaf {
  background: url(../images/services/seaf/import_bg@2x.jpg) center/cover no-repeat;
}

.c-flow--import li:last-child div {
  border-bottom-color: #00A090;
}

.c-flow--import .num {
  color: #00A090;
}

.c-flow--import div {
  border-top-color: #00A090;
  border-right-color: #00A090;
  border-left-color: #00A090;
}

.c-flow--import div:before {
  border-top-color: #00A090;
}

.c-flow--import p {
  color: #00A090;
}

@media screen and (min-width: 1024px) {
  .c-flow--import {
    background: url(../images/services/airf/import_bg_pc@2x.jpg) center/cover no-repeat;
  }

  .c-flow--import.seaf {
    background: url(../images/services/seaf/import_bg_pc@2x.jpg) center/cover no-repeat;
  }

  .c-flow--import li:last-child div {
    border-right-color: #00A090;
  }

  .c-flow--import div {
    border-bottom-color: #00A090;
  }

  .c-flow--import div:before {
    border-top-color: transparent;
    border-left-color: #00A090;
  }
}

@media screen and (min-width: 1024px) {
  .c-flow--nine-items li {
    width: 11%;
  }

  .c-flow--nine-items div {
    width: 85px;
  }

  .c-flow--nine-items p {
    font-size: 11px;
    font-size: 0.6875rem;
  }

  .c-flow--nine-items .small {
    font-size: 10px;
    font-size: 0.625rem;
  }
}

@media screen and (min-width: 1280px) {
  .c-flow--nine-items li {
    width: 12.5%;
  }

  .c-flow--nine-items div {
    width: 98px;
  }

  .c-flow--nine-items p {
    font-size: 13px;
    font-size: 0.8125rem;
  }

  .c-flow--nine-items .small {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

.c-pc-two-columns .img-wrap,
.c-pc-two-columns--imgs .img-wrap {
  margin-top: 15px;
}

.c-pc-two-columns img,
.c-pc-two-columns--imgs img {
  width: 100%;
}

@media screen and (min-width: 768px) {

  .c-pc-two-columns,
  .c-pc-two-columns--imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .c-pc-two-columns > *,
  .c-pc-two-columns--imgs > * {
    width: 50%;
  }

  .c-pc-two-columns .text-wrap,
  .c-pc-two-columns--imgs .text-wrap {
    margin-top: -10px;
    padding-right: 4%;
  }

  .c-pc-two-columns .img-wrap,
  .c-pc-two-columns--imgs .img-wrap {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .c-pc-two-columns--imgs > *:nth-child(1) {
    padding-right: 2%;
  }

  .c-pc-two-columns--imgs > *:nth-child(2) {
    padding-left: 2%;
  }
}

/*------------------------------------------------------------
  /index
------------------------------------------------------------*/
.page-index .p-mv {
  position: relative;
  z-index: 0;
  margin-top: -1px;
}

.page-index .p-mv .mol-white {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
}

.page-index .p-mv .mol-white img {
  width: 100%;
}

.page-index .p-mv .mol-blue {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: 60%;
  z-index: 2;
  transform: translate(-250%, 0%);
  width: 40%;
  height: 39vw;
  background: #00BAFF;
}

.page-index .p-mv .mol-blue.is-move {
  animation: mol_blue_move 0.6s linear;
}

@keyframes mol_blue_move {
  0% {
    transform: translate(-250%, 0%);
  }

  100% {
    transform: translate(100%, 0%);
  }
}

.page-index .p-mv .swiper-container {
  height: 47vw;
}

.page-index .p-mv .swiper-slide {
  transition: transform 6s linear;
}

.page-index .p-mv .swiper-slide-active {
  transform: scale(1.1);
}

.page-index .p-mv .swiper-slide img {
  width: 100%;
}

.page-index .p-mv .swiper-pagination {
  top: -5px;
  right: 13px;
  transform: translate3d(0, 0, 0);
}

.page-index .p-mv .copy-wrap {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translate(-50%, -50%);
  min-width: 350px;
  min-height: 184px;
  padding: 15px 20px;
  background: rgba(255, 255, 255, 0);
}

.page-index .p-mv .copy {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  font-family: "Galvji", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.3;
  letter-spacing: -0.034em;
}

.page-index .p-mv .copy .on {
  display: inline-block;
  margin: 0 15px;
}

.page-index .p-mv .copy .blue {
  color: #005396;
}

.page-index .p-mv .copy .br {
  display: block;
}

.page-index .p-mv .text {
  opacity: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 900;
  line-height: 1.769;
  letter-spacing: 0.05em;
  transition: opacity .2s ease;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.5);
}

.page-index.en .p-mv .text {
  line-height: 1.469;
}

.page-index .p-mv .copy {
  width: 220px;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.5);
}

.page-index .p-mv .text.is-show {
  opacity: 1;
}

.page-index .p-mv button {
  display: none;
}

@media screen and (max-width: 374px) {
  .page-index .p-mv .copy-wrap {
    min-width: 280px;
    min-height: 136px;
    padding: 10px 15px;
  }

  .page-index .p-mv .copy {
    font-size: 24px;
    font-size: 1.5rem;
  }

  .page-index .p-mv .text {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

@media screen and (min-width: 768px) {
  .page-index .p-mv .copy-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    min-width: 800px;
    min-height: auto;
    padding: 15px 20px 20px;
    background: rgba(255, 255, 255, 0.5);
  }

  .page-index.en .p-mv .copy-wrap {
    min-width: 790px;
  }

  .page-index .p-mv .copy {
    font-size: 42px;
    font-size: 2.625rem;
    background: rgba(255, 255, 255, 0);
    width: 340px;
  }

  .page-index .p-mv .copy .br {
    display: none;
  }

  .page-index .p-mv .text {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0;
    background: rgba(255, 255, 255, 0);
  }

  .page-index .p-mv button {
    display: block;
    position: absolute;
    content: '';
    top: 52%;
    right: 10px;
    z-index: 4;
    transform: translate(0%, -50%);
    padding-bottom: 180px;
    color: #00538D;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.2em;
  }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: none),
screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .page-index .p-mv button {
    letter-spacing: -0.2em;
  }
}

@media screen and (min-width: 768px) {
  .page-index .p-mv button span {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }

  .page-index .p-mv button:hover {
    opacity: 1;
  }

  .page-index .p-mv button:before {
    display: block;
    position: absolute;
    content: '';
    top: 50px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 1px;
    height: 175px;
    background: #00538D;
  }

  .page-index .p-mv button:after {
    display: block;
    position: absolute;
    content: '';
    top: 50px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 3px;
    height: 50px;
    background: #00538D;
    animation: bar-move 2.2s infinite ease-out;
  }

  @keyframes bar-move {
    from {
      top: 50px;
    }

    to {
      top: 175px;
    }
  }
}

@media screen and (min-width: 1024px) {
  .page-index .p-mv .swiper-container {
    height: 46vw;
  }

  .page-index .p-mv .swiper-pagination {
    top: -15px;
    right: 20px;
    transform: translate3d(0, 0, 0);
  }

  .page-index .p-mv button {
    top: 52%;
    right: 18px;
  }
}

@media screen and (min-width: 1280px) {
  .page-index .p-mv .copy-wrap {
    min-width: 920px;
    min-height: auto;
    padding: 10px 20px;
  }

  .page-index.en .p-mv .copy-wrap {
    min-width: 960px;
  }

  .page-index .p-mv .text {
    margin-top: 0;
    margin-left: 30px;
    line-height: 1.42;
  }

  .page-index .p-mv .copy,
  .page-index.en .p-mv .copy {
    width: 450px;
    background: rgba(255, 255, 255, 0.0);
  }
}

@media screen and (min-width: 1536px) {
  .page-index .p-mv .copy-wrap {
    min-width: 1080px;
    padding: 5px 30px;
  }

  .page-index.en .p-mv .copy-wrap {
    min-width: 1080px;
  }

  .page-index .p-mv .copy {
    font-size: 72px;
    font-size: 4.5rem;
  }

  .page-index.en .p-mv .copy {
    font-size: 4.2rem;
  }

  .page-index .p-mv .copy .on {
    margin: 0 30px;
  }

  .page-index .p-mv .text {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.page-index .p-information {
  position: relative;
  z-index: 1;
  margin: 40px 15px;
  padding-right: 15px;
  padding-left: 15px;
  background: #FFF;
}

.page-index .p-information .title {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0.09em;
}

.page-index .p-information button,
.page-index .p-information .btn {
  display: block;
  position: absolute;
  content: '';
  top: 2px;
  right: 15px;
  min-width: 90px;
  padding-top: 1px;
  padding-right: 30px;
  color: #00538D;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0.09em;
}

.page-index .p-information button:before,
.page-index .p-information .btn:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  transform: translate(0%, -50%);
  width: 25px;
  height: 25px;
  border: 1px solid #00538D;
  border-radius: 25px;
}

.page-index .p-information button:after,
.page-index .p-information .btn:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 10px;
  transform: translate(0%, -50%) rotate(45deg);
  width: 7px;
  height: 7px;
  border-top: 1px solid #00538D;
  border-right: 1px solid #00538D;
}

.page-index .p-information ul {
  margin-top: 12px;
}

.page-index .p-information ul.is-open {
  max-height: none;
}

@media screen and (min-width: 768px) {
  .page-index .p-information {
    padding-right: 30px;
    padding-left: 30px;
  }

  .page-index .p-information button,
  .page-index .p-information .btn {
    right: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .page-index .p-information {
    max-width: 900px;
    margin: 60px auto;
    padding-right: 70px;
    padding-left: 70px;
  }

  .page-index .p-information .title {
    font-size: 21px;
    font-size: 1.3125rem;
  }

  .page-index .p-information button,
  .page-index .p-information .btn {
    top: 10px;
    right: 70px;
  }
}

@media screen and (min-width: 1280px) {
  .page-index .p-information {
    max-width: 1180px;
  }
}

.page-index .p-section {
  padding: 50px 0 65px;
}

.page-index .p-section .large-ttl,
.page-index .p-section .large-ttl--blue {
  margin-bottom: 30px;
  color: #FFF;
  line-height: 1;
  text-align: center;
}

.page-index .p-section .large-ttl .en,
.page-index .p-section .large-ttl--blue .en {
  font-size: 46px;
  font-size: 2.875rem;
  font-family: "Galvji", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: -0.05em;
}

.page-index .p-section .large-ttl .ja,
.page-index .p-section .large-ttl--blue .ja {
  display: block;
  margin-top: 3px;
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: 900;
}

.page-index .p-section .large-ttl--blue {
  color: #00538D;
}

@media screen and (min-width: 1024px) {
  .page-index .p-section {
    padding: 90px 0 100px;
  }

  .page-index .p-section .large-ttl,
  .page-index .p-section .large-ttl--blue {
    margin-bottom: 50px;
  }

  .page-index .p-section .large-ttl .en,
  .page-index .p-section .large-ttl--blue .en {
    font-size: 87px;
    font-size: 5.4375rem;
  }

  .page-index .p-section .large-ttl .ja,
  .page-index .p-section .large-ttl--blue .ja {
    margin-top: 8px;
    font-size: 41px;
    font-size: 2.5625rem;
  }
}

@media screen and (min-width: 1280px) {
  .page-index .p-section {
    background-size: 100% 100% !important;
  }
}

.page-index .p-services {
  background: url(../images/index/services_bg.jpg) center/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-services {
    background-image: url(../images/index/services_bg@2x.jpg);
  }
}

.page-index .p-services section {
  margin-top: 40px;
  padding-right: 15px;
  padding-left: 15px;
}

.page-index .p-services .bar-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 35px;
  margin-bottom: 15px;
  background: #FFF;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
}

.page-index .p-services .service .bar-ttl {
  color: #00538D;
}

.page-index .p-services .purpose .bar-ttl {
  color: #00A090;
}

.page-index .p-services ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.page-index .p-services li {
  width: calc(50% - 7.5px);
}

.page-index .p-services li + li {
  margin-top: 15px;
}

.page-index .p-services li:nth-child(2) {
  margin-top: 0;
}

.page-index .p-services .service li:nth-child(1) {
  width: 100%;
}

.page-index .p-services .service li:nth-child(2) {
  margin-top: 15px;
}

.page-index .p-services a {
  display: block;
}

.page-index .p-services img {
  width: 100%;
}

.page-index .p-services .text-wrap {
  position: relative;
  padding: 10px 5px 10px 10px;
  background: #FFF;
}

.page-index .p-services .text-wrap:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 5px;
  transform: translate(0%, -50%);
  width: 20px;
  height: 20px;
  border-radius: 25px;
}

.page-index .p-services .text-wrap:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 13px;
  transform: translate(0%, -50%) rotate(45deg);
  width: 7px;
  height: 7px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
}

.page-index .p-services .service .text-wrap:before {
  background: #00538D;
}

.page-index .p-services .purpose .text-wrap:before {
  background: #00A090;
}

.page-index .p-services .ttl {
  padding-right: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.page-index .p-services .ttl--indent {
  padding-right: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.page-index .p-services .service .ttl--indent {
  color: #00538D;
}

.page-index .p-services .purpose .ttl {
  color: #00A090;
}

.page-index .p-services .num {
  font-weight: 300;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.page-index .p-services .text {
  margin-top: 5px;
  padding-right: 23px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
}

.page-index .p-services .dr {
  display: block;
}

@media screen and (min-width: 768px) {
  .page-index .p-services .bar-ttl {
    height: 40px;
  }

  .page-index .p-services .text-wrap {
    padding-right: 10px;
  }

  .page-index .p-services .text-wrap:before {
    right: 10px;
    width: 25px;
    height: 25px;
  }

  .page-index .p-services .text-wrap:after {
    right: 20px;
  }

  .page-index .p-services .ttl {
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: 0.15em;
  }

  .page-index .p-services .ttl--indent {
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: 0.15em;
  }

  .page-index .p-services .text {
    font-size: 12px;
    font-size: 0.75rem;
  }

  .page-index .p-services .br {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .page-index .p-services section {
    max-width: 1460px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 70px;
    padding-left: 70px;
  }

  .page-index .p-services section + section {
    margin-top: 100px;
  }

  .page-index .p-services .bar-ttl {
    height: 60px;
    margin-bottom: 20px;
    font-size: 30px;
    font-size: 1.875rem;
  }

  .page-index .p-services li {
    width: calc(33.333% - 13.333px);
  }

  .page-index .p-services li + li {
    margin-top: 20px;
  }

  .page-index .p-services li:nth-child(3) {
    margin-top: 0;
  }

  .page-index .p-services .service li:nth-child(1),
  .page-index .p-services .service li:nth-child(2) {
    width: calc(50% - 10px);
  }

  .page-index .p-services .service li:nth-child(2) {
    margin-top: 0;
  }

  .page-index .p-services .service li:nth-child(3) {
    margin-top: 20px;
  }

  .page-index .p-services .purpose li:nth-child(2) .ttl {
    letter-spacing: 0.09em;
  }

  .page-index .p-services .ttl {
    padding-right: 25px;
    font-size: 19px;
    font-size: 1.1875rem;
  }

  .page-index .p-services .ttl--indent {
    padding-right: 25px;
    font-size: 24px;
    font-size: 1.5rem;
  }

  .page-index .p-services .text {
    padding-right: 28px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .page-index .p-services .text-wrap {
    padding-left: 15px;
  }
}

.page-index .p-network {
  padding: 90px 0 105px;
  background: url(../images/index/network_bg.jpg) center/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-network {
    background-image: url(../images/index/network_bg@2x.jpg);
  }
}

@media screen and (min-width: 1024px) {
  .page-index .p-network {
    padding: 200px 0 210px;
  }
}

.page-index .p-feature {
  background: url(../images/index/feature_bg.jpg) center/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-feature {
    background-image: url(../images/index/feature_bg@2x.jpg);
  }
}

.page-index .p-feature li + li {
  margin-top: 15px;
}

.page-index .p-feature li:nth-child(1) a {
  background: #DBDBDB url(../images/index/feature_img_01.png) right -230px center/auto 100% no-repeat;
}


@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-feature li:nth-child(1) a {
    background-image: url(../images/index/feature_img_01_sp@2x.png);
  }
}

.page-index .p-feature li:nth-child(2) a {
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  background: #DBDBDB url(../images/index/feature_img_02.png) left -260px center/auto 100% no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-feature li:nth-child(2) a {
    background-image: url(../images/index/feature_img_02_sp@2x.png);
  }
}

.page-index .p-feature li:nth-child(3) a {
  background: #DBDBDB url(../images/index/feature_img_03.png) right -230px center/auto 100% no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-feature li:nth-child(3) a {
    background-image: url(../images/index/feature_img_03_sp@2x.png);
  }
}

.page-index .p-feature a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 130px;
  padding: 0 15px;
}

.page-index .p-feature .num {
  color: #00538D;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.page-index .p-feature .ttl {
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.09em;
}

.page-index .p-feature .more {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .page-index .p-feature li:nth-child(1) a {
    background-position: right -150px center;
    background-image: url(../images/index/feature_img_01@2x.png);
  }

  .page-index .p-feature li:nth-child(2) a {
    background-position: left -200px center;
    background-image: url(../images/index/feature_img_02@2x.png);
  }

  .page-index .p-feature li:nth-child(3) a {
    background-position: right -150px center;
    background-image: url(../images/index/feature_img_03@2x.png);
  }

  .page-index .p-feature a {
    height: 200px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .page-index .p-feature .ttl {
    margin-bottom: 20px;
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: 0.15em;
  }
}

@media screen and (min-width: 1024px) {
  .page-index .p-feature li + li {
    margin-top: 20px;
  }

  .page-index .p-feature li:nth-child(2) a {
    background-position: left -230px center;
  }

  .page-index .p-feature a {
    height: 250px;
    padding-right: 50px;
    padding-left: 50px;
  }

  .page-index .p-feature .ttl {
    margin-bottom: 30px;
    font-size: 31px;
    font-size: 1.9375rem;
  }

  .page-index .p-feature .more {
    width: 180px;
  }
}

@media screen and (min-width: 1280px) {
  .page-index .p-feature li:nth-child(1) a {
    background-position: right center;
  }

  .page-index .p-feature li:nth-child(2) a {
    background-position: left center;
  }

  .page-index .p-feature li:nth-child(3) a {
    background-position: right center;
  }
}

.page-index .p-support {
  padding: 90px 0 105px;
  background: url(../images/index/support_bg.jpg) center/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-support {
    background-image: url(../images/index/support_bg@2x.jpg);
  }
}

@media screen and (min-width: 1024px) {
  .page-index .p-support {
    padding: 200px 0 210px;
  }
}

.page-index .p-corporate ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.page-index .p-corporate li {
  width: 50%;
}

.page-index .p-corporate li:nth-child(1) a {
  background: url(../images/index/corporate_img_01.jpg) -50px center no-repeat;
  background-size: cover;
}

@media screen and (min-width: 374px) {
  .page-index .p-corporate li:nth-child(1) a {
    background: url(../images/index/corporate_img_01.jpg) -70px center no-repeat;
    background-size: cover;
  }
}

@media screen and (min-width: 600px) {
  .page-index .p-corporate li:nth-child(1) a {
    background: url(../images/index/corporate_img_01.jpg) 0px center no-repeat;
    background-size: cover;
  }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-corporate li:nth-child(1) a {
    background-image: url(../images/index/corporate_img_01.jpg);
  }
}

.page-index .p-corporate li:nth-child(2) a {
  background: url(../images/index/corporate_img_02.jpg) center/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-corporate li:nth-child(2) a {
    background-image: url(../images/index/corporate_img_02@2x.jpg);
  }
}

.page-index .p-corporate li:nth-child(3) a {
  background: url(../images/index/corporate_img_03.jpg) center/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-corporate li:nth-child(3) a {
    background-image: url(../images/index/corporate_img_03@2x.jpg);
  }
}

.page-index .p-corporate li:nth-child(4) a {
  background: url(../images/index/corporate_img_04.jpg) center/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-corporate li:nth-child(4) a {
    background-image: url(../images/index/corporate_img_04@2x.jpg);
  }
}

.page-index .p-corporate li:nth-child(5) a {
  background: url(../images/index/corporate_img_05.jpg) center/cover no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-index .p-corporate li:nth-child(5) a {
    background-image: url(../images/index/corporate_img_05@2x.jpg);
  }
}

.page-index .p-corporate a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 120px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.page-index .p-corporate a div {
  max-width: 100%;
}

.page-index .p-corporate .ttl {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

.page-index .p-corporate .more {
  width: 94px;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .page-index .p-corporate a {
    height: 190px;
  }

  .page-index .p-corporate .ttl {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: 0.15em;
  }

  .page-index .p-corporate .more {
    width: 130px;
    max-width: none;
  }
}

@media screen and (min-width: 1024px) {
  .page-index .p-corporate li:nth-child(1) a {
    background-position: center;
  }

  .page-index .p-corporate a {
    height: 250px;
  }

  .page-index .p-corporate .ttl {
    margin-bottom: 30px;
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
  }

  .page-index .p-corporate .more {
    width: 180px;
  }
}

/*------------------------------------------------------------
  /info
------------------------------------------------------------*/
.page-info-detail .date-wrap {
  line-height: 1.5;
}

.page-info-detail .date {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0;
}

.page-info-detail .cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: inline-block;
  width: 100px;
  height: 20px;
  margin: 0 15px;
  transform: translate(0, -1px);
  color: #FFF;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-align: center;
}

.page-info-detail .press .cat {
  background-color: #00538D;
  background-image: radial-gradient(#276498 15%, transparent 15%), radial-gradient(#276498 15%, transparent 15%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
}

.page-info-detail .information .cat {
  background-color: #00A090;
  background-image: radial-gradient(#4bbcb1 15%, transparent 15%), radial-gradient(#4bbcb1 15%, transparent 15%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
}

.page-info-detail .international .cat {
  background-color: #DBC464;
  background-image: radial-gradient(#ecd36e 15%, transparent 15%), radial-gradient(#ecd36e 15%, transparent 15%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
}

.page-info-detail .main-column .ttl {
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  .page-info-detail .date {
    vertical-align: top;
    transform: translate(0, 2px);
  }

  .page-info-detail .cat {
    width: 115px;
    transform: translate(0, 3px);
    margin: 0 20px;
    font-size: 13px;
    font-size: 0.8125rem;
    vertical-align: top;
  }

  .page-info-detail .main-column .ttl {
    margin-top: 15px;
  }
}

/*------------------------------------------------------------
  /services/airf
------------------------------------------------------------*/
.page-services-airf .p-link {
  background: #F2F2F2;
}

.page-services-airf .p-uld {
  background: #F2F2F2;
}

.page-services-airf .p-uld .country {
  margin-top: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: center;
}

.page-services-airf .p-uld .flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  width: 269px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}

.page-services-airf .p-uld .flow li {
  width: 127px;
}

.page-services-airf .p-uld .flow li + li {
  margin-top: 15px;
}

.page-services-airf .p-uld .flow li:nth-child(2) {
  margin-top: 0;
}

.page-services-airf .p-uld .flow p {
  position: relative;
  margin-top: 5px;
  padding-left: 20px;
  line-height: 1.786;
  font-size: 11px;
  font-size: 0.6875rem;
}

.page-services-airf .p-uld .flow p span {
  display: block;
  position: absolute;
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  top: 4px;
  left: 0;
  width: 15px;
  height: 15px;
  background: #DBC464;
  color: #00538D;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .page-services-airf .p-uld .country {
    margin-top: 30px;
    font-size: 17px;
    font-size: 1.0625rem;
  }

  .page-services-airf .p-uld .flow {
    width: 90%;
    margin-top: 0;
  }

  .page-services-airf .p-uld .flow:after {
    display: block;
    content: '';
    width: 32%;
  }

  .page-services-airf .p-uld .flow li {
    width: 32%;
  }

  .page-services-airf .p-uld .flow li:nth-child(3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .page-services-airf .p-uld .bg {
    padding-top: 50px;
  }

  .page-services-airf .p-uld .flow {
    width: 834px;
  }

  .page-services-airf .p-uld .flow:after {
    width: 258px;
  }

  .page-services-airf .p-uld .flow li {
    width: 258px;
  }

  .page-services-airf .p-uld .flow p {
    margin-top: 10px;
    padding-left: 38px;
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .page-services-airf .p-uld .flow p span {
    top: 4px;
    left: 0;
    width: 30px;
    height: 30px;
    font-size: 21px;
    font-size: 1.3125rem;
  }
}

/*------------------------------------------------------------
  /services/seaf
------------------------------------------------------------*/
.page-services-seaf .p-schedule {
  background: #E0E8ED;
}

.page-services-seaf .p-schedule .schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 40px;
}

.page-services-seaf .p-schedule .schedule li {
  width: calc(50% - 7.5px);
}

.page-services-seaf .p-schedule .schedule li + li {
  margin-top: 15px;
}

.page-services-seaf .p-schedule .schedule li:nth-child(2) {
  margin-top: 0;
}

.page-services-seaf .p-schedule .schedule a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  min-height: 45px;
  padding-left: 21%;
  background: #FFF;
  color: #00538D;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 60px;
  letter-spacing: 0.09em;
}

@media all and (-ms-high-contrast: none) {

  /* ここに書く */
  .page-services-seaf .p-schedule .schedule a {
    padding-left: 0;
  }
}

.page-services-seaf .p-schedule .schedule a:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 6%;
  transform: translate(0, -50%);
  width: 15px;
  height: 21px;
  background: url(../images/common/icon_pdf_blue@2x.png) center/100% no-repeat;
}

.page-services-seaf .p-schedule .schedule a:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 7%;
  transform: translate(0%, -50%) rotate(45deg);
  width: 7px;
  height: 7px;
  border-top: 1px solid #00538D;
  border-right: 1px solid #00538D;
}

@media screen and (min-width: 768px) {
  .page-services-seaf .p-schedule .schedule:after {
    display: block;
    content: '';
    width: calc(33.333% - 15px);
  }

  .page-services-seaf .p-schedule .schedule li {
    width: calc(33.333% - 15px);
  }

  .page-services-seaf .p-schedule .schedule li + li {
    margin-top: 20px;
  }

  .page-services-seaf .p-schedule .schedule li:nth-child(3) {
    margin-top: 0;
  }

  .page-services-seaf .p-schedule .schedule a {
    min-height: 60px;
  }

  .page-services-seaf .p-schedule .schedule a:before {
    left: 7%;
  }
}

@media screen and (min-width: 1024px) {
  .page-services-seaf .p-schedule .schedule:after {
    display: block;
    content: '';
    width: calc(25% - 22.5px);
  }

  .page-services-seaf .p-schedule .schedule:before {
    display: block;
    content: '';
    width: calc(25% - 22.5px);
    order: 100;
  }

  .page-services-seaf .p-schedule .schedule li {
    width: calc(25% - 22.5px);
  }

  .page-services-seaf .p-schedule .schedule li + li {
    margin-top: 20px;
  }

  .page-services-seaf .p-schedule .schedule li:nth-child(4) {
    margin-top: 0;
  }
}

.page-services-seaf .p-instruction {
  background: #F2F2F2;
}

.page-services-seaf .p-instruction .flex * + * {
  margin-top: 20px;
}

.page-services-seaf .p-instruction a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  max-width: 380px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 30px 13px 13px;
  background: #00538D;
  color: #FFF;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.15em;
}

.page-services-seaf .p-instruction a.download {
  margin-top: 15px;
}

.page-services-seaf .p-instruction a.download:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 5%;
  transform: translate(0, -50%);
  width: 22px;
  height: 18px;
  background: url(../images/common/icon_download@2x.png) center/100% no-repeat;
}

.page-services-seaf .p-instruction a.link {
  margin-top: 30px;
}

.page-services-seaf .p-instruction a.link:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 10px;
  transform: translate(0%, -50%);
  width: 20px;
  height: 20px;
  border-radius: 25px;
  background: #FFF;
}

.page-services-seaf .p-instruction a.link:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 18px;
  transform: translate(0%, -50%) rotate(45deg);
  width: 7px;
  height: 7px;
  border-top: 1px solid #00538D;
  border-right: 1px solid #00538D;
}

a.pdf-btn {
  margin-top: 15px;
}

a.pdf-btn:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 5%;
  transform: translate(0, -50%);
  width: 22px;
  height: 18px;
  background: url("../images/common/icon_pdf@2x.png") center/100% no-repeat;
}

@media screen and (min-width: 768px) {
  .page-services-seaf .p-instruction .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 860px;
    margin-right: auto;
    margin-left: auto;
  }

  .page-services-seaf .p-instruction .flex > * {
    width: 50%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .page-services-seaf .p-instruction .flex > * + * {
    margin-top: 0;
  }

  .page-services-seaf .p-instruction a {
    /* min-height: 90px; */
    height: 90px;
    padding: 13px 40px 13px 20px;
    font-size: 17px;
    font-size: 1.0625rem;
  }

  .page-services-seaf .p-instruction a.download {
    margin-top: 20px;
  }

  .page-services-seaf .p-instruction a.link {
    margin-top: 20px;
  }

  .page-services-seaf .p-instruction a.link:before {
    right: 15px;
    width: 25px;
    height: 25px;
  }

  .page-services-seaf .p-instruction a.link:after {
    right: 25px;
  }

  a.pdf-btn {
    margin-top: 20px;
  }

}

@media screen and (min-width: 768px) and (-ms-high-contrast: none),
screen and (min-width: 768px) and (-ms-high-contrast: active) {
  .page-services-seaf .p-instruction {
    /* height: 90px; */
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .page-services-seaf .p-instruction .flex > * {
    width: 50%;
    padding-right: 0;
    padding-left: 0;
  }
}

.page-services-seaf .p-items {
  padding: 20px;
  background: #E0E8ED;
  text-align: center;
}

.page-services-seaf .p-items p {
  color: #00538D;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .page-services-seaf .p-items {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .page-services-seaf .p-items {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .page-services-seaf .p-items p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/*------------------------------------------------------------
  /services/logistics
------------------------------------------------------------*/
.page-services-logistics .p-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 15px;
  background: #E0E8ED;
}

.page-services-logistics .p-service > li {
  position: relative;
  width: calc(50% - 5px);
  max-width: 185px;
}

.page-services-logistics .p-service > li + li {
  margin-left: 10px;
}

.page-services-logistics .p-service > li:nth-child(3),
.page-services-logistics .p-service > li:nth-child(5) {
  margin-left: 0;
}

.page-services-logistics .p-service > li:nth-child(3),
.page-services-logistics .p-service > li:nth-child(4),
.page-services-logistics .p-service > li:nth-child(5),
.page-services-logistics .p-service > li:nth-child(6) {
  margin-top: 10px;
}

.page-services-logistics .p-service .name {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 40px;
  background: #DBC464;
  color: #00538D;
  font-size: 16px;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1;
}

.page-services-logistics .p-service .name:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 12px;
  transform: translate(0%, -50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  transition: transform .2s ease;
}

.page-services-logistics .p-service .name:active:not(:disabled),
.page-services-logistics .p-service .name:hover:not(:disabled) {
  transition: opacity 0.2s ease;
  cursor: pointer;
}

.page-services-logistics .p-service .name:active:not(:disabled):hover,
.page-services-logistics .p-service .name:hover:not(:disabled):hover {
  opacity: 0.7;
}

.page-services-logistics .p-service .name.is-open:after {
  transform: rotate(-135deg);
}

.page-services-logistics .p-service .wrap {
  display: block;
  position: absolute;
  content: '';
  display: none;
  top: 100%;
  left: 0;
  z-index: 1;
  width: 100%;
}

.page-services-logistics .p-service .wrap div {
  margin-top: 1px;
  padding: 15px;
  background: rgba(51, 51, 51, 0.8);
  line-height: 1;
}

.page-services-logistics .p-service .wrap li {
  color: #FFF;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.786;
}

.page-services-logistics .p-service .ttl {
  display: inline-block;
  margin-bottom: 5px;
  padding: 4px 10px;
  background: #00538D;
  color: #FFF;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-services-logistics .p-service > li {
    width: calc(33.333% - 6.666px);
  }

  .page-services-logistics .p-service > li:nth-child(3),
  .page-services-logistics .p-service > li:nth-child(5) {
    margin-left: 10px;
  }

  .page-services-logistics .p-service > li:nth-child(3) {
    margin-top: 0;
  }

  .page-services-logistics .p-service > li:nth-child(4) {
    margin-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .page-services-logistics .p-service {
    padding: 20px 225px;
  }
}

@media screen and (min-width: 1280px) {
  .page-services-logistics .p-service {
    padding-right: 0;
    padding-left: 0;
  }

  .page-services-logistics .p-service > li:nth-child(4) {
    margin-left: 10px;
  }

  .page-services-logistics .p-service > li:nth-child(4),
  .page-services-logistics .p-service > li:nth-child(5),
  .page-services-logistics .p-service > li:nth-child(6) {
    margin-top: 0;
  }

  .page-services-logistics .p-service .name {
    height: 50px;
    font-size: 20px;
    font-size: 1rem;
  }
}

.page-services-logistics .p-case.bg {
  background: #E0E8ED;
}

.page-services-logistics .p-case .after {
  position: relative;
  margin-top: 50px;
}

.page-services-logistics .p-case .after:before {
  display: block;
  position: absolute;
  content: '';
  top: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  border-top: 13px solid #DBC464;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}

.page-services-logistics .p-case .ttl {
  margin-top: 30px;
  color: #00538D;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.09em;
  text-align: center;
}

.page-services-logistics .p-case .ttl span {
  font-size: 14px;
  font-size: 0.875rem;

}

.page-services-logistics .p-case .text {
  margin-top: 15px;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
}

.page-services-logistics .p-case .border-box {
  max-width: 840px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 4% 15px;
  border: 1px solid #000000;
}

.page-services-logistics .p-case .border-box p {
  margin-top: -21px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-align: center;
}

.page-services-logistics .p-case .border-box p span {
  display: inline-block;
  padding: 0 20px;
  background: #E0E8ED;
}

.page-services-logistics .p-case .border-box li {
  padding-left: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 0.09em;
  text-indent: -10px;
}

.page-services-logistics .p-case .border-box li + li {
  margin-top: 5px;
}

.page-services-logistics .p-case .white-box {
  max-width: 500px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 15px;
  background: #FFF;
  text-align: center;
}

.page-services-logistics .p-case .white-box .after:before {
  border-top: 18px solid #DBC464;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
}

.page-services-logistics .p-case .white-box .ttl {
  margin-top: 0;
  margin-bottom: 15px;
}

.page-services-logistics .p-case .white-box img {
  width: 100%;
  max-width: 430px;
}

.page-services-logistics .p-case .ttl span.c_blue {
  padding: 2px 12px;
  background-color: #DBC464;
  color: #00538D;
}

@media screen and (min-width: 1024px) {
  .page-services-logistics .p-case .after {
    margin-top: 100px;
  }

  .page-services-logistics .p-case .after:before {
    top: -55px;
    border-top: 18px solid #DBC464;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
  }

  .page-services-logistics .p-case .ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }

  .page-services-logistics .p-case .ttl span {
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .page-services-logistics .p-case .ttl span.c_black,
  .page-services-logistics .p-case .ttl span.c_blue {
    font-size: 18px;
    font-size: 1.125rem;
  }

  .page-services-logistics .p-case .ttl span.c_black {
    color: #000000;
  }

  .page-services-logistics .p-case .ttl span.c_blue {
    padding: 2px 12px;
    background-color: #DBC464;
    color: #00538D;
  }

  .page-services-logistics .p-case .text {
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .page-services-logistics .p-case .border-box {
    margin-top: 45px;
    padding-top: 0;
  }

  .page-services-logistics .p-case .border-box p {
    margin-top: -22px;
    font-size: 18px;
    font-size: 1.125rem;
  }

  .page-services-logistics .p-case .border-box ul {
    margin-top: -5px;
  }

  .page-services-logistics .p-case .border-box li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.928;
  }

  .page-services-logistics .p-case .border-box li + li {
    margin-top: 0;
  }

  .page-services-logistics .p-case .white-box {
    margin-top: 60px;
    max-width: 1160px;
    padding: 50px 20px;
    margin: auto;
    text-align: center;
  }

  .page-services-logistics .p-case .white-box .ttl {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1280px) {
  .page-services-logistics .p-case .white-box {
    margin-top: 120px;
    padding-right: 90px;
    padding-left: 90px;
  }
}

/*------------------------------------------------------------
  /services/moving
------------------------------------------------------------*/
.page-services-moving .p-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.page-services-moving .p-service li {
  position: relative;
  width: calc(50% - 7.5px);
}

.page-services-moving .p-service li + li {
  margin-top: 15px;
}

.page-services-moving .p-service li:nth-child(2) {
  margin-top: 0;
}

.page-services-moving .p-service figure {
  position: relative;
}

.page-services-moving .p-service figure:after {
  opacity: 0.1;
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
}

.page-services-moving .p-service img {
  width: 100%;
}

.page-services-moving .p-service figcaption {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: fit-content;
  color: #FFF;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 500;
  line-height: 1.333;
  text-align: center;
}

.page-services-moving .p-service .note {
  margin-top: 5px;
  color: #707070;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.786;
}

@media screen and (min-width: 768px) {
  .page-services-moving .p-service li {
    width: calc(33.333% - 10px);
  }

  .page-services-moving .p-service li:nth-child(3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .page-services-moving .p-service li {
    width: calc(33.333% - 13.333px);
    max-width: 346px;
  }

  .page-services-moving .p-service li + li {
    margin-top: 20px;
  }

  .page-services-moving .p-service li:nth-child(3) {
    margin-top: 0;
  }

  .page-services-moving .p-service figcaption {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .page-services-moving .p-service .note {
    margin-top: 10px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

@media screen and (min-width: 1280px) {
  .page-services-moving .p-service li + li {
    margin-top: 60px;
  }
}

.page-services-moving .p-network {
  border-top: 1px solid #707070;
}

.page-services-moving .p-network .lead {
  font-weight: 500;
  letter-spacing: 0.09em;
  text-align: center;
}

.page-services-moving .p-voice {
  background: #edf1f8;
}

.page-services-moving .p-voice li {
  margin-top: 45px;
  padding: 15px;
  background: #FFF;
}

.page-services-moving .p-voice .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 200px;
  height: 40px;
  margin-top: -15px;
  margin-right: auto;
  margin-left: auto;
  transform: translate(0, -50%);
  background: #DBC464;
  color: #00538D;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0.25em;
}

.page-services-moving .p-voice .ttl:after {
  display: block;
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  border-top: 13px solid #DBC464;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.page-services-moving .p-voice .text {
  display: inline;
  margin-top: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #DBC464;
  letter-spacing: 0.09em;
  line-height: 2.5;
}

@media screen and (min-width: 768px) {
  .page-services-moving .p-voice ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .page-services-moving .p-voice li {
    width: calc(50% - 10px);
  }

  .page-services-moving .p-voice li:nth-child(2n) {
    margin-left: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .page-services-moving .p-voice ul {
    margin-top: -25px;
  }

  .page-services-moving .p-voice li {
    width: calc(50% - 15px);
    margin-top: 65px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
  }

  .page-services-moving .p-voice li:nth-child(2n) {
    margin-left: 30px;
  }

  .page-services-moving .p-voice .ttl {
    margin-bottom: -10px;
    width: 260px;
    height: 60px;
    font-size: 22px;
    font-size: 1.375rem;
  }

  .page-services-moving .p-voice .ttl:after {
    border-top: 15px solid #DBC464;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
  }

  .page-services-moving .p-voice .text {
    margin-top: -10px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 3;
  }
}

.page-services-moving .p-faq li {
  padding: 15px 15px 15px 50px;
  background: #E0E8ED;
  cursor: pointer;
}

.page-services-moving .p-faq li + li {
  margin-top: 15px;
}

.page-services-moving .p-faq .question {
  position: relative;
  padding-right: 50px;
  color: #00538D;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.09em;
}

.page-services-moving .p-faq .question.is-open button:after {
  opacity: 0;
}

.page-services-moving .p-faq .num {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: -35px;
}

.page-services-moving .p-faq button {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 5px;
  width: 30px;
  height: 30px;
  transform: translate(0%, -50%);
  background: #00538D;
}

.page-services-moving .p-faq button:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 1px;
  background: #FFF;
}

.page-services-moving .p-faq button:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 10px;
  background: #FFF;
  transition: opacity .2s ease;
}

.page-services-moving .p-faq button:hover {
  opacity: 1;
}

.page-services-moving .p-faq .answer {
  display: none;
  letter-spacing: 0.09em;
}

@media screen and (min-width: 1024px) {
  .page-services-moving .p-faq li {
    padding: 40px 40px 40px 80px;
  }

  .page-services-moving .p-faq .question {
    font-size: 20px;
    font-size: 1.25rem;
  }

  .page-services-moving .p-faq button {
    top: 50%;
    right: 0;
    width: 50px;
    height: 50px;
    transform: translate(0%, -50%);
    background: #00538D;
  }

  .page-services-moving .p-faq button:before {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 2px;
    background: #FFF;
  }

  .page-services-moving .p-faq button:after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2px;
    height: 20px;
    background: #FFF;
    transition: opacity .2s ease;
  }

  .page-services-moving .p-faq button:hover {
    opacity: 1;
  }
}

/*------------------------------------------------------------
  /services/other
------------------------------------------------------------*/
.page-services-other .p-composite {
  border-top: 1px solid #707070;
}

.page-services-other .p-composite .lead {
  font-weight: 500;
  letter-spacing: 0.09em;
  text-align: center;
}

.page-services-other .p-composite .list {
  padding: 15px;
  background: #E0E8ED;
}

.page-services-other .p-composite .list li {
  position: relative;
  padding-left: 1em;
}

.page-services-other .p-composite .list li + li {
  margin-top: 5px;
}

.page-services-other .p-composite .list li:before {
  display: block;
  position: absolute;
  content: '';
  top: 6px;
  left: 0;
  width: 3px;
  height: 14px;
  background: #00538D;
}

.page-services-other .p-composite .text {
  margin-top: 10px;
  text-align: center;
}

.page-services-other .p-composite .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.page-services-other .p-composite .tabs li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 32.7%;
  padding: 10px;
  background: #edf1f8;
  color: #A2B6B9;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.15em;
  text-align: center;
  transition: background .2s ease, color .2s ease;
  cursor: pointer;
}

.page-services-other .p-composite .tabs li.is-current {
  background: #00538D;
  color: #FFF;
}

.page-services-other .p-composite .imgs {
  position: relative;
}

.page-services-other .p-composite .imgs .imgs-item {
  opacity: 0;
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  transition: opacity .2s ease;
}

.page-services-other .p-composite .imgs .imgs-item img {
  max-width: 100%;
  width: 100%;

}

.page-services-other .p-composite .imgs .imgs-item.is-current {
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  .page-services-other .p-composite .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    padding: 60px 5%;
  }

  .page-services-other .p-composite .list li {
    width: 50%;
    padding-right: 20px;
    line-height: 2;
  }

  .page-services-other .p-composite .list.en li {
    width: 100%;
  }

  .page-services-other .p-composite .list li:nth-child(2) {
    margin-top: 0;
  }

  .page-services-other .p-composite .list li:before {
    display: block;
    position: absolute;
    content: '';
    top: 12px;
  }

  .page-services-other .p-composite .menu {
    height: 275px;
  }

  .page-services-other .p-composite .menu.en {
    height: auto;
    max-height: auto;
  }

  .page-services-other .p-composite .example li {
    width: 100%;
  }

  .page-services-other .p-composite .tabs li {
    height: 70px;
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

.page-services-other .p-cross {
  background: #E0E8ED;
}

.page-services-other .p-cross .flex,
.page-services-other .p-cross .flex-rev {
  padding: 25px 15px;
  background: #FFF;
}

.page-services-other .p-cross .text-wrap {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .page-services-other .p-cross .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .page-services-other .p-cross .flex > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 50%;
  }

  .page-services-other .p-cross .flex .text-wrap {
    padding-left: 3%;
  }

  .page-services-other .p-cross .flex-rev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .page-services-other .p-cross .flex-rev > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 50%;
  }

  @media all and (-ms-high-contrast: none) {

    .page-services-other .p-cross .flex-rev figure,
    .page-services-other .p-cross .flex-rev img {
      width: 100%;
    }
  }

  .page-services-other .p-cross .flex-rev .text-wrap {
    padding-right: 3%;
  }

  .page-services-other .p-cross .text-wrap {
    margin-top: 0;
  }

  .page-services-other .p-cross .btn {
    margin-left: 0;
  }
}

@media screen and (min-width: 1024px) {

  .page-services-other .p-cross .flex,
  .page-services-other .p-cross .flex-rev {
    padding-right: 3%;
    padding-left: 3%;
  }
}

/*------------------------------------------------------------
  /purpose/cargo
------------------------------------------------------------*/
.page-purpose-cargo .p-subject h3 {
  color: #00538D;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.09em;
  text-align: center;
}

.page-purpose-cargo .p-subject ul {
  margin-top: 20px;
}

@media screen and (min-width: 1024px) {
  .page-purpose-cargo .p-subject h3 {
    font-size: 37px;
    font-size: 2.3125rem;
  }

  .page-purpose-cargo .p-subject ul {
    margin-top: 40px;
  }
}

.page-purpose-cargo .p-case {
  background: #F2F2F2;
}

.page-purpose-cargo .p-case .image-box {
  background: #FFF;
}

.page-purpose-cargo .p-case .image-box + .image-box {
  margin-top: 15px;
}

.page-purpose-cargo .p-case .image-box img {
  width: 100%;
}

.page-purpose-cargo .p-case .text-wrap {
  background: #FFF;
  padding: 15px;
}

.page-purpose-cargo .p-case .flex {
  margin-top: 15px;
}

.page-purpose-cargo .p-case .subject {
  padding: 15px;
  border: 2px solid #00A090;
  background: #FFF;
}

.page-purpose-cargo .p-case .subject .ttl {
  color: #00A090;
}

.page-purpose-cargo .p-case .solution {
  position: relative;
  margin-top: 30px;
  padding: 15px;
  border: 2px solid #00538D;
  background: #FFF;
}

.page-purpose-cargo .p-case .solution:before {
  display: block;
  position: absolute;
  content: '';
  top: -21px;
  left: 50%;
  transform: translate(-50%, 0);
  border-right: 11px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 11px solid transparent;
  border-top: 12px solid #DBC464;
}

.page-purpose-cargo .p-case .solution .ttl {
  color: #00538D;
}

.page-purpose-cargo .p-case .ttl {
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 1.5;
}

.page-purpose-cargo .p-case li {
  position: relative;
  padding-left: 1em;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.666;
  letter-spacing: 0.09em;
}

.page-purpose-cargo .p-case li + li {
  margin-top: 5px;
}

.page-purpose-cargo .p-case li:before {
  display: block;
  position: absolute;
  content: '';
  top: 12px;
  left: 5px;
  transform: translate(0, -50%);
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #DBC464;
}

@media screen and (min-width: 768px) {
  .page-purpose-cargo .p-case .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .page-purpose-cargo .p-case .flex .image-box {
    width: calc(50% - 7.5px);
  }

  .page-purpose-cargo .p-case .flex .image-box + .image-box {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .page-purpose-cargo .p-case .flex {
    margin-top: 40px;
  }

  .page-purpose-cargo .p-case .flex .image-box {
    width: calc(50% - 20px);
  }

  .page-purpose-cargo .p-case .ttl {
    font-size: 21px;
    font-size: 1.3125rem;
  }

  .page-purpose-cargo .p-case .subject {
    padding: 20px;
  }

  .page-purpose-cargo .p-case .solution {
    margin-top: 50px;
    padding: 20px;
  }

  .page-purpose-cargo .p-case .solution:before {
    top: -32px;
    border-right-width: 15px;
    border-bottom-width: 16px;
    border-left-width: 15px;
    border-top-width: 16px;
  }

  .page-purpose-cargo .p-case .ttl {
    margin-bottom: 15px;
  }

  .page-purpose-cargo .p-case li {
    font-size: 17px;
    font-size: 1.0625rem;
  }

  .page-purpose-cargo .p-case li + li {
    margin-top: 10px;
  }
}

/*------------------------------------------------------------
  /purpose/mol-coilporter
------------------------------------------------------------*/
.page-purpose-mol-coilporter .p-coilporter {
  background: #edf1f8;
}

.page-purpose-mol-coilporter .p-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 420px;
  margin: 30px auto 0;
}

.page-purpose-mol-coilporter .p-feature li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 29vw;
  max-width: 130px;
  height: 29vw;
  max-height: 130px;
  padding-bottom: 10px;
  border-radius: 100%;
  background: #00538D;
  color: #FFF;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  text-align: center;
}

.page-purpose-mol-coilporter .p-feature .num {
  display: inline-block;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #DBC464;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.page-purpose-mol-coilporter .p-feature .text {
  display: block;
}

@media screen and (min-width: 1024px) {
  .page-purpose-mol-coilporter .p-feature {
    max-width: 600px;
    margin-top: 60px;
  }

  .page-purpose-mol-coilporter .p-feature li {
    max-width: 180px;
    max-height: 180px;
  }

  .page-purpose-mol-coilporter .p-feature .num {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom-width: 2px;
    font-size: 20px;
    font-size: 1.25rem;
  }

  .page-purpose-mol-coilporter .p-feature .text {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.page-purpose-mol-coilporter .p-comparison-table {
  width: 100%;
  margin-top: 20px;
  table-layout: fixed;
}

.page-purpose-mol-coilporter .p-comparison-table th:nth-child(2),
.page-purpose-mol-coilporter .p-comparison-table td:nth-child(2) {
  width: 130px;
}

.page-purpose-mol-coilporter .p-comparison-table td:nth-child(2) {
  background: #d0d0d0;
}

.page-purpose-mol-coilporter .p-comparison-table tr:nth-child(2) td:nth-child(2) {
  background: none;
}

.page-purpose-mol-coilporter .p-comparison-table th {
  padding: 2px 0 4px;
  color: #FFF;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  text-align: center;
}

.page-purpose-mol-coilporter .p-comparison-table th:nth-child(1) {
  background: #707070;
}

.page-purpose-mol-coilporter .p-comparison-table th:nth-child(3) {
  background: #00A090;
}

.page-purpose-mol-coilporter .p-comparison-table td {
  padding: 2px 8px 4px;
}

.page-purpose-mol-coilporter .p-comparison-table td:nth-child(1) {
  background: #FFF;
}

.page-purpose-mol-coilporter .p-comparison-table td:nth-child(2) {
  line-height: 1.3;
  text-align: center;
}

.page-purpose-mol-coilporter .p-comparison-table td:nth-child(3) {
  background: #00A090;
  color: #FFF;
}

.page-purpose-mol-coilporter .p-comparison-table .img {
  overflow: hidden;
}

.page-purpose-mol-coilporter .p-comparison-table .img td {
  padding: 0;
}

.page-purpose-mol-coilporter .p-comparison-table .img td.arrow {
  padding-right: 2px;
  padding-left: 2px;
}

.page-purpose-mol-coilporter .p-comparison-table .space {
  padding: 1px 0 3px;
  background: #edf1f8;
  color: #FFF;
  font-weight: 500;
  line-height: 1.786;
  text-align: center;
}

.page-purpose-mol-coilporter .p-comparison-table .space td {
  background: #edf1f8;
}

@media screen and (min-width: 768px) {
  .page-purpose-mol-coilporter .p-comparison-table td {
    padding: 9px 20px 11px;
  }

  .page-purpose-mol-coilporter .p-comparison-table th:nth-child(2),
  .page-purpose-mol-coilporter .p-comparison-table td:nth-child(2) {
    /* max-width: 100px; */
  }

  .page-purpose-mol-coilporter .p-comparison-table td:nth-child(2) {
    vertical-align: middle;
  }

  .page-purpose-mol-coilporter .p-comparison-table .img td.arrow {
    padding-right: 10px;
    padding-left: 10px;
  }

  .page-purpose-mol-coilporter .p-comparison-table .space td {
    padding: 1px 0 3px;
  }
}

@media screen and (min-width: 1024px) {
  .page-purpose-mol-coilporter .p-comparison-table {
    margin-top: 40px;
  }

  .page-purpose-mol-coilporter .p-comparison-table th {
    padding: 0 0 2px;
    font-size: 18px;
    font-size: 1.125rem;
  }

  .page-purpose-mol-coilporter .p-comparison-table td {
    padding: 18px 15px 22px;
  }

  .page-purpose-mol-coilporter .p-comparison-table th:nth-child(2),
  .page-purpose-mol-coilporter .p-comparison-table td:nth-child(2) {
    width: 110px;
  }

  .page-purpose-mol-coilporter.en .p-comparison-table th:nth-child(2),
  .page-purpose-mol-coilporter.en .p-comparison-table td:nth-child(2) {
    width: 140px;
  }
}

/*
.page-purpose-mol-coilporter .p-video {
  position: relative;
}

.page-purpose-mol-coilporter .p-video button {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
}
*/

.page-purpose-mol-coilporter .p-video a img {
  transition: 0.5s;
}

.page-purpose-mol-coilporter .p-video a:hover img {
  opacity: 0.7;
}


@media screen and (min-width: 1024px) {
  .page-purpose-mol-coilporter .p-video button {
    width: 180px;
    height: 180px;
  }
}

.page-purpose-mol-coilporter .p-transport .image-box {
  margin-top: 15px;
}

.page-purpose-mol-coilporter .p-transport .image-box img {
  width: 100%;
}

.page-purpose-mol-coilporter .p-transport .text-wrap {
  background: #00538D;
  padding: 15px;
  color: #FFF;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-purpose-mol-coilporter .p-transport .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .page-purpose-mol-coilporter .p-transport .image-box {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }

  .page-purpose-mol-coilporter .p-transport .image-box + .image-box .text-wrap {
    border-left: 2px solid #FFF;
  }
}

@media screen and (min-width: 1024px) {
  .page-purpose-mol-coilporter .p-transport .flex {
    margin-bottom: 40px;
  }
}

/*------------------------------------------------------------
  /purpose/dangerous-goods
------------------------------------------------------------*/
.page-purpose-dangerous-goods .gray-box {
  padding: 20px 15px 25px;
  background: #edf1f8;
}

@media screen and (min-width: 1024px) {
  .page-purpose-dangerous-goods .gray-box {
    padding: 30px 7% 35px;
  }
}

.page-purpose-dangerous-goods .border-box {
  padding: 15px;
  border: 1px solid #00538D;
  color: #00538D;
}

.page-purpose-dangerous-goods .img-wrap {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 1024px) {
  .page-purpose-dangerous-goods .img-wrap {
    max-width: 740px;
  }
}

.page-purpose-dangerous-goods .p-color-table {
  width: 100%;
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  border-collapse: separate;
}

.page-purpose-dangerous-goods .p-color-table th,
.page-purpose-dangerous-goods .p-color-table td {
  padding: 10px;
  border: 1px solid #FFF;
  border-top-width: 4px;
  line-height: 1.5;
  vertical-align: middle;
}

.page-purpose-dangerous-goods .p-color-table th {
  border-bottom-width: 6px;
  background: #DBC464;
  color: #FFF;
  font-size: 15px;
  font-size: 0.9375rem;
  text-align: left;
}

.page-purpose-dangerous-goods .p-color-table td:nth-child(1) {
  background: #00538D;
  color: #FFF;
  font-weight: 500;
}

.page-purpose-dangerous-goods .p-color-table td:nth-child(2) {
  background: #edf1f8;
}

@media screen and (min-width: 1024px) {

  .page-purpose-dangerous-goods .p-color-table th,
  .page-purpose-dangerous-goods .p-color-table td {
    padding: 17px 20px;
  }

  .page-purpose-dangerous-goods .p-color-table th {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/*------------------------------------------------------------
  /purpose/semiconductor
------------------------------------------------------------*/
/*------------------------------------------------------------
  /purpose/medical
------------------------------------------------------------*/
/*------------------------------------------------------------
  /purpose/food
------------------------------------------------------------*/
/*------------------------------------------------------------
  /network
------------------------------------------------------------*/
.page-network .are:before {
  background-image: url(../images/network/icon_are.png) !important;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-network .are:before {
    background-image: url(../images/network/icon_are@2x.png) !important;
  }
}

.page-network .can:before {
  background-image: url(../images/network/icon_can.svg) !important;
}

.page-network .chn:before {
  background-image: url(../images/network/icon_chn.svg) !important;
}

.page-network .cze:before {
  background-image: url(../images/network/icon_cze.svg) !important;
}

.page-network .deu:before {
  background-image: url(../images/network/icon_deu.svg) !important;
}

.page-network .fra:before {
  background-image: url(../images/network/icon_fra.svg) !important;
}

.page-network .gbr:before {
  background-image: url(../images/network/icon_gbr.svg) !important;
}

.page-network .hkg:before {
  background-image: url(../images/network/icon_hkg.png) !important;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .page-network .hkg:before {
    background-image: url(../images/network/icon_hkg@2x.png) !important;
  }
}

.page-network .idn:before {
  background-image: url(../images/network/icon_idn.svg) !important;
}

.page-network .ind:before {
  background-image: url(../images/network/icon_ind.svg) !important;
}

.page-network .ita:before {
  background-image: url(../images/network/icon_ita.svg) !important;
}

.page-network .jpn:before {
  background-image: url(../images/network/icon_jpn.svg) !important;
}

.page-network .ken:before {
  background-image: url(../images/network/icon_ken.svg) !important;
}

.page-network .khm:before {
  background-image: url(../images/network/icon_khm.svg) !important;
}

.page-network .lka:before {
  background-image: url(../images/network/icon_lka.svg) !important;
}

.page-network .mex:before {
  background-image: url(../images/network/icon_mex.png) !important;
}

.page-network .mmr:before {
  background-image: url(../images/network/icon_mmr.svg) !important;
}

.page-network .mys:before {
  background-image: url(../images/network/icon_mys.svg) !important;
}

.page-network .nld:before {
  background-image: url(../images/network/icon_nld.svg) !important;
}

.page-network .phl:before {
  background-image: url(../images/network/icon_phl.svg) !important;
}

.page-network .pol:before {
  background-image: url(../images/network/icon_pol.svg) !important;
}

.page-network .sgp:before {
  background-image: url(../images/network/icon_sgp.svg) !important;
}

.page-network .tha:before {
  background-image: url(../images/network/icon_tha.svg) !important;
}

.page-network .twn:before {
  background-image: url(../images/network/icon_twn.svg) !important;
}

.page-network .usa:before {
  background-image: url(../images/network/icon_usa.svg) !important;
}

.page-network .vnm:before {
  background-image: url(../images/network/icon_vnm.svg) !important;
}

.page-network .modaal-wrapper .header-img img,
.page-network .p-network .header-img img {
  width: 100%;
}

.page-network .modaal-wrapper .tabs,
.page-network .p-network .tabs {
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
}

.page-network .modaal-wrapper .tabs li + li,
.page-network .p-network .tabs li + li {
  margin-top: 5px;
}

.page-network .modaal-wrapper .tabs.sp-two-columns,
.page-network .p-network .tabs.sp-two-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.page-network .modaal-wrapper .tabs.sp-two-columns li,
.page-network .p-network .tabs.sp-two-columns li {
  width: 49%;
}

.page-network .modaal-wrapper .tabs.sp-two-columns li:nth-child(2),
.page-network .p-network .tabs.sp-two-columns li:nth-child(2) {
  margin-top: 0;
}

.page-network .modaal-wrapper .tabs a,
.page-network .modaal-wrapper .tabs button,
.page-network .p-network .tabs a,
.page-network .p-network .tabs button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 36px;
  padding-left: 45px;
  background-color: #E0E8ED;
  background-image: radial-gradient(#FFF 15%, transparent 15%), radial-gradient(#FFF 15%, transparent 15%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
  color: #00538D;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.09em;
  text-align: left;
}

.page-network .modaal-wrapper .tabs a:hover,
.page-network .modaal-wrapper .tabs button:hover,
.page-network .p-network .tabs a:hover,
.page-network .p-network .tabs button:hover {
  opacity: 1;
}

.page-network .modaal-wrapper .tabs a.is-current,
.page-network .modaal-wrapper .tabs button.is-current,
.page-network .p-network .tabs a.is-current,
.page-network .p-network .tabs button.is-current {
  background-color: #00538D;
  background-image: radial-gradient(#276498 15%, transparent 15%), radial-gradient(#276498 15%, transparent 15%);
  color: #FFF;
}

.page-network .modaal-wrapper .tabs a:before,
.page-network .modaal-wrapper .tabs button:before,
.page-network .p-network .tabs a:before,
.page-network .p-network .tabs button:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: center / 100% no-repeat;
}

.page-network .modaal-wrapper .tabs a:after,
.page-network .modaal-wrapper .tabs button:after,
.page-network .p-network .tabs a:after,
.page-network .p-network .tabs button:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  border-top: 5px solid #7FA9C9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.page-network .modaal-wrapper .country-wrap,
.page-network .p-network .country-wrap {
  overflow: scroll;
  position: relative;
  height: calc(100vh - 185px);
  max-height: 100%;
}

.page-network .modaal-wrapper .country,
.page-network .p-network .country {
  display: none;
}

.page-network .modaal-wrapper section + section,
.page-network .p-network section {
  margin-top: 60px;
}

.page-network .modaal-wrapper h4,
.page-network .p-network h4 {
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0.09em;
  padding: 4px 16px;
  background: #00538D;
  color: #FFF;
  display: inline-block;
}

.page-network .modaal-wrapper .offices li + li,
.page-network .p-network .offices li + li {
  margin-top: 20px;
}

.page-network .modaal-wrapper .one-column,
.page-network .p-network .one-column {
  display: block;
  line-height: 1.5;
  text-align: left;
}

.page-network .modaal-wrapper .one-column caption,
.page-network .modaal-wrapper .one-column tbody,
.page-network .modaal-wrapper .one-column tr,
.page-network .modaal-wrapper .one-column th,
.page-network .modaal-wrapper .one-column td,
.page-network .p-network .one-column caption,
.page-network .p-network .one-column tbody,
.page-network .p-network .one-column tr,
.page-network .p-network .one-column th,
.page-network .p-network .one-column td {
  display: block;
  line-height: 1.4;
  text-align: left;
}

.page-network .modaal-wrapper table,
.page-network .p-network table {
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.page-network .modaal-wrapper caption,
.page-network .p-network caption {
  padding-bottom: 1rem;
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}

.page-network .modaal-wrapper th,
.page-network .modaal-wrapper td,
.page-network .p-network th,
.page-network .p-network td {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}

.page-network .modaal-wrapper th,
.page-network .p-network th {
  padding-top: 6px;
  color: #00538D;
  text-align: left;
}

.page-network .modaal-wrapper td,
.page-network .p-network td {
  padding-bottom: 6px;
  border-bottom: 1px dotted #c4c2c3;
}

.page-network .modaal-wrapper td a,
.page-network .p-network td a {
  color: #00538D;
}

.page-network .modaal-wrapper .table,
.page-network .p-network .table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
}

.page-network .modaal-wrapper .table th,
.page-network .modaal-wrapper .table td,
.page-network .p-network .table th,
.page-network .p-network .table td {
  padding: 6px 5px;
  border-bottom: 1px dotted #c4c2c3;
}

.page-network .modaal-wrapper .img-wrap,
.page-network .p-network .img-wrap {
  overflow: hidden;
  margin-top: 10px;
}

.page-network .modaal-wrapper .img-wrap img,
.page-network .p-network .img-wrap img {
  width: 100%;
  transform: scale(1.02);
}

@media screen and (min-width: 768px) {

  .page-network .modaal-wrapper .tabs,
  .page-network .p-network .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 670px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
  }

  .page-network .modaal-wrapper .tabs.sp-two-columns,
  .page-network .p-network .tabs.sp-two-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .page-network .modaal-wrapper .tabs.sp-two-columns li,
  .page-network .p-network .tabs.sp-two-columns li {
    width: 210px;
  }

  .page-network .modaal-wrapper .tabs.after:after,
  .page-network .p-network .tabs.after:after {
    display: block;
    content: '';
    width: 460px;
  }

  .page-network .modaal-wrapper .tabs li,
  .page-network .p-network .tabs li {
    width: 210px;
  }

  .page-network .modaal-wrapper .tabs li + li,
  .page-network .p-network .tabs li + li {
    margin-top: 10px;
  }

  .page-network .modaal-wrapper .tabs li:nth-child(2),
  .page-network .modaal-wrapper .tabs li:nth-child(3),
  .page-network .p-network .tabs li:nth-child(2),
  .page-network .p-network .tabs li:nth-child(3) {
    margin-top: 0;
  }

  .page-network .modaal-wrapper .tabs li:nth-child(3n+2),
  .page-network .modaal-wrapper .tabs li:nth-child(3n),
  .page-network .p-network .tabs li:nth-child(3n+2),
  .page-network .p-network .tabs li:nth-child(3n) {
    margin-left: 20px;
  }

  .page-network .modaal-wrapper .offices li,
  .page-network .p-network .offices li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .page-network .modaal-wrapper .offices li + li,
  .page-network .p-network .offices li + li {
    margin-top: 60px;
  }

  .page-network .modaal-wrapper .text-wrap,
  .page-network .p-network .text-wrap {
    width: 56%;
  }

  .page-network .modaal-wrapper .one-column,
  .page-network .p-network .one-column {
    display: table;
    width: 100%;
    border-collapse: initial;
  }

  .page-network .modaal-wrapper .one-column caption,
  .page-network .p-network .one-column caption {
    display: table-caption;
  }

  .page-network .modaal-wrapper .one-column tbody,
  .page-network .p-network .one-column tbody {
    display: table-row-group;
  }

  .page-network .modaal-wrapper .one-column tr,
  .page-network .p-network .one-column tr {
    display: table-row;
  }

  .page-network .modaal-wrapper .one-column th,
  .page-network .modaal-wrapper .one-column td,
  .page-network .p-network .one-column th,
  .page-network .p-network .one-column td {
    display: table-cell;
  }

  .page-network .modaal-wrapper caption,
  .page-network .p-network caption {
    /*    padding: 7px 10px;*/
  }

  .page-network .modaal-wrapper th,
  .page-network .modaal-wrapper td,
  .page-network .p-network th,
  .page-network .p-network td {
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .page-network .modaal-wrapper th,
  .page-network .p-network th {
    width: 130px;
    border-bottom: 1px dotted #c4c2c3;
  }

  .page-network .modaal-wrapper .table,
  .page-network .p-network .table {
    display: table;
    width: 100%;
    border-collapse: initial;
  }

  .page-network .modaal-wrapper .img-wrap,
  .page-network .p-network .img-wrap {
    width: 42%;
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {

  .page-network .modaal-wrapper .text-wrap,
  .page-network .p-network .text-wrap {
    width: 69%;
  }

  .page-network .modaal-wrapper .img-wrap,
  .page-network .p-network .img-wrap {
    width: 29%;
  }
}

.page-network .p-network .sp-network {
  padding: 40px 0;
  background: #edf1f8;
}

.page-network .p-network .sp-network ul {
  width: 72.5%;
  margin: 0 auto;
}

.page-network .p-network .sp-network li + li {
  margin-top: 5px;
}

.page-network .p-network .sp-network button {
  position: relative;
  width: 100%;
  height: 40px;
  padding-left: 32px;
  background-color: rgba(255, 255, 255, 0.85);
  background-image: radial-gradient(#FFF 15%, transparent 15%), radial-gradient(#FFF 15%, transparent 15%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  letter-spacing: 0;
  text-align: left;
}

.page-network .p-network .sp-network button:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  width: 18px;
  height: 20px;
  background: url(../images/network/icon_pin.svg) center/100% no-repeat !important;
}

.page-network .p-network .sp-network button:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #7FA9C9;
}

.page-network .p-network .pc-network {
  display: none;
}

.page-network .p-network .modal {
  display: none;
}

@media screen and (min-width: 768px) {
  .page-network .p-network .sp-network {
    display: none;
  }

  .page-network .p-network .pc-network {
    display: block;
  }

  .page-network .p-network .map {
    width: 100%;
  }

  .page-network .p-network area:hover {
    cursor: pointer;
  }

  .page-network .p-network .countries {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 550px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .page-network .p-network .countries > li {
    width: 23%;
  }

  .page-network .p-network .countries > li:nth-child(2),
  .page-network .p-network .countries > li:nth-child(6) {
    margin-top: 65px;
  }

  .page-network .p-network .countries > li:nth-child(4) {
    margin-bottom: 100px;
  }

  .page-network .p-network .countries > li > button {
    position: relative;
    margin-bottom: 16px;
    padding-left: 25px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 1;
    letter-spacing: 0;
    text-align: left;
  }

  .page-network .p-network .countries > li > button:before {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 25px;
    height: 30px;
    background: url(../images/network/icon_pin.svg) center/100% no-repeat !important;
  }

  .page-network .p-network .countries > li li + li {
    margin-top: 10px;
  }

  .page-network .p-network .countries > li li button {
    position: relative;
    width: 100%;
    height: 36px;
    padding-left: 32px;
    background-color: #00538D;
    background-image: radial-gradient(#276498 15%, transparent 15%), radial-gradient(#276498 15%, transparent 15%);
    background-position: 0 0, 3px 3px;
    background-size: 6px 6px;
    color: #FFF;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.15em;
    text-align: left;
  }

  .page-network .p-network .countries > li li button:before {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    width: 16px;
    height: 16px;
    background: center / 100% no-repeat;
  }

  .page-network .p-network .countries > li li button:after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #7FA9C9;
  }
}

@media screen and (min-width: 1024px) {
  .page-network .p-network .countries {
    height: 660px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .page-network .p-network .countries > li {
    width: 21%;
  }

  .page-network .p-network .countries > li:nth-child(2),
  .page-network .p-network .countries > li:nth-child(6) {
    margin-top: 62px;
  }

  .page-network .p-network .countries > li > button {
    padding-left: 40px;
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .page-network .p-network .countries > li > button:before {
    width: 36px;
    height: 40px;
  }
}

.page-network .p-logistics .img {
  width: 100%;
}

.page-network .p-logistics .copy {
  color: #00538D;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.821;
  text-align: center;
}

.page-network .p-logistics section {
  background: #E0E8ED;
}

.page-network .p-logistics h4 {
  margin-bottom: 20px;
  color: #00538D;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.821;
  text-align: center;
}

.page-network .p-logistics li + li {
  margin-top: 10px;
}

.page-network .p-logistics .num {
  padding-left: 15px;
  color: #c4c2c3;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0.09em;
}

.page-network .p-logistics .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 20px 0;
  background: #FFF;
}

.page-network .p-logistics .inner figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 25%;
}

.page-network .p-logistics .inner p {
  width: 75%;
  padding-right: 15px;
}

.page-network .p-logistics .icon_01 {
  width: 32px;
}

.page-network .p-logistics .icon_02 {
  width: 58px;
}

.page-network .p-logistics .icon_03 {
  width: 42px;
}

.page-network .p-logistics .icon_04 {
  width: 40px;
}

.page-network .p-logistics .icon_05 {
  width: 51px;
}

@media screen and (min-width: 768px) {
  .page-network .p-logistics ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .page-network .p-logistics li {
    position: relative;
    width: calc(20% - 20px);
    padding: 10px;
    background: #FFF;
  }

  .page-network .p-logistics li + li {
    margin-top: 0;
    margin-left: 25px;
  }

  .page-network .p-logistics li:last-child:after {
    content: none;
  }

  .page-network .p-logistics li:after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    right: -18px;
    transform: translate(0, -50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #00538D;
  }

  .page-network .p-logistics .num {
    padding-left: 0;
    font-size: 22px;
    font-size: 1.375rem;
    text-align: center;
  }

  .page-network .p-logistics .inner {
    display: block;
    padding: 0;
    text-align: center;
  }

  .page-network .p-logistics .inner figure {
    width: 100%;
    height: 100px;
  }

  .page-network .p-logistics .inner p {
    width: 100%;
    padding-right: 0;
  }

  .page-network .p-logistics .icon_01 {
    width: 49px;
  }

  .page-network .p-logistics .icon_02 {
    width: 99px;
  }

  .page-network .p-logistics .icon_03 {
    width: 68px;
  }

  .page-network .p-logistics .icon_04 {
    width: 63px;
  }

  .page-network .p-logistics .icon_05 {
    width: 86px;
  }
}

@media screen and (min-width: 1024px) {
  .page-network .p-logistics .copy {
    margin-bottom: 30px;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 2;
  }

  .page-network .p-logistics .text {
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
  }

  .page-network .p-logistics h4 {
    margin-bottom: 50px;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 2;
  }

  .page-network .p-logistics li {
    width: calc(20% - 24px);
    padding: 10px;
  }

  .page-network .p-logistics li + li {
    margin-left: 30px;
  }

  .page-network .p-logistics li:after {
    right: -21px;
  }
}

/*------------------------------------------------------------
  /feature/firsttime
------------------------------------------------------------*/
.page-feature-firsttime .p-strong {
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.page-feature-firsttime.en .p-strong {
  padding-bottom: 40px;
}

.page-feature-firsttime .p-strong li {
  width: 45%;
  position: relative;
  margin-top: 15px;
}

.page-feature-firsttime .p-strong li:last-of-type {
  margin-top: 65px;
}

.page-feature-firsttime .p-strong a {
  display: block;
}

.page-feature-firsttime .p-strong .num {
  display: block;
  position: absolute;
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  top: -15px;
  left: -15px;
  width: 64px;
  height: 64px;
  background: #00538D;
  color: #FFF;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}

.page-feature-firsttime .p-strong .num span span {
  display: block;
  margin-top: 2px;
  font-size: 32px;
  font-size: 2rem;
}

.page-feature-firsttime .p-strong .copy {
  display: block;
  content: '';
  top: 40%;
  left: -15px;
}

.page-feature-firsttime .p-strong .copy span {
  display: inline-block;
  margin-top: 0px;
  padding-right: 8px;
  padding-left: 8px;
  background: #FFF;
  color: #00538D;
  font-size: 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.09em;
}

.page-feature-firsttime .p-strong .copy span.black {
  color: #000000;
  font-weight: 500;
  font-size: 13px;
  font-size: 0.8125rem;
}

.page-feature-firsttime .l-mv--network .ttl,
.page-feature-firsttime .l-mv--network .name {
  text-align: left;
}

.page-feature-firsttime .l-section .l-mv--network p + p {
  margin-top: 0;
}

.page-feature-firsttime .l-mv--network .numbers {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .page-feature-firsttime .p-strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .page-feature-firsttime .p-strong li {
    width: 26%;
  }

  .page-feature-firsttime .p-strong li:last-of-type,
  .page-feature-firsttime.en .p-strong li:last-of-type {
    margin-top: 15px;
  }

  .page-feature-firsttime .p-strong .num {
    top: -20px;
  }

  .page-feature-firsttime .p-strong .copy {
    position: absolute;
    top: 30%;
  }

  .page-feature-firsttime .p-strong .copy span {
    font-size: 20px;
    font-size: 1.25rem;
  }

  .page-feature-firsttime .l-mv--network .numbers {
    margin-top: 0px;
  }
}

@media screen and (min-width: 1024px) {
  .page-feature-firsttime .p-strong li {
    width: 28%;
  }

  .page-feature-firsttime .p-strong li + li {
    margin-top: 15px;
  }

  .page-feature-firsttime .p-strong .copy {
    top: 30%;
  }

  .page-feature-firsttime .p-strong .copy span {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.page-feature-firsttime .p-service {
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.page-feature-firsttime .p-service li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.page-feature-firsttime .p-service li + li {
  margin-top: 15px;
}

.page-feature-firsttime .p-service li:nth-child(1) a {
  background: url(../images/feature/firsttime/service_img_01@2x.jpg) center/cover no-repeat;
}

.page-feature-firsttime .p-service li:nth-child(2) a {
  background: url(../images/feature/firsttime/service_img_02@2x.jpg) center/cover no-repeat;
}

.page-feature-firsttime .p-service li:nth-child(3) a {
  background: url(../images/feature/firsttime/service_img_03@2x.jpg) center/cover no-repeat;
}

.page-feature-firsttime .p-service li:nth-child(4) a {
  background: url(../images/feature/firsttime/service_img_04@2x.jpg) center/cover no-repeat;
}

.page-feature-firsttime .p-service li:nth-child(5) a {
  background: url(../images/feature/firsttime/service_img_05@2x.jpg) center/cover no-repeat;
}

.page-feature-firsttime .p-service a {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px;
}

.page-feature-firsttime .p-service .text-wrap {
  height: 100%;
  padding: 15px;
  background: rgba(255, 255, 255, 0.8);
}

.page-feature-firsttime .p-service .num {
  color: #00538D;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  letter-spacing: 0.2em;
}

.page-feature-firsttime .p-service .num span {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  padding-left: 10px;
  font-size: 25px;
  font-size: 1.5625rem;
  letter-spacing: 0;
  vertical-align: -2px;
}

.page-feature-firsttime .p-service .num span:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  width: 1px;
  height: 90%;
  background: #00538D;
}

.page-feature-firsttime .p-service .ttl {
  margin-top: 0;
  color: #00538D;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .page-feature-firsttime .p-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .page-feature-firsttime .p-service li {
    width: calc(33.333% - 10px);
  }

  .page-feature-firsttime .p-service li:nth-child(1),
  .page-feature-firsttime .p-service li:nth-child(2) {
    width: calc(50% - 7.5px);
  }

  .page-feature-firsttime .p-service li:nth-child(2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .page-feature-firsttime .p-service .num {
    font-size: 15px;
    font-size: 0.9375rem;
  }

  .page-feature-firsttime .p-service .num span {
    font-size: 32px;
    font-size: 2rem;
    vertical-align: -2px;
  }

  .page-feature-firsttime .p-service .ttl {
    font-size: 31px;
    font-size: 1.9375rem;
  }

  .page-feature-firsttime .p-service.en .ttl {
    line-height: 2rem;
  }

  .page-feature-firsttime .p-service .text {
    font-size: 18px;
    font-size: 1.125rem;
  }

  .page-feature-firsttime .p-service.en .text {
    line-height: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .page-feature-firsttime .p-service a {
    height: 420px;
  }

  .page-feature-firsttime .p-service .text-wrap {
    padding: 45px;
  }
}

.page-feature-firsttime .p-one-mol {
  text-align: center;
}

.page-feature-firsttime .p-one-mol img {
  width: 100%;
  max-width: 400px;
}

@media screen and (min-width: 1024px) {
  .page-feature-firsttime .p-one-mol img {
    max-width: 594px;
  }
}

/*------------------------------------------------------------
  /feature/solution
------------------------------------------------------------*/
.page-feature-solution .p-solution h3 {
  margin-bottom: 10px;
  color: #00538D;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.09em;
}

.page-feature-solution .p-solution .img-wrap {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

.page-feature-solution .p-solution .num {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: #00538D;
  color: #DBC464;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  letter-spacing: 0.09em;
}

.page-feature-solution .p-solution .text-wrap {
  position: relative;
  z-index: 1;
  width: 90%;
  margin-top: -30px;
  margin-left: -15px;
  padding: 10px;
  border-top: 3px solid #00538D;
  background: rgba(255, 255, 255, 0.95);
  line-height: 2.266;
}

.page-feature-solution.en .p-solution .text-wrap {
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .page-feature-solution .p-solution .img-wrap {
    padding-right: 30px;
    padding-left: 30px;
  }

  .page-feature-solution .p-solution .text-wrap {
    display: block;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 50%;
    margin-top: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .page-feature-solution .p-solution h3 {
    margin-bottom: 15px;
    font-size: 31px;
    font-size: 1.9375rem;
  }

  .page-feature-solution .p-solution .img-wrap {
    padding-right: 50px;
    padding-left: 50px;
  }

  .page-feature-solution .p-solution .num {
    width: 100px;
    height: 100px;
    font-size: 40px;
    font-size: 2.5rem;
  }

  .page-feature-solution .p-solution .text-wrap {
    padding: 15px;
  }
}

/*------------------------------------------------------------
  /feature/quality
------------------------------------------------------------*/
.page-feature-quality .p-philosophy {
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px;
  background: #EEEEEE;
}

.page-feature-quality .p-philosophy li {
  position: relative;
  max-width: 450px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 30px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
}

.page-feature-quality .p-philosophy li + li {
  margin-top: 15px;
}

.page-feature-quality .p-philosophy li:before {
  display: block;
  position: absolute;
  content: '';
  top: 6px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 30px;
  background: #000000;
}

.page-feature-quality .p-philosophy li:after {
  display: block;
  position: absolute;
  content: '';
  top: 10px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 30px;
  background: #EEEEEE;
}

@media screen and (min-width: 768px) {
  .page-feature-quality .p-philosophy {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .page-feature-quality .p-philosophy li + li {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .page-feature-quality .p-philosophy li {
    max-width: 640px;
    padding-left: 40px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1024px) and (-ms-high-contrast: none),
screen and (min-width: 1024px) and (-ms-high-contrast: active) {
  .page-feature-quality .p-philosophy li {
    max-width: 720px;
  }
}

@media screen and (min-width: 1024px) {
  .page-feature-quality .p-philosophy li:before {
    top: 11px;
    left: 0;
    width: 24px;
    height: 24px;
  }

  .page-feature-quality .p-philosophy li:after {
    top: 16px;
    left: 5px;
    width: 14px;
    height: 14px;
  }
}

.page-feature-quality .p-policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 840px;
  margin-right: auto;
  margin-left: auto;
}

.page-feature-quality .p-policy li {
  width: calc(50% - 7.5px);
  padding: 10px 15px 15px;
  border: 1px solid #00538D;
  color: #00538D;
  text-align: center;
}

.page-feature-quality .p-policy span {
  display: block;
}

.page-feature-quality .p-policy .num {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Tomorrow", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0;
}

@media screen and (min-width: 768px) {
  .page-feature-quality .p-policy li {
    padding-top: 15px;
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .page-feature-quality .p-policy li {
    width: calc(50% - 20px);
  }
}

.page-feature-quality .p-aeo {
  background: #E0E8ED;
}

.page-feature-quality .p-aeo section {
  padding: 20px 15px;
  background: #FFF;
  cursor: pointer;
}

.page-feature-quality .p-aeo section + section {
  margin-top: 15px;
}

.page-feature-quality .p-aeo h4 {
  position: relative;
  padding-right: 40px;
  color: #00538D;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.786;
}

.page-feature-quality .p-aeo h4.is-open button:after {
  opacity: 0;
}

.page-feature-quality .p-aeo button {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 5px;
  width: 30px;
  height: 30px;
  transform: translate(0%, -50%);
  background: #00538D;
}

.page-feature-quality .p-aeo button:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 1px;
  background: #FFF;
}

.page-feature-quality .p-aeo button:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 10px;
  background: #FFF;
  transition: opacity .2s ease;
}

.page-feature-quality .p-aeo button:hover {
  opacity: 1;
}

.page-feature-quality .p-aeo .content {
  display: none;
  margin: 10px 0;
}

.page-feature-quality .p-aeo .img-wrap {
  margin-top: 10px;
  text-align: center;
}

.page-feature-quality .p-aeo .img-wrap img {
  width: 100px;
}

.page-feature-quality .p-aeo .img {
  display: block;
  max-width: 500px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-feature-quality .p-aeo section {
    padding: 40px 50px;
  }

  .page-feature-quality .p-aeo .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .page-feature-quality .p-aeo .text-wrap {
    width: calc(100% - 180px);
    padding-right: 30px;
  }

  .page-feature-quality .p-aeo .img-wrap {
    width: 160px;
    margin-top: 0;
  }

  .page-feature-quality .p-aeo .img-wrap img {
    width: 160px;
  }

  .page-feature-quality .p-aeo .img {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .page-feature-quality .p-aeo section + section {
    margin-top: 20px;
  }

  .page-feature-quality .p-aeo h4 {
    font-size: 27px;
    font-size: 1.6875rem;
  }

  .page-feature-quality .p-aeo .content {
    margin-top: 15px;
  }

  .page-feature-quality .p-aeo .img {
    max-width: 690px;
  }

  .page-feature-quality .p-aeo .img-wrap {
    width: 180px;
    margin-top: 0;
  }

  .page-feature-quality .p-aeo .img-wrap img {
    width: 180px;
  }
}

@media screen and (min-width: 1280px) {
  .page-feature-quality .p-aeo section + section {
    margin-top: 40px;
  }

  .page-feature-quality .p-aeo .img {
    margin-top: 40px;
  }
}

.page-feature-quality .p-governance section {
  padding: 20px 15px;
  cursor: pointer;
}

.page-feature-quality .p-governance section + section {
  border-top: 1px solid #000000;
}

.page-feature-quality .p-governance h4 {
  position: relative;
  padding-right: 40px;
  color: #00538D;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.786;
}

.page-feature-quality .p-governance h4.is-open button:after {
  opacity: 0;
}

.page-feature-quality .p-governance button {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right: 5px;
  width: 30px;
  height: 30px;
  transform: translate(0%, -50%);
  background: #00538D;
}

.page-feature-quality .p-governance button:before {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 1px;
  background: #FFF;
}

.page-feature-quality .p-governance button:after {
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 10px;
  background: #FFF;
  transition: opacity .2s ease;
}

.page-feature-quality .p-governance button:hover {
  opacity: 1;
}

.page-feature-quality .p-governance .content {
  display: none;
  margin: 10px 0;
}

@media screen and (min-width: 768px) {
  .page-feature-quality .p-governance section {
    padding: 40px 50px;
  }
}

@media screen and (min-width: 1024px) {
  .page-feature-quality .p-governance h4 {
    font-size: 27px;
    font-size: 1.6875rem;
  }

  .page-feature-quality .p-governance .content {
    margin-top: 15px;
  }
}

/*------------------------------------------------------------
  /support
------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
  .page-support .cargo-wrap > * {
    width: 48%;
  }
}

.page-support-handbook-aircontainer .flex .img-wrap {
  margin-top: 10px;
  text-align: center;
}

.page-support-handbook-aircontainer .flex .text-wrap {
  margin-top: 10px;
}

.page-support-handbook-aircontainer .p-base-size .flex div:nth-child(2) {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .page-support-handbook-aircontainer .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .page-support-handbook-aircontainer .flex .img-wrap {
    margin-top: 0;
    width: 30%;
  }

  .page-support-handbook-aircontainer .flex .text-wrap {
    margin-top: 0;
    padding-right: 15px;
    width: 70%;
  }

  .page-support-handbook-aircontainer .p-base-size .flex {
    max-width: 750px;
  }

  .page-support-handbook-aircontainer .p-base-size .flex div:nth-child(2) {
    margin-top: 0;
  }

  .page-support-handbook-aircontainer .reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .page-support-handbook-aircontainer .img-large .img-wrap {
    width: 50%;
  }

  .page-support-handbook-aircontainer .img-large .text-wrap {
    width: 50%;
  }
}

@media screen and (max-width: 374px) {
  .page-support-handbook-seacontainer .overflow {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
}

@media screen and (min-width: 768px) {
  .page-support-handbook-seacontainer .table {
    table-layout: fixed;
  }
}

/*------------------------------------------------------------
  /corporate/message
------------------------------------------------------------*/
.page-corporate-message .p-message .ttl {
  margin-bottom: 20px;
  color: #00538D;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.page-corporate-message .p-message p {
  line-height: 1.786;
  letter-spacing: 0;
}

.page-corporate-message .p-message p + p {
  margin-top: 1.5em;
}

.page-corporate-message .p-message .name {
  margin-top: 50px;
  font-size: 16px;
  font-size: 1rem;
  text-align: right;
}

.page-corporate-message .p-message .name span {
  font-size: 1.6rem;
}

.page-corporate-message .p-message .name img {
  display: inline-block;
  width: 140px;
  margin-left: 20px;
  vertical-align: text-bottom;
}

@media screen and (min-width: 1024px) {
  .page-corporate-message .p-message .ttl {
    margin-bottom: 30px;
    font-size: 20px;
    font-size: 1.25rem;
  }

  .page-corporate-message .p-message p + p {
    margin-top: 1.8em;
  }

  .page-corporate-message .p-message .name img {
    width: 170px;
    margin-left: 25px;
  }
}

/*------------------------------------------------------------
  /corporate/outline
------------------------------------------------------------*/
.page-corporate-outline .open-btn {
  position: relative;
  padding-right: 20px;
  color: #00538D;
}

.page-corporate-outline .open-btn:before {
  display: block;
  position: absolute;
  content: '';
  top: 55%;
  right: 0;
  transform: translate(0, -50%);
  border-top: 9px solid #00538D;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.page-corporate-outline .open-btn.open:before {
  top: 40%;
  transform: rotate(-180deg);
}

.page-corporate-outline .acd {
  display: none;
}

.page-network .map-area,
.page-corporate-outline .map-area {
  margin-top: 10px;
  display: none;
}

.page-network .map-area {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.page-network .map-area iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.page-corporate-outline .map-area iframe {
  width: 100%;
}

@media screen and (min-width: 768px) {}

/*------------------------------------------------------------
  /corporate/accredited
------------------------------------------------------------*/
.page-corporate-accredited .p-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-right: 15px;
  padding-left: 15px;
}

.page-corporate-accredited .p-tabs li + li {
  margin-left: 25px;
}

.page-corporate-accredited .p-tabs a {
  display: block;
  position: relative;
  margin-top: 10px;
  padding-right: 15px;
  color: #00538D;
}

.page-corporate-accredited .p-tabs a:before {
  display: block;
  position: absolute;
  content: '';
  top: 53%;
  right: 0;
  transform: translate(0%, -50%);
  width: 0;
  height: 0;
  border-top: 8px solid #00538D;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}


.page-corporate-accredited .c-border-table th:first-of-type {
  width: 80px;
}

@media screen and (min-width: 768px) {
  .page-corporate-accredited .p-tabs {
    margin-top: 10px;
  }

  .page-corporate-accredited .p-tabs li + li {
    margin-left: 35px;
  }

  .page-corporate-accredited .c-border-table th:first-of-type {
    width: 120px;
  }
}

/*------------------------------------------------------------
  /corporate/highlight
------------------------------------------------------------*/
.page-corporate-highlight .flex div {
  text-align: center;
}

.page-corporate-highlight .flex div + div {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .page-corporate-highlight .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .page-corporate-highlight .flex div {
    width: 49%;
  }

  .page-corporate-highlight .flex div + div {
    margin-top: 0;
  }
}

/*------------------------------------------------------------
  /corporate/group
------------------------------------------------------------*/
/*------------------------------------------------------------
  /terms
------------------------------------------------------------*/
/*------------------------------------------------------------
  /privacy
------------------------------------------------------------*/
.page-privacy .p-strong-list > li {
  margin-top: 10px;
}

.page-privacy .p-blue-box {
  margin-top: 15px;
  padding: 10px 15px;
  background: #E0E8ED;
}

.page-privacy .p-blue-box .min-wid-90 {
  min-width: 90px;
}

.page-privacy.en .p-blue-box .min-wid-90 {
  min-width: 140px;
}

/*------------------------------------------------------------
  utility
------------------------------------------------------------*/
.u-dis-none {
  display: none !important;
}

.u-z-index-1 {
  position: relative;
  z-index: 1;
}

.u-opa {
  opacity: 0.7;
}

.u-fl-left {
  display: block;
  float: left !important;
}

img.u-fl-left {
  margin: 0 12px 12px 0;
}

.u-fl-right {
  display: block;
  float: right !important;
}

img.u-fl-right {
  margin: 0 0 12px 12px;
}

.u-wid-100pct {
  width: 100% !important;
}

.u-hei-auto {
  height: auto !important;
}

.u-mt-0 {
  margin-top: 0 !important;
}

.u-mt-5 {
  margin-top: 5px !important;
}

.u-mr-0 {
  margin-right: 0 !important;
}

.u-mb-0 {
  margin-bottom: 0 !important;
}

.u-mb-5 {
  margin-bottom: 5px !important;
}

.u-ml-0 {
  margin-left: 0 !important;
}

.u-pt-0 {
  padding-top: 0 !important;
}

.u-pr-0 {
  padding-right: 0 !important;
}

.u-pb-0 {
  padding-bottom: 0 !important;
}

.u-pl-0 {
  padding-left: 0 !important;
}

.u-mt-small {
  margin-top: 20px !important;
}

.u-mt-medium {
  margin-top: 40px !important;
}

.u-mt-large {
  margin-top: 60px !important;
}

.u-mb-small {
  margin-bottom: 20px !important;
}

.u-mb-medium {
  margin-bottom: 40px !important;
}

.u-mb-large {
  margin-bottom: 60px !important;
}

.u-pt-small {
  padding-top: 20px !important;
}

.u-pt-medium {
  padding-top: 40px !important;
}

.u-pt-large {
  padding-top: 60px !important;
}

.u-pb-small {
  padding-bottom: 20px !important;
}

.u-pb-medium {
  padding-bottom: 40px !important;
}

.u-pb-large {
  padding-bottom: 60px !important;
}

.u-border {
  border: 2px solid #000000;
}

@media screen and (min-width: 768px) {
  .u-border {
    border-width: 4px;
  }
}

.u-br-5 {
  border-radius: 5px;
}

.u-br-10 {
  border-radius: 10px;
}

.u-col-white {
  color: #FFF !important;
}

.u-col-red {
  color: #dc0000;
}

.u-col-vivid-red {
  color: #E01029;
}

.u-col-blue {
  color: #0062b2;
}

.u-col-dark-blue {
  color: #00538D;
}

.u-fs-0 {
  font-size: 0;
}

.u-fs-medium {
  font-size: 14px;
  font-size: 0.875rem;
}

.u-fs-large {
  font-size: 20px;
  font-size: 1.25rem;
}

.u-fw-400 {
  font-weight: 400;
}

.u-fw-500 {
  font-weight: 500;
}

.u-fw-700 {
  font-weight: 700;
}

.u-fw-900 {
  font-weight: 900;
}

.u-ta-center {
  text-align: center !important;
}

.u-ta-right {
  text-align: right !important;
}

.u-ta-left {
  text-align: left !important;
}

.u-td-ul {
  text-decoration: underline;
}

.u-ls-0 {
  letter-spacing: 0 !important;
}

.u-va-top {
  vertical-align: top !important;
}

@media screen and (min-width: 1024px) {
  img.u-fl-left {
    margin: 0 25px 25px 0;
  }

  img.u-fl-right {
    margin: 0 0 25px 25px;
  }

  .u-mt-small {
    margin-top: 30px !important;
  }

  .u-mt-medium {
    margin-top: 60px !important;
  }

  .u-mt-large {
    margin-top: 140px !important;
  }

  .u-mb-small {
    margin-bottom: 30px !important;
  }

  .u-mb-medium {
    margin-bottom: 60px !important;
  }

  .u-mb-large {
    margin-bottom: 140px !important;
  }

  .u-pt-small {
    padding-top: 30px !important;
  }

  .u-pt-medium {
    padding-top: 60px !important;
  }

  .u-pt-large {
    padding-top: 140px !important;
  }

  .u-pb-small {
    padding-bottom: 30px !important;
  }

  .u-pb-medium {
    padding-bottom: 60px !important;
  }

  .u-pb-large {
    padding-bottom: 140px !important;
  }

  .u-fs-large {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .u-pc-ta-center {
    text-align: center !important;
  }
}

.l-header .submit_btn {
  border: 0px;
  width: 26px;
  height: 26px;
  background: url(/images/common/icon_search.svg) left top no-repeat;
}

.u-cf {
  *zoom: 1;
}

.u-cf:after {
  display: block;
  clear: both;
  content: "";
}

.u-pe-none {
  pointer-events: none;
}

.u-tracktags {
  display: none;
}

@media print {
  .l-footer {
    display: none;
  }
}


/*------------------------------------------------------------
  /social-madhia
------------------------------------------------------------*/
.page-social {
  font-size: 15px;
}

.page-social .l-center {
  max-width: 1200px;
}

.page-social .lang.en {
  display: none;
}

.page-social .l-section-list {}

.page-social .l-section-list .l-section-cont {
  padding-bottom: 52px;
}

.page-social .l-section-list .l-section-cont .c-num-list li {
  line-height: 2.266;
}

.page-social .socila-day {
  text-align: right;
  margin-bottom: 24px;
}

.page-social .social-title {
  margin-top: 32px;
  font-size: 17px;
  font-weight: 700;
}

.page-social .social-lead {
  margin-top: 12px;
}

.page-social .l-section-cont a {
  color: #007aff;
}

.social-tabel {
  display: flex;
}

.social-tabel dt {
  display: flex;
  justify-content: space-between;
  width: 140px;
}

.social-tabel dt::after {
  content: "：";
}

.social-tabel dd {
  width: calc(100% - 130px);
  padding-left: 12px;
  box-sizing: border-box;
}

.page-social .l-section-list .l-section-menu {
  width: 100%;
}

.page-social .l-section-list .l-section-menu a {
  display: block;
  width: 100%;
  padding: 20px 12px;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
  line-height: 1.3em;
}

.page-social .l-section-list .l-section-menu a.active {
  color: #007aff;
}

.page-social .l-section-list .l-section-menu a:last-of-type {
  border-bottom: 1px solid #ccc;
}

.page-social .l-section-list .l-section-menu a:before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #333;
}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {
  .page-social .l-section-list {
    display: flex;
    justify-content: space-between;
  }

  .page-social .l-section-list .l-section-cont {
    max-width: 870px;
    padding-bottom: 100px;
  }

  .page-social .l-section-list .l-section-menu {
    max-width: 240px;
  }

  .page-social .l-section-list .l-section-menu a {
    padding: 12px 4px;
  }
}

.page-corporate-highlight .lang.en {
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {}

@media screen and (min-width: 1024px) {
  .l-header .l-pc-gnav .u-mt-sm {
    margin-top: 0 !important;
  }
  .l-header .l-pc-gnav .sub.u-mt-sm {
    margin-top: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  body.en .l-footer .list {
    height: 720px;
  }
}

@media screen and (min-width: 1024px) {
  body.en .l-footer .list {
    height: 647px;
  }
}



/* 追加 */

.c-large-ttl .u_category-ttl {
  font-size: 18px;
}

.u-add-pdf-list {
    margin-top: -10px;
}


@media screen and (min-width: 1024px) {

      .c-large-ttl .u_category-ttl {
        font-size: 30px;
    }

    .u-add-pdf-list {
    margin-top: -20px;
}

}