/* ==================================================
Foundation
================================================== */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* append */
html {
  font-size: 62.5%;
}

body {
  line-height: 1.5;
  font-family: 'Noto Sans JP', Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 1.4em;
  color: #000;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: 'palt' 1;
  font-variant-ligatures: none;
  -webkit-font-smoothing: antialiased;
}

input, textarea, code, select, button {
  line-height: 1.5;
  font-family: 'Noto Sans JP', Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 1em;
  color: #000;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: 'palt' 1;
  font-variant-ligatures: none;
  -webkit-font-smoothing: antialiased;
}

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

ul,
ol {
  list-style: none;
}

input, textarea, code, select, button {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  border: none;
  background: none;
}

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

em {
  font-style: normal;
}

hr {
  margin: 0;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

[tabindex="-1"]:focus {
  outline: 0;
}

[aria-hidden="true"] {
  display: none !important;
}

a {
  color: #0c6ac2;
}

/* ==================================================
Layout
================================================== */
@media all and (min-width: 751px) {
  body {
    font-size: 1.4em;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  body {
    font-size: 1.36719vw;
  }
}

@media screen and (max-width: 750px) {
  body {
    font-size: 3.73333vw;
  }
}

/* header */
@media screen and (max-width: 750px) {
  body.is-opened-header-menu {
    position: fixed;
    width: 100%;
    overflow-y: hidden;
  }
}

@media all and (min-width: 751px) {
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
  }
  .l-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
  }
  .l-header__inner {
    position: relative;
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
  }
  .l-header-body {

  }
  .l-header-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: calc(90 / 14 * 1em);
  }
  .l-header-card__parts:first-child {
    flex-shrink: 0;
  }
  .l-header-card__parts + .l-header-card__parts {
    flex-grow: 1;
    margin-left: calc(30 / 14 * 1em);
  }
  .l-header-logo {
    text-align: center;
  }
  .l-header-logo > a {
    transition: opacity 0.2s ease-in-out;
  }
  .l-header-logo > a:hover {
    opacity: .8;
  }
  .l-header-logo__label {
    display: inline-block;
    vertical-align: top;
    width: calc(268 / 14 * 1em);
  }
  .l-header-content {

  }
  .l-header-menu {

  }
  .l-header-menu-head {

  }
  .l-header-menu-open {
    display: none;
  }
  .l-header-menu-body {

  }
  .l-header-menu-body__inner {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    height: calc(90 / 14 * 1em);
    padding-bottom: calc(40 / 14 * 1em);
  }
  .l-header-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: calc(17 / 14 * 1em);
    margin-right: calc(135 / 14 * 1em);
  }
  .l-header-nav-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: calc(24 / 14 * 1em);
  }
  .l-header-nav-list__item {
    margin-left: calc(15 / 14 * 1em);
  }
  .l-header-nav-list__item:first-child {
    margin-left: 0;
  }
  .l-header-nav-list__item > a {
    color: #0c6ac2;
    text-decoration: none;
    transition: opacity 0.2s ease-in-out;
  }
  .l-header-nav-list__item > a:hover {
    opacity: .75;
  }
  .l-header-nav-list__item.-on {
    color: #02b0a0;
    position: relative;
  }
  .l-header-nav-list__item.-on > a {
    color: #02b0a0;
    position: relative;
    display: block;
  }
  .l-header-nav-list__item.-on > a::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #02b0a0;
    bottom: -6px;
    left: 0;
  }
  .l-header-nav-body {

  }
  .l-header-nav__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(15 / 14 * 1em);
    font-weight: 700;
  }
  .l-header-nav__ico {

  }
  .l-header-langmenu {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: calc(17 / 14 * 1em);
  }
  .l-header-langmenu-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .l-header-langmenu-list__item {
    position: relative;
    padding-left: calc(26 / 14 * 1em);
  }
  .l-header-langmenu-list__item:first-child {
    padding-left: 0;
  }
  .l-header-langmenu-list__item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(1 / 14 * 1em);
    height: calc(16 / 14 * 1em);
    margin-left: calc(12 / 14 * 1em);
    background: #0c6ac2;
    transform: translate3d(-50%,-50%,0) skew(-45deg);
  }
  .l-header-langmenu-list__item:first-child::before {
    content: none;
  }
  .l-header-langmenu-list__item > a {
    text-decoration: none;
    color: #0c6ac2;
    transition: opacity 0.2s ease-in-out;
  }
  html[lang="ja"] .l-header-langmenu-list__item:nth-child(1) > a ,
  html[lang="en"] .l-header-langmenu-list__item:nth-child(2) > a {
    color: #fff;
  }
  .l-header-langmenu-list__item > a:hover {
    opacity: .75;
  }
  .l-header-langmenu-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(24 / 14 * 1em);
    height: calc(24 / 14 * 1em);
    border: calc(1 / 14 * 1em) solid #0c6ac2;
    border-radius: 50%;
    background: #fff;
  }
  html[lang="ja"] .l-header-langmenu-list__item:nth-child(1) .l-header-langmenu-body ,
  html[lang="en"] .l-header-langmenu-list__item:nth-child(2) .l-header-langmenu-body {
    background: #0c6ac2;
  }
  .l-header-langmenu__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(10 / 14 * 1em);
  }
  .l-header-submenu {
    margin-top: calc(15 / 14 * 1em);
  }
  .l-header-submenu-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .l-header-submenu-list__item {
    margin-left: calc(15 / 14 * 1em);
  }
  .l-header-submenu-list__item:first-child {
    margin-left: 0;
  }
  .l-header-submenu-list__item > a {
    transition: opacity 0.2s ease-in-out;
  }
  .l-header-submenu-list__item > a:hover {
    opacity: .75;
  }
  .l-header-submenu-body {

  }
  .l-header-submenu__label {
    display: inline-block;
    vertical-align: top;
  }
  .l-header-submenu-list__item:nth-child(1) .l-header-submenu__label {
    width: calc(78 / 14 * 1em);
  }
  html[lang="en"] .l-header-submenu-list__item:nth-child(1) .l-header-submenu__label {
    width: calc(78 / 14 * 373 / 389 * 1em);
  }
  .l-header-submenu-list__item:nth-child(2) .l-header-submenu__label {
    width: calc(63 / 14 * 1em);
  }
  .l-header-submenu-list__item:nth-child(1) .l-header-submenu__label img {
    width: 100%;
    height: calc(20 / 14 * 1em);
  }
  html[lang="en"] .l-header-submenu-list__item:nth-child(1) .l-header-submenu__label img {
    width: 100%;
    height: calc(20 / 14 * 373 / 389 * 1em);
  }
  .l-header-submenu-list__item:nth-child(2) .l-header-submenu__label img {
    width: 100%;
    height: calc(21 / 14 * 1em);
  }
}
@media screen and (max-width: 750px) {
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
  }
  .l-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
  }
  .l-header__inner {
    position: relative;
    padding-left: calc(30 / 14 * .5em);
    padding-right: calc(30 / 14 * .5em);
  }
  .l-header-body {

  }
  .l-header-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: calc(90 / 14 * .5em);
  }
  .l-header-card__parts:first-child {
    flex-shrink: 0;
  }
  .l-header-card__parts + .l-header-card__parts {
    flex-grow: 1;
    margin-left: calc(30 / 14 * .5em);
  }
  .l-header-logo {
    text-align: center;
  }
  .l-header-logo > a {

  }
  .l-header-logo__label {
    display: inline-block;
    vertical-align: top;
    width: calc(290 / 14 * .5em);
  }
  .l-header-content {

  }
  .l-header-menu {

  }
  .l-header-menu-head {
    position: relative;
  }
  .l-header-menu-open {
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(60 / 14 * .5em);
    height: calc(60 / 14 * .5em);
    margin: 0;
    padding: 0;
    transform: translate3d(0, -50%, 0);
    cursor: pointer;
  }
  .l-header-menu-open__label {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(60 / 14 * .5em);
    height: calc(3 / 14 * .5em);
    transform: translate3d(-50%, -50%, 0);
  }
  .l-header-menu-open__label::before,
  .l-header-menu-open__label::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(3 / 14 * .5em);
    background: #0c6ac2;
  }
  .l-header-menu-open[aria-expanded="true"] .l-header-menu-open__label {
    background: none;
  }
  .l-header-menu-open[aria-expanded="true"] .l-header-menu-open__label::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s;
  }
  .l-header-menu-open[aria-expanded="true"] .l-header-menu-open__label::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s;
  }
  .l-header-menu-open[aria-expanded="false"] .l-header-menu-open__label::before {
    top: calc(-7.5 / 14 * .5em);
    transition: top 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out;
  }
  .l-header-menu-open[aria-expanded="false"] .l-header-menu-open__label::after {
    bottom: calc(-7.5 / 14 * .5em);
    transition: bottom 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out;
  }
  .l-header-menu-body {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: calc(130 / 14 * .5em);
    padding-bottom: calc(60 / 14 * .5em);
    background: #0c6ac2;
    z-index: -1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, -100%, 0);
    transition: transform 0.2s ease-in-out;
  }
  .is-opened-header-menu .l-header-menu-body {
    transform: translate3d(0, 0, 0);
  }
  .l-header-menu-body__inner {
    padding-left: calc(80 / 14 * .5em);
    padding-right: calc(80 / 14 * .5em);
  }
  .l-header-nav {

  }
  .l-header-nav-list {

  }
  .l-header-nav-list__item {
    position: relative;
    margin-top: calc(30 / 14 * .5em);
  }
  .l-header-nav-list__item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: calc(2 / 14 * .5em);
    background: #fff;
  }
  .l-header-nav-list__item:first-child {
    margin-top: 0;
  }
  .l-header-nav-list__item > a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #fff;
    text-decoration: none;
  }
  .l-header-nav-body {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: calc(113 / 14 * .5em);
    padding-right: calc(44 / 14 * .5em);
  }
  .l-header-nav__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(32 / 14 * .5em);
    font-weight: 700;
  }
  .l-header-nav__ico {
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(10 / 14 * .5em);
    margin-right: calc(24 / 14 * .5em);
    background: url("../img/common/ico_arw_nav01_sp.png") no-repeat center center;
    background-size: contain;
    transform: translate3d(0,-50%,0);
  }
  .l-header-nav__ico::before {
    content: '';
    display: block;
    padding-top: calc(17 / 10 * 100%);
  }
  .l-header-langmenu {
    margin-top: calc(56 / 14 * .5em);
  }
  .l-header-langmenu-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .l-header-langmenu-list__item {
    position: relative;
    padding-left: calc(52 / 14 * .5em);
  }
  .l-header-langmenu-list__item:first-child {
    padding-left: 0;
  }
  .l-header-langmenu-list__item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(1 / 14 * .5em);
    height: calc(32 / 14 * .5em);
    margin-left: calc(24 / 14 * .5em);
    background: #fff;
    transform: translate3d(-50%,-50%,0) skew(-45deg);
  }
  .l-header-langmenu-list__item:first-child::before {
    content: none;
  }
  .l-header-langmenu-list__item > a {
    text-decoration: none;
    color: #fff;
  }
  html[lang="ja"] .l-header-langmenu-list__item:nth-child(1) > a ,
  html[lang="en"] .l-header-langmenu-list__item:nth-child(2) > a {
    color: #0c6ac2;
  }
  .l-header-langmenu-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(48 / 14 * .5em);
    height: calc(48 / 14 * .5em);
    border: calc(2 / 14 * .5em) solid #fff;
    border-radius: 50%;
    background: #0c6ac2;
  }
  html[lang="ja"] .l-header-langmenu-list__item:nth-child(1) .l-header-langmenu-body ,
  html[lang="en"] .l-header-langmenu-list__item:nth-child(2) .l-header-langmenu-body {
    background: #fff;
  }
  .l-header-langmenu__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(20 / 14 * .5em);
  }
  .l-header-submenu {
    margin-top: calc(40 / 14 * .5em);
  }
  .l-header-submenu-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(48 / 14 * .5em);
  }
  .l-header-submenu-list__item {
    margin-left: calc(24 / 14 * .5em);
  }
  .l-header-submenu-list__item:first-child {
    margin-left: 0;
  }
  .l-header-submenu-list__item > a {

  }
  .l-header-submenu-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(188 / 14 * .5em);
    height: calc(60 / 14 * .5em);
    border-radius: calc(2 / 14 * .5em);
    background: #fff;
  }
  .l-header-submenu__label {
    display: inline-block;
    vertical-align: top;
  }
  .l-header-submenu-list__item:nth-child(1) .l-header-submenu__label {
    width: calc(156 / 14 * .5em);
  }
  html[lang="en"] .l-header-submenu-list__item:nth-child(1) .l-header-submenu__label {
    width: calc(156 / 14 * 373 / 389 * .5em);
  }
  .l-header-submenu-list__item:nth-child(2) .l-header-submenu__label {
    width: calc(126 / 14 * .5em);
  }
  .l-header-submenu-entry-btn {
    text-align: center;
  }
  .l-header-submenu-entry-btn > a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #fff;
  }
  .l-header-submenu-entry-btn-body {
    /* display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(520 / 14 * .5em);
    height: calc(100 / 14 * .5em);
    padding-left: calc(30 / 14 * .5em);
    padding-right: calc(30 / 14 * .5em);
    background: #fe864a; */

    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(300 / 14 * 1em);
    height: calc(50 / 14 * 1em);
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
    border-radius: calc(40 / 14 * 1em);
    background: #fe864a;
    margin: auto;
    border: solid #fe6c35 calc(4 / 14 * 1em);
    box-shadow: 0px 6px 11.28px 0.72px rgba(0, 0, 0, 0.2);
  }
  .l-header-submenu-entry-btn__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(30 / 14 * .5em);
    font-weight: 500;
  }
  .l-header-submenu-entry-btn__ico {
    display: inline-block;
    vertical-align: top;
    width: calc(108 / 14 * .5em);
    background: url("../img/common/ico_arw_entry_btn01_sp.png") no-repeat center center;
    background-size: contain;
  }
  .l-header-submenu-entry-btn__ico::before {
    content: '';
    display: block;
    padding-top: calc(11 / 108 * 100%);
  }
}

