@charset "UTF-8";
/* General */
.float-list, .cf {
  *zoom: 1;
}
.float-list:after, .cf:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

form ::-webkit-input-placeholder {
  color: #C6C6C6;
}
form :-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form ::-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form :-ms-input-placeholder {
  color: #C6C6C6;
}

::-moz-selection {
  color: #FFF;
  background: rgba(0, 108, 184, 0.7);
}

::selection {
  color: #FFF;
  background: rgba(0, 108, 184, 0.7);
}

.float-list li {
  float: left;
}

/* Base */
*,
*:before,
*:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(51, 51, 51, 0.0001);
}

@-ms-viewport {
  width: device-width;
}
body {
  line-height: 1.75;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue" , "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 960px) and (max-width: 1384px) {
  body {
    font-size: calc(13.50px + 0.156vw);
  }
}
.roboto {
  font-family: 'Roboto', sans-serif;
}

a {
  -webkit-text-decoration-skip: objects;
}
a:link, a:visited {
  text-decoration: none;
  color: #333;
}
a:hover, a:active, a:focus {
  color: #333;
}
a:hover img, a:active img, a:focus img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

img {
  max-width: 100%;
  height: auto;
  box-sizing: content-box;
  vertical-align: middle;
  line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
  max-height: 100%;
}

input[type="button"], input[type="submit"], input[type="reset"], label {
  cursor: pointer;
}

input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.0001);
  background: transparent;
}

b,
strong {
  font-weight: bolder;
}

svg:not(:root) {
  overflow: hidden;
  vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

/* Layout */
/*==============================
共通要素
==============================*/
.wrap {
  width: 100%;
  max-width: calc(160rem + 24%);
  margin: 0 auto;
  padding: 0  12%;
}

.table {
  display: table;
}

.cell {
  display: table-cell;
}

.left-box {
  float: left;
}

.right-box {
  float: right;
}

.fl-container {
  display: -webkit-flex;
  display: flex;
}

#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.point-color {
  color: #FCD500;
}

.scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1384px) {
  .hidden-sp {
    display: block;
  }

  .hidden-pc {
    display: none;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1384px) {
  .hidden-sp {
    display: block;
  }

  .hidden-pc {
    display: none;
  }
}
.show-xs {
  display: none;
}

.inview {
  opacity: 0;
  transform: translateY(6.25rem);
  transition: opacity 1.2s, transform 2.2s cubic-bezier(0, -0.01, 0, 1.08);
}

.inview.active {
  opacity: 1;
  transform: translateY(0);
}

.more-btn a {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 1.125em;
  max-width: 320px;
  padding: 1.1em 14% 1.1em 0;
  color: #006CB8;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZmY2OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fcf200), color-stop(100%, #eeff69));
  background-image: -moz-linear-gradient(left, #fcf200 0%, #eeff69 100%);
  background-image: -webkit-linear-gradient(left, #fcf200 0%, #eeff69 100%);
  background-image: linear-gradient(to right, #fcf200 0%, #eeff69 100%);
  transition: letter-spacing .3s;
}
.more-btn a:after {
  content: '';
  width: 2.22em;
  height: 1px;
  margin: 0 0 0 1.55em;
  background: #006CB8;
}
.more-btn a:hover {
  letter-spacing: .2em;
}
.more-btn a:hover:after {
  -webkit-animation: circleMarkLineAnimation 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: circleMarkLineAnimation 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.blur {
  width: 100%;
  height: 100%;
  min-height: 60em;
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  z-index: -5;
}
.blur .blur-inner {
  position: absolute;
}
.blur img {
  position: absolute;
}

.blur-01 {
  top: 0;
  right: 0;
}
.blur-01 .blur-inner {
  width: 100%;
  height: 80%;
  top: 0;
  right: 0;
  animation: vertical 6.7s ease-in-out infinite alternate;
}
.blur-01 img {
  top: -30%;
  right: 15%;
  animation: horizontal 10.5s ease-in-out infinite alternate;
}

@keyframes circleMarkLineAnimation {
  0% {
    transform-origin: right top;
    transform: scaleX(1) translateY(-50%);
  }
  50% {
    transform-origin: right top;
    transform: scaleX(0) translateY(-50%);
  }
  51% {
    transform-origin: left top;
    transform: scaleX(0) translateY(-50%);
  }
  100% {
    transform-origin: left top;
    transform: scaleX(1) translateY(-50%);
  }
}
.shutter {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlYzlkYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #3ec9db), color-stop(100%, #006cb8));
  background-image: -moz-linear-gradient(left bottom, #3ec9db 0%, #006cb8 100%);
  background-image: -webkit-linear-gradient(left bottom, #3ec9db 0%, #006cb8 100%);
  background-image: linear-gradient(to right top, #3ec9db 0%, #006cb8 100%);
  z-index: 9999;
  animation: byeShutter 2s forwards;
}
.shutter::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-color: #f3f3f3;
  width: 0;
  height: 1px;
  animation: shutterOpen 2s forwards;
}

@keyframes byeShutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}
@keyframes shutterOpen {
  0% {
    width: 0;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  90% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes contentScale {
  70% {
    transform: perspective(800px) scale(0.9) rotateX(15deg);
  }
  100% {
    transform: perspective(800px) scale(1) rotateX(0);
  }
}
@keyframes horizontal {
  0% {
    transform: translateX(10%);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes vertical {
  0% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0px);
  }
}
/*==============================
ヘッダー
==============================*/
.l-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0 0 0 3.125%;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-flex-start;
  align-items: flex-flex-start;
  z-index: 25;
  pointer-events: none
}
.l-header > * {
  pointer-events: auto
}
.l-header.scroll{
  background: #FFF;
}
.l-header .header-logo {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 0;
  width: 15%;
  transition: margin .3s;
}
.l-header .header-logo img {
  transition: max-width  .3s ,opacity .3s;
}
.l-header .l-nav {
  width: 58%;
  margin: 0 auto;
  transition: margin .3s;
}
.l-header .nav-list {
  position: relative;
  margin: -1.875em auto 0;
  /*margin: 0 auto 1.875em;*/
  z-index: 10;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.l-header .nav-list > .nav-list-parent, .l-header .nav-list > li > a {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 3.45em 1.3em 2.85em;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.l-header .nav-list > .nav-list-parent:before, .l-header .nav-list > li > a:before {
  position: absolute;
  top: 2.45em;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #006CB8;
  opacity: 0;
  transition: opacity .2s ease-in-out;
}
.l-header .nav-list > .nav-list-parent:hover:before, .l-header .nav-list > li > a:hover:before {
  opacity: 1;
}
.l-header .nav-list > .nav-list-parent:hover .nav-list-jp, .l-header .nav-list > li > a:hover .nav-list-jp {
  opacity: 0;
  transform: translateY(-10px);
}
.l-header .nav-list > .nav-list-parent:hover .nav-list-en, .l-header .nav-list > li > a:hover .nav-list-en {
  opacity: 1;
  transform: translateY(0);
}
.l-header .nav-list .nav-list-parent:after {
  position: absolute;
  bottom: 28px;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  width: 2px;
  height: 0;
  background: #006CB8;
  transition: height .2s ease-in-out, bottom .2s ease-in-out;
}
.l-header .nav-list .nav-list-parent:hover:after {
  height: 28px;
  bottom: 00px;
}
.l-header .nav-list-jp {
  height: 1em;
  transition: transform .2s ease-in-out,opacity .2s ease-in-out;
}
.l-header .nav-list-en {
  position: absolute;
  top: 1em;
  bottom: 0;
  left: 0;
  right: 0;
  height: .75em;
  margin: auto;
  opacity: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #006CB8;
  font-size: 1.125em;
  line-height: 1.35;
  transform: translateY(-10px);
  transition: transform .2s ease-in-out,opacity .2s ease-in-out;
}
.l-header .nav-item-customer .nav-list-en {
  height: 1.666em;
}
.l-header .nav-list-child {
  display: none;
  position: absolute;
  top: 7.35em;
  left: -2vw;
  max-width: 682px;
  width: 60vw;
  text-align: left;
}
.l-header .nav-list-child:after {
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  width: 39.5%;
  height: 100%;
  z-index: -1;
  background: no-repeat center top / cover;
}
.l-header .nav-child-about:after {
  background-image: url(../img/layout/header/nav_about_bg@2x.jpg);
}

.l-header .nav-child-solution .nav-child-list {
	padding: 4.1em 8%;
}
.l-header .nav-child-solution:after {
  background-image: url(../img/layout/header/nav_solution_bg@2x.jpg);
}
.l-header .nav-child-list {
  width: 61%;
  margin: 0  auto 0 0;
  padding: 4.3em 12%	;
  border-radius: 0 0 0 5em;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlYzlkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #006cb8), color-stop(100%, #3ec9db));
  background-image: -moz-linear-gradient(left bottom, #006cb8 0%, #3ec9db 100%);
  background-image: -webkit-linear-gradient(left bottom, #006cb8 0%, #3ec9db 100%);
  background-image: linear-gradient(to right top, #006cb8 0%, #3ec9db 100%);
  z-index: 5;
}
.l-header .nav-child-solution .nav-child-list{
	background-image: -moz-linear-gradient(bottom, #006cb8 0%, #3ec9db 100%);
    background-image: -webkit-linear-gradient(bottom, #006cb8 0%, #3ec9db 100%);
    background-image: linear-gradient(to top, #006cb8 0%, #3ec9db 100%);
}
.l-header .nav-child-list li {
  padding: .3125em 0;
}
.l-header .nav-child-list a {
  position: relative;
  display: inline-block;
  color: #fff;
  transition: opacity .3s;
}
.l-header .nav-child-list a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background: #fff;
  transition: width .3s ,color .3s;
}
.l-header .nav-child-list a:hover:after {
  width: 100%;
}
.l-header .nav-child-primary {
  font-weight: 700;
}
.l-header .nav-grandchild-parent > a{
  background: url(../img/module/icon_arrow.svg)no-repeat right 5% center /.3225em;
}
.l-header .nav-child-primary:before {
  content: '';
  display: inline-block;
  width: .89375em;
  height: .71875em;
  padding: 0 .5em 0 0;
  background: url(../img/module/icon_arrow.svg) no-repeat left center/0.39375em 0.71875em;
}
.l-header .nav-child-secondary {
  font-weight: 500;
  line-height: 1.5;
}
.l-header .nav-child-secondary:before {
  content: '-';
  padding: 0 .5em 0 1.5em;
  color: #fff;
}
.l-header .header-btn {
  max-width: 15em;
  width: 27%;
}
.l-header .header-btn-list {
  height: 7.2em;
  width: 100%;
}
.l-header .header-btn-item {
  position: relative;
  width: 50%;
}
.l-header .header-btn-item:before, .l-header .header-btn-item:after {
  content: '';
  position: absolute;
  z-index: 5;
}
.l-header .header-btn-item:before {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1px;
  height: 12px;
}
.l-header .header-btn-item:after {
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  height: 6px;
  width: 6px;
  border-radius: 3px;
}
.l-header .header-btn-item a {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: 700;
  overflow: hidden;
}
.l-header .header-btn-item a:after {
  position: absolute;
  bottom: -200%;
  left: -200%;
  content: '';
  width: 300%;
  height: 200%;
  transform: rotate(-45deg);
  transition: bottom .3s, left .3s;
}
.l-header .header-btn-item a:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -2;
}
.l-header .header-btn-item a:hover:after {
  left: -85%;
  bottom: 0;
}
.l-header .header-btn-book:before, .l-header .header-btn-book:after {
  background: #fff;
}
.l-header .header-btn-book a {
  color: #fff;
  font-size: 1.125em;
  line-height: 1.95;
  border-radius: 0 0 0 3.44em;
}
.l-header .header-btn-book a svg {
  fill: #fff;
  margin-top: .6em;
}
.l-header .header-btn-book a:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlYzlkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #006cb8), color-stop(100%, #3ec9db));
  background-image: -moz-linear-gradient(left bottom, #006cb8 0%, #3ec9db 100%);
  background-image: -webkit-linear-gradient(left bottom, #006cb8 0%, #3ec9db 100%);
  background-image: linear-gradient(to right top, #006cb8 0%, #3ec9db 100%);
  border-radius: 0 0 0 3.44em;
}
.l-header .header-btn-book a:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDA2Y2I4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA2Y2I4IiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #006cb8), color-stop(50%, #006cb8), color-stop(100%, rgba(0, 108, 184, 0)));
  background-image: -moz-linear-gradient(left, #006cb8 0%, #006cb8 50%, rgba(0, 108, 184, 0) 100%);
  background-image: -webkit-linear-gradient(left, #006cb8 0%, #006cb8 50%, rgba(0, 108, 184, 0) 100%);
  background-image: linear-gradient(to right, #006cb8 0%, #006cb8 50%, rgba(0, 108, 184, 0) 100%);
  z-index: -1;
}
.l-header .header-btn-bill:before, .l-header .header-btn-bill:after {
  background: #006CB8;
}
.l-header .header-btn-bill a {
  color: #006CB8;
  line-height: 1.35;
}
.l-header .header-btn-bill a .sub {
  margin-top: .5em;
  font-size: .875em;
}
.l-header .header-btn-bill a svg {
  margin-top: .5em;
  fill: #006CB8;
}
.l-header .header-btn-bill a:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZmY2OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #fcf200), color-stop(100%, #eeff69));
  background-image: -moz-linear-gradient(left bottom, #fcf200 0%, #eeff69 100%);
  background-image: -webkit-linear-gradient(left bottom, #fcf200 0%, #eeff69 100%);
  background-image: linear-gradient(to right top, #fcf200 0%, #eeff69 100%);
}
.l-header .header-btn-bill a:after {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZmY1YSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTZmZjVhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZmZjVhIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6ff5a), color-stop(50%, #e6ff5a), color-stop(100%, rgba(230, 255, 90, 0)));
  background-image: -moz-linear-gradient(left, #e6ff5a 0%, #e6ff5a 50%, rgba(230, 255, 90, 0) 100%);
  background-image: -webkit-linear-gradient(left, #e6ff5a 0%, #e6ff5a 50%, rgba(230, 255, 90, 0) 100%);
  background-image: linear-gradient(to right, #e6ff5a 0%, #e6ff5a 50%, rgba(230, 255, 90, 0) 100%);
  z-index: -1;
}
.l-header .sp-btn {
  display: none;
}
.l-header:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
  content: '';
  width: 100%;
  height: 6.25em;
  background: #fff;
  opacity: 0;
  transition: opacity .8s;
}
/* .l-header.scroll .header-logo {
  margin-top: -1.5em;
}
.l-header.scroll .l-nav {
  margin-top: -1.5em;
} */
.l-header.scroll:after {
  opacity: 1;
}

.scroll-prevent .l-header:after {
  opacity: 1;
}
/*==============================
コンテンツ
==============================*/
/*==============================
フッター
==============================*/
.l-footer {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #fff;
}
.l-footer .footer-cotact {
  padding: 2.75em 0 3.3em;
  position: relative;
  color: #FFF;
}
.l-footer .footer-cotact .wrap{
  padding: 0 5% 0 2%;
  max-width: calc(1040px + 24%);
}
.l-footer .footer-cotact:after {
  position: absolute;
  content: '';
  width: 96.875%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0 5em 0 0;
  z-index: -1;
  background: url(../img/layout/footer/footer_bg_01@2x.jpg) no-repeat center bottom/cover;
}
.l-footer .footer-contact-container {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.l-footer .footer-contact-no {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  width: 64%;
  width: 66%;
  padding: 0 1% 0 10vw;
}
.l-footer .footer-contact-intro {
  width: 100%;
  margin: 0 0 .9em;
  font-size: calc(-1.5px + 1.719vw);
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: .04em;
}
.l-footer .footer-contact-tel{
  font-size: calc(-4.00px + 1.563vw);
}
.l-footer .footer-contact-tel:before {
  display: inline-block;
  content: '';
  width: 2.375em;
  height: 2.375em;
  background: url(../img/module/icon_tel.svg) no-repeat left center/2.25em 2.375em;
}
.l-footer .footer-contact-tel a, .l-footer .footer-contact-tel > .tel-child {
  font-size: calc(-24.00px + 6.875vw);
  font-size: 3.4em;
  font-weight: 700;
  line-height: 1.35;
  color: #fff;
  font-family: 'Roboto', sans-serif;
}
.l-footer .footer-contact-time {
  padding: 0 0 0 6%;
  font-size: calc(10px + 0.625vw);
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}
.l-footer .footer-contact-btn {
  width: 34%;
  text-align: center;
  max-width: 360px;
}
.l-footer .footer-contact-btn .more-btn a {
  padding: 1.37em 5% 1.37em 0;
  max-width: 360px;
  margin: 0 0  auto;
  font-size: 1.125em;
  letter-spacing: .04em;
  font-weight: 700;
}
.l-footer .footer-contact-btn .more-btn a:before {
  margin: 0 .5em 0 0;
  content: "";
  width: 1.333em;
  height: 1.059em;
  background: url(../img/module/icon_contact.svg) no-repeat left center/contain;
}
.l-footer .footer-contact-btn .more-btn a:after {
  margin: 0 0 0 2%;
  width: 1.2em;
  transition: margin 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.l-footer .footer-contact-btn .more-btn a:hover {
  letter-spacing: .17em;
}
.l-footer .footer-contact-btn .more-btn a:hover:after {
  margin: 0;
}
.l-footer .footer-contact-headline {
  font-size: 2.5em;
  font-weight: 700;
  margin: 0 0 .5em;
  line-height: 1.35;
}
.l-footer .footer-nav {
  position: relative;
  padding: 10em 0 0;
}
.l-footer .footer-nav:after {
  position: absolute;
  content: '';
  width: 96.875%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: #F2F7FA;
}
.l-footer .footer-nav-container {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.l-footer .footer-nav-logo {
  width: 36%;
}
.l-footer .footer-logo-img {
  margin: 0 0 2em;
}
.l-footer .footer-nav-add {
  line-height: 2.375;
}
.l-footer .footer-nav-list {
  width: 31%;
}
.l-footer .footer-nav-list a:hover .footer-nav-en {
  letter-spacing: .2em;
}
.l-footer .footer-nav-list a:hover .footer-nav-jp {
  letter-spacing: .2em;
}
.l-footer .footer-nav-parent {
  position: relative;
  min-height: 5.44em;
  padding-bottom: 2.6em;
}
.l-footer .footer-nav-parent:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 88%;
  height: 1px;
  display: block;
  content: '';
  background: #DFEBF2;
}
.l-footer .footer-nav-parent:last-child:after {
  content: none;
}
.l-footer .footer-nav-parent + .footer-nav-parent {
  margin-top: 2.1875em;
}
.l-footer .footer-nav-en {
  font-size: 1.125em;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.35;
  color: #006CB8;
  transition: letter-spacing .3s;
}
.l-footer .footer-nav-jp {
  color: #006CB8;
  line-height: 1.35;
  transition: letter-spacing .3s;
}
.l-footer .footer-nav-child-item {
  line-height: 2.375em;
}
.l-footer .footer-nav-child-item a:hover {
  color: #006CB8;
}
.l-footer .nav-child-secondary:before {
  content: '-';
  padding: 0 .5em 0 0;
}
.l-footer .footer-nav-company .footer-nav-child-item:before {
  content: '';
  display: inline-block;
  width: .89375em;
  height: .71875em;
  padding: 0 .5em 0 0;
  background: url(../img/module/icon_arrow_03.svg) no-repeat left center/0.39375em 0.71875em;
}
.l-footer .l-copyright {
  padding: .5em 0;
  text-align: center;
  font-size: .875em;
  font-weight: 300;
  color: #8AADE3;
}

.page-top {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 20;
  opacity: 0;
}
.page-top a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  transform: rotateZ(90deg);
  font-size: 14px;
  color: #8AADE3;
  width: 3.125vw;
  white-space: nowrap;
  transition: letter-spacing 0.3s;
}
.page-top a:before {
  position: absolute;
  left: -90px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #8AADE3;
}
.page-top a:after {
  position: absolute;
  left: -90px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
  width: 80px;
  height: 1px;
  background: #8AADE3;
}
.page-top a:hover {
  letter-spacing: .2em;
}
.page-top a:hover:after {
  -webkit-animation: circleMarkLineAnimation 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: circleMarkLineAnimation 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.bg-line {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  padding: 0  4.375%;
}
.bg-line ul {
  width: 100%;
  position: relative;
  height: 100%;
  border-left: 1px solid #E5F5FF;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
}
.bg-line ul li {
  position: relative;
  height: 100%;
  width: 25%;
  border-right: 1px solid #E5F5FF;
}

/*20200824*/
.l-header{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.l-header .header-btn{
  width: auto;
  max-width: 80%;
}
.l-header .header-btn-list{
  height: 2.75em;
  width: auto;
}
.l-header .header-btn-item{
  width: 12.9em;
}
.l-header .header-btn-item:before,
.l-header .header-btn-item:after{
  content:none;
}
.l-header .header-btn-item a{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.l-header .header-btn-bill a .sub{
  display: block;
  margin-top: 0;
}
.l-header .header-btn-item a svg{
  margin: 0 .5em ;
  max-width: 1.5em;
}
.l-header .header-btn-mail a {
  color: #fff;
  font-size: 1.125em;
  line-height: 1.95;
}
.l-header .header-btn-mail a svg {
  fill: #fff;
}
.l-header .header-btn-bill a svg{
  margin-top: 0 .5em ;
}
.l-header .header-btn-book a:before ,
.l-header .header-btn-mail a:before {
  background: #3ec9db;
  background: -moz-linear-gradient(left, #3ec9db 0%, #006cb8 100%);
  background: -webkit-linear-gradient(left, #3ec9db 0%,#006cb8 100%);
  background: linear-gradient(to right, #3ec9db 0%,#006cb8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ec9db', endColorstr='#006cb8',GradientType=1 );
}
.l-header .header-btn-item a:after {
	bottom: auto;
  left: -300%;
	transform: rotate(0);
  transition: left .3s;
}
.l-header .header-btn-mail a:after {
  background-size: 100%;
  background: -moz-linear-gradient(left,  rgba(0,108,184,1) 0%, rgba(0,108,184,0.5) 50%, rgba(0,108,184,0) 100%);
background: -webkit-linear-gradient(left,  rgba(0,108,184,1) 0%,rgba(0,108,184,0.5) 50%,rgba(0,108,184,0) 100%);
background: linear-gradient(to right,  rgba(0,108,184,1) 0%,rgba(0,108,184,0.5) 50%,rgba(0,108,184,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cb8', endColorstr='#00006cb8',GradientType=1 );
z-index: -1;
}

.l-header .header-btn-bill a:before {
  background: #eeff69;
  background: -moz-linear-gradient(left,  #eeff69 0%, #fcf200 100%);
  background: -webkit-linear-gradient(left,  #eeff69 0%,#fcf200 100%);
  background: linear-gradient(to right,  #eeff69 0%,#fcf200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeff69', endColorstr='#fcf200',GradientType=1 );

}
.l-header .l-nav{
  width: 100%;
  padding: 0 3.125vw 0 0;
  margin:0 auto 0 0;
}
.l-header .nav-list{
  margin-top: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.l-header .nav-list > .nav-list-parent, .l-header .nav-list > li > a{
  padding: 1.65em 1.7em 2.75em;
}
.l-header .nav-list > .nav-list-parent.line-2,
.l-header .nav-list > .line-2 > a{
  padding-top: 1em;
	padding-bottom: 3.2em;
  line-height: 1.9;
}
.l-header .nav-list span span{
  display: block;
  line-height: 1.2;
}
.l-header .nav-list-jp,
.l-header .nav-list-en{
  font-size: 1em;
}
.l-header .nav-list-en{
  top: -.8em;
}
.l-header .nav-list > .nav-list-parent:before,
.l-header .nav-list > li > a:before{
  top: .15em;
}
.l-header .nav-list .nav-list-parent:hover:after{
  bottom: -18px;
}
.l-header .nav-list-jp span{
  font-size: .875em;
}
.l-header .nav-list-en span{
  font-size: .9375em;
}
.l-header .nav-list-child{
  left: 1em;
  top: 5.4em;
  max-width: 765px;
}
.l-header .nav-child-list{
  padding: 4.4em 0;
}
.l-header .nav-child-list li{
  position: relative;
}
.l-header .nav-child-list a{
  padding: 0 12%;
  padding-left:calc(12% + 30px);
  display: block;
}
.l-header .nav-child-list a:after{
  top: 0;
  height: 2.25em;
  margin: auto;
  background: rgba(255,255,255,.16);
}
.l-header .nav-child-primary:before{
  position: absolute;
  left: 12%;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 1px;
  background: #fff;
}
.l-header .nav-child-primary:after{
  position: absolute;
  content: '';
  left: calc(12% + 16px);
  top: 0;
  bottom: 0;
  margin: auto;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
}
.l-header .nav-child-solution{
  left: -25vw;
  max-width: 720px;
}
.l-header .nav-child-solution:after{
  right: auto;
  left: 0;
  width: 48%;
  border-radius: 0 0 0 5em ;
}
.l-header .nav-child-solution .nav-child-list{
  margin: 0 0 0 auto;
  border-radius: 0 ;
  width: 52.5%;
  padding: 3em 0;
}
.l-header .nav-child-solution .nav-child-primary:before{
  left: 8%;
}
.l-header .nav-child-solution .nav-child-primary:after{
  left: calc(8% + 16px);
}
.l-header .nav-child-solution .nav-child-list a{
  padding-left: calc(8% + 30px);
}
.l-header .nav-grandchild-list{
  position: absolute;
  display: none;
  left: 100%;
  top: .3125em;
  width: 83%;
  background: rgba(0,108,184, .7);
}
.l-header .nav-child-solution .nav-grandchild-list li{
  padding: 0;
}
.l-header .nav-child-solution .nav-grandchild-list a{
  padding: .5125em 8% .5125em 15%
}
.l-header .nav-child-secondary:before{
  position: absolute;
  padding-left: 0;
  left: 11%;
  margin: auto;
	top: 0;
	bottom: 0;
	height: 1.6em;
}
.l-header:after {
  height: 6.95em;
}
.l-header.scroll {
}
.l-header.scroll .nav-list > .nav-list-parent, .l-header.scroll .nav-list > li > a {
	padding: 1.55em 1.7em 2.5em;
}
.l-header.scroll .nav-list > .nav-list-parent.line-2,
.l-header.scroll .nav-list > .line-2 > a{
  padding-top: .75em;
  padding-bottom: 2.95em;
}
.l-header.scroll .nav-list > .nav-list-parent:before,
.l-header.scroll .nav-list > li > a:before{
  top: .5em;
}
.l-header.scroll .nav-list .nav-list-parent:hover:after {
	bottom: 0;
}
.l-header.scroll .nav-list .nav-list-parent:hover:after{
  height: 20px;
}
.l-header.scroll .nav-list-child{
  top: 4.15em;
}
@media only screen and (min-width: 1366px) {
  .l-footer .footer-contact-intro {
    font-size: 1.375em;
  }
  .l-footer .footer-contact-tel{
	  font-size: 1em;
  }
  .l-footer .footer-contact-tel a,
  .l-footer .footer-contact-tel > .tel-child {
    font-size: 3.4em;
  }
  .l-footer .footer-contact-no{
    padding: 0 1% 0 14%;
  }
  .l-footer .footer-contact-time {
    font-size: 1.25em;
  }
}

@media only screen and (min-width: 1056px) and (max-width: 1384px) {
  .l-header .header-logo {
    width: 17%;
  }
  .l-header .header-logo a {
    width: 100%;
  }

  .l-header .l-nav {
    width: 60%;
  }

  .l-header .nav-list > .nav-list-parent,
  .l-header .nav-list > li > a {
    /* padding-left: .9vw;
    padding-right: .9vw; */
  }
  /*20200824*/
  .l-header .l-nav{
    width: 100%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1056px) {
  /* .l-header {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .l-header .header-logo {
    width: 25%;
    padding-top: 1.475em;
    margin-bottom: 1.5em;
  }
  .l-header .header-logo img {
    max-width: 85%;
  }
  .l-header .l-nav {
    width: 80%;
    margin: 0;
  }
  .l-header .nav-list {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }*/
  .l-header .nav-list > .nav-list-parent, .l-header .nav-list > li > a,
  .l-header.scroll .nav-list > .nav-list-parent, .l-header.scroll .nav-list > li > a {
    /* padding-top: .5em; */
    /* margin-top: .5em; */
    padding-left: 1.8vw;
    padding-right: 1.8vw;
    /* margin-right: 4vw; */
  }
/*  .l-header .nav-list > .nav-list-parent:before, .l-header .nav-list > li > a:before {
    top: 0;
  }
  .l-header .nav-list-en {
    height: 2.625em;
  }
  .l-header .nav-list > .nav-item-customer > a:before {
    top: -1em;
  }
  .l-header .nav-item-customer .nav-list-en {
    height: 4em;
  }
  .l-header .nav-list-child {
    top: 4.375em;
  }
  .l-header .nav-child-list {
    padding: 5em 7%;
  }
  .l-header .header-btn {
    position: absolute;
    right: 0;
    top: 0;
  }
  .l-header.scroll .header-logo {
    margin-top: 0;
    padding-top: .975em;
  }
  .l-header.scroll .l-nav {
    margin-top: -.6em;
  } */
}
/*==========================================================================================
ここからSP
==========================================================================================*/
@media only screen and (max-width: 959px) {
  .hidden-sp {
    display: none;
  }

  .hidden-pc {
    display: block;
  }

  .wrap {
    padding: 0 6.4%;
    width: 100%;
  }

  .more-btn a {
    max-width: 360px;
    padding: 1.1em 14% 1.1em 0;
    letter-spacing: .04em;
  }
  .more-btn a:after {
    content: '';
    width: 2.22em;
    height: 1px;
    margin: 0 0 0 1.55em;
    background: #006CB8;
  }
  .more-btn a:hover {
    letter-spacing: .2em;
  }

  /*==============================
  ヘッダー
  ==============================*/
  .l-header {
    padding: 0 0 0 4.266%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .l-header .header-logo {
    margin: 0;
    width: auto;
  }
  .l-header .l-nav {
    display: none;
    position: absolute;
    width: 100%;
    right: 0;
    top: 6.4rem;
    overflow-y: scroll;
    z-index: 5;
    height: calc(100vh - 6.4rem);
    transition: background .3s;
  }
  .l-header .nav-list {
    display: none;
  }
  .l-header .sp-nav {
    width: 95.5%;
    margin: 0 0 0 auto;
    text-align: center;
    color: #fff;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlYzlkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #006cb8), color-stop(100%, #3ec9db));
    background-image: -moz-linear-gradient(bottom, #006cb8 0%, #3ec9db 100%);
    background-image: -webkit-linear-gradient(bottom, #006cb8 0%, #3ec9db 100%);
    background-image: linear-gradient(to top, #006cb8 0%, #3ec9db 100%);
    border-radius: 5em 0 0 0;
  }
  .l-header .sp-nav a {
    display: inline-block;
    color: #fff;
    padding: 0 4em 0 0;
  }
  .l-header .sp-nav a:hover {
    text-decoration: underline;
  }
  .l-header .sp-nav a:hover:before {
    text-decoration: none;
  }
  .l-header .sp-nav .footer-nav-parent {
    position: relative;
  }
  .l-header .sp-nav .footer-nav-parent:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: 82%;
    height: 1px;
    background: rgba(255, 255, 255, 0.16);
  }
  .l-header .sp-nav .footer-nav-parent > a {
    display: block;
    padding: 2em 0;
    transition: color .3s;
  }
  .l-header .sp-nav .footer-nav-parent > a:hover {
    color: #006cb8;
    text-decoration: none;
  }
  .l-header .sp-nav .footer-nav-en {
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.35;
  }
  .l-header .sp-nav .footer-nav-jp {
    line-height: 1.51875;
  }
  .l-header .sp-nav .footer-nav-about,
  .l-header .sp-nav .footer-nav-info,
  .l-header .sp-nav .footer-nav-solusion,
  .l-header .sp-nav .footer-nav-company {
    padding: 2em 0 1.2em;
  }
  .l-header .sp-nav .footer-nav-about .footer-nav-en,
  .l-header .sp-nav .footer-nav-info .footer-nav-en,
  .l-header .sp-nav .footer-nav-solusion .footer-nav-en,
  .l-header .sp-nav .footer-nav-company .footer-nav-en {
    padding-bottom: .8em;
  }
  .l-header .sp-nav .footer-nav-company:after {
    content: none;
  }
  .l-header .sp-nav .footer-nav-company .footer-nav-child-item a:before {
    content: '';
    display: inline-block;
    width: .89375em;
    height: .71875em;
    padding: 0 .5em 0 0;
    background: url(../img/module/icon_arrow.svg) no-repeat left center/0.39375em 0.71875em;
  }
  .l-header .sp-nav .footer-nav-child {
    font-size: 1.125em;
    line-height: 1.35;
  }
  .l-header .sp-nav .footer-nav-child a {
    padding: .8em .5em;
  }
  .l-header .sp-nav .nav-child-primary {
    font-weight: normal;
  }
  .l-header .sp-nav .nav-child-primary:before {
    content: none;
  }
  .l-header .sp-nav .nav-child-secondary {
    font-weight: normal;
  }
  .l-header .sp-nav .nav-child-secondary:before {
    padding: 0;
  }
  .l-header .sp-nav .nav-btn {
    position: relative;
    margin-left: -4.5vw;
    display: block;
    z-index: 4;
  }
  .l-header .sp-nav .header-btn-list {
    height: 4.5em;
    width: 100%;
  }
  .l-header .sp-nav .header-btn-item:before {
    height: 16px;
  }
  .l-header .sp-nav .header-btn-item:after {
    top: 10px;
  }
  .l-header .sp-nav .header-btn-item a svg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 4em;
    margin: auto;
  }
  .l-header .sp-nav .header-btn-item a:after {
    position: absolute;
    left: -200%;
    content: '';
    width: 200%;
    height: 100%;
    transition: left .3s;
    transform: none;
  }
  .l-header .sp-nav .header-btn-item a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -2;
  }
  .l-header .sp-nav .header-btn-item a:hover {
    text-decoration: none;
  }
  .l-header .sp-nav .header-btn-item a:hover:after {
    left: 0;
    bottom: 0;
  }
  .l-header .sp-nav .header-btn-item a br {
    display: none;
  }
  .l-header .sp-nav .header-btn-book:before, .l-header .sp-nav .header-btn-book:after {
    left: 5em;
  }
  .l-header .sp-nav .header-btn-book a {
    color: #fff;
    font-size: 1.25em;
    line-height: 1.95;
    border-radius: 0;
  }
  .l-header .sp-nav .header-btn-book a:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlYzlkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #006cb8), color-stop(100%, #3ec9db));
    background-image: -moz-linear-gradient(left, #006cb8 0%, #3ec9db 100%);
    background-image: -webkit-linear-gradient(left, #006cb8 0%, #3ec9db 100%);
    background-image: linear-gradient(to right, #006cb8 0%, #3ec9db 100%);
    border-radius: 0;
  }
  .l-header .sp-nav .header-btn-book a:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDA2Y2I4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA2Y2I4IiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #006cb8), color-stop(50%, #006cb8), color-stop(100%, rgba(0, 108, 184, 0)));
    background-image: -moz-linear-gradient(left, #006cb8 0%, #006cb8 50%, rgba(0, 108, 184, 0) 100%);
    background-image: -webkit-linear-gradient(left, #006cb8 0%, #006cb8 50%, rgba(0, 108, 184, 0) 100%);
    background-image: linear-gradient(to right, #006cb8 0%, #006cb8 50%, rgba(0, 108, 184, 0) 100%);
    z-index: -1;
  }
  .l-header .sp-nav .header-btn-bill:before, .l-header .sp-nav .header-btn-bill:after {
    background: #006CB8;
    left: 4.5em;
  }
  .l-header .sp-nav .header-btn-bill a {
    border-radius: 0 2em 0 0;
    color: #006CB8;
    font-size: 1.125em;
    line-height: 1.35;
  }
  .l-header .sp-nav .header-btn-bill a .sub {
    margin: 0;
    font-size: .777em;
  }
  .l-header .sp-nav .header-btn-bill a svg {
    fill: #006CB8;
  }
  .l-header .sp-nav .header-btn-bill a:before {
    border-radius: 0 2em 0 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZmY2OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fcf200), color-stop(100%, #eeff69));
    background-image: -moz-linear-gradient(left, #fcf200 0%, #eeff69 100%);
    background-image: -webkit-linear-gradient(left, #fcf200 0%, #eeff69 100%);
    background-image: linear-gradient(to right, #fcf200 0%, #eeff69 100%);
  }
  .l-header .sp-nav .header-btn-bill a:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZmY1YSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTZmZjVhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZmZjVhIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6ff5a), color-stop(50%, #e6ff5a), color-stop(100%, rgba(230, 255, 90, 0)));
    background-image: -moz-linear-gradient(left, #e6ff5a 0%, #e6ff5a 50%, rgba(230, 255, 90, 0) 100%);
    background-image: -webkit-linear-gradient(left, #e6ff5a 0%, #e6ff5a 50%, rgba(230, 255, 90, 0) 100%);
    background-image: linear-gradient(to right, #e6ff5a 0%, #e6ff5a 50%, rgba(230, 255, 90, 0) 100%);
    z-index: -1;
  }
  .l-header .header-btn {
    display: none;
    max-width: 15em;
    width: 27%;
  }
  .l-header .header-btn-list {
    height: 10em;
    width: 100%;
  }
  .l-header .header-btn-item {
    position: relative;
    width: 50%;
  }
  .l-header .header-btn-item:before, .l-header .header-btn-item:after {
    content: '';
    position: absolute;
    z-index: 5;
  }
  .l-header .header-btn-item:before {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 20px;
  }
  .l-header .header-btn-item:after {
    top: 17px;
    left: 0;
    right: 0;
    margin: auto;
    height: 6px;
    width: 6px;
    border-radius: 3px;
  }
  .l-header .header-btn-item a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: 700;
    overflow: hidden;
  }
  .l-header .header-btn-item a:after {
    position: absolute;
    bottom: -200%;
    left: -200%;
    content: '';
    width: 300%;
    height: 200%;
    transform: rotate(-45deg);
    transition: bottom .3s, left .3s;
  }
  .l-header .header-btn-item a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -2;
  }
  .l-header .header-btn-item a:hover:after {
    left: -100%;
    bottom: 0;
  }
  .l-header .header-btn-book:before, .l-header .header-btn-book:after {
    background: #fff;
  }
  .l-header .header-btn-book a {
    color: #fff;
    font-size: 1.25em;
    line-height: 1.95;
    border-radius: 0 0 0 4em;
  }
  .l-header .header-btn-book a svg {
    fill: #fff;
    margin-top: .6em;
  }
  .l-header .header-btn-book a:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlYzlkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #006cb8), color-stop(100%, #3ec9db));
    background-image: -moz-linear-gradient(left bottom, #006cb8 0%, #3ec9db 100%);
    background-image: -webkit-linear-gradient(left bottom, #006cb8 0%, #3ec9db 100%);
    background-image: linear-gradient(to right top, #006cb8 0%, #3ec9db 100%);
    border-radius: 0 0 0 4em;
  }
  .l-header .header-btn-book a:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDA2Y2I4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #006cb8), color-stop(50%, #006cb8), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(left, #006cb8 0%, #006cb8 50%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(left, #006cb8 0%, #006cb8 50%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, #006cb8 0%, #006cb8 50%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
  }
  .l-header .header-btn-bill:before, .l-header .header-btn-bill:after {
    background: #006CB8;
  }
  .l-header .header-btn-bill a {
    color: #006CB8;
    font-size: 1.125em;
    line-height: 1.35;
  }
  .l-header .header-btn-bill a .sub {
    margin-top: .5em;
    font-size: .777em;
  }
  .l-header .header-btn-bill a svg {
    margin-top: .5em;
    fill: #006CB8;
  }
  .l-header .header-btn-bill a:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZmY2OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #fcf200), color-stop(100%, #eeff69));
    background-image: -moz-linear-gradient(left bottom, #fcf200 0%, #eeff69 100%);
    background-image: -webkit-linear-gradient(left bottom, #fcf200 0%, #eeff69 100%);
    background-image: linear-gradient(to right top, #fcf200 0%, #eeff69 100%);
  }
  .l-header .header-btn-bill a:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZmY1YSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTZmZjVhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6ff5a), color-stop(50%, #e6ff5a), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(left, #e6ff5a 0%, #e6ff5a 50%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(left, #e6ff5a 0%, #e6ff5a 50%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, #e6ff5a 0%, #e6ff5a 50%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
  }
  .l-header:after {
    height: 6.4rem;
  }
  .l-header.scroll .header-logo {
    margin-top: 0;
  }
  .l-header.scroll .l-nav {
    margin-top: 0;
  }
  .l-header.scroll:after {
    opacity: 1;
  }
  .l-header .sp-btn {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 1.28125em 1.5em;
    cursor: pointer;
    z-index: 50;
    min-width: 6rem;
    margin: 0 0 0 auto;
  }
  .l-header .sp-btn .sp-btn-inner {
    position: relative;
    width: 1.9rem;
    height: 2.3rem;
    margin: auto;
    transition: all .4s;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .l-header .sp-btn .sp-btn-inner span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 1.5em;
    background-color: #006CB8;
    transition: .3s;
  }
  .l-header .sp-btn .sp-btn-inner span:nth-of-type(1) {
    top: 0;
  }
  .l-header .sp-btn .sp-btn-inner span:nth-of-type(2) {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .l-header .sp-btn .sp-btn-inner span:nth-of-type(2):after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    opacity: 0;
    width: 100%;
    height: 3px;
    background-color: #006CB8;
    transition: all .4s;
  }
  .l-header .sp-btn .sp-btn-inner span:nth-of-type(3) {
    bottom: 0;
  }
  .l-header .sp-btn.open span {
    box-shadow: none;
  }
  .l-header .sp-btn.open span:nth-of-type(1) {
    transform: translate(50%) scale(0);
  }
  .l-header .sp-btn.open span:nth-of-type(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .l-header .sp-btn.open span:nth-of-type(2):after {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .l-header .sp-btn.open span:nth-of-type(3) {
    transform: translate(-50%) scale(0);
  }

  .scroll-prevent .l-nav {
    background: #fff;
  }

  /*==============================
  フッター
  ==============================*/
  .l-footer .footer-cotact {
    padding: 4.1875em 0 1.5em;
  }
  .l-footer .footer-cotact:after {
    position: absolute;
    content: '';
    width: 95.73%;
    background: url(../img/layout/footer/sp_footer_bg_01@2x.jpg) no-repeat center bottom/cover;
  }
  .l-footer .footer-cotact .wrap {
    padding: 0 4.4% 0 6.4%;
  }
  .l-footer .footer-contact-container {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    max-width: 670px;
    margin: auto;
  }
  .l-footer .footer-contact-no {
    width: 100%;
	padding: 0;
  }
  .l-footer .footer-contact-no .sp-block {
    display: inline-block;
  }
  .l-footer .footer-contact-intro {
    width: 100%;
	margin-bottom: 0;
    max-width: 650px;
    font-size: 2.2rem;
    line-height: 1.818;
    letter-spacing: 0;
  }
  .l-footer .footer-contact-tel {
    width: 100%;
    font-size: calc(22.74px + 5.137vw);
  }
  .l-footer .footer-contact-tel:before {
    width: .65em;
    height: .6023em;
    background: url(../img/module/icon_tel.svg) no-repeat left center/0.55em 0.6023em;
  }
  .l-footer .footer-contact-tel a, .l-footer .footer-contact-tel > .tel-child {
    font-size: 1em;
  }
  .l-footer .footer-contact-time {
    width: 100%;
    padding: 0 0 2.4em;
    font-size: calc(9.73px + 2.740vw);
  }
  .l-footer .footer-contact-time br {
    display: none;
  }
  .l-footer .footer-contact-btn {
    width: 100%;
    max-width: 100%;
  }
  .l-footer .footer-contact-btn .more-btn a {
    padding: 1.37em 0;
    max-width: 360px;
    margin: 0 0 0 auto;
  }
  .l-footer .footer-contact-btn .more-btn a:before {
    margin: 0 .5em 0 0;
  }
  .l-footer .footer-contact-btn .more-btn a:hover:after {
    margin: 0 0 0 1.33em;
  }
  .l-footer .footer-contact-headline {
    font-size: 2.5em;
    font-weight: 700;
    margin: 0 0 .5em;
    line-height: 1.35;
  }
  .l-footer .footer-nav {
    padding: 4em 0 2.5em;
  }
  .l-footer .footer-nav:after {
    width: 95.73%;
  }
  .l-footer .footer-nav-logo {
    width: 100%;
  }
  .l-footer .footer-logo-img {
    margin: 0 0 2em;
  }
  .l-footer .footer-nav-add {
    line-height: 2.375;
  }
  .l-footer .footer-nav-list {
    display: none;
  }
  .l-footer .l-copyright {
    padding: .5em 0;
    text-align: center;
    font-size: .875em;
    font-weight: 300;
    color: #8AADE3;
  }

  .page-top {
    padding: 0 1px 0 0;
    top: auto;
    bottom: 17%;
  }
  .page-top a {
    width: 4.27vw;
    font-size: 12px;
  }
  .page-top a:before {
    top: -2px;
  }
  .page-top a:after {
    top: -1px;
  }
  /*20200824*/
  .l-header .nav-child-secondary:before{
    position: static;
  }
  .l-header .nav-child-primary:after{
    content: none;
  }
  .l-header .sp-nav .header-btn-item{
    width: 33.33%;
  }
  .l-header .sp-nav .header-btn-item a br{
    display: inline-block;
  }
  .l-header .sp-nav .header-btn-item a svg{
    left: 4.5em;
  }
  .l-header .sp-nav .header-btn-book:before,
  .l-header .sp-nav .header-btn-book:after{
    left: 4.2em;
  }
  .l-header .sp-nav .header-btn-book a{
    padding: 0 2.5em 0 0;
    font-size: calc(12px + 0.626vw);
    line-height: 1.2;
  }
  .l-header .sp-nav .header-btn-bill:before,
  .l-header .sp-nav .header-btn-bill:after{
    left: 4.2em;
  }
  .l-header .sp-nav .header-btn-bill a{
    padding: 0 2.5em 0 0;
    font-size: calc(12px + 0.626vw);
    line-height: 1.2;
    border-radius: 0;
  }
  .l-header .sp-nav .header-btn-bill a .sub{
    display: block;
  }
  .l-header .sp-nav .header-btn-bill a:before{
    border-radius: 0;
  }

  .l-header .sp-nav .header-btn-mail:before,
  .l-header .sp-nav .header-btn-mail:after {
    background: #fff;
    left: 4.2em;
  }
  .l-header .sp-nav .header-btn-mail a {
    padding: 0 2.5em 0 0;
    color: #fff;
    font-size: calc(12px + 0.626vw);
    line-height: 1.2;
    border-radius: 0 2em 0 0;
  }
  .l-header .sp-nav .header-btn-mail a svg {
    fill: #fff;
  }
  .l-header .sp-nav .header-btn-mail a:before {
    border-radius: 0 2em 0 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlYzlkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #006cb8), color-stop(100%, #3ec9db));
    background-image: -moz-linear-gradient(left, #006cb8 0%, #3ec9db 100%);
    background-image: -webkit-linear-gradient(left, #006cb8 0%, #3ec9db 100%);
    background-image: linear-gradient(to right, #006cb8 0%, #3ec9db 100%);
  }
  .l-header .sp-nav .header-btn-mail a:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmNiOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDA2Y2I4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA2Y2I4IiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #006cb8), color-stop(50%, #006cb8), color-stop(100%, rgba(0, 108, 184, 0)));
    background-image: -moz-linear-gradient(left, #006cb8 0%, #006cb8 50%, rgba(0, 108, 184, 0) 100%);
    background-image: -webkit-linear-gradient(left, #006cb8 0%, #006cb8 50%, rgba(0, 108, 184, 0) 100%);
    background-image: linear-gradient(to right, #006cb8 0%, #006cb8 50%, rgba(0, 108, 184, 0) 100%);
    z-index: -1;
  }
}

/* 2020/7/1 */
.l-header .nav-child-list {
  /* padding: 2.2em 7%; */
}

.l-header .nav-child-solution .nav-child-list {
  /* padding: 2.2em 8%; */
}