/* header social */
@media all and (min-width: 751px) {
  .l-header-social-btn {
    position: absolute;
  }
  .l-header-social-btn-list {
    position: relative;
    display: flex;
    right: calc(100 / 14 * 1em);
    top: calc(2 / 14 * 1em);
  }
  .l-header-social-btn-list__item {
    margin: 0 0 0 calc(8 / 14 * 1em);
    width: calc(18 / 14 * 1em);
  }
  .l-header-social-btn.-top-layout {
    margin: auto;
    width: 100%;
  }
  .l-header-social-btn.-top-layout .l-header-social-btn-list {
    justify-content: center;
    align-items: center;
    top: calc(16 / 14 * 1em);
    right: 0;
    color: #0c6ac2;
    font-size: calc(16 / 14 * 1em);
    font-weight: bold;
  }
  .l-header-social-btn.-top-layout .l-header-social-btn-list li:last-child {
    margin-left: calc(10 / 14 * 1em);
  }
  .l-header-social-btn.-top-layout .l-header-social-btn-list__item {
    margin: 0 calc(10 / 14 * 1em);
    width: calc(26 / 14 * 1em);
  }
}
@media screen and (max-width: 750px) {
  .l-header-social-btn.-top-layout .l-header-social-btn__label img {
    display: block;
  }
  .l-header-social-btn.-top-layout {
    position: absolute;
    bottom: calc(40 / 14 * 1em);
    left: 50%;
    transform: translateX(-50%);
}
  .l-header-social-btn.-top-layout {
    margin: auto;
    width: 100%;
  }
  .l-header-social-btn.-top-layout .l-header-social-btn-list {
    justify-content: center;
    align-items: center;
    top: calc(16 / 14 * 1em);
    right: 0;
    color: #0c6ac2;
    font-size: calc(14 / 14 * 1em);
    font-weight: bold;
  }
  .l-header-social-btn.-top-layout .l-header-social-btn-list li:last-child {
    margin-left: calc(10 / 14 * .5em);
  }
  .l-header-social-btn.-top-layout .l-header-social-btn-list__item {
    margin: 0 calc(10 / 9 * 1em);
    width: calc(22 / 14 * .8em);
  }
  .l-header-social-btn {
    position: absolute;
    bottom: calc(15 / 14 * 1em);
    left: 50%;
    transform: translateX(-50%);
  }
  .l-header-social-btn-list__item {
    margin: 0 calc(9 / 14 * 1em);
  }
  .l-header-social-btn-list {
    display: flex;
    justify-content: center;
    padding: calc(40 / 14 * 1em) 0 0 0;
  }
  .l-header-social-btn__label img {
    display: none;
  }
  .l-header-social-btn__label {
    width: 24px;
    height: 24px;
    display: block;
  }
  .l-header-social-btn-list__item:nth-child(1) .l-header-social-btn__label {
    background: url(../img/common/icon_twitter_head_sp.png) no-repeat;
    background-size: contain;
  }
  .l-header-social-btn-list__item:nth-child(2) .l-header-social-btn__label {
    background: url(../img/common/icon_facebook_head_sp.png) no-repeat;
    background-size: contain;
  }
  .l-header-social-btn-list__item:nth-child(3) .l-header-social-btn__label {
    background: url(../img/common/icon_linkedin_head_sp.png) no-repeat;
    background-size: contain;
  }
}

/* container */
@media all and (min-width: 751px) {
  .l-container {
    padding-top: calc(90 / 14 * 1em);
  }
}
@media screen and (max-width: 750px) {
  .l-container {
    padding-top: calc(90 / 14 * .5em);
  }
}

/* footer */
@media all and (min-width: 751px) {
  .l-footer {
    position: relative;
    z-index: 3;
  }
  .l-footer-main {
    position: relative;
    padding-top: calc(55 / 14 * 1em);
    padding-bottom: calc(54 / 14 * 1em);
    background: #f0f4f5;
  }
  .l-footer-main__inner {
    max-width: 1060px;
    margin: 0 auto;
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
  }
  .l-footer-bottom {
    padding-top: calc(23 / 14 * 1em);
    padding-bottom: calc(23 / 14 * 1em);
    background: #0c6ac2;
    color: #fff;
  }
  .l-footer-bottom__inner {
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
  }
  .l-footer-pagetop {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: calc(-20 / 14 * 1em);
    margin-right: calc(50 / 14 * 1em);
    text-align: center;
  }
  .l-footer-pagetop > a {
    transition: opacity 0.2s ease-in-out;
  }
  .l-footer-pagetop > a:hover {
    opacity: .75;
  }
  .l-footer-pagetop__label {
    display: inline-block;
    vertical-align: top;
    width: calc(40 / 14 * 1em);
    background: url("../img/common/ico_pagetop01.png") no-repeat center center;
    background-size: contain;
  }
  .l-footer-pagetop__label::before {
    content: '';
    display: block;
    padding-top: calc(40 / 40 * 100%);
  }
  .l-footer-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .l-footer-logo {
    text-align: center;
  }
  .l-footer-container .l-footer-logo {
    flex-shrink: 0;
    width: calc(247 / 14 * 1em);
    text-align: center;
  }
  .l-footer-logo > a {
    transition: opacity 0.2s ease-in-out;
  }
  .l-footer-logo > a:hover {
    opacity: .75;
  }
  .l-footer-logo__label {
    display: inline-block;
    vertical-align: top;
    width: calc(247 / 14 * 1em);
  }
  .l-footer-container .l-footer-logo__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .l-footer-content {
    position: relative;
    margin-left: calc(40 / 14 * 1em);
    padding-top: calc(15 / 14 * 1em);
    padding-bottom: calc(15 / 14 * 1em);
    padding-left: calc(40 / 14 * 1em);
  }
  .l-footer-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding-left: calc(1 / 14 * 1em);
    background: #0c6ac2;
  }
  .l-footer-lead {

  }
  .l-footer-lead-txt {
    line-height: calc(32 / 17 * 1em);
    font-size: calc(17 / 14 * 1em);
    font-weight: 500;
  }
  .l-footer-card {
    display: flex;
    flex-direction: row-reverse;
    /* justify-content: space-between; */
    justify-content: center;
    align-items: center;
  }
  .l-footer-card__parts:first-child {
    flex-shrink: 0;
  }
  .l-footer-card__parts + .l-footer-card__parts {
    flex-grow: 1;
    margin-left: calc(100 / 14 * 1em);
  }
  .l-footer-social {

  }
  .l-footer-social-btn {

  }
  .l-footer-social-btn-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .l-footer-social-btn-list__item {
    width: calc(24 / 14 * 1em);
    margin-left: calc(13 / 14 * 1em);
  }
  .l-footer-social-btn-list__item:first-child {
    margin-left: 0;
  }
  .l-footer-social-btn-list__item > a {
    transition: opacity 0.2s ease-in-out;
  }
  .l-footer-social-btn-list__item > a:hover {
    opacity: .75;
  }
  .l-footer-social-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .l-footer-copy {
    text-align: center;
    line-height: calc(15 / 10 * 1em);
    font-size: calc(10 / 14 * 1em);
    font-weight: 500;
  }
  .l-footer-entry {
    display: flex;
    width: calc(247 / 14 * 1em);
    margin: auto;
  }
  .l-footer-entry__link {
    width: calc(247 / 14 * 1em);
    margin-left: auto;
  }
  .l-footer-entry__link p {
    font-weight: 700;
    text-align: center;
    margin-bottom: calc(10 / 14 * 1em);
  }
  .l-footer-entry__link a {
    transition: opacity 0.2s ease-in-out;
  }
  .l-footer-entry__link a:hover {
    opacity: .75;
  }
}
@media screen and (max-width: 750px) {
  .l-footer {
    position: relative;
    z-index: 3;
  }
  .l-footer-main {
    position: relative;
    padding-top: calc(64 / 14 * .5em);
    padding-bottom: calc(40 / 14 * .5em);
    background: #f0f4f5;
  }
  .l-footer-main__inner {
    padding-left: calc(40 / 14 * .5em);
    padding-right: calc(40 / 14 * .5em);
  }
  .l-footer-bottom {
    padding-top: calc(48 / 14 * .5em);
    padding-bottom: calc(40 / 14 * .5em);
    background: #0c6ac2;
    color: #fff;
  }
  .l-footer-bottom__inner {
    padding-left: calc(40 / 14 * .5em);
    padding-right: calc(40 / 14 * .5em);
  }
  .l-footer-pagetop {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: calc(-35 / 14 * .5em);
    margin-right: calc(30 / 14 * .5em);
    text-align: center;
  }
  .l-footer-pagetop > a {

  }
  .l-footer-pagetop__label {
    display: inline-block;
    vertical-align: top;
    width: calc(70 / 14 * .5em);
    background: url("../img/common/ico_pagetop01.png") no-repeat center center;
    background-size: contain;
  }
  .l-footer-pagetop__label::before {
    content: '';
    display: block;
    padding-top: calc(40 / 40 * 100%);
  }
  .l-footer-container {

  }
  .l-footer-logo {
    text-align: center;
  }
  .l-footer-logo > a {

  }
  .l-footer-logo__label {
    display: inline-block;
    vertical-align: top;
    width: calc(280 / 14 * .5em);
  }
  .l-footer-content {
    margin-top: calc(20 / 14 * .5em);
  }
  .l-footer-lead {

  }
  .l-footer-lead-txt {
    text-align: center;
    line-height: calc(48 / 28 * 1em);
    font-size: calc(28 / 14 * .5em);
    font-weight: 500;
  }
  .l-footer-card {

  }
  .l-footer-card__parts:first-child {

  }
  .l-footer-card__parts + .l-footer-card__parts {
    margin-top: calc(20 / 14 * .5em);
  }
  .l-footer-social {

  }
  .l-footer-social-btn {

  }
  .l-footer-social-btn-list {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .l-footer-social-btn-list__item {
    width: calc(48 / 14 * .5em);
    margin-left: calc(24 / 14 * .5em);
  }
  .l-footer-social-btn-list__item:first-child {
    margin-left: 0;
  }
  .l-footer-social-btn-list__item > a {

  }
  .l-footer-social-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .l-footer-copy {
    text-align: center;
    line-height: calc(32 / 20 * 1em);
    font-size: calc(20 / 14 * .5em);
    font-weight: 500;
  }
  .l-footer-entry {
    margin: auto;
  }
  .l-footer-entry__link {
    width: calc(247 / 14 * 1em);
    margin: auto;
    margin-top: calc(20 / 14 * 1em);
  }
  .l-footer-entry__link p {
    font-weight: 700;
    font-size: calc(16 / 14 * 1em);
    text-align: center;
    margin-bottom: calc(10 / 14 * 1em);
  }
}

/* cookie */
@media all and (min-width: 751px) {
  .l-cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: calc(19 / 14 * 1em);
    padding-bottom: calc(19 / 14 * 1em);
    background: rgba(240,244,245,.92);
    transform: translate3d(0, 100%,0);
    transition: transform 0.5s ease-in-out;
    z-index: 9999;
  }
  .is-opened-cookie .l-cookie {
    transform: translate3d(0,0,0);
  }
  .l-cookie__inner {
    max-width: 1300px;
    margin: 0 auto;
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
  }
  .l-cookie-body {

  }
  .l-cookie-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .l-cookie-content {
    flex-grow: 1;
  }
  .l-cookie-txt {
    line-height: calc(26 / 14 * 1em);
    font-size: calc(14 / 14 * 1em);
    font-weight: 700;
  }
  .l-cookie-btn {
    flex-shrink: 0;
    margin-left: calc(20 / 14 * 1em);
    text-align: center;
  }
  .l-cookie-btn > button {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    color: #fff;
    cursor: pointer;
    transition: opacity 0.2s ease-in-out;
  }
  .l-cookie-btn > button:hover {
    opacity: .75;
  }
  .l-cookie-btn-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(170 / 14 * 1em);
    height: calc(40 / 14 * 1em);
    border-radius: calc(40 / 14 * 1em);
    background: #0c6ac2;
  }
  .l-cookie-btn__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(14 / 14 * 1em);
    font-weight: 500;
  }
}
@media screen and (max-width: 750px) {
  .l-cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: calc(20 / 14 * .5em);
    padding-bottom: calc(31 / 14 * .5em);
    background: rgba(240,244,245,.92);
    transform: translate3d(0, 100%,0);
    transition: transform 0.5s ease-in-out;
    z-index: 9999;
  }
  .is-opened-cookie .l-cookie {
    transform: translate3d(0,0,0);
  }
  .l-cookie__inner {
    padding-left: calc(40 / 14 * .5em);
    padding-right: calc(40 / 14 * .5em);
  }
  .l-cookie-body {

  }
  .l-cookie-container {

  }
  .l-cookie-content {

  }
  .l-cookie-txt {
    line-height: calc(32 / 20 * 1em);
    font-size: calc(20 / 14 * .5em);
    font-weight: 700;
  }
  .l-cookie-btn {
    margin-top: calc(12 / 14 * .5em);
    text-align: center;
  }
  .l-cookie-btn > button {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    color: #fff;
    cursor: pointer;
  }
  .l-cookie-btn-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(260 / 14 * .5em);
    height: calc(60 / 14 * .5em);
    border-radius: calc(60 / 14 * .5em);
    background: #0c6ac2;
  }
  .l-cookie-btn__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(24 / 14 * .5em);
    font-weight: 500;
  }
}

/* ==================================================
Top
================================================== */
/* hero */
@media all and (min-width: 751px) {
  .top-hero {
    position: relative;
    background: #000;
    overflow: hidden;
  }
  #js-hero > * {
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }
  #js-hero.is-active-hero-slide-top.is-active-hero-slide-bottom > * {
    opacity: 1;
  }
  .top-hero::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(1437 / 14 * 1em);
    height: calc(795 / 14 * 1em);
    background: url("../img/top/layer_hero01.png") no-repeat center center;
    background-size: contain;
    transform: translate3d(-50%,-50%,0);
    z-index: 2;
  }
  .top-hero__inner {
    position: relative;
    max-width: 1060px;
    margin: 0 auto;
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
    z-index: 2;
  }
  .top-hero-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(720 / 14 * 1em);
    padding-bottom: calc(44 / 14 * 1em);
  }
  .top-hero-logo {
    text-align: center;
  }
  .top-hero-logo__label {
    display: inline-block;
    vertical-align: top;
    width: calc(690 / 14 * 1em);
  }
  .top-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .top-hero-bg-slide {

  }
  .top-hero-bg-slide-body {
    overflow: hidden;
  }
  .top-hero-bg-slide-list.swiper-wrapper {
    transition-timing-function: linear;
  }
  .top-hero-bg-slide-list__item {
    width: calc(360 / 14 * 1em);
  }
  .top-hero-bg-slide-img {

  }
  .top-hero-bg-slide-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .top-hero-entry {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: calc(30 / 14 * 1em);
    margin-right: calc(40 / 14 * 1em);
    text-align: center;
    z-index: 2;
  }
  .top-hero-entry > a {
    transition: opacity 0.2s ease-in-out;
  }
  .top-hero-entry > a:hover {
    opacity: .75;
  }
  .top-hero-entry__label {
    display: inline-block;
    vertical-align: top;
    width: calc(159 / 14 * 1em);
  }
  .top-hero-entry__label img {
    filter: drop-shadow(0 calc(8 / 14 * 1em) calc(8 / 14 * 1em) rgba(0,0,0,.4));
  }
  .top-hero-scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: calc(30 / 14 * 1em);
    margin-left: calc(50 / 14 * 1em);
    text-align: center;
    z-index: 2;
  }
  .top-hero-scroll > a {
    display: inline-block;
    vertical-align: top;
    transition: opacity 0.2s ease-in-out;
  }
  .top-hero-scroll > a:hover {
    opacity: .75;
  }
  .top-hero-scroll-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: calc(11 / 14 * 1em);
    height: calc(107 / 14 * 1em);
  }
  .top-hero-scroll__label {
    display: inline-block;
    vertical-align: top;
    width: calc(11 / 14 * 1em);
  }
  .top-hero-scroll__ico {
    display: inline-block;
    vertical-align: top;
    width: calc(11 / 14 * 1em);
    background: url("../img/top/ico_arw_hero_scroll01.png") no-repeat center center;
    background-size: contain;
  }
  .top-hero-scroll__ico::before {
    content: '';
    display: block;
    padding-top: calc(120 / 22 * 100%);
  }
  .top-hero-scroll > a .top-hero-scroll__ico {
    transition: transform 0.2s ease-in-out;
  }
  .top-hero-scroll > a:hover .top-hero-scroll__ico {
    transform: translate3d(0,calc(15 / 14 * 1em),0);
  }
}
@media screen and (max-width: 750px) {
  .top-hero {
    position: relative;
    background: #000;
    overflow: hidden;
  }
  #js-hero > * {
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }
  #js-hero.is-active-hero-slide-top.is-active-hero-slide-bottom > * {
    opacity: 1;
  }
  .top-hero::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(750 / 14 * .5em);
    height: calc(1003 / 14 * .5em);
    background: url("../img/top/layer_hero01_sp.png") no-repeat center center;
    background-size: contain;
    transform: translate3d(-50%,-50%,0);
    z-index: 2;
  }
  .top-hero__inner {
    position: relative;
    padding-left: calc(40 / 14 * .5em);
    padding-right: calc(40 / 14 * .5em);
    z-index: 2;
  }
  .top-hero-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(1100 / 14 * .5em);
    padding-bottom: calc(272 / 14 * .5em);
  }
  .top-hero-logo {
    text-align: center;
  }
  .top-hero-logo__label {
    display: inline-block;
    vertical-align: top;
    width: calc(553 / 14 * .5em);
  }
  .top-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .top-hero-bg-slide {

  }
  .top-hero-bg-slide-body {
    overflow: hidden;
  }
  .top-hero-bg-slide-list.swiper-wrapper {
    transition-timing-function: linear;
  }
  .top-hero-bg-slide-list__item {
    width: calc(550 / 14 * .5em);
  }
  .top-hero-bg-slide-img {

  }
  .top-hero-bg-slide-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .top-hero-entry {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: calc(192 / 14 * .5em);
    text-align: center;
    transform: translate3d(-50%,0,0);
    z-index: 2;
  }
  .top-hero-entry > a {

  }
  .top-hero-entry__label {
    display: inline-block;
    vertical-align: top;
    width: calc(231 / 14 * .5em);
  }
  .top-hero-entry__label img {
    filter: drop-shadow(0 calc(8 / 14 * .5em) calc(8 / 14 * .5em) rgba(0,0,0,.4));
  }
  .top-hero-scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: calc(30 / 14 * .5em);
    margin-left: calc(30 / 14 * .5em);
    text-align: center;
    z-index: 2;
  }
  .top-hero-scroll > a {
    display: inline-block;
    vertical-align: top;
  }
  .top-hero-scroll-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: calc(21 / 14 * .5em);
    height: calc(214 / 14 * .5em);
  }
  .top-hero-scroll__label {
    display: inline-block;
    vertical-align: top;
    width: calc(21 / 14 * .5em);
  }
  .top-hero-scroll__ico {
    display: inline-block;
    vertical-align: top;
    width: calc(21 / 14 * .5em);
    background: url("../img/top/ico_arw_hero_scroll01.png") no-repeat center center;
    background-size: contain;
  }
  .top-hero-scroll__ico::before {
    content: '';
    display: block;
    padding-top: calc(120 / 22 * 100%);
  }
}

/* content */
@media all and (min-width: 751px) {
  .top-content {
    position: relative;
    padding-bottom: calc(60 / 14 * 1em);
    background: #fff;
  }
}
@media screen and (max-width: 750px) {
  .top-content {
    position: relative;
    padding-bottom: calc(60 / 14 * .5em);
    background: #fff;
  }
}

/* section */
@media all and (min-width: 751px) {
  .top-section {
    padding-top: calc(100 / 14 * 1em);
    padding-bottom: calc(60 / 14 * 1em);
  }
  .top-section__inner {
    max-width: 1060px;
    margin: 0 auto;
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
  }
  .top-section-head {
    position: relative;
    padding-top: calc(22 / 14 * 1em);
    padding-bottom: calc(22 / 14 * 1em);
    text-align: center;
  }
  .top-section-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: calc(5 / 14 * 1em);
    background: linear-gradient(to left,#02b0a0 0%,#02b0a0 20%,#0c6ac2 20%,#0c6ac2 40%,#02b0a0 40%,#02b0a0 60%,#0c6ac2 60%,#0c6ac2 80%,#02b0a0 80%,#02b0a0 100%);
  }
  .top-section-head::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: calc(5 / 14 * 1em);
    background: linear-gradient(to left,#0c6ac2 0%,#0c6ac2 20%,#02b0a0 20%,#02b0a0 40%,#0c6ac2 40%,#0c6ac2 60%,#02b0a0 60%,#0c6ac2 80%,#02b0a0 80%,#0c6ac2 100%);
  }
  .top-section-head__label {
    display: inline-block;
    vertical-align: top;
    line-height: calc(48 / 32 * 1em);
    font-size: calc(32 / 14 * 1em);
    font-weight: 500;
    color: #0c6ac2;
  }
  .top-section-head__label span {
    font-size: 70%;
  }
  .top-section-body {
    margin-top: calc(40 / 14 * 1em);
  }
  .top-lead {
    margin-top: calc(40 / 14 * 1em);
  }
  .top-lead:first-child {
    margin-top: 0;
  }
  .top-lead-txt {
    text-align: center;
    line-height: calc(32 / 16 * 1em);
    font-size: calc(16 / 14 * 1em);
    font-weight: 500;
  }
  .top-table {
    margin-top: calc(40 / 14 * 1em);
    margin-left: calc(60 / 14 * 1em);
    margin-right: calc(60 / 14 * 1em);
  }
  .top-table:first-child {
    margin-top: 0;
  }
  .top-table__inner {
    padding-top: calc(27 / 14 * 1em);
    padding-bottom: calc(27 / 14 * 1em);
    padding-left: calc(70 / 14 * 1em);
    padding-right: calc(70 / 14 * 1em);
    background: #f0f4f5;
  }
  .top-table-desc {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: calc(10 / 14 * 1em);
  }
  .top-table-desc:first-child {
    margin-top: 0;
  }
  .top-table-desc__term {
    flex-shrink: 0;
    text-align: right;
  }
  .top-table-desc__term__label {
    display: inline-block;
    vertical-align: top;
    width: calc(20 / 20 * 5em);
    line-height: calc(30 / 20 * 1em);
    font-size: calc(20 / 14 * 1em);
    font-weight: 500;
    color: #0c6ac2;
  }
  html[lang="en"] .top-table-desc__term__label {
    width: calc(20 / 20 * 6em);
  }
  .top-table-desc__defin {
    position: relative;
    flex-grow: 1;
    margin-left: calc(24 / 14 * 1em);
    padding-left: calc(24 / 14 * 1em);
  }
  .top-table-desc__defin::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: calc(100% - calc(4 / 14 * 1em));
    padding-left: calc(1 / 14 * 1em);
    background: #0c6ac2;
    transform: translate3d(0,-50%,0);
  }
  .top-table-txt {
    line-height: calc(30 / 20 * 1em);
    font-size: calc(20 / 14 * 1em);
  }
  .top-btn {
    margin-top: calc(64 / 14 * 1em);
    text-align: center;
  }
  .top-btn:first-child {
    margin-top: 0;
  }
  .top-btn > a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #fff;
    transition: opacity 0.2s ease-in-out;
  }
  .top-btn > a:hover {
    opacity: .75;
  }
  .top-btn-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(360 / 14 * 1em);
    height: calc(60 / 14 * 1em);
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
    background: #0c6ac2;
  }
  .top-btn__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(20 / 14 * 1em);
    font-weight: 500;
  }
  .top-btn__ico {
    display: inline-block;
    vertical-align: top;
    width: calc(60 / 14 * 1em);
    background: url("../img/top/ico_arw_btn01.png") no-repeat center center;
    background-size: contain;
  }
  .top-btn__ico::before {
    content: '';
    display: block;
    padding-top: calc(6 / 60 * 100%);
  }
  .top-btn > a .top-btn__ico {
    transition: transform 0.2s ease-in-out;
  }
  .top-btn > a:hover .top-btn__ico {
    transform: translate3d(calc(15 / 14 * 1em),0,0);
  }
}
@media screen and (max-width: 750px) {
  .top-section {
    padding-top: calc(90 / 14 * .5em);
    padding-bottom: calc(60 / 14 * .5em);
  }
  .top-section__inner {
    max-width: 1060px;
    margin: 0 auto;
    padding-left: calc(40 / 14 * .5em);
    padding-right: calc(40 / 14 * .5em);
  }
  .top-section-head {
    position: relative;
    padding-top: calc(38 / 14 * .5em);
    padding-bottom: calc(37 / 14 * .5em);
    text-align: center;
  }
  .top-section-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: calc(10 / 14 * .5em);
    background: linear-gradient(to left,#02b0a0 0%,#02b0a0 20%,#0c6ac2 20%,#0c6ac2 40%,#02b0a0 40%,#02b0a0 60%,#0c6ac2 60%,#0c6ac2 80%,#02b0a0 80%,#02b0a0 100%);
  }
  .top-section-head::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: calc(10 / 14 * .5em);
    background: linear-gradient(to left,#0c6ac2 0%,#0c6ac2 20%,#02b0a0 20%,#02b0a0 40%,#0c6ac2 40%,#0c6ac2 60%,#02b0a0 60%,#0c6ac2 80%,#02b0a0 80%,#0c6ac2 100%);
  }
  .top-section-head__label {
    display: inline-block;
    vertical-align: top;
    line-height: calc(72 / 52 * 1em);
    font-size: calc(52 / 14 * .5em);
    font-weight: 500;
    color: #0c6ac2;
  }
  .top-section-head__label span {
    font-size: 70%;
  }
  .top-section-body {
    margin-top: calc(40 / 14 * .5em);
  }
  .top-lead {
    margin-top: calc(40 / 14 * .5em);
  }
  .top-lead:first-child {
    margin-top: 0;
  }
  .top-lead-txt {
    line-height: calc(60 / 30 * 1em);
    font-size: calc(30 / 14 * .5em);
    font-weight: 500;
  }
  .top-table {
    margin-top: calc(40 / 14 * .5em);
  }
  .top-table:first-child {
    margin-top: 0;
  }
  .top-table__inner {
    padding-top: calc(40 / 14 * .5em);
    padding-bottom: calc(40 / 14 * .5em);
    padding-left: calc(40 / 14 * .5em);
    padding-right: calc(40 / 14 * .5em);
    background: #f0f4f5;
  }
  .top-table-desc {
    margin-top: calc(28 / 14 * .5em);
  }
  .top-table-desc:first-child {
    margin-top: 0;
  }
  .top-table-desc__term {
    text-align: center;
  }
  .top-table-desc__term__label {
    display: inline-block;
    vertical-align: top;
    line-height: calc(42 / 28 * 1em);
    font-size: calc(28 / 14 * .5em);
    font-weight: 500;
    color: #0c6ac2;
  }
  .top-table-desc__defin {
    margin-top: calc(14 / 14 * .5em);
    text-align: center;
  }
  .top-table-txt {
    line-height: calc(42 / 28 * 1em);
    font-size: calc(28 / 14 * .5em);
  }
  .top-btn {
    margin-top: calc(56 / 14 * .5em);
    text-align: center;
  }
  .top-btn:first-child {
    margin-top: 0;
  }
  .top-btn > a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #fff;
  }
  .top-btn-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(520 / 14 * .5em);
    height: calc(100 / 14 * .5em);
    padding-left: calc(30 / 14 * .5em);
    padding-right: calc(30 / 14 * .5em);
    background: #0c6ac2;
  }
  .top-btn__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(30 / 14 * .5em);
    font-weight: 500;
  }
  .top-btn__ico {
    display: inline-block;
    vertical-align: top;
    width: calc(108 / 14 * .5em);
    background: url("../img/top/ico_arw_btn01.png") no-repeat center center;
    background-size: contain;
  }
  .top-btn__ico::before {
    content: '';
    display: block;
    padding-top: calc(6 / 60 * 100%);
  }
}


/* ==================================================
Component
================================================== */
.c-sm {
  font-size: calc(10 / 14 * 1em);
}
.c-bold {
  font-weight: bold;
}
.c-new-icon.-white {
  background-color: #fff;
  color: #0c6ac2;
  position: absolute;
  padding: 2px 6px;
  margin-bottom: 2px;
  margin-left: -10px;
  margin-top: 4px;
}
.c-new-txt {
  color: red;
  font-weight: bold;
  margin: calc(12 / 14 * 1em);
}
.c-new-txt.-center {
  text-align: center;
}
.c-new-icon {
  z-index: 1;
}
@media all and (min-width: 751px) {
  .c-new-icon {
    background-color: #ff0000;
    text-align: center;
    color: #fff;
    font-size: calc(10 / 14 * 1em);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    max-width: calc(60 / 14 * 1em);
    border-radius: 16px;
    line-height: 1;
    margin: calc(10 / 14 * 1em) 0 0 0;
  }
  .c-video-icon {
    position: relative;
    margin-left: auto;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: .35s;
  }
  .c-video-icon ul {
    display: flex;
    margin: calc(10 / 14 * 1em) 0 0 0;
  }
  .c-video-icon__list {
    margin-left: calc(7 / 14 * 1em);
  }
  .c-video-icon__list:first-child {
    margin-left: auto;
  }
  .c-video-icon__list a {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
  }
  .c-video-icon__list.-twitter a {
    background: url(../img/common/icon_twitter.png) no-repeat;
    background-size: contain;
  }
  .c-video-icon__list.-facebook a {
    background: url(../img/common/icon_facebook.png) no-repeat;
    background-size: contain;
  }
  .c-video-icon__list.-linkedin a {
    background: url(../img/common/icon_linkedin.png) no-repeat;
    background-size: contain;
  }
  .c-ttl.-type-en {
    font-family: 'Oswald' !important;
    font-weight: 500;
    font-size: calc(36 / 14 * 1em);
    text-align: center;
    color: #0c6ac2;
  }
  .c-ttl.-type-h3 {
    font-size: calc(20 / 14 * 1em);
    text-align: center;
    display: block;
    margin: calc(30 / 14 * 1em) 0 0 0;
  }
  .c-btn.-type-1 {
    font-weight: 700;
    display: block;
    width: calc(360 / 14 * 1em);
    height: calc(60 / 14 * 1em);
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
    border-radius: calc(30 / 14 * 1em);
    background: #0c6ac2;
    margin: auto;
  }
  .c-btn.-type-2 {
    font-weight: 700;
    display: block;
    width: calc(440 / 14 * 1em);
    height: calc(80 / 14 * 1em);
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
    border-radius: calc(40 / 14 * 1em);
    background: #fe864a;
    margin: auto;
    border: solid #fe6c35 calc(6 / 14 * 1em);
    box-shadow: 0px 6px 11.28px 0.72px rgba(0, 0, 0, 0.2);
  }
  .c-btn.-type-1 a,
  .c-btn.-type-2 a {
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .c-btn.-type-1:hover,
  .c-btn.-type-2:hover {
    opacity: .75;
  }
  .c-btn.-type-1:hover .c-btn__ico,
  .c-btn.-type-2:hover .c-btn__ico {
    transform: translate3d(calc(15 / 14 * 1em),0,0);
  }
  .c-btn.-type-1 .c-btn__label,
  .c-btn.-type-2 .c-btn__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(16 / 14 * 1em);
  }
  .c-btn.-type-1 .c-btn__ico,
  .c-btn.-type-2 .c-btn__ico {
    transition: transform 0.2s ease-in-out;
    display: inline-block;
    vertical-align: top;
    width: calc(60 / 14 * 1em);
    background: url(../img/top/ico_arw_btn01.png) no-repeat center center;
    background-size: contain;
  }
  .c-btn.-type-1 .c-btn__ico::before,
  .c-btn.-type-2 .c-btn__ico::before {
    content: '';
    display: block;
    padding-top: calc(6 / 60 * 100%);
  }
  .c-pagetitle {
    text-align: center;
    font-size: calc(48 / 14 * 1em);
    font-family: 'Oswald' !important;
    font-weight: 500;
    color: #0c6ac2;
    padding: 40px 0 80px 0;
  }
}
@media screen and (max-width: 750px) {
  .c-new-icon {
    background-color: #ff0000;
    text-align: center;
    color: #fff;
    font-size: calc(10 / 14 * 1em);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    max-width: calc(60 / 14 * 1em);
    border-radius: 16px;
    line-height: 1;
    margin: calc(10 / 14 * 1em) 0 0 0;
  }
  .c-video-icon {
    position: relative;
    margin-left: auto;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: .35s;
  }
  .c-video-icon ul {
    display: flex;
    margin: calc(10 / 14 * 1em) 0 0 0;
  }
  .c-video-icon__list {
    margin-left: calc(10 / 14 * 1em);
  }
  .c-video-icon__list:first-child {
    margin-left: auto;
  }
  .c-video-icon__list a {
    display: block;
    width: 2rem;
    height: 2rem;
  }
  .c-video-icon__list.-twitter a {
    background: url(../img/common/icon_twitter.svg) no-repeat;
    background-size: contain;
  }
  .c-video-icon__list.-facebook a {
    background: url(../img/common/icon_facebook.svg) no-repeat;
    background-size: contain;
  }
  .c-video-icon__list.-linkedin a {
    background: url(../img/common/icon_linkedin.svg) no-repeat;
    background-size: contain;
  }
  .c-ttl.-type-en {
    font-family: 'Oswald' !important;
    font-weight: 500;
    font-size: calc(28 / 14 * 1em);
    text-align: center;
    color: #0c6ac2;
  }
  .c-ttl.-type-h3 {
    font-size: calc(16 / 14 * 1em);
    text-align: center;
    display: block;
    margin: calc(15 / 14 * 1em) 0 calc(5 / 14 * 1em) 0;
  }
  .c-btn.-type-1 {
    font-weight: 700;
    display: block;
    width: calc(280 / 14 * 1em);
    height: calc(50 / 14 * 1em);
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
    border-radius: calc(30 / 14 * 1em);
    background: #0c6ac2;
    margin: auto;
  }
  .c-btn.-type-2 {
    font-weight: 700;
    display: block;
    width: calc(280 / 14 * 1em);
    height: calc(50 / 14 * 1em);
    padding-left: calc(30 / 14 * 1em);
    padding-right: calc(30 / 14 * 1em);
    border-radius: calc(40 / 14 * 1em);
    background: #fe864a;
    margin: auto;
    border: solid #fe6c35 calc(4 / 14 * 1em);
    box-shadow: 0px 6px 11.28px 0.72px rgba(0, 0, 0, 0.2);
  }
  .c-btn.-type-1 a,
  .c-btn.-type-2 a {
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .c-btn.-type-1:hover .c-btn__ico,
  .c-btn.-type-2:hover .c-btn__ico {
    transform: translate3d(calc(15 / 14 * 1em),0,0);
  }
  .c-btn.-type-1 .c-btn__label,
  .c-btn.-type-2 .c-btn__label {
    display: inline-block;
    vertical-align: top;
    font-size: calc(14 / 14 * 1em);
  }
  .c-btn.-type-1 .c-btn__ico,
  .c-btn.-type-2 .c-btn__ico {
    transition: transform 0.2s ease-in-out;
    display: inline-block;
    vertical-align: top;
    width: calc(54 / 14 * 1em);
    background: url(../img/top/ico_arw_btn01.png) no-repeat center center;
    background-size: contain;
  }
  .c-btn.-type-1 .c-btn__ico::before,
  .c-btn.-type-2 .c-btn__ico::before {
    content: '';
    display: block;
    padding-top: calc(6 / 54 * 100%);
  }
  .c-pagetitle {
    text-align: center;
    font-size: calc(32 / 14 * 1em);
    font-family: 'Oswald' !important;
    font-weight: 500;
    color: #0c6ac2;
    padding: 20px 0 40px 0;
  }
}

/* ==================================================
Utility
================================================== */
/* sr */
.u-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* hide */
.u-hide {
  display: none;
}

@media all and (min-width: 1025px) {
  .u-hide-pc {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .u-hide-pc-tb {
    display: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-hide-tb {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .u-hide-tb-sp {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .u-hide-sp {
    display: none;
  }
}

/* text-align */
.u-align-left {
  text-align: left;
}

@media all and (min-width: 1025px) {
  .u-align-left-pc {
    text-align: left;
  }
}

@media all and (min-width: 751px) {
  .u-align-left-pc-tb {
    text-align: left;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-align-left-tb {
    text-align: left;
  }
}

@media screen and (max-width: 1024px) {
  .u-align-left-tb-sp {
    text-align: left;
  }
}

@media screen and (max-width: 750px) {
  .u-align-left-sp {
    text-align: left;
  }
}

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

@media all and (min-width: 1025px) {
  .u-align-center-pc {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .u-align-center-pc-tb {
    text-align: center;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-align-center-tb {
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  .u-align-center-tb-sp {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .u-align-center-sp {
    text-align: center;
  }
}

.u-align-right {
  text-align: right;
}

@media all and (min-width: 1025px) {
  .u-align-right-pc {
    text-align: right;
  }
}

@media all and (min-width: 751px) {
  .u-align-right-pc-tb {
    text-align: right;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-align-right-tb {
    text-align: right;
  }
}

@media screen and (max-width: 1024px) {
  .u-align-right-tb-sp {
    text-align: right;
  }
}

@media screen and (max-width: 750px) {
  .u-align-right-sp {
    text-align: right;
  }
}

/* font-weight */
.u-bold {
  font-weight: bold;
}

/* clearfix */
.u-clearfix::after {
  content: "";
  display: table;
  clear: both;
}


@keyframes fadeIn {
  0% {
      opacity:0;
      display: block;
      visibility: visible;
  }
  100% {
      opacity:1;
  }
}


/* ==================================================
Close
================================================== */
/* header */
@media screen and (max-width: 750px) {
  .close-header {
    width: 100%;
    background-color: #0c6ac2;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: calc(11 / 14 * 1em);
    padding: .5rem 0;
  }
  .close-header a {
    color: #fff;
  }
}

@media screen and (min-width: 751px) {
  .close-header {
    width: 100%;
    background-color: #0c6ac2;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: calc(14 / 14 * 1em);
    padding: .5rem 0;
  }
  .close-header a {
    color: #fff;
  }
}