/*
* main.css
*
*/
/* ------------------------
  reset
------------------------ */
html,
body {
  height: 100%;
}

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

* {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
.clearfix {
  content: '';
  clear: both;
  display: block;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
pre,
textarea {
  overflow: auto;
}

[hidden],
template {
  display: none;
}

details,
main,
summary {
  display: block;
}

input[type=number] {
  width: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

progress {
  display: inline-block;
}

small {
  font-size: 75%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

textarea {
  resize: vertical;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio:not([controls]) {
  display: none;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  min-height: 1.5em;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

input {
  line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  border-style: none;
  cursor: pointer;
  background-color: transparent;

  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
}

ol,
ul {
  list-style: none;
}

select {
     -moz-appearance: none;
  -webkit-appearance: none;
}

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

fieldset {
  border: 0;
}

/* ------------------------
  Base Settings
------------------------ */
html {
  font-size: 10px;
}

body {
  letter-spacing: 0.1em;
  word-wrap: break-word;
  color: #333;
  font-family: "Noto Sans", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.6875;

  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

@media (min-width: 768px) {
  body {
    min-width: 1280px;
  }
}

a {
  text-decoration: none;
  color: #372eb2;
  font-weight: bold;
}

a:visited {
  color: #372eb2;
}

a:hover {
  color: #372eb2;
  text-decoration: underline;
}

a:active {
  color: #372eb2;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    cursor: text;
    text-decoration: none;
    color: #333;
  }
}

ol {
  list-style: none;
}

address {
  font-style: normal;
}

/* ------------------------
  utilities Classes
------------------------ */
.u-hidden {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-sm {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-up-sm {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-down-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .u-hidden-md {
    display: none !important;
    visibility: hidden;
  }
  .u-hidden-md:nth-of-type(2) {
    display: block !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .u-hidden-up-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1023.98px) {
  .u-hidden-down-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1024px) {
  .u-hidden-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1024px) {
  .u-hidden-up-lg {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-down-lg {
  display: none !important;
  visibility: hidden;
}

.u-visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}

.u-invisible {
  visibility: hidden;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.u-bg--dot {
  background-color: #8dace7;
  background-image: linear-gradient(-90deg, transparent 1px, #fff 1px), linear-gradient(transparent 0.26667vw, #fff 0.26667vw);
  background-size: 6.66667vw 6.66667vw;
}

@media (min-width: 768px) {
  .u-bg--dot {
    background-image: linear-gradient(-90deg, transparent 1px, #fff 1px), linear-gradient(transparent 1px, #fff 1px);
    background-size: 25px 25px;
  }
}

.u-font-jp {
  font-family: "Noto Sans", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.u-font-en {
  font-family: "Roboto", "Noto Sans", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.u-font-blue {
  color: #372eb2;
}

.u-font-normal {
  font-weight: 400;
}

.u-font-bold {
  font-weight: 700;
}

.u-font-black {
  font-weight: 900;
}

.u-font-ttl--tiny {
  font-size: 5vw;
  line-height: 1.5;
}
.u-font-ttl--sm {
  font-size: 5.86667vw;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .u-font-ttl--sm {
    font-size: 3.6rem;
    line-height: 1.44444;
  }
.u-font-ttl--tiny {
    font-size: 3.0rem;
    line-height: 1.44444;
}
}

.u-font-ttl--md {
  font-size: 6.4vw;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .u-font-ttl--md {
    font-size: 3.8rem;
    line-height: 1.42105;
  }
}
@media (max-width: 63.75em) and (min-width: 48em){
  .u-font-ttl--md {
    font-size: 3.5rem;
  }
}
.u-font-ttl--lg {
  font-size: 6.93333vw;
  line-height: 1.38462;
  width: 78vw;
}

@media (min-width: 768px) {
  .u-font-ttl--lg {
    font-size: 4rem;
    line-height: 1.4;
    width: auto;
  }
}

.u-font-ttl--sub {
  font-size: 4.26667vw;
  line-height: 1.03125;
}

@media (min-width: 768px) {
  .u-font-ttl--sub {
    font-size: 1.8rem;
    line-height: 1.83333;
  }
}

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

.u-ttl_border {
  display: inline-block;
  position: relative;
}

.u-ttl_border::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.53333vw;
  background: #372eb2;
}

@media (min-width: 768px) {
  .u-ttl_border::after {
    height: 2px;
  }
}

.u-ttl_border.__blue02::after {
  background: #dfebfe;
}

.u-ttl_border.__white::after {
  background: #fff;
}

.u-font-heading--xsm {
  font-size: 4.26667vw;
  line-height: 1.375;
}

@media (min-width: 768px) {
  .u-font-heading--xsm {
    font-size: 1.8rem;
    line-height: 1.77778;
  }
}

.u-font-heading--sm {
  font-size: 4.8vw;
  line-height: 1.55556;
}

@media (min-width: 768px) {
  .u-font-heading--sm {
    font-size: 2rem;
    line-height: 1.7;
  }
}

.u-font-heading--md {
  font-size: 5.33333vw;
  line-height: 1.55;
}

@media (min-width: 768px) {
  .u-font-heading--md {
    font-size: 2.8rem;
    line-height: 1.57143;
  }
}

.u-font-heading--lg,
.u-font-card-ttl {
  font-size: 5.33333vw;
  line-height: 1.55;
}

@media (min-width: 768px) {
  .u-font-heading--lg,
  .u-font-card-ttl {
    font-size: 3rem;
    line-height: 1.6;
  }
}

.u-font-heading--xlg {
  font-size: 5.86667vw;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .u-font-heading--xlg {
    font-size: 3.6rem;
    line-height: 1.44444;
  }
}

.u-font-feature {
  font-size: 5.33333vw;
  line-height: 1.55;
}

@media (min-width: 768px) {
  .u-font-feature {
    font-size: 3.2rem;
    line-height: 1.375;
  }
}

.u-font-feature--balloon {
  font-size: 6.4vw;
  line-height: 0.97917;
}

@media (min-width: 768px) {
  .u-font-feature--balloon {
    font-size: 3.4rem;
    line-height: 1.38235;
  }
}

.u-font-txt--xsm {
  font-size: 3.2vw;
  line-height: 1.66667;
}

@media (min-width: 768px) {
  .u-font-txt--xsm {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.u-font-txt--sm {
  font-size: 3.46667vw;
  line-height: 1.69231;
}

@media (min-width: 768px) {
  .u-font-txt--sm {
    font-size: 1.4rem;
    line-height: 1.85714;
  }
}

.u-font-txt--md {
  font-size: 3.73333vw;
  line-height: 1.71429;
}

@media (min-width: 768px) {
  .u-font-txt--md {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}

.u-font-txt--lg {
  font-size: 4vw;
  line-height: 1.73333;
}

@media (min-width: 768px) {
  .u-font-txt--lg {
    font-size: 1.6rem;
    line-height: 1.77778;
  }
}

.u-font-btn--sm {
  font-size: 3.2vw;
  line-height: 0.83333;
}

@media (min-width: 768px) {
  .u-font-btn--sm {
    font-size: 1.4rem;
    line-height: 1;
  }
}

.u-font-btn--md {
  font-size: 4vw;
  line-height: 1.06667;
}

@media (min-width: 768px) {
  .u-font-btn--md {
    font-size: 1.8rem;
    line-height: 1.11111;
  }
}

.u-font-btn--lg {
  font-size: 4.26667vw;
  line-height: 1.0625;
}

@media (min-width: 768px) {
  .u-font-btn--lg {
    font-size: 2rem;
    line-height: 1.2;
  }
}

.u-font-btn--xlg {
  font-size: 4vw;
  line-height: 0.8;
}
.trialNew .u-font-btn--xlg {
  font-size: 1.3rem;
  line-height: 0.8;
}
.trialNew {
  max-width:100%;
}
@media (min-width: 768px){
.trialNew .u-font-btn--xlg {
    font-size: 2.2rem;
}
}

@media (min-width: 768px) {
  .u-font-btn--xlg {
    font-size: 1.6rem;
    line-height: 1.09091;
  }
}

@media (min-width: 768px) {
.p-cta_area_list .c-btn > a span:nth-of-type(1){
  font-size: 1.8rem;
}
}
@media (min-width: 1024px) {
.p-cta_area_list .c-btn > a span:nth-of-type(1){
  font-size: 2.4rem;
}
}
.u-font-btn--num {
  font-size: 7.46667vw;
  line-height: 0.42857;
}

@media (min-width: 768px) {
  .u-font-btn--num {
    font-size: 3.6rem;
    line-height: 0.66667;
  }
}

.u-font-btn--white,
.u-font-nav-txt {
  font-size: 3.73333vw;
  line-height: 1.07143;
}

@media (min-width: 768px) {
  .u-font-btn--white,
  .u-font-nav-txt {
    font-size: 1.6rem;
    line-height: 1.125;
  }
}

.u-font-other--01 {
  font-size: 3.46667vw;
  line-height: 1.69231;
}

@media (min-width: 768px) {
  .u-font-other--01 {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}

.u-font-other--02 {
  font-size: 4.26667vw;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .u-font-other--02 {
    font-size: 2rem;
    line-height: 1.4;
  }
}

.u-hover {
  transition: opacity 0.3s ease;
}

@media (min-width: 768px) {
  .u-hover:hover,
  .u-hover:focus {
    opacity: 0.7;
  }
}

.u-link-border {
  display: inline-block;
  position: relative;
  transition: opacity 0.3s ease;
}
.u-link-border:hover {
    text-decoration: none;
}
.u-link-border::before,
.u-link-border::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transition: opacity 0.3s ease;
  background: #372eb2;
}

.u-link-border.__yellow::before,
.u-link-border.__yellow::after {
  background: #ffe502;
}

.u-link-border::before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.u-link-border::after {
  -webkit-transform-origin: right;
          transform-origin: right;
}

@media (min-width: 768px) {
  .u-link-border:hover::before,
  .u-link-border:focus::before {
    transition: -webkit-transform 0.475s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.475s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.475s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.475s cubic-bezier(0.19, 1, 0.22, 1);
    transition-delay: 0.215s;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .u-link-border:hover::after,
  .u-link-border:focus::after {
    transition: -webkit-transform 0.37s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.37s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.37s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.37s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

.u-link-border02 .u-link-border_txt {
  display: inline-block;
  position: relative;
  transition: opacity 0.3s ease;
}

.u-link-border02 .u-link-border_txt::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transition: opacity 0.3s ease;
  transition: -webkit-transform 0.475s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.475s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.475s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.475s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  background: #372eb2;
}

.u-link-border02 .u-link-border_txt.__yellow::before {
  background: #ffe502;
}

@media (min-width: 768px) {
  .u-link-border02:hover .u-link-border_txt::before,
  .u-link-border02:focus .u-link-border_txt::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}

.c-pager-btn {
  cursor: pointer;
}

.c-pager-btn.__next,
.c-pager-btn.__prev {
  position: relative;
  border-radius: 50%;
  width: 15.46667vw;
  height: 15.46667vw;
  background: linear-gradient(to left, #0071e7, #0f3bb7, #6852db);
  box-shadow: 0px 6vw 6vw -4vw rgba(67, 118, 215, 0.6);
}

@media (min-width: 768px) {
  .c-pager-btn.__next,
  .c-pager-btn.__prev {
    width: 66px;
    height: 66px;
    box-shadow: 0px 23px 20px -15px rgba(67, 118, 215, 0.6);
  }
}

.c-pager-btn.__next ._next_arw,
.c-pager-btn.__prev ._next_arw {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 5.33333vw;
  height: 5.33333vw;

  fill: #fff;
}

@media (min-width: 768px) {
  .c-pager-btn.__next ._next_arw,
  .c-pager-btn.__prev ._next_arw {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 30px;
    height: 30px;
  }
}

.c-pager-btn.__next ._prev_arw,
.c-pager-btn.__prev ._prev_arw {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 5.33333vw;
  height: 5.33333vw;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);

  fill: #fff;
}

@media (min-width: 768px) {
  .c-pager-btn.__next ._prev_arw,
  .c-pager-btn.__prev ._prev_arw {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 30px;
    height: 30px;
  }
}

.c-pager-btn.__num {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 11.73333vw;
  height: 11.73333vw;
  background: #fff;
}

@media (min-width: 768px) {
  .c-pager-btn.__num {
    width: 50px;
    height: 50px;
  }
}

.c-pager-btn.__num.__blue {
  background: #dfebfe;
}

.c-pager-btn.__num .__btn-num {
  color: #372eb2;
}

/* ------------------------
  cards Classes
------------------------ */
/* -------- top ------------ */
.c-card--top_list {
  margin: -6.66667vw 0;
  padding: 0 6.66667vw;
}

@media (min-width: 768px) {
  .c-card--top_list {
    display: flex;
    flex-wrap: wrap;
    margin: -25px -27px;
    padding: 0 50px;
  }
}

.c-card--top {
  margin: 6.66667vw 0;
  padding: 5.33333vw 5.33333vw 7.6vw;
  border-radius: 0.8vw;
  background-color: #fff;
}

@media (min-width: 768px) {
  .c-card--top {
    margin: 25px 27px;
    padding: 35px 35px 27px;
    border: 1px solid transparent;
    border-radius: 3px;
    width: calc(33.33% - 54px);
    transition: all 0.3s ease;
  }
  .c-card--top:hover {
    border-color: #372eb2;
  }
}

.c-card--top.__blue {
  background-color: #dfebfe;
}

.c-card--top.__blue .c-card--top_logo {
  border-top-color: #fff;
}

.c-card--top.is-closed .c-card--top_tag {
  background-color: #fff;
  color: #372eb2;
}

.c-card--top > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.c-card--top_img {
  border: 1px solid #d7d9df;
}

.c-card--top_desc {
  margin-top: 3.73333vw;
  color: #333;
}

@media (min-width: 768px) {
  .c-card--top_desc {
    margin-top: 24px;
  }
}

.c-card--top_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.53333vw solid #372eb2;
  border-radius: 0.53333vw;
  height: 9.06667vw;
  background-color: #372eb2;
  color: #fff;
  font-size: 3.2vw;
}

@media (min-width: 768px) {
  .c-card--top_tag {
    border-width: 2px;
    border-radius: 2px;
    height: 40px;
    font-size: 1.4rem;
  }
}

.c-card--top_tag + .c-card--top_label {
  margin-top: 2.66667vw;
}

@media (min-width: 768px) {
  .c-card--top_tag + .c-card--top_label {
    margin-top: 16px;
  }
}

.c-card--top_label {
  color: #372eb2;
  font-size: 3.73333vw;
  line-height: 1.71429;
}

@media (min-width: 768px) {
  .c-card--top_label {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

.c-card--top_ttl {
  margin-top: 0.66667vw;
  font-size: 3.46667vw;
  line-height: 1.69231;
}

@media (min-width: 768px) {
  .c-card--top_ttl {
    margin-top: 7px;
    font-size: 1.6rem;
  }
}

.c-card--top_txt {
  margin-top: 4.13333vw;
  color: #595959;
  font-size: 3.46667vw;
  line-height: 1.53846;
}

@media (min-width: 768px) {
  .c-card--top_txt {
    margin-top: 23px;
    font-size: 1.4rem;
    line-height: 1.85714;
  }
}

.c-card--top_bottom {
  margin-top: 10.8vw;
}

@media (min-width: 768px) {
  .c-card--top_bottom {
    margin-top: 62px;
  }
}

.c-card--top_detail + .c-card--top_logo {
  margin-top: 5.33333vw;
}

@media (min-width: 768px) {
  .c-card--top_detail + .c-card--top_logo {
    margin-top: 28px;
  }
}

.c-card--top_detail__wrapper {
  padding-top: 5.33333vw;
}

@media (min-width: 768px) {
  .c-card--top_detail__wrapper {
    padding-top: 20px;
  }
}

.c-card--top_detailItem {
  display: flex;
  align-items: center;
  height: 4vw;
  font-size: 3.46667vw;
  line-height: 1;
}

@media (min-width: 768px) {
  .c-card--top_detailItem {
    height: 20px;
    font-size: 1.4rem;
  }
}

.c-card--top_detailItem + .c-card--top_detailItem {
  margin-top: 0.66667vw;
}

@media (min-width: 768px) {
  .c-card--top_detailItem + .c-card--top_detailItem {
    margin-top: 3px;
  }
}

.c-card--top_icon {
  position: relative;
  margin-right: 0.66667vw;
  width: 3.33333vw;
  height: 3.33333vw;

  --icon_width: 3.33333vw;
  --icon_height: 3.33333vw;
}

@media (min-width: 768px) {
  .c-card--top_icon {
    margin-right: 5px;
    width: 15px;
    height: 15px;

    --icon_width: 15px;
    --icon_height: 15px;
  }
}

.c-card--top_icon > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: var(--icon_width);
  height: var(--icon_height);

  fill: #372eb2;
}

.c-card--top_logo,
.c-card--top_detail__wrapper {
  border-top: 0.53333vw solid #dfebfe;
}

@media (min-width: 768px) {
  .c-card--top_logo,
  .c-card--top_detail__wrapper {
    border-top-width: 2px;
  }
}

/* -------- seminar ------------ */
.c-card--seminar_list {
  margin: -6.66667vw 0;
}

@media (min-width: 768px) {
  .c-card--seminar_list {
    display: flex;
    flex-wrap: wrap;
    margin: -25px -15px;
  }
}

.c-card--seminar {
  position: relative;
  margin: 6.66667vw 0;
  border-radius: 0 0 0.8vw 0.8vw;
}
.c-card--seminar.__blue > a {
    /* background-color: #dfebfe; */
}
@media (min-width: 768px) {
  .c-card--seminar {
    margin: 25px 15px;
    border: 1px solid transparent;
    border-radius: 0 0 3px 3px;
    width: calc(33.33% - 30px);
    transition: all 0.3s ease;
  }
  .c-card--seminar:hover {
    border-color: #372eb2;
  }
}

.c-card--seminar.__blue .c-card--seminar_logo {
  border-top-color: #fff;
}


.c-card--seminar.__blue .c-card--seminar_img {
  border: 1px solid #d7d9df;
}

.c-card--seminar.__blue > a {
  /* background-color: #dfebfe; */
}
.c-card--seminar.is-closed .c-card--seminar_img{
  background: #000000;
}
.c-card--seminar.is-closed .c-card--seminar_img img{
  opacity: 0.6;
}
.c-card--seminar.is-closed .c-card--seminar_tag {
  background-color: #323232;
  color: #ffffff;
}

.c-card--seminar.is-closed .c-card--seminar_logo,
.c-card--seminar.is-closed .c-card--seminar_detail__wrapper {
  /* border-color: #fff; */
}

.c-card--seminar.is-closed > a {
  /* background-color: #cad8ef; */
}

.c-card--seminar > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0 7.6vw;
  border-radius: 0.8vw;
  height: 100%;
  background-color: #fff;
  font-weight: normal;
}
.c-card--seminar > a:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .c-card--seminar > a {
    padding: 0;
    border-radius: 3px;
  }
}

@media (min-width: 768px) {
  .is-IE .c-card--seminar_img {
    height: 238px;
  }
}

.c-card--seminar_desc {
  margin-top: 3.73333vw;
  padding: 0 5.33333vw;
  color: #333;
}

@media (min-width: 768px) {
  .c-card--seminar_desc {
    margin-top: 20px;
    padding: 0 20px;
  }
}

.c-card--seminar_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 2.93333vw;
  height: 7.46667vw;
  background-color: #f38423;
  color: #fff;
  font-size: 3.46667vw;
}

@media (min-width: 768px) {
  .c-card--seminar_tag {
    padding: 0 10px;
    height: 30px;
    font-size: 1.4rem;
  }
}

.c-card--seminar_tag + .c-card--seminar_label {
  margin-top: 2.66667vw;
}

@media (min-width: 768px) {
  .c-card--seminar_tag + .c-card--seminar_label {
    margin-top: 16px;
  }
}

.c-card--seminar_label {
  color: #372eb2;
  font-size: 3.73333vw;
  line-height: 1.71429;
}

@media (min-width: 768px) {
  .c-card--seminar_label {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

.c-card--seminar_ttl {
  margin-top: 0.66667vw;
  font-size: 3.46667vw;
  line-height: 1.69231;
}

@media (min-width: 768px) {
  .c-card--seminar_ttl {
    margin-top: 7px;
    font-size: 1.6rem;
  }
}

.c-card--seminar_txt {
  margin-top: 4.13333vw;
  color: #595959;
  font-size: 3.46667vw;
  line-height: 1.53846;
}

@media (min-width: 768px) {
  .c-card--seminar_txt {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.85714;
    font-weight: normal;
  }
}

.c-card--seminar_bottom {
  margin-top: 4vw;
  padding: 0 5.33333vw;
}

@media (min-width: 768px) {
  .c-card--seminar_bottom {
    margin-top: 13px;
    padding: 0 20px;
  }
}

.c-card--seminar_detail + .c-card--seminar_logo {
  margin-top: 5.33333vw;
  margin: 0 auto 20px;
}
.c-card--seminar_logo img {
    max-height: 32px;
    width: auto;
    padding: 0 3px;
  }
.c-card--seminar_logo {
    flex-wrap: nowrap;
  display: flex;
  justify-content: space-evenly;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .c-card--seminar_detail + .c-card--seminar_logo {
    margin-top: 20px;
  }

}

.c-card--seminar_detail__wrapper {
  padding-top: 5.33333vw;
}

@media (min-width: 768px) {
  .c-card--seminar_detail__wrapper {
    padding-top: 20px;
  }
}

.c-card--seminar_detailItem {
  display: flex;
  align-items: center;
  height: 4vw;
  font-size: 3.46667vw;
  line-height: 1;
}

@media (min-width: 768px) {
  .c-card--seminar_detailItem {
    height: 20px;
    font-size: 1.4rem;
  }
}

.c-card--seminar_detailItem + .c-card--seminar_detailItem {
  margin-top: 0.66667vw;
}

@media (min-width: 768px) {
  .c-card--seminar_detailItem + .c-card--seminar_detailItem {
    margin-top: 3px;
  }
}

@media (min-width: 768px) {
  .is-IE .c-card--seminar_logo {
    height: 53px;
  }
}

.c-card--seminar_icon {
  position: relative;
  margin-right: 0.66667vw;
  width: 3.33333vw;
  height: 3.33333vw;

  --icon_width: 3.33333vw;
  --icon_height: 3.33333vw;
}

@media (min-width: 768px) {
  .c-card--seminar_icon {
    margin-right: 5px;
    width: 15px;
    height: 15px;

    --icon_width: 15px;
    --icon_height: 15px;
  }
}

.c-card--seminar_icon > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: var(--icon_width);
  height: var(--icon_height);

  fill: #372eb2;
}

.c-card--seminar_logo,
.c-card--seminar_detail__wrapper {
  border-top: 0.53333vw solid #dfebfe;
}

@media (min-width: 768px) {
  .c-card--seminar_logo,
  .c-card--seminar_detail__wrapper {
    border-top-width: 2px;
  }
}

/* ------------------------
  Components
------------------------ */
.c-btn {
  position: relative;
  z-index: 0;
}

.c-btn > a,
.c-btn > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.c-btn > a:hover{
  text-decoration: none;
}
.c-btn._xsm {
  border-radius: 3.73333vw;
  width: 32vw;
  height: 7.46667vw;
}

@media (min-width: 768px) {
  .c-btn._xsm {
    border-radius: 2.66667vw;
    width: 190px;
    height: 40px;
  }
}

.c-btn._xsm02 {
  border-radius: 3.73333vw;
  width: 37.33333vw;
  height: 7.46667vw;
}

@media (min-width: 768px) {
  .c-btn._xsm02 {
    border-radius: 2.66667vw;
    width: 190px;
    height: 40px;
  }
}

.c-btn._sm {
  border-radius: 5.33333vw;
  width: 58.66667vw;
  height: 10.66667vw;
}
@media (min-width: 768px) {
  .l-header--pc .l-header_logo,
  .l-header--pc.is-moved .l-header_logo{
  margin-top: -24px;
  width: 120px;
}
.c-btn._sm,
.l-header--pc.is-moved .c-btn._sm {
    border-radius: 26px;
    width: 160px;
    height: 42px;
}
.u-font-txt--md {
    font-size: 14px !important;
}
.p-mv_txt{
    font-size: 16px !important;
}
}
@media (min-width: 1024px) {
  .c-btn._sm {
    border-radius: 26px;
    width: 210px !important;
    height: 52px !important;
  }
  .l-header--pc.is-moved .c-btn._sm {
    width: 170px !important;
  }
}

.c-btn._md {
  border-radius: 5.33333vw;
  width: 66.66667vw;
  height: 10.66667vw;
}
.p-extra_listItem .c-btn._md {
  width: 100%;
}
@media (orientation: landscape) and (max-width: 896px){
  .c-btn._md {
  width: 46.66667vw;
  height: 7.66667vw;
}
  .u-font-btn--md {
    font-size: 2.5vw;
    line-height: 1.06667;
}
}
@media (min-width: 1024px) {
  .c-btn._md {
    border-radius: 38px;
    width: 320px;
    height: 56px;
  }
  .p-extra_listItem .c-btn._md {
  width: 320px;
}
}
@media print, screen and (min-width:768px){
    .c-btn._md {
    border-radius: 38px;
    width: 320px;
    height: 56px;
  }
}
.c-btn._lg {
  border-radius: 6.13333vw;
  width: auto;
  height: 12.26667vw;
}

@media (min-width: 768px) {
  .c-btn._lg {
    border-radius: 33px;
    width: 420px;
    height: 66px;
  }
}

.c-btn._cta {
  margin: 0 auto;
  border-radius: 6.4vw;
  width: 69.33333vw;
  height: 12.8vw;
}

@media (min-width: 768px) {
  .c-btn._cta {
    border-radius: 36px;
    width: 440px;
    height: 72px;
  }
}

.c-btn._sm_white {
  border-radius: 4.26667vw;
  width: 50.66667vw;
  height: 8.53333vw;
}

@media (min-width: 768px) {
  .c-btn._sm_white {
    border-radius: 28px;
    width: 240px;
    height: 40px;
    padding: 5px 0;
    margin: 0 0 0px;
  }
}

.c-btn._sm_white02 {
  border-radius: 6.13333vw;
  width: 50.66667vw;
  height: 12.26667vw;
}

@media (min-width: 768px) {
  .c-btn._sm_white02 {
    border-radius: 28px;
    width: 240px;
    height: 40px;
  }
}

.c-btn._md_white {
  border-radius: 4.8vw;
  width: 66.66667vw;
  height: 9.6vw;
}

@media (min-width: 768px) {
  .c-btn._md_white {
    border-radius: 28px;
    width: 320px;
    height: 56px;
  }
}

.c-btn._cta_white {
  margin: 0 auto;
  border-radius: 4.8vw;
  width: 61.33333vw;
  height: 9.6vw;
}

@media (min-width: 768px) {
  .c-btn._cta_white {
    border-radius: 26px;
    width: 270px;
    height: 52px;
  }
}

.c-btn._xlg__cv {
  border-radius: 6.13333vw;
  width: 69.33333vw;
  height: 12.26667vw;
}

@media (min-width: 768px) {
  .c-btn._xlg__cv {
    border-radius: 36px;
    width: 460px;
    height: 72px;
  }
}

.c-btn._blue {
  overflow: hidden;
  position: relative;
  z-index: 1;
  line-height: 1.3;
}

.c-btn._blue::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background-image: linear-gradient(to right, #6952db, #0f3bb7, #0073e8, #218cfa, #92a9ff);
}

.c-btn._blue > a,
.c-btn._blue > button {
  color: #fff;
}

.c-btn._shadow {
  box-shadow: 0px 2.66667vw 4vw -2.66667vw #4376d7;
}
.c-btn._yellow._shadow {
  box-shadow: 0px 20px 30px -20px #826b00;
}

@media (min-width: 768px) {
  .c-btn._shadow {
    box-shadow: 0px 20px 30px -20px #4376d7;
  }
}

.c-btn._yellow {
  overflow: hidden;
  position: relative;
  /* border: solid 2px #fff900; */
}

.c-btn._yellow::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background-image: linear-gradient(to right, #fffa29, #ffe400, #ffd200, #fffa29);
}

.c-btn._yellow > a,
.c-btn._yellow > button {
  color: #372eb2;
}

.c-btn._yellow._shadow01 {
  box-shadow: 0px 2.66667vw 4vw -2.66667vw #cdab0a;
}

@media (min-width: 768px) {
  .c-btn._yellow._shadow01 {
    box-shadow: 0px 20px 30px -20px #cdab0a;
  }
}

.c-btn._yellow._shadow02 {
  box-shadow: 0px 2.66667vw 4vw -2.66667vw rgba(130, 107, 0, 0.4);
}

@media (min-width: 768px) {
  .c-btn._yellow._shadow02 {
    box-shadow: 0px 20px 30px -20px rgba(130, 107, 0, 0.4);
  }
}

.c-btn._white {
  background-color: #fff;
}

.c-btn._white > a,
.c-btn._white > button {
  color: #372eb2;
}

.c-btn._white._border {
  border: solid 2px #372eb2;
}
.c-btn._white._border a{
  color:#372eb2;
}

.c-btn._white._shadow03 {
  box-shadow: 0px 2.66667vw 4vw -2.66667vw rgba(0, 26, 140, 0.6);
}

@media (min-width: 768px) {
  .c-btn._white._border a:hover{
  opacity:1.0 !important;
  color:#ffffff !important;
}
  .c-btn._white._shadow03 {
    box-shadow: 0px 20px 30px -20px rgba(0, 26, 140, 0.6);
  }
}

.c-btn_icon._white {
  fill: #fff;
}

.c-btn_icon._blue {
  fill: #372eb2;
}

.c-btn_icon > svg {
      position: absolute;
      top: 0;
      right: var(--icon_rightPos);
      bottom: 0;
      left: var(--icon_leftPos);
      margin: auto;
      width: var(--icon_width);
      height: var(--icon_height);
}
.c-btn_icon > svg.left {
    left: 20px;
    transform: rotate(180deg) !important;
    right: auto;
}
a:hover svg.left {
    -webkit-transform: translateX(3px);
    transform: translateX(3px) rotate(180deg) !important;
}
.c-btn_icon > svg.right {
    right: auto;
    transform: rotate(180deg) !important;
}
._downward{
  height: 65px !important;
}
._downward .u-font-btn--md {
  margin-top: -13px;
}
._downward .c-btn_icon._link_arw > svg {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 11px;
  left: 0;
  margin: 0 auto;
  width: var(--icon_width);
  height: var(--icon_height);
  transform: rotate(90deg);
}
._downward a:hover .c-btn_icon._link_arw > svg {
  transform: rotate(90deg) translateY(0px)  translateX(0px) !important;
}
.c-btn_icon._left > svg {
  right: var(--icon_leftPos);
  left: var(--icon_rightPos);
  transform: rotate(175deg);
}
.c-btn:hover .c-btn_icon._left svg {
transform: rotate(175deg ) translateX(-3px)!important;
}

.c-btn_icon._row > svg {
  position: static;
  margin-right: 2.66667vw;
}

@media (min-width: 768px) {
  .c-btn_icon._row > svg {
    margin-right: 14px;
  }
}

.c-btn_icon._link_arw {
  --icon_width: 3.6vw;
  --icon_height: 3.6vw;
  --icon_rightPos: 3vw;
}
.l-header_nav_listItem .c-btn_icon._link_plus {
  display: block;
}
.l-header_nav_listItem.on .c-btn_icon._link_plus {
  display: none;
}
.op_plus {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}
.op_plus:before, .op_plus:after {
  display: block;
  content: '';
  background-color: #372eb2;
  border-radius: 10px;
  position: absolute;
  width: 16px;
  height: 2px;
  top: 7px;
  left: 0;
}
.op_plus:before {
  width: 2px;
  height: 16px;
  top: 0;
  left: 7px;
}
.l-header_nav_listItem.on .c-btn_icon._link_minus {
  display: block;
}
.l-header_nav_listItem .c-btn_icon._link_minus {
  display: none;
}
.op_plus {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
}
.op_minus {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
}
.op_minus:after {
  display: block;
  content: '';
  background-color: #372eb2;
  border-radius: 10px;
  position: absolute;
  width: 16px;
  height: 2px;
  top: 7px;
  left: 0;
}
.c-button1__inner:hover .c-btn_icon._link_arw svg {
transform: translate(3px,0);;
}
.c-button1__inner .c-btn_icon._link_arw svg {
transform: translate(0px,0);
  transition: all 0.3s ease;
  
}
@media (min-width: 768px) {
.c-btn_icon > svg.left {
    left: 20px;
    transform: rotate(180deg) !important;
    right: auto;
}
  .c-btn_icon._link_arw {
    --icon_width: 14px;
    --icon_height: 14px;
    --icon_rightPos: 19px;
  }
}

.c-btn_icon._link_arw._sm {
  --icon_width: 2.8vw;
  --icon_height: 2.8vw;
  --icon_rightPos: 2.8vw;
  margin: 0 0 0 0px !important;
}
.p-intro_modal.c-btn span {
  margin: 0 0 0 0px !important;
}
@media (min-width: 768px) {
  .c-btn_icon._link_arw._sm {
    --icon_width: 13px;
    --icon_height: 13px;
    --icon_rightPos: 15px;
  }
}

.c-btn_icon._link_arw._down svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-btn_icon._pdf {
  --icon_width: 5.33333vw;
  --icon_height: 5.33333vw;
}

@media (min-width: 768px) {
  .c-btn_icon._pdf {
    --icon_width: 31px;
    --icon_heigh: 31px;
  }
}

.c-btn_icon._plus {
  --icon_width: 4vw;
  --icon_height: 4vw;
  --icon_rightPos: 4.13333vw;
}

@media (min-width: 768px) {
  .c-btn_icon._plus {
    --icon_width: 30px;
    --icon_height: 30px;
    --icon_rightPos: 31px;
  }
  .c-btn_icon._plus._02 {
    --icon_rightPos: 26px;
    --icon_width: 22px;
    --icon_height: 22px;
  }
}
@media (max-width: 63.75em) and (min-width: 48em){
  .c-btn_icon._plus._02 {
    --icon_rightPos: 5px;
    /* --icon_width: 15px; */
    /* --icon_height: 15px; */
  }
}
.c-btn_icon._blank {
  --icon_width: 4.66667vw;
  --icon_height: 4.66667vw;
  --icon_rightPos: 2.66667vw;
  position: relative;
}
.c-btn_icon._blank svg {
  position: static;
}
.p-casestudy-case__name .c-btn_icon._blank > svg {
    fill: #cbcbcb;
    right: -21px;
}
@media (min-width: 768px) {
  .c-btn_icon._blank {
    --icon_width: 30px;
    --icon_height: 30px;
    --icon_rightPos: 15px;
  }
}

.c-btn_icon._dl {
  --icon_width: 5.33333vw;
  --icon_height: 5.33333vw;
  --icon_rightPos: 4.66667vw;
}

@media (min-width: 768px) {
  .c-btn_icon._dl {
    --icon_width: 30px;
    --icon_height: 30px;
    --icon_rightPos: 20px;
  }
}

.c-nav > button {
  display: block;
  position: relative;
  border: solid 0.53333vw #372eb2;
  border-radius: 5.33333vw;
  width: 10.66667vw;
  height: 10.66667vw;
  background-color: #fff;
}

@media (min-width: 768px) {
  .c-nav > button {
    border: solid 2px #372eb2;
    border-radius: 30px;
    width: 60px;
    height: 60px;
  }
}

.c-nav > button ._next > svg {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 5.33333vw;
  height: 5.33333vw;

  fill: #372eb2;
}

@media (min-width: 768px) {
  .c-nav > button ._next > svg {
    width: 30px;
    height: 30px;
  }
}

.c-nav > button ._prev > svg {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 5.33333vw;
  height: 5.33333vw;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);

  fill: #372eb2;
}

@media (min-width: 768px) {
  .c-nav > button ._prev > svg {
    width: 30px;
    height: 30px;
  }
}

.c-nav._blue > button {
  border: none;
  background-image: linear-gradient(to left, #0071e7, #0f3bb7, #6852db);
}

.c-nav._blue > button ._next > svg {
  fill: #fff;
}

.c-nav._blue > button ._prev > svg {
  fill: #fff;
}

.c-btn > button.c-btn_modal {
  position: relative;
  width: 19.73333vw;
  height: 19.73333vw;
  background: #838396;
}

@media (min-width: 768px) {
  .c-btn > button.c-btn_modal {
    width: 120px;
    height: 120px;
  }
}

.c-btn > button.c-btn_modal ._modal_close > svg {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 5.33333vw;
  height: 5.33333vw;

  fill: #fff;
}

@media (min-width: 768px) {
  .c-btn > button.c-btn_modal ._modal_close > svg {
    width: 40px;
    height: 40px;
  }
}

.c-input_label {
  display: flex;
  align-items: center;
  font-size: 4.26667vw;
  line-height: 1;
}

@media (min-width: 768px) {
  .c-input_label {
    font-size: 1.6rem;
  }
}

.c-input_label_ttl {
  padding: 0.53333vw 0;
  font-weight: 700;
}

.c-input_label_input .c-input {
  border: 0.26667vw solid #ccc;
  border-radius: 1.33333vw;
  background-color: #fff;
  text-align: right;
}

.c-input_label_input .c-input::-webkit-input-placeholder {
  color: #999;
}

.c-input_label_input .c-input::-moz-placeholder {
  color: #999;
}

.c-input_label_input .c-input:-ms-input-placeholder {
  color: #999;
}

.c-input_label_input .c-input::placeholder {
  color: #999;
}

.c-input_label_input .c-input._md {
  padding: 1.46667vw 2.66667vw;
}

.c-input_label_input .c-input._lg {
  padding: 2.66667vw;
}

.c-input_label_input + .c-input_label_txt {
  margin-left: 2.66667vw;
}

@media (min-width: 768px) {
  .c-input_label_input .c-input {
    border-width: 1px;
    border-radius: 5px;
  }
  .c-input_label_input .c-input._md {
    padding: 5px 10px;
  }
  .c-input_label_input .c-input._lg {
    padding: 10px;
  }
  .c-input_label_input + .c-input_label_txt {
    margin-left: 8px;
  }
}

.c-input_label_radio,
.c-input_label_checkbox {
  display: block;
  position: relative;
  padding: 4.66667vw 0;
}

.c-input_label_radio + .c-input_label_txt,
.c-input_label_checkbox + .c-input_label_txt {
  margin-left: 6.66667vw;
  cursor: pointer;
}

@media (min-width: 768px) {
  .c-input_label_radio,
  .c-input_label_checkbox {
    padding: 17px 0;
  }
  .c-input_label_radio + .c-input_label_txt,
  .c-input_label_checkbox + .c-input_label_txt {
    margin-left: 20px;
  }
}

.c-input_label_radio .c-input_icon::before,
.c-input_label_radio .c-input_icon::after {
  border-radius: 50%;
}

.c-input_label_radio .c-input_icon::after {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.73333vw;
  height: 3.73333vw;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #2a36aa;
}

@media (min-width: 768px) {
  .c-input_label_radio .c-input_icon::after {
    width: 10px;
    height: 10px;
  }
}

.c-input_label_checkbox .c-input_icon::before {
  border-radius: 0.8vw;
}

.c-input_label_checkbox .c-input_icon::after {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  border-bottom: 0.66667vw solid #2a36aa;
  border-left: 0.66667vw solid #2a36aa;
  width: 3.2vw;
  height: 2.13333vw;
  -webkit-transform: translate(-45%, -75%) rotate(-45deg);
          transform: translate(-45%, -75%) rotate(-45deg);
}

@media (min-width: 768px) {
  .c-input_label_checkbox .c-input_icon::before {
    border-radius: 2px;
  }
  .c-input_label_checkbox .c-input_icon::after {
    border-width: 2px;
    width: 10px;
    height: 7px;
  }
}

.c-input_icon {
  position: absolute;
  top: 50%;
  left: 0;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.c-input_icon::before,
.c-input_icon::after {
  content: "";
  display: block;
}

.c-input_icon::before {
  border: 0.26667vw solid #ccc;
  width: 5.33333vw;
  height: 5.33333vw;
  background-color: #fff;
}

@media (min-width: 768px) {
  .c-input_icon::before {
    border-width: 1px;
    width: 16px;
    height: 16px;
  }
}

.c-input[type="radio"],
.c-input[type="checkbox"] {
  display: none;
}

.c-input[type="radio"]:checked + .c-input_icon::after,
.c-input[type="checkbox"]:checked + .c-input_icon::after {
  opacity: 1;
}

.c-input[type="number"]::-webkit-outer-spin-button,
.c-input[type="number"]::-webkit-inner-spin-button {
  margin: 0;

  -webkit-appearance: none;
}

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

.c-btn {
  transition: all 0.3s ease;
}

.c-btn > a,
.c-btn > button,
.c-btn .c-btn_icon svg {
  transition: all 0.3s ease;
}

.c-btn::before {
  transition: all 0.3s ease-out;
}

@media (min-width: 768px) {
  .c-btn:hover::before {
    transition: all 0.4s ease-out;
  }
  .c-btn:hover._shadow {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
    box-shadow: none;
  }
  .c-btn:hover._blue::before {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .c-btn:hover._yellow::before {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .c-btn:hover._yellow._shadow01,
  .c-btn:hover._yellow._shadow02 {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
    box-shadow: none;
  }
  .c-btn:hover._white {
    background-color: #372eb2;
  }
  .c-btn:hover._white._shadow03 {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
    box-shadow: none;
  }
  .c-btn:hover._white > a,
  .c-btn:hover._white > button {
    color: #fff;
  }
  .c-btn:hover._white .c-btn_icon svg {
    fill: #fff;
  }
  .c-btn:hover._white._lg {
    background-color: #33b6f3;
  }
  .c-btn:hover._white._lg > a,
  .c-btn:hover._white._lg > button {
    color: #fff;
  }
  .c-btn:hover._white._lg .c-btn_icon._link_arw svg {
    fill: #fff;
  }
  .c-btn:hover._white._xlg__cv {
    background-color: #33b6f3;
  }
  .c-btn:hover._white._xlg__cv > a,
  .c-btn:hover._white._xlg__cv > button {
    color: #fff;
  }
  .c-btn:hover._white._xlg__cv .c-btn_icon._link_arw svg {
    fill: #fff;
  }
  .c-btn:hover .c-btn_icon._link_arw svg {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  .c-btn:hover .c-btn_icon._link_arw._down svg {
    -webkit-transform: rotate(90deg) translateX(3px);
            transform: rotate(90deg) translateX(3px);
  }
}

.c-tab {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.c-tab::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  transition: all 0.3s ease-out;
  background-image: linear-gradient(to right, #6952db, #0f3bb7, #0073e8, #218cfa, #92a9ff);
}

.is-current .c-tab::before,
.c-tab[aria-checked="true"]::before {
  content: none;
}

@media (min-width: 768px) {
  .c-tab:hover::before {
    transition: all 0.4s ease-out;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

/* ------------------------
  header
------------------------ */
/* sp */
.l-header--sp {
  width: 100%;
  height: 15.6vw;
  -webkit-transition: 0.3s all cubic-bezier(0, 0, 0.58, 1);
  transition: 0.3s all cubic-bezier(0, 0, 0.58, 1);
  position: fixed !important;
}

@media (min-width: 768px) {
  .l-header--sp {
    display: none;
  }
}

.l-header--sp .l-header_menu {
  position: relative;
  z-index: 1;
  height: 17vw;
}

.l-header--sp.is-moved .l-header_logo__inner img:first-of-type {
  display: none;
}

.l-header--sp.is-moved .l-header_logo__inner img:last-of-type {
  display: block;
}

.l-header--sp.is-open {
  height: 100%;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  background-color: transparent;
}

.l-header--sp.is-open .l-header_logo__inner img:first-of-type {
  display: none;
}

.l-header--sp.is-open .l-header_logo__inner img:last-of-type {
  display: block;
}

.l-header--sp .l-header_menu__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.l-header--sp .l-header_logo {
  width: 40vw;
}

.l-header--sp .l-header_logo__inner {
  display: flex;
  margin-top: -2.66667vw;
  margin-left: auto;
  width: 34.66667vw;
}

.l-header--sp .l-header_logo__inner img:last-of-type {
  display: none;
}

.l-header--sp .l-header_btn {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 17vw;
  height: 100%;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.l-header--sp .l-header_hamburger {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.l-header--sp .l-header_hamburger span {
  display: block;
  width: 6.93333vw;
  height: 0.53333vw;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  background-color: #fff;
}

.l-header--sp .l-header_hamburger span + span {
  margin-top: 2.13333vw;
}
.l-header--sp .l-header_hamburger span + span + span {
  margin-top: 2.13333vw;
  color: #ffffff;
  color: #ffffff;
  width: 100%;
  background: none;
  display: block;
  font-size: 10px;
}
.l-header--sp.is-open .l-header_hamburger span + span + span {
  display: none;
}
.l-header--sp .l-header_hamburger[aria-expanded="true"] span:first-of-type {
  -webkit-transform: translateY(1.33333vw) rotate(45deg);
          transform: translateY(1.33333vw) rotate(45deg);
}
.l-header--sp .l-header_hamburger[aria-expanded="true"] span:nth-of-type(2)
{
  -webkit-transform: translateY(-1.33333vw) rotate(-45deg);
          transform: translateY(-1.33333vw) rotate(-45deg);
}

.l-header--sp .l-header_contents {
  opacity: 0;
  /* position: fixed; */
  background-color: #fff;
  top: 0;
  left: 0;
  /* width: 100%; */
  /* height: 100%; */
  -ms-transform: translate(100%, 0);
  /* transform: translate(100%, 0); */
}

.l-header--sp .l-header_nav_list {
  background: #ffffff;
}
.l-header--sp .l-header_nav_listItem {
  border-top: 1px solid #dfebfe;
  /* height: 14.4vw; */
  position: relative;
  padding: 0px 0 0;
}

.l-header--sp .l-header_nav_listItem a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 20px 9.33333vw 20px 8.53333vw;
  width: 100%;
  height: 100%;
  z-index: 1;
  font-size: 3.73333vw;
  color: #525252;
  position: relative;
}
.l-header--sp .l-header_nav_listItem a:hover ,
.l-header--sp .l-header_nav_listItem a:focus{
  text-decoration:none;
}
.l-header--sp .l-header_nav_listItem li ul a:before {
    content: "-";
    display: inline-block;
    margin: 0 6px 0 0px;
    position: absolute;
    top: 0;
    left: -10px;
}

.l-header--sp .l-header_nav_listItem li ul a {
  color: #372eb2;
  margin: 0 0 12px 10px;
}
.l-header--sp .l-header_nav_listItem li ul{
  margin: 0 0 20px 0px;
}
.l-header--sp .l-header_nav_listItem li:last-of-type ul{
  margin: 0 0 0px 0px;
}

.l-header_nav_sub.active {
    min-height: auto;
    height: auto;
}
.l-header_nav_sub{
    overflow: hidden;
    /* position: absolute; */
    left: 0;
    top: 2em;
    width: 100%;
    min-height: 0;
    height: 0;
    z-index: 3;
    transition: min-height 0.5s;
}
.l-header_nav_sub.active {
  background: #edededcc;
  padding: 20px 35px;
}
.l-header_nav_sub.active > li:nth-of-type(1) a{
  position: relative;
}
.l-header_nav_sub.active > li a{
  margin: 0 0 12px 0px;
  display: block;
  text-indent: 0px;
  position: relative;
  padding: 0;
}
.l-header_nav_sub > a{
    font-size: 16px;
    color: #fff;
    line-height: 1.75;
    background-color: #0071b9;
}
.l-header--sp .l-header_nav_listItem .c-btn_icon {
  position: relative;
  0 0 2px 10px;
}

.l-header--sp .l-header_nav_listItem .c-btn_icon._link_arw {
  --icon_rightPos: -0.26667vw;
}

.l-header--sp .l-header_link {
  display: flex;
}

.l-header--sp .l-header_link_listItem {
  width: 50%;
  height: 16vw;
}

.l-header--sp .l-header_link_btn {
  width: 100%;
  height: 100%;
}

.l-header--sp .l-header_link_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}

.l-header--sp .l-header_link_btn .c-btn_icon._link_arw {
  --icon_rightPos: 4vw;
}

.l-header--sp .l-header_link_listItem--contact {
  background-color: #372eb2;
}

.l-header--sp .l-header_link_listItem--contact .l-header_link_btn a {
  color: #fff;
}

.l-header--sp .l-header_link_listItem--trial {
  background-color: #fff900;
}

.l-header--sp .l-header_link_listItem--trial .l-header_link_btn a {
  color: #372eb2;
}

.l-header--sp .l-header_search {
  display: flex;
}

.l-header--sp .l-header_search_listItem {
  height: 16vw;
  background-color: #dfebfe;
}

.l-header--sp .l-header_search_listItem:first-of-type {
  width: 50%;
}

.l-header--sp .l-header_search_listItem:nth-of-type(2) {
  width: 37.06667vw;
}

.l-header--sp .l-header_search_listItem:nth-of-type(2) .c-btn_icon._row > svg {
  margin-right: 0.4vw;
}

.l-header--sp .l-header_search_listItem:last-of-type {
  width: 50%;
}

.l-header--sp .l-header_search_listItem:last-of-type .c-btn_icon._row > svg {
  margin-right: 0;
}

.l-header--sp .l-header_search_listItem:not(:first-child) {
  border-left: 1px solid #fff;
}

.l-header--sp .l-header_search_listItem a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #372eb2;
}

.l-header--sp .l-header_search_listItem .c-btn_icon {
  --icon_width: 5.86667vw;
  --icon_height: 5.86667vw;
}

.l-header--sp .l-header_search_listItem .c-btn_icon._row > svg {
  fill: #372eb2;
}

.l-header--sp .l-header_search_listItem--customers {
  background-color: #33b6f3;
}

.l-header--sp .l-header_search_listItem--customers a {
  color: #fff;
}

.l-header--sp .l-header_search_listItem--customers .c-btn_icon._row > svg {
  margin-right: 0;

  fill: #fff;
}

.l-header--sp .l-header_search_listItem--customers .l-header_customers__txt {
  line-height: 1.29167;
}

@media (min-width: 768px) {
  .l-header--sp .l-header_search_listItem--customers .l-header_customers__txt {
    line-height: 1.66667;
  }
}

.l-header--sp .l-header_mask {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transition: all 0.3s ease;
  background: rgba(48, 49, 80, 0.6);
}

.l-header--sp .l-header_mask.is-show {
  visibility: visible;
  opacity: 1;
}

.l-header--sp .l-header_contents {
  transition: opacity 0.1s ease 0.3s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.1s ease 0.3s;
    transition: transform 0.3s ease, opacity 0.1s ease 0.3s, -webkit-transform 0.3s ease;
    -webkit-transform: translateY(calc(-100% - 15.6vw));
    transform: translateY(calc(-100% - 15.6vw));
}

.l-header--sp .l-header_contents.is-show {
  transition: all 0.3s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* pc */
.l-header--pc {
  display: none;
  width: 100%;
}

@media (min-width: 768px) {
  .l-header--pc {
    display: block;
    position: absolute;
  }
  .l-header--pc.is-moved {
    background: linear-gradient(to right, #4c6efe 0%, #496af9 50%, #4565f3 100%);
    height: 83px;
  }
  .l-header--pc.is-moved .l-header_logo__inner img:first-of-type {
    display: none;
  }
  .l-header--pc.is-moved .l-header_logo__inner img:last-of-type {
    display: block;
  }
  .l-header--pc.is-moved .l-header_nav_listItem {
    position: relative;
  }
  .l-header--pc.is-moved .l-header_nav_listItem a {
    color: #fff;
  }
  @-webkit-keyframes nav_border_left {
    0% {
      width: 0;
      -webkit-transform-origin: right;
              transform-origin: right;
    }
    100% {
      width: 50%;
    }
  }
  @keyframes nav_border_left {
    0% {
      width: 0;
      -webkit-transform-origin: right;
              transform-origin: right;
    }
    100% {
      width: 50%;
    }
  }
  @-webkit-keyframes nav_border_right {
    0% {
      width: 0;
      -webkit-transform-origin: left;
              transform-origin: left;
    }
    100% {
      width: 50%;
    }
  }
  @keyframes nav_border_right {
    0% {
      width: 0;
      -webkit-transform-origin: left;
              transform-origin: left;
    }
    100% {
      width: 50%;
    }
  }
}

.l-header--pc .l-header__inner {
  margin: 0 auto;
  min-width: 1280px;
  max-width: 1440px;
}

.l-header--pc .l-header_sub {
  /* height: 44px; */
  /* position: absolute; */
  right: 0;
  top: 0;
  /* float: right; */
}

.l-header--pc .l-header_sub__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* height: 100%; */
}

.l-header--pc .l-header_search {
  display: flex;
  justify-content: space-between;
  width: 205px;
  position: absolute;
  top: 6px;
  right: 211px;
}

.l-header--pc .l-header_search_listItem,
.l-header--pc .l-header_customers {
  position: relative;
  transition: all 0.3s ease;
  /* top: 1px; */
}

.l-header--pc .l-header_search_listItem .c-btn_icon,
.l-header--pc .l-header_customers .c-btn_icon {
  --icon_width: 33px;
  --icon_height: 33px;
}

.l-header--pc .l-header_search_listItem:first-child .c-btn_icon._row > svg {
  margin: 1px -2px 0 0;
}

.l-header--pc .l-header_search_listItem:not(:first-child) a {
  position: relative;
}

.l-header--pc .l-header_search_listItem:not(:first-child) a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px;
  margin: auto;
  width: 1px;
  height: 18px;
  background-color: #372eb2;
}
@media (min-width: 1020px) {
.l-header--pc .l-header_search_listItem:not(:first-child) a::before {
  background-color: #ffffff;
}  
}
.l-header--pc .l-header_search_listItem:not(:first-child) .c-btn_icon._row > svg {
  margin-right: 0;
}

.l-header--pc .l-header_search_listItem:not(:first-child):hover::after,
.l-header--pc .l-header_search_listItem:not(:first-child):hover::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #fff;
}
.l-header--pc .l-header_search_listItem:hover::after,
.l-header--pc .l-header_search_listItem:hover::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #fff;
}
.l-header--pc .l-header_search_listItem:hover::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #fff;
}
.l-header--pc .l-header_search_listItem:hover::after {
  left: 50%;
  -webkit-animation: nav_border_left 0.3s ease forwards;
  animation: nav_border_left 0.3s ease forwards;
}

.l-header--pc .l-header_search_listItem:hover::before {
  right: 50%;
  -webkit-animation: nav_border_right 0.3s ease forwards;
  animation: nav_border_right 0.3s ease forwards;
}
.l-header--pc .l-header_search_listItem:not(:first-child):hover::after {
  left: 50%;
  -webkit-animation: nav_border_left 0.3s ease forwards;
  animation: nav_border_left 0.3s ease forwards;
}

.l-header--pc .l-header_search_listItem:not(:first-child):hover::before {
  right: 50%;
  -webkit-animation: nav_border_right 0.3s ease forwards;
  animation: nav_border_right 0.3s ease forwards;
}

.l-header--pc .l-header_search_listItem a {
  display: flex;
  align-items: center;
  color: #fff;
}
.l-header--pc .l-header_search_listItem a:hover,
.l-header--pc .l-header_customers a:hover{
  text-decoration: none;
}
.l-header--pc .l-header_search_listItem .c-btn_icon > svg {
  fill: #fff;
}

.l-header--pc .l-header_customers {
  border-radius: 0 0 10px 10px;
  width: 200px;
  background-color: #33b6f3;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  text-align: center;
  padding: 5px;
  cursor: pointer;
}
@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.l-header--pc .l-header_customers:hover .info {
	display: block;
    animation-name: fade-in;
    animation-duration: .5s;
}

.l-header--pc .l-header_customers .info {
  margin: 3px auto 6px;
  width: 164px;
  display: none;
  animation-name: fade-out;
  animation-duration: .5s;
}

.l-header--pc .l-header_customers .info li a{
  display:block;
  float:left;
  font-size: 12px;
  /* border-bottom: 1px solid #33b6f3; */
}
.l-header--pc .l-header_customers .info li{
  display: table-cell;
  position: relative;
  transition: all 0.3s ease;
}
.l-header--pc .l-header_customers .info li:nth-of-type(1){
  border-right: 1px solid #c1caf3;
}
.l-header--pc .l-header_customers .info li:nth-of-type(1) a{
  /* border-right:1px solid #ffffff; */
  margin-right: 8px;
}
.l-header--pc .l-header_customers .info li:nth-of-type(2) a{
  margin-left: 8px;
  /* padding-left: 8px; */
}
.l-header--pc .l-header_customers .info li a:hover{

}
.l-header--pc .l-header_customers .info li a:hover::before {
    right: 48%;
    -webkit-animation: nav_border_right 0.3s ease forwards;
    animation: nav_border_right 0.3s ease forwards;
}
.l-header--pc .l-header_customers .info li a:hover::after {
    left: 52%;
    -webkit-animation: nav_border_left 0.3s ease forwards;
    animation: nav_border_left 0.3s ease forwards;
}

.l-header--pc .l-header_customers .info li a:hover::after,
.l-header--pc .l-header_customers .info li a:hover::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #ffffff;
}
.is-moved .l-header_customers .info {
  /* z-index: 100; */
  position: absolute;
  margin: 0px auto 0px;
  background-color: #33b6f3;
  width: 204px;
  padding: 13px 20px;
  border-radius: 5px;
  left: -133%;
  height: 45px !important;
  display:none;
}
@media screen and (min-width: 768px){
.is-moved .l-header_customers .info {
  left: -183%;
}
}
@media screen and (min-width: 1024px){
.is-moved .l-header_customers .info {
  left: -184%;
}
}
@media screen and (min-width: 1200px){
.is-moved .l-header_customers .info {
  left: -137%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.is-moved .l-header_customers .info {
  left: -183%;
  top: 40px;
}
}
.is-moved.is-forward .l-header_customers .info,
.is-moved.is-back .l-header_customers .info{
  /* display:block; */
}
.is-moved .l-header_customers ul.info:after {
    position: absolute;
    width: 0;
    height: 0;
    left: 36%;
    top: -19px;
    margin-left: 10px;
    border: solid transparent;
    border-color: rgba(51, 204, 153, 0);
    border-top-color: #33b6f3;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    transform: rotate(180deg);
}
.l-header--pc .l-header_customers a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  font-size: 14px;
  position: relative;
}
.l-header--pc .l-header_customers a:hover .c-btn_icon svg{
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}
.l-header--pc .l-header_customers .info a .c-btn_icon {
    fill: #fff;
    --icon_width: 13px;
    --icon_height: 13px;
}
.l-header--pc .l-header_customers .info a .c-btn_icon svg {
    right: 26px !important;
    transition: all 0.3s ease;
}
.l-header--pc.is-moved .l-header_customers .info a .c-btn_icon svg {
    right: -2px !important;
    transition: all 0.3s ease;
}
.l-header--pc .l-header_customers a .c-btn_icon svg {
    right: 18px !important;
    transition: all 0.3s ease;
}
.l-header--pc .l-header_customers a .c-btn_icon svg {
    position: absolute;
    top: 0;
    right: var(--icon_rightPos);
    bottom: 0;
    left: var(--icon_leftPos);
    margin: auto;
    width: var(--icon_width);
    height: var(--icon_height);
}
.l-header--pc.is-moved .l-header_customers .c-btn_icon._row > svg{
  margin-right: 0px;
  margin-top: 0px;
  fill: #fff !important;
}
.l-header--pc .l-header_customers .c-btn_icon._row > svg {
  margin-right: -7px;
  fill: #fff;
  margin-top: -7px;
}

.l-header--pc .l-header_customers:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.l-header--pc .l-header_main__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 10px 23px 20px;
  max-width: 100%;
  position: relative;
}

@media (min-width: 1440px) {
  .l-header--pc .l-header_main__inner {
    padding: 0px 20px 23px 30px;
    max-width: 1440px;
    position: relative;
  }
}

.l-header--pc .l-header_nav__wrapper {
  display: flex;
  align-items: center;
  margin-top: 80px;
}

.l-header--pc .l-header_logo {
  margin-top: -24px;
  width: 200px;
}
.l-header--pc .l-header_logo a{
    z-index: 100;
    position: relative;
}
@media (min-width: 768px) {
  .l-header--pc .l-header_logo,
  .l-header--pc.is-moved .l-header_logo{
  margin-top: -14px;
  width: 120px;
}
}

@media print, screen and (min-width: 1023px){
  .l-header--pc .l-header_logo,
  .l-header--pc.is-moved .l-header_logo{
  margin-top: -14px;
  width: 120px;
} 
}
@media (min-width: 1440px) {
  .l-header--pc .l-header_logo {
    width: 200px;
  }
}

.l-header--pc .l-header_logo__inner img:first-of-type {
  display: block;
}

.l-header--pc .l-header_logo__inner img:last-of-type {
  display: none;
}

.l-header--pc .l-header_nav {
  margin-left: 4.4vw;
}
@media print, screen and (min-width: 48em) {
  .l-header--pc .l-header_nav {
    margin-left: 2vw;
}
}
@media (min-width: 1440px) {
  .l-header--pc .l-header_nav {
    margin-left: 59px;
  }
}


.l-header--pc .l-header_nav_list {
  display: flex;
  justify-content: space-between;
  width: 493px;
}
@media print, screen and (min-width: 48em) {

.l-header--pc .l-header_nav_list {
    width: 550px;
}
}
@media (min-width: 1440px) {
  .l-header--pc .l-header_nav_list {
    width: 595px;
  }
}

.l-header--pc .l-header_nav_listItem {
  position: relative;
}

.l-header--pc .l-header_nav_listItem a {
  color: #372eb2;
  z-index: 100;
  display: inline-block;
  position: relative;
}
.l-header--pc .l-header_nav_listItem a:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  @-webkit-keyframes nav_border_left {
    0% {
      width: 0;
      -webkit-transform-origin: right;
              transform-origin: right;
    }
    100% {
      width: 50%;
    }
  }
  @keyframes nav_border_left {
    0% {
      width: 0;
      -webkit-transform-origin: right;
              transform-origin: right;
    }
    100% {
      width: 50%;
    }
  }
  @-webkit-keyframes nav_border_right {
    0% {
      width: 0;
      -webkit-transform-origin: left;
              transform-origin: left;
    }
    100% {
      width: 50%;
    }
  }
  @keyframes nav_border_right {
    0% {
      width: 0;
      -webkit-transform-origin: left;
              transform-origin: left;
    }
    100% {
      width: 50%;
    }
  }
}

.l-header--pc .l-header_link {
  display: flex;
  position: absolute;
  right: 0;
  top: 65px;
}

.l-header--pc .l-header_link_listItem:first-of-type .c-btn {
  background: #fff;
}

.l-header--pc .l-header_link_listItem:first-of-type .c-btn a {
  color: #372eb2;
}

.l-header--pc .l-header_link_listItem:first-of-type .c-btn_icon {
  fill: #372eb2;
}

.l-header--pc .l-header_link_listItem:not(:first-of-type) {
  margin-left: 13px;
}

.l-header--pc .l-header_link_btn .c-btn._yellow {
  box-shadow: 0px 20px 30px -20px #826b00;
}

.l-header--pc .l-header_link_btn .c-btn_icon {
  --icon_width: 13px;
  --icon_height: 13px;
}

.l-header--pc .l-header_link_btn .c-btn_icon > svg {
  right: 18px;
}

.is-toppage .l-header--pc.is-moved .l-header_search_listItem {
  transition: all 0.3s ease;
}

.is-toppage .l-header--pc.is-moved .l-header_search_listItem:not(:first-of-type) a::before {
  background-color: #fff;
}

.is-toppage .l-header--pc.is-moved .l-header_search_listItem:not(:first-of-type):hover::after,
.is-toppage .l-header--pc.is-moved .l-header_search_listItem:not(:first-of-type):hover::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #fff;
}

.is-toppage .l-header--pc.is-moved .l-header_search_listItem:not(:first-of-type):hover::after {
  left: 60%;
  -webkit-animation: nav_border_left 0.3s ease forwards;
          animation: nav_border_left 0.3s ease forwards;
}

.is-toppage .l-header--pc.is-moved .l-header_search_listItem:not(:first-of-type):hover::before {
  right: 40%;
  -webkit-animation: nav_border_right 0.3s ease forwards;
          animation: nav_border_right 0.3s ease forwards;
}

.is-toppage .l-header--pc.is-moved .l-header_search_listItem a {
  color: #fff;
  z-index: 100;
  position: relative;
}

.is-toppage .l-header--pc.is-moved .l-header_search_listItem .c-btn_icon > svg {
  fill: #fff;
}

.is-toppage .l-header--pc.is-moved .l-header_search_listItem:hover::after,
.is-toppage .l-header--pc.is-moved .l-header_search_listItem:hover::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #fff;
}

.is-toppage .l-header--pc.is-moved .l-header_search_listItem:hover::after {
  left: 52%;
  -webkit-animation: nav_border_left 0.3s ease forwards;
          animation: nav_border_left 0.3s ease forwards;
}

.is-toppage .l-header--pc.is-moved .l-header_search_listItem:hover::before {
  right: 48%;
  -webkit-animation: nav_border_right 0.3s ease forwards;
          animation: nav_border_right 0.3s ease forwards;
}

.is-toppage .l-header--pc.is-moved .l-header_link_listItem:first-of-type .c-btn {
  background: #fff;
  box-shadow: 0px 20px 30px -20px rgba(34, 94, 208, 0.4);
}

.is-toppage .l-header--pc.is-moved .l-header_link_listItem:first-of-type .c-btn a {
  color: #372eb2;
}

.is-toppage .l-header--pc.is-moved .l-header_link_listItem:first-of-type .c-btn a .c-btn_icon._link_arw > svg {
  fill: #372eb2;
}

.is-toppage .l-header--pc.is-moved .l-header_link_listItem:last-of-type .c-btn {
  box-shadow: 0px 20px 30px -20px #826b00;
}

.is-toppage .l-header--pc .l-header_search_listItem:not(:first-child) a::before {
  background-color: #ffffff;
}
@media screen and (min-width: 1277px){
.is-toppage .l-header--pc .l-header_search_listItem:not(:first-child) a::before {
  background-color: #372eb2;
}
}
.is-toppage .l-header--pc .l-header_search_listItem:not(:first-child):hover::after,
.is-toppage .l-header--pc .l-header_search_listItem:not(:first-child):hover::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #ffffff;
}

.is-toppage .l-header--pc .l-header_search_listItem:not(:first-child):hover::after {
  left: 60%;
  -webkit-animation: nav_border_left 0.3s ease forwards;
          animation: nav_border_left 0.3s ease forwards;
}

.is-toppage .l-header--pc .l-header_search_listItem:not(:first-child):hover::before {
  right: 40%;
  -webkit-animation: nav_border_right 0.3s ease forwards;
          animation: nav_border_right 0.3s ease forwards;
}

.is-toppage .l-header--pc .l-header_search_listItem a {
  color: #ffffff;
}
@media screen and (min-width: 1277px){
 .is-toppage .l-header--pc .l-header_search_listItem a {
  color: #372eb2;
} 
}
.is-toppage .l-header--pc .l-header_search_listItem .c-btn_icon > svg {
  fill: #372eb2;
}

.is-toppage .l-header--pc .l-header_search_listItem:hover::after,
.is-toppage .l-header--pc .l-header_search_listItem:hover::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #ffffff;
}
@media screen and (min-width: 1277px){
.is-toppage .l-header--pc .l-header_search_listItem:not(:first-child):hover::after,
.is-toppage .l-header--pc .l-header_search_listItem:not(:first-child):hover::before {
  background: #372eb2;
}
.is-toppage .l-header--pc .l-header_search_listItem:hover::after,
.is-toppage .l-header--pc .l-header_search_listItem:hover::before {
  background: #372eb2;
}
}
.is-toppage .l-header--pc .l-header_search_listItem:hover::after {
  left: 52%;
  -webkit-animation: nav_border_left 0.3s ease forwards;
          animation: nav_border_left 0.3s ease forwards;
}

.is-toppage .l-header--pc .l-header_search_listItem:hover::before {
  right: 48%;
  -webkit-animation: nav_border_right 0.3s ease forwards;
          animation: nav_border_right 0.3s ease forwards;
}

.is-toppage .l-header--pc .l-header_nav_listItem a {
  color: #fff;
  z-index: 100;
  display: inline-block;
  position: relative;
}
.l-header--pc .l-header_nav_listItem:hover::after,
.l-header--pc .l-header_nav_listItem:hover::before {
  background: #fff;
}
.l-header--pc .l-header_nav_listItem:hover::after,
.l-header--pc .l-header_nav_listItem:hover::before {
  content: "";
  position: absolute;
  bottom: 3px;
  width: 0;
  height: 1px;
  background: #4464F1;
}
.is-forward.l-header--pc .l-header_nav_listItem:hover::after,
.is-forward.l-header--pc .l-header_nav_listItem:hover::before,
.is-toppage .l-header--pc .l-header_nav_listItem:hover::after,
.is-toppage .l-header--pc .l-header_nav_listItem:hover::before{
  background: #ffff;
}
.l-header--pc .l-header_nav_listItem:hover::after {
  left: 50%;
  -webkit-animation: nav_border_left 0.3s ease forwards;
          animation: nav_border_left 0.3s ease forwards;
}

.l-header--pc .l-header_nav_listItem:hover::before {
  right: 50%;
  -webkit-animation: nav_border_right 0.3s ease forwards;
          animation: nav_border_right 0.3s ease forwards;
}
.is-toppage .l-header--pc .l-header_nav_listItem a a:hover::after,
.is-toppage .l-header--pc .l-header_nav_listItem a a:hover::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #ffffff;
}
.is-toppage .l-header--pc .l-header_nav_listItem a .c-btn_icon._link_arw {
  color: #fff;
  fill: #fff;
}
.l-header--pc .l-header_nav_listItem a .c-btn_icon._link_arw {
  color: #372eb2;
  --icon_width: 11px;
  --icon_height: 11px;
  fill: #372eb2;
  display: block;
}
.l-header--pc .l-header_nav_listItem a .c-btn_icon._link_arw svg{
  transform: rotate(90deg);
  right: -17px;
}
.l-header--pc .l-header_nav_listItem a + .info {
    /* z-index: 100; */
    position: absolute;
    margin: 0px auto 0px;
    width: 940px;
    border-radius: 5px;
    left: -192px;
    top: 0;
    z-index: 99;
}
.l-header--pc .l-header_nav_listItem a + .info .subcont {
    margin: 0px auto 0px;
    background-color: #ffffff;
    width: 100%;
    padding: 27px 35px 15px;
    border-radius: 5px;
    display: flex;
    flex-wrap: nowrap;
    font-size: 14px;
    color: #333333;
    position: relative;
    margin-top: 50px;
    filter: drop-shadow(0px 0px 3px #757575);
    -webkit-filter: drop-shadow(0px 0px 3px #757575);
    -moz-filter:drop-shadow(0px 0px 3px #757575);
    -ms-filter:drop-shadow(0px 0px 3px #757575);
    position: relative;
}
.l-header--pc .l-header_nav_listItem a + .info .subcont:after {
    position: absolute;
    width: 0;
    height: 0;
    left: 20.5%;
    top: -28px;
    border: solid transparent;
    border-color: rgba(51, 204, 153, 0);
    border-top-color: #ffffff;
    border-width: 14px;
    pointer-events: none;
    content: " ";
    transform: rotate(180deg);
}
@media screen and (min-width: 768px) and (max-width: 1024px){
  .l-header--pc .l-header_nav_listItem a + .info .subcont:after {
    top: -27px;
    left: 15.5%;
}
}
.l-header--pc.is-forward  .l-header_nav_listItem a + .info .subcont:after {
    filter: none;
}
.is-toppage .l-header--pc .l-header_nav_listItem a + .info .subcont:after {
    filter: none;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(2) a + .info .subcont:after {
    left: 20.5%;
}

.l-header--pc .l-header_nav_listItem:nth-of-type(4) a + .info .subcont:after {
    left: 44%;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(5) a + .info .subcont:after {
    left: 46%;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(6) a + .info .subcont:after {
    left: 44%;
}
.l-header--pc .l-header_nav_listItem a + .info dl {
  width: 230px;
  margin-right: 25px;
  padding: 2px 10px;
}
.l-header--pc .l-header_nav_listItem a + .info dl:last-of-type {
  margin-right: 0px;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(1) a + .info dl:nth-of-type(2) {
  width: 320px;
}
.l-header--pc .l-header_nav_listItem a + .info dt {
  border-bottom: 1px solid #cccccc;
  margin: 0 0 12px;
  padding-bottom: 5px;
  color: #525252;
  font-weight: bold;
}
.l-header--pc .l-header_nav_listItem a + .info dt.applications {
  border-bottom: none;
}
.l-header--pc .l-header_nav_listItem a + .info dt.applications a {
  color: #372eb2;
  padding-bottom: 3px;
  font-weight: normal;
  margin-left: 10px;
}
.l-header--pc .l-header_nav_listItem a + .info dt.applications a::after {
  position: absolute;
  left: 0;content: '';
  width: 100%;
  height: 1px;
  background: #372eb2;
  bottom: 3px;
  visibility: hidden;
}

.l-header--pc .l-header_nav_listItem a + .info dt.applications a:hover::after {
visibility: visible;
}
.l-header--pc .l-header_nav_listItem a + .info dt.applications a:hover {
    text-decoration: none;
}
.l-header--pc .l-header_nav_listItem a + .info dt.applications a:before {
    content: "-";
    display: inline-block;
    margin: 0 6px 0 0px;
    position: absolute;
    top: 0;
    left: -10px;
}
.l-header--pc .l-header_nav_listItem a + .info dd {
    margin: 0 0 2px 10px;
    display: block;
    text-indent: 0px;
    position: relative;
}
.l-header--pc .l-header_nav_listItem a + .info dd a {
    color: #372eb2;
    font-weight:normal;
    margin: 0 0 8px 0px;
    display: inline-block;
    padding-bottom: 3px;
    line-height: 1.5;
    font-size: 14px;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.l-header--pc .l-header_nav_listItem a + .info dd a {
    font-size: 12px;
}
}
.l-header--pc .l-header_nav_listItem a + .info dd a::after {
  position: absolute;
  left: 0;content: '';
  width: 100%;
  height: 1px;
  background: #372eb2;
  bottom: 3px;
  visibility: hidden;
}

.l-header--pc .l-header_nav_listItem a + .info dd a:hover::after {
visibility: visible;
}
.l-header--pc .l-header_nav_listItem a + .info dd a:hover {
    text-decoration: none;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(2) a + .info {
    width: 1115px;
    left: -228px;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(4) a + .info {
    width: 860px;
    left: -339px;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(5) a + .info {
    width: 362px;
    left: -150px;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(5) a + .info .subcont {
    /* align-items: center; */
    justify-content: center;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(6) a + .info .subcont {
    height: 100px;
    align-items: center;
    justify-content: center;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(6) a + .info {
    width: 284px;
    left: -91px;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(2) a + .info dl:nth-of-type(1) {
  width: 380px;
  overflow: hidden;
  display: block;
  align-items: start;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(2) a + .info dl {
  width: 330px;
  overflow: hidden;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(4) a + .info dl{
  width: 250px;
  overflow: hidden;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(4) a + .info dl:nth-of-type(3) {
  width: 250px;
  overflow: hidden;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(5) a + .info dl {
  width: auto;
  overflow: hidden;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(6) a + .info dl {
  width: auto;
  overflow: hidden;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(2) a + .info dl:nth-of-type(1) dd {
    float: left;
    width: 45%;
}
.l-header--pc .l-header_nav_listItem a + .info dd:before {
  content:"-";
  display:inline-block;
  margin: 0 6px 0 0px;
  position: absolute;
  top: 0;
  left: -10px;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.l-header--pc .l-header_nav_listItem a + .info {
    width: 760px;
    left: -120px;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(2) a + .info{
    width: 760px;
    left: -160px;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(4) a + .info{
    width: 800px;
    left: -270px;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(5) a + .info{
    width: 360px;
    left: -160px;
}
.l-header--pc .l-header_nav_listItem:nth-of-type(6) a + .info{
    width: 360px;
    left: -130px;
}
}



@-webkit-keyframes nav_border_left {
  0% {
    width: 0;
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    width: 50%;
  }
}

@keyframes nav_border_left {
  0% {
    width: 0;
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    width: 50%;
  }
}

@-webkit-keyframes nav_border_right {
  0% {
    width: 0;
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    width: 50%;
  }
}

@keyframes nav_border_right {
  0% {
    width: 0;
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    width: 50%;
  }
}

.is-toppage .l-header--pc .l-header_link_listItem:first-of-type .c-btn {
  /* transition: none; */
  background: linear-gradient(to left, #0071e7, #0f3bb7, #6852db);
}

.is-toppage .l-header--pc .l-header_link_listItem:first-of-type .c-btn a {
  /* transition: none; */
  color: #fff;
}

.is-toppage .l-header--pc .l-header_link_listItem:first-of-type .c-btn_icon {
  fill: #fff;
}

.is-toppage .l-header--pc .l-header_link_listItem:first-of-type .c-btn_icon > svg {
  /* transition: none; */
}

.is-toppage .l-header--pc .l-header_link_btn .c-btn._yellow {
  box-shadow: 0px 20px 30px -20px #cdab0a;
}

.is-toppage.is-forward .l-header_search_listItem .l-header_link_listItem:first-of-type .c-btn {
  transition: all 0.3s ease;
}

.is-toppage.is-forward .l-header_search_listItem .l-header_link_listItem:first-of-type .c-btn a {
  transition: all 0.3s ease;
}

.is-toppage.is-forward .l-header_search_listItem .l-header_link_listItem:first-of-type .c-btn_icon > svg {
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .u-font-header01 {
    letter-spacing: 0em;
    font-size: 1.3rem;
    line-height: 2.53846;
  }
}

@media (min-width: 768px) {
  .u-font-header02 {
    font-size: 1.5rem;
    line-height: 2.2;
    color: #ffffff;
  }
}
@media screen and (max-width: 1024px){
  .u-font-header02 {
    font-size: 12px;
  }  
}
@media screen and (min-width:768px) and ( max-width:1024px) {
  .u-font-header01 {
    font-size: 1.3rem;
  }
  .u-font-header02 {
    font-size: 11px;
  }
.l-header--pc .l-header_customers {
}
  .l-header--pc .l-header_search {
    /* width: auto; */
    display: inline-flex;
}
}
@media (min-width: 768px) {
  .u-font-header03 {
    font-size: 1.5rem;
    line-height: 2.35714;
  }
}

.l-header {
  position: absolute;
  z-index: 70;
  top: 0;
  left: 0;
}

.l-header.is-moved {
  position: fixed;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.l-header.is-moved.is-forward {
  transition: all 0.3s ease;
}

.l-header.is-moved .l-header_menu {
  transition: all 0.3s ease;
  background: linear-gradient(to right, #4c6efe 0%, #496af9 50%, #4565f3 100%);
}

.l-header.is-moved .l-header_contents.is-show {
  opacity: 1;
}

.l-header.is-open {
  position: fixed;
  transition: height 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, height 0.3s ease;
  transition: transform 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  overflow: scroll;
}

.l-header.is-open .l-header_menu {
  transition: all 0.3s ease;
  background: linear-gradient(to right, #4c6efe 0%, #496af9 50%, #4565f3 100%);
}

.l-header.is-open .l-header_contents.is-show {
  opacity: 1;
}

.l-header.is-back {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.l-header.is-back .l-header_contents.is-show {
  opacity: 1;
}

.l-header.is-swing {
  visibility: hidden;
  opacity: -1;
  position: absolute;
  transition: none;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.l-header.is-swing .l-header_menu {
  transition: none;
  background: none;
}

.l-header.is-swing .l-header_contents.is-show {
  opacity: 0;
}

/* ------------------------
  footer
------------------------ */
/* sp */
.l-footer--sp {
  background-color: #1a2876;
}

@media (min-width: 768px) {
  .l-footer--sp {
    display: none;
  }
}

.l-footer--sp .l-footer_main {
  overflow: hidden;
}

.l-footer--sp .l-footer_main__inner {
  position: relative;
}

.l-footer--sp .l-footer_main__inner::before {
  content: "";
  position: absolute;
  right: -35.73333vw;
  bottom: -40vw;
  width: 66.66667vw;
  height: 66.66667vw;
  -webkit-transform: rotate(42deg);
          transform: rotate(42deg);
  background: linear-gradient(-93deg, #4f66cd 0%, #4b62ca 55%, #485ec8 100%);
}

.l-footer--sp .l-footer_top {
  display: flex;
  justify-content: space-between;
  padding: 16vw 8.66667vw 5.33333vw;
}

.l-footer--sp .l-footer_logo {
  width: 43.06667vw;
}

.l-footer--sp .l-footer_sns_list {
  display: flex;
  justify-content: space-between;
  margin-top: 3.2vw;
  width: 29.86667vw;
}

.l-footer--sp .l-footer_sns_listItem {
  width: 8.4vw;
  height: 8.4vw;

  --icon_width: 8.4vw;
  --icon_height: 8.4vw;
}

.l-footer--sp .l-footer_sns_listItem a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 2.66667vw;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.l-footer--sp .l-footer_sns_listItem a > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: var(--icon_width);
  height: var(--icon_height);

  fill: #fff;
}

.l-footer--sp .l-footer_links_block {
  background-color: #3d4a90;
}

.l-footer--sp .l-footer_links_block + .l-footer_links_block {
  margin-top: 13.33333vw;
}

.l-footer--sp .l-footer_links_block + .l-footer_links_block .l-footer_links_block__inner {
  padding: 2.66667vw 8.66667vw 13.33333vw;
}

.l-footer--sp .l-footer_links_block__inner {
  padding: 2.66667vw 8.66667vw 12vw;
}

.l-footer--sp .l-footer_links_listItem button {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}

.l-footer--sp .l-footer_links_listItem button svg {
  right: 0;
}

.l-footer--sp .l-footer_links_listItem button[aria-expanded="true"] .l-footer_links_icon span:last-of-type {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.l-footer--sp .l-footer_links_listItem dt {
  border-bottom: 1px solid #dae4fe;
  height: 19.33333vw;
}

.l-footer--sp .l-footer_links_listItem dd {
  overflow: hidden;
  z-index: -1;
  padding: 0 4vw;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.l-footer--sp .l-footer_links_listItem dd.is-show {
  z-index: auto;
}

.l-footer--sp .l-footer_links_icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 13px;
  height: 13px;
}

.l-footer--sp .l-footer_links_icon span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 13px;
  height: 2px;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  background-color: #fff;
}

.l-footer--sp .l-footer_links_icon span:last-of-type {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.l-footer--sp .l-footer_links_ttl {
  color: #fff;
}

.l-footer--sp .l-footer_links_ttl a {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #fff;
  height: 19.33333vw;
}

.l-footer--sp .l-footer_links_ttl .c-btn_icon._link_arw {
  --icon_rightPos: 0;
}

.l-footer--sp .l-footer_links_secondary_listItem {
  border-bottom: 1px solid #dae4fe;
  height: 16vw;
}

.l-footer--sp .l-footer_links_secondary_listItem .p-font--yellow {
  color: #fff900;
}

.l-footer--sp .l-footer_links_secondary_listItem a {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  color: #c7d4f8;
}

.l-footer--sp .l-footer_links_secondary_listItem a .txt_wrapper {
  position: relative;
}

.l-footer--sp .l-footer_links_secondary_listItem a .txt_wrapper .c-btn_icon._blank {
  --icon_width: 4.8vw;
  --icon_height: 4.8vw;
  --icon_rightPos: -4.8vw;
}

.l-footer--sp .l-footer_links_secondary_listItem a .txt_wrapper .c-btn_icon._blank > svg {
  fill: #c7d4f8;
}

.l-footer--sp .l-footer_links_secondary_listItem .c-btn_icon._link_arw {
  --icon_width: 2.66667vw;
  --icon_height: 2.66667vw;
  --icon_rightPos: 0;
}

.l-footer--sp .l-footer_links_secondary_listItem .c-btn_icon.p-icon--yellow {
  fill: #fff900;
}

.l-footer--sp .l-footer_links_sub {
  margin-top: 12vw;
}

.l-footer--sp .l-footer_btn_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.l-footer--sp .l-footer_btn_listItem {
  width: calc((100% - 2.66667vw) / 2);
}

.l-footer--sp .l-footer_btn_listItem:nth-child(n + 3) {
  margin-top: 5.33333vw;
}

.l-footer--sp .l-footer_btn_listItem:nth-child(n + 3) .c-btn a {
  padding: 0 2.66667vw 0 0;
}

.l-footer--sp .l-footer_btn .c-btn {
  border: solid 1px #fff;
  border-radius: 4.8vw;
  width: 100%;
  height: 9.6vw;
}

.l-footer--sp .l-footer_btn .c-btn .c-btn_icon._link_arw {
  --icon_width: 2.66667vw;
  --icon_height: 2.66667vw;
  --icon_rightPos: 2.66667vw;
}

.l-footer--sp .l-footer_btn a {
  color: #fff;
}

.l-footer--sp .l-footer_anchor_list {
    display: flex;
    justify-content: start;
    margin: 11.2vw -4.8vw 0;
    flex-wrap: wrap;
}

.l-footer--sp .l-footer_anchor_listItem {
  padding: 0 3.73333vw;
  margin-bottom: 6px;
}

.l-footer--sp .l-footer_anchor_listItem a {
  display: flex;
  align-items: center;
  color: #c7d4f8;
  margin-bottom: 6px;
}

.l-footer--sp .l-footer_anchor_listItem .c-btn_icon._blank {
  position: relative;
  width: 4.66667vw;
  height: 4.66667vw;

  --icon_width: 4.66667vw;
  --icon_height: 4.66667vw;
  --icon_rightPos: -1.06667vw;
}

.l-footer--sp .l-footer_anchor_listItem .c-btn_icon._blank > svg {
  top: -0.8vw;

  fill: #c7d4f8;
}

.l-footer--sp .l-footer_company {
  position: relative;
}

.l-footer--sp .l-footer_company__inner {
  padding: 13.33333vw 8.66667vw 16.53333vw;
}

.l-footer--sp .l-footer_company_top {
  display: flex;
  justify-content: space-between;
}

.l-footer--sp .l-footer_company_logo {
  width: 42.66667vw;
}

.l-footer--sp .l-footer_company_list {
  display: flex;
  flex-flow: row wrap;
  margin: 6.4vw -2.93333vw 0;
}

.l-footer--sp .l-footer_company_listItem,
.l-footer--sp .l-footer_company_time {
  color: #fff;
}

.l-footer--sp .l-footer_company_listItem {
  padding: 0 2.93333vw;
  width: 50%;
  margin-bottom: 10px;
}

.l-footer--sp .l-footer_company_listItem:nth-of-type(2),
.l-footer--sp .l-footer_company_listItem:nth-of-type(3) {
  position: relative;
}
@media (min-width: 1024px) {
.l-footer--sp .l-footer_company_listItem:nth-of-type(2)::before,
.l-footer--sp .l-footer_company_listItem:nth-of-type(3)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0.26667vw;
  height: 8.66667vw;
  background-color: #fff;
}
}

.l-footer--sp .l-footer_company_listItem:last-child {
  /* margin-top: 3.2vw; */
}

.l-footer--sp .l-footer_company_listItem address {
  font-style: normal;
  color: #ffffff;
}

.l-footer--sp .l-footer_company_listItem address span {
  display: block;
  color: #ffffff !important;
}

.l-footer--sp .l-footer_company_time {
  margin: 10px 3.46667vw 0 0;
  text-align: left;
}

.l-footer--sp .l-footer_jpx_img {
  width: 13.33333vw;
}



.l-footer--sp .l-footer_copyright {
  margin-top: 4.8vw;
  text-align: center;
}

.l-footer--sp .l-footer_copyright small {
  color: #9e9e9e;
}

/* pc */
.l-footer--pc {
  display: none;
  position: relative;
  padding: 0 3.125%;
}

@media (min-width: 768px) {
  .l-footer--pc {
    display: block;
    min-width: 1280px;
    background-color: #1a2876;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .l-footer--pc {
    min-width: auto;
  }
}
.l-footer--pc .l-footer_main {
  overflow: hidden;
}

.l-footer--pc .l-footer_main__inner {
  position: relative;
  margin: 0 auto;
  padding: 66px 0;
  max-width: 1200px;
}
@media (min-width: 1024px) {
.l-footer--pc .l-footer_main__inner {
  position: relative;
  margin: 0 auto;
  padding: 66px 0%;
  width: 1200px;
}
}
.l-footer--pc .l-footer_main__inner::before {
  content: "";
  position: absolute;
  right: -990px;
  bottom: -600px;
  width: 1000px;
  height: 1600px;
  -webkit-transform: rotate(42deg);
          transform: rotate(42deg);
  background: linear-gradient(-93deg, #0f24a2 0%, #0f24a2 55%, #263fc4 100%);
}

.l-footer--pc .l-footer_top {
  display: flex;
  justify-content: space-between;
  padding: 0 3.125%;
}
@media (min-width: 1024px) {
  .l-footer--pc .l-footer_top {
  padding: 0 0%;
}
}
.l-footer--pc .l-footer_logo {
  width: 260px;
}

.l-footer--pc .l-footer_sns_list {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  width: 150px;
}

.l-footer--pc .l-footer_sns_listItem {
  width: 40px;
  height: 40px;

  --icon_width: 40px;
  --icon_height: 40px;
}

.l-footer--pc .l-footer_sns_listItem a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 10px;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.l-footer--pc .l-footer_sns_listItem a > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: var(--icon_width);
  height: var(--icon_height);

  fill: #fff;
}

.l-footer--pc .l-footer_links {
  position: relative;
  margin-top: 28px;
}

.l-footer--pc .l-footer_links_block {
  background-color: #3d4a90;
}

.l-footer--pc .l-footer_links_block + .l-footer_links_block {
  margin-top: 20px;
}

.l-footer--pc .l-footer_links_block--column5 .l-footer_links_listItem {
  width: calc((100% - 130px) / 5);
}

.l-footer--pc .l-footer_links_block--column3 .l-footer_links_block__inner {
  padding: 37px 45px 34px;
}

.l-footer--pc .l-footer_links_block--column3 .l-footer_links_listItem {
  width: calc((100% - 80px) / 3);
}

.l-footer--pc .l-footer_links_block__inner {
  padding: 37px 45px 40px;
}

.l-footer--pc .l-footer_links_list {
  display: flex;
  justify-content: space-between;
}

.l-footer--pc .l-footer_links_listItem {
  position: relative;
}

.l-footer--pc .l-footer_links_listItem a {
  color: #fff;
}
.l-footer--pc .l-footer_links_listItem a:hover {
  text-decoration: none;
}
.l-footer--pc .l-footer_links_ttl {
  position: relative;
  border-bottom: 1px solid #dae4fe;
  transition: all 0.3s ease;
  color: #fff;
}

.l-footer--pc .l-footer_links_ttl > span {
  display: block;
  padding-bottom: 5px;
}

.l-footer--pc .l-footer_links_ttl a {
  display: flex;
  padding-bottom: 5px;
  transition: all 0.3s ease;
}

.l-footer--pc .l-footer_links_ttl .c-btn_icon::before {
  transition: all 0.3s ease-out;
}

.l-footer--pc .l-footer_links_ttl .c-btn_icon._link_arw > svg {
  right: 0;
  width: 12px;
  height: 12px;
  transition: all 0.3s ease;
}

.l-footer--pc .l-footer_links_ttl:hover {
  border-bottom: 1px solid #81a2ff;
}

.l-footer--pc .l-footer_links_ttl:hover a {
  color: #81a2ff;
}

.l-footer--pc .l-footer_links_ttl:hover .c-btn_icon {
  fill: #81a2ff;
}

.l-footer--pc .l-footer_links_ttl:hover .c-btn_icon::before {
  transition: all 0.4s ease-out;
}

.l-footer--pc .l-footer_links_ttl:hover .c-btn_icon._link_arw > svg {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}

.l-footer--pc .l-footer_links_ttl.not_link {
  position: relative;
  border-bottom: 1px solid #dae4fe;
  color: #fff;
}

.l-footer--pc .l-footer_links_secondary_list {
  margin-top: 17px;
}

.l-footer--pc .l-footer_links_secondary_listItem {
  transition: all 0.3s ease;
}

.l-footer--pc .l-footer_links_secondary_listItem:hover {
  opacity: 0.7;
}

.l-footer--pc .l-footer_links_secondary_listItem .p-font--yellow {
  color: #fff900;
}

.l-footer--pc .l-footer_links_secondary_listItem:not(:first-of-type) {
  margin-top: 6px;
}

.l-footer--pc .l-footer_links_secondary_listItem a {
  display: inline-flex;
  align-items: center;
  position: relative;
  color: #c7d4f8;
}

.l-footer--pc .l-footer_links_secondary_listItem a span.icon-bar {
  width: 8px;
  height: 1px;
  background-color: #c7d4f8;
}

.l-footer--pc .l-footer_links_secondary_listItem a span.secondary_txt {
  margin-left: 4px;
  letter-spacing: -0.01em;
}

.l-footer--pc .l-footer_links_secondary_listItem a span._short {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}

.l-footer--pc .l-footer_links_secondary_listItem .c-btn_icon._link_arw {
  position: relative;
  width: 10px;
  height: 10px;

  --icon_width: 10px;
  --icon_height: 10px;
  --icon_rightPos: 0;
}

.l-footer--pc .l-footer_links_secondary_listItem .c-btn_icon._link_arw > svg {
  fill: #c7d4f8;
  position: absolute;
  top: 0;
}

.l-footer--pc .l-footer_links_secondary_listItem .c-btn_icon._link_arw.p-icon--yellow > svg {
  fill: #fff900;
  position: absolute;
  top: 0;
}

.l-footer--pc .l-footer_links_secondary_listItem .c-btn_icon._blank {
  --icon_width: 22px;
  --icon_height: 22px;
  --icon_rightPos: -25px;
}

.l-footer--pc .l-footer_links_secondary_listItem .c-btn_icon._blank > svg {
  fill: #c7d4f8;
}

.l-footer--pc .l-footer_links_sub {
  margin-top: 34px;
  padding-top: 30px;
  border-top: 1px solid rgba(218, 228, 254, 0.2);
}

.l-footer--pc .l-footer_links_sub__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.l-footer--pc .l-footer_btn_list {
  display: flex;
  justify-content: space-between;
  width: 760px;
  margin-right: 40px;
  margin-bottom: 10px;
}

.l-footer--pc .l-footer_btn_listItem {
  width: calc((100% - 40px) / 4);
}

.l-footer--pc .l-footer_btn .c-btn {
  border: solid 1px #fff;
  border-radius: 21px;
  width: 160px;
  height: 42px;
  margin-right: 10px;
}
@media (min-width: 1024px) {
.l-footer--pc .l-footer_btn .c-btn {
  width: 180px;
  margin-right: 0px;
}
}

.l-footer--pc .l-footer_btn a {
  color: #fff;
}

.l-footer--pc .l-footer_btn .c-btn_icon._link_arw {
  --icon_width: 10px;
  --icon_height: 10px;
  --icon_rightPos: 12px;
}

.l-footer--pc .l-footer_btn:hover .c-btn {
  background: #fff;
}

.l-footer--pc .l-footer_btn:hover a {
  color: #3d4a90;
}

.l-footer--pc .l-footer_btn:hover .c-btn_icon > svg {
  fill: #3d4a90;
}

.l-footer--pc .l-footer_anchor_list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 310px;
  flex-wrap: wrap;
  align-items: start;
  justify-content: flex-start;
}
.l-footer--pc .l-footer_anchor_list ul{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.l-footer--pc .l-footer_anchor_list ul:nth-of-type(2){
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
  flex-direction: row-reverse;
}
.l-footer--pc .l-footer_anchor_listItem:not(:first-child) {
  margin-left: 22px;
}

.l-footer--pc .l-footer_anchor_listItem a {
  display: flex;
  align-items: center;
  height: 100%;
  transition: all 0.3s ease;
  color: #c7d4f8;
  justify-content: start;
}

.l-footer--pc .l-footer_anchor_listItem a:hover {
  color: #81a2ff;
}

.l-footer--pc .l-footer_anchor_listItem a:hover .c-btn_icon._blank > svg {
  fill: #81a2ff;
}

.l-footer--pc .l-footer_anchor_listItem .c-btn_icon._blank {
  position: relative;
  width: 22px;
  height: 22px;

  --icon_width: 22px;
  --icon_height: 22px;
  --icon_rightPos: 0px;
}

.l-footer--pc .l-footer_anchor_listItem .c-btn_icon._blank > svg {
  top: -2px;
  transition: all 0.3s ease;

  fill: #c7d4f8;
}

.l-footer--pc .l-footer_company {
  position: relative;
  margin-top: 40px;
  /* padding: 0 3.125%; */
}

.l-footer--pc .l-footer_company__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.l-footer--pc .l-footer_company__contents {
  display: flex;
}

.l-footer--pc .l-footer_company_logo {
  width: 120px;
}
@media (min-width: 768px) {
  .l-footer--pc .l-footer_company_logo {
  width: 200px;
}
}

.l-footer--pc .l-footer_company_list__wrapper {
  margin: 12px 0 0 20px;
}

.l-footer--pc .l-footer_company_list {
  display: flex;
  margin: 0 -16px;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
  .l-footer--pc .l-footer_company_list {
  flex-wrap: wrap;
  margin: 0 -16px 10px;
}
}
.l-footer--pc .l-footer_company_listItem,
.l-footer--pc .l-footer_company_time {
  color: #fff;
}

.l-footer--pc .l-footer_company_listItem {
  margin: 0 16px;
}

.l-footer--pc .l-footer_company_listItem:not(:first-child) {
  position: relative;
}

.l-footer--pc .l-footer_company_listItem:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  margin: auto;
  width: 1px;
  height: 16px;
  background-color: #fff;
}

.l-footer--pc .l-footer_company_listItem address {
  font-style: normal;
}

.l-footer--pc .l-footer_company_listItem address span {
  margin-left: 7px;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  opacity: 1;
}

.l-footer--pc .l-footer_company_time {
  margin-top: -2px;
}

.l-footer--pc .l-footer_jpx_img {
  width: 72px;
}
.l-footer_sub {
  background-color: #fff;
  padding: 0 3.125%;
}

.l-footer_sub__inner {
  padding: 10.66667vw 5.66667vw;
}

.l-footer_sub_list {
  display: block;
}
.l-footer_sub_list li {width: auto;display: inline-flex;margin-bottom: 10px;justify-content: flex-start;align-items: start;margin-right: 2.33333vw;}
.l-footer_sub_listItem:not(:first-child) {
  /* margin-right: 2.33333vw; */
}

.l-footer_sub_listItem a {
  /* position: relative; */
  color: #595959;
  display: inline-flex;
}

.l-footer_sub_listItem svg {
  /* right: -4vw; */
  fill: #d5d5d5;
  position: relative;
  margin: 0;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
}
@media (min-width: 768px) {
.l-footer_sub_list {
  display: flex;
  justify-content: center;
  /* margin-left: -2.4vw; */
}
.l-footer_sub {
  background-color: #fff;
}

.l-footer_sub__inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 28px 0;
  max-width: 1200px;
}
@media (max-width: 63.75em) and (min-width: 48em){
.l-footer_sub__inner {flex-wrap: wrap;}
}
.l-footer_sub_list {
  display: flex;
}

.l-footer_sub_listItem {
  transition: all 0.3s ease;
}

.l-footer_sub_listItem:hover {
  opacity: 0.7;
}

.l-footer_sub_listItem:not(:first-child) {
  margin-right: 28px;
}

.l-footer_sub_listItem a {
  position: relative;
  color: #595959 !important;
  display: flex;
}

.l-footer_sub_listItem .c-btn_icon._blank {
  --icon_width: 24px;
  --icon_height: 24px;
  --icon_rightPos: -22px;
}

.l-footer_sub_listItem svg {
  fill: #d5d5d5;
}
  
.l-footer_sub_listItem svg {
  /* right: auto; */
  fill: #d5d5d5;
}

}
.l-footer--pc .l-footer_copyright small {
  color: #9e9e9e;
}

.l-footer--pc .l-footer_pagetop {
  opacity: 0;
  position: fixed;
  right: 18px;
  bottom: 140px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  transition: all 0.3s ease;
  background-color: #fff;
  box-shadow: 0 0 15px 0 rgba(67, 118, 215, 0.3);
  z-index: 10;
}

.l-footer--pc .l-footer_pagetop button {
  position: relative;
  width: 100%;
  height: 100%;
}

.l-footer--pc .l-footer_pagetop button span {
  content: "";
  position: absolute;
  top: 45%;
  right: 0;
  left: 0;
  margin: auto;
  border: 2px solid;
  border-color: #2a36aa #2a36aa transparent transparent;
  width: 20px;
  height: 20px;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.l-footer--pc .l-footer_pagetop:hover {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  box-shadow: none;
}

.l-footer--pc .l-footer_pagetop:hover button span {
  -webkit-transform: translateY(-6px) rotate(-45deg);
          transform: translateY(-6px) rotate(-45deg);
}

.is-show {
  opacity: 1 !important;
  /* z-index: 3; */
}

.u-font-footer01 {
  font-size: 3.2vw;
  line-height: 1.625;
}

@media (min-width: 768px) {
  .u-font-footer01 {
    letter-spacing: 0.1em;
    font-size: 1.3rem;
    line-height: 2.53846;
  }
}

.u-font-footer02 {
  letter-spacing: 0em;
  font-size: 3.2vw;
  line-height: 1.375;
}

@media (min-width: 768px) {
  .u-font-footer02 {
    font-size: 1.3rem;
    line-height: 2.53846;
  }
}

.u-font-footer03 {
  letter-spacing: 0.16em;
  font-size: 3.2vw;
  line-height: 1.66667;
}

@media (min-width: 768px) {
  .u-font-footer03 {
    font-size: 1rem;
    line-height: 2.4;
  }
}

.u-font-footer04 {
  letter-spacing: 0.04em;
  font-size: 3.46667vw;
  line-height: 1.23077;
}

@media (min-width: 768px) {
  .u-font-footer04 {
    font-size: 1.6rem;
    line-height: 2;
  }
}

.u-font-footer05 {
  letter-spacing: 0.04em;
  font-size: 3.2vw;
  line-height: 1;
}

@media (min-width: 768px) {
  .u-font-footer05 {
    font-size: 1.3rem;
    line-height: 1.84615;
  }
}

.u-font-footer06 {
  letter-spacing: 0.1em;
  font-size: 2.93333vw;
  line-height: 1.09091;
}

@media (min-width: 768px) {
  .u-font-footer06 {
    font-size: 1.2rem;
    line-height: 2;
  }
}

/* ------------------------
  layout Classes
------------------------ */
.l-content {
  padding: 0 4.253333vw;
}

@media (min-width: 768px) {
  .l-content {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1280px;
  }
}

.l-breadcrumb {
  /* border-top: 1px solid #d7d9df; */
  background-color: #fff;
}

.l-breadcrumb_list {
  display: flex;
  flex-wrap: wrap;
  margin: -1.33333vw;
  padding-top: 6.66667vw;
  padding-bottom: 6.66667vw;
}

@media (min-width: 768px) {
  .l-breadcrumb_list {
    margin: -10px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

.l-breadcrumb_listItem {
  margin: 1.33333vw;
  font-size: 3.2vw;
  line-height: 1.4;

  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
font-weight: bold;}

@media (min-width: 768px) {
  .l-breadcrumb_listItem {
    margin: 10px;
    font-size: 1.4rem;
    line-height: 1;
  }
}

.l-breadcrumb_listItem:not(:last-of-type)::after {
  content: "/";
  display: inline-block;
  margin-left: 10px;
  font-size: inherit;
}

.l-breadcrumb_listItem:last-of-type a {
  pointer-events: none;
  color: #333;
}
.pageNav01 {
    margin: 20px 0 0;
    text-align: center;
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -1.06667vw;
    padding-top: 6.93333vw;
    max-width: 100%;
    flex-wrap: wrap;
}
.pageNav01 li {
	border: none;
    display: inline;
    margin: 0 5px;
    padding: 0;
}
.pageNav01 li span{
    display: inline-block;
    margin-bottom: 5px;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    background: #ffffff;
    color: #ffffff;
    background-color: #344f9d;
}
.pageNav01 li a {
    display: inline-block;
    margin-bottom: 5px;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    background: #ffffff;
}
.pageNav01 li.prev a ,.pageNav01 li.next a {
    background: none;
}

.pageNav01 li a {
    display: inline-block;
    margin-bottom: 5px;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    width: 7.5vw;
    height: 7.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    background: #ffffff;
}
@media (min-width: 768px) {
  .pageNav01 li a {
    width: 50px;
    height: 50px;
}
}
.pageNav01 li span{
    /* color: #808080; */
}
.pageNav01 li a:hover {
    /* color: #ffffff; */
    /* border: 1px solid #344f9d; */
    /* background-color: #344f9d; */
  opacity:0.75;
}
.p-intro_link__wrapper {
  margin-top: 8.26667vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 768px) {
  .p-intro_link__wrapper {
    margin-top: 43px;
  }
}
.p-intro_link + .p-intro_link {
  margin-top: 5.33333vw;
}

@media (min-width: 768px) {
  .p-intro_link + .p-intro_link {
    margin: 0 0 0 20px;
  }
}
.p-apps_link {
  margin: 6.13333vw auto 0;
}

@media (min-width: 768px) {
  .p-apps_link {
    margin-top: 28px;
  }
}
/*CTA BUTTON*/

.p-popup {
  position: fixed;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
}
.p-popup.transition {
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.p-popup.active {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 47.9375em) {
  .p-popup {
    display: none;
  }
}
body.rh-factor .p-popup {
  display: none;
}

@media print, screen and (min-width: 48em) {
  .p-popup {
    width: 340px;
    bottom: 30px;
    right: 13px;
  }
}

.p-popup__close {
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -7px;
  right: 3px;
  cursor: pointer;
  z-index: 200;
  border: none;
  background-image: url(/neo/common/img/icon_circle-close_black.svg);
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 48em) {
  .p-popup__close {
    width: 25px;
    height: 25px;
    top: -7px;
    right: 3px;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  }
  .p-popup__close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.p-popup-2 {
  position: fixed;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  max-width: 380px;
}
@media print, screen and (min-width: 48em) {
  .p-popup-2 {
    width: 420px;
    min-height: 220px;
    bottom: 30px;
    right: 30px;
  }
}
.p-popup-2.transition {
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.p-popup-2.active {
  opacity: 1;
  visibility: visible;
}

.p-popup-2__inner {
  border: 3px solid #314da4;
  background: #fff;
  cursor: pointer;
}

.p-popup-2__content {
  padding: 20px 8px 8px;
}
@media print, screen and (min-width: 48em) {
  .p-popup-2__content:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .p-popup-2__content img {
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
}

.p-popup-2__close {
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -4px;
  right: 2px;
  cursor: pointer;
  z-index: 200;
  border: none;
  background-image: url(/neo/common/img/icon_circle-close_blue.svg);
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 48em) {
  .p-popup-2__close {
    width: 32px;
    height: 32px;
    top: -16px;
    right: -16px;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  }
  .p-popup-2__close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.p-popup-3 {
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}


.p-popup-3__inner {
  padding: 16px 12px;
  background: #fff;
}

.c-button1__inner {
  display: flex;
  align-items: center;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 20px 30px -20px rgb(130 107 0 / 40%);
  padding: 14px 17px;
  /* width: 340px; */
  /* margin: 0 auto; */
  text-align: left;
  justify-content: center;
  transition: all 0.3s ease;
  position: relative;overflow: hidden;
}
.c-button1__inner:before {
  background: linear-gradient(to right, #fffa29, #ffe400, #ffd200, #fffa29);
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;

}
.c-button1__inner:hover:before {
  transition: all 0.4s ease-out;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media print, screen and (min-width: 48em) {
  .c-button1__inner {
    padding: 15px 15px 11px 15px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: 0.2s ease;
    text-decoration: none !important;
    text-align: center;
}

}
.c-button1__inner:hover {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
    box-shadow: none;
}
.c-button1__sub-text {
  display: block;
  font-size: 15px;
  color: #314da4;
  margin-bottom: 2px;
}
@media print, screen and (min-width: 48em) {
  .c-button1__sub-text {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    /* margin-bottom: 7px; */
}
}

.c-button1__main-text {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #314da4;
}
.c-button1__main-text.-size_s {
    font-size: 18px;
}
@media print, screen and (min-width: 48em) {


}
  .c-button1__main-text {
    font-size: 20px;
  line-height: 1.4;}
  .p-home-top-pc .c-button1__main-text.-size_s {
    font-family: 'Noto Sans JP', sans-serif;
    color: #ffffff;
    margin-right: 8px;
  }
  .c-button1__main-text.-size_s {
    font-size: 4.7vw;
  line-height: 1.0;
}
@media print, screen and (min-width: 48em){
  .c-button1__main-text.-size_s {
    font-size: 22px;
  line-height: 1.0;
}
}
  .c-button1__main-text.-size_s span{
    font-size: 28px;
    line-height: 1.0;
  }
.c-button1__icon {
  display: block;
  margin-right: 9px;
  flex: 0 0 19px;
}
@media only screen and (max-width: 47.9375em) {
  .c-button1__icon {
    width: 19px;
    height: 19px;
    margin-right: 0px;
  }
}
@media print, screen and (min-width: 48em) {
  .c-button1__icon {
    flex: 0 0 40px;
    margin-right: 15px;
  }

  .c-button1__icon.-size_s {
    width: 22px;
    height: 20px;
    flex-basis: 24px;
    margin-right: 0px;
  }
}

.c-button-2 {
  display: block;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
.c-button-2.-left {
  margin: 0;
}

.c-button-2__inner {
  background: #fef712;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  padding: 16px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media print, screen and (min-width: 48em) {
  .c-button-2__inner {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 24px 16px;
  }
  .c-button-2__inner:hover {
    background-color: #fffa66;
  }
}

.c-button-2__text {
  color: #314da4;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .c-button-2__text {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.c-button-2__text::before {
  content: '';
  background-image: url(/neo/common/img/icon_circle-right_blue.svg);
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 10px;
  flex-shrink: 0;
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 48em) {
  .c-button-2__text::before {
    width: 2rem;
    height: 2rem;
  }
}

.c-button-3 {
  display: block;
}
@media screen and (max-width: 896px) and (orientation: landscape) { 
.c-button1__main-text.-size_s span {
    font-size: 22px;
}
.c-button1__main-text.-size_s {
    font-size: 16px;
}
.c-home-top-row.-button{
    width: 325px;
    margin: 0;
}
}
@media print, screen and (min-width: 48em) {
  .c-button-3:hover .c-button-3__inner {
    border-color: #8394c8;
    color: #8394c8;
  }
  .c-button-3:hover .c-button-3__text::before {
    opacity: 0.65;
  }
}

.c-button-3__inner {
  background: #fff;
  border: 3px solid #314da4;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding: 0.8125em 1.5em 0.8125em;
  color: #314da4;
  font-weight: 700;
  text-align: center;
  -webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
}

.c-button-3__text {
  display: inline-block;
  position: relative;
  padding-left: 1.62375em;
}
.c-button-3__text::before {
  content: '';
  position: absolute;
  display: inline-block;
  background: no-repeat url(/neo/common/img/icon_circle-right_blue.svg)
    center/contain;
  width: 1.18em;
  height: 1.18em;
  left: 0;
  top: 0.1875em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.p-intro_links {
  margin-top: 13.33333vw;
  padding: 9.2vw 6.66667vw 8vw;
  border-radius: 0.8vw;
  background-color: #dfebfe;
}

@media (min-width: 768px) {
  .p-intro_links {
    margin-top: 78px;
    padding: 29px 50px 50px;
    border-radius: 3px;
  }
}

.p-intro_links_list {
  margin-top: 5.6vw;
}

@media (min-width: 768px) {
  .p-intro_links_list {
    display: flex;
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .p-intro_links_listItem {
    flex-basis: 100%;
  }
}

.p-intro_links_listItem + .p-intro_links_listItem {
  margin-top: 0.4vw;
}

@media (min-width: 768px) {
  .p-intro_links_listItem + .p-intro_links_listItem {
    margin-top: 0;
    margin-left: 2px;
  }
}

.p-intro_links_listItem > a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 5.6vw;
  width: 100%;
  height: 13.33333vw;
  background-color: #fff;
}

@media (min-width: 768px) {
  .p-intro_links_listItem > a {
    display: flex;
    justify-content: center;
    padding: 0;
    height: 80px;
    transition: all 0.3s ease;
  }
  .p-intro_links_listItem > a .c-btn_icon._link_arw svg {
    transition: all 0.3s ease;
  }
  .p-intro_links_listItem > a:hover {
    opacity: 0.7;
  }
  .p-intro_links_listItem > a:hover .c-btn_icon._link_arw svg {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}

.p-intro_links_ttl {
  text-align: center;
}

.p-intro_links_icon {
  flex-shrink: 0;
  position: relative;
  width: 7.73333vw;
  height: 7.73333vw;

  --icon_width: 7.73333vw;
  --icon_height: 7.73333vw;
  --icon_rightPos: 0;
  --icon_leftPos: 0;
}

@media (min-width: 768px) {
  .p-intro_links_icon {
    margin-left: -40px;
    width: 40px;
    height: 40px;

    --icon_width: 40px;
    --icon_height: 40px;
  }
}

.p-intro_links_icon > svg {
  fill: #372eb2;
}

.p-intro_links_ttl_txt {
  margin-left: 1.2vw;
  font-size: 3.73333vw;
  line-height: 1;
}

@media (min-width: 768px) {
  .p-intro_links_ttl_txt {
    margin-left: 0;
    font-size: 1.6rem;
  }
}
.l-header--pc.is-moved .l-header_nav__wrapper {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.l-header--pc.is-moved .l-header_nav {
    margin-left: 45px;
}
.l-header--pc.is-moved .l-header_sub {
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    margin: 18px 0 0 10px;
}
.l-header--pc.is-moved .l-header_link {
    display: flex;
    position: relative;
    right: auto;
    top: auto;
    margin-top: 16px;
}
.l-header--pc.is-moved .l-header_logo {
    width: 160px;
    margin-top: -20px;
}
.l-header--pc.is-moved .l-header_search {
    width: auto;
    position: relative;
    top: auto;
    right: auto;
}
.l-header--pc.is-moved .l-header_customers{
  width: auto;
  background: none;
  margin-left: 0px;
  position: relative;
  top: auto;
  right: auto;
  cursor: pointer;
}
.l-header.is-moved .u-font-header01,
.l-header.is-moved .u-font-header02{
  display:  none;
  transition: opacity 3s;
}
.l-header--pc .l-header_main__inner {
    padding: 0px 20px 15px 30px;
}
.l-header--pc.is-moved .l-header_search_listItem:not(:first-child) a::before {
    content: none;
}

.l-header--pc.is-moved .l-header_customers:hover::before {
    right: 20%;
    -webkit-animation: nav_border_right 0.3s ease forwards;
    animation: nav_border_right 0.3s ease forwards;
}
.l-header--pc.is-moved .l-header_customers:hover::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #fff;
}

.l-header--pc.is-moved .l-header_search_listItem .c-btn_icon, .l-header--pc.is-moved .l-header_customers .c-btn_icon {
    --icon_width: 40px;
    --icon_height: 40px;
}
.l-header--pc.is-moved .l-header_search_listItem .c-btn_icon:hover + .u-font-header01{
  display: inline-flex;
  width: 52px;
  left: -14%;
  position: absolute;
  padding: 7px 12px;
  border-radius: 5px;
  background: #8a9ceb;
  color: #fff;
  font-weight: normal;
  right: -50%;
  line-height: 1.4;
  font-size: 13px !important;
  transition-timing-function: ease-in;
  transition-duration: 0.3s;
  height: 48px;
  justify-content: center;
  align-items: center;
  top: 44px;
  text-align: center;
}
.l-header--pc.is-moved .l-header_search_listItem:nth-of-type(2) .c-btn_icon:hover + .u-font-header01{
  width: 85px;
  left: -60%;
}
.l-header--pc.is-moved .l-header_search_listItem .c-btn_icon:hover + .u-font-header01:after {
      position: absolute;
      width: 0;
      height: 0;
      left: 12%;
      top: -19px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #8a9ceb;
      border-width: 10px;
      pointer-events: none;
      content: " ";
      transform: rotate(180deg);
}
.l-header--pc.is-moved .l-header_search_listItem:nth-of-type(2) .c-btn_icon:hover + .u-font-header01:after {
      left: 102%;
}
.l-header--pc.is-moved .l-header_customers .c-btn_icon:hover + .u-font-header02 {
  /* display: inline-block; */
  width: 94px;
  position: absolute;
  left: -38%;
  padding: 7px 12px;
  border-radius: 5px;
  background: #8a9ceb;
  color: #fff;
  font-weight: normal;
  right: -50%;
  line-height: 1.4;
  font-size: 13px !important;
  transition: opacity 0.3s;
  height: 48px;
  justify-content: center;
  align-items: center;
  top: 46px;
  text-align: center;
}
.l-header--pc.is-moved .l-header_customers .c-btn_icon:hover + .u-font-header02:after {
      position: absolute;
      width: 0;
      height: 0;
      left: 26%;
      top: -19px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #8a9ceb;
      border-width: 10px;
      pointer-events: none;
      content: " ";
      transform: rotate(180deg);
}
.l-header--pc.is-moved .l-header_search_listItem:nth-of-type(2) .c-btn_icon:hover + .u-font-header01:after {
      left: 25%;
}

.l-header--pc.is-moved .l-header_search_listItem .c-btn_icon:hover + .u-font-header01,
.l-header--pc.is-moved .l-header_search_listItem .c-btn_icon:hover + .u-font-header01:after,
.l-header--pc.is-moved .l-header_customers .c-btn_icon:hover + .u-font-header02,
.l-header--pc.is-moved .l-header_customers .c-btn_icon:hover + .u-font-header02:after{
animation-name:fadeInAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


.l-header--pc.is-moved .l-header_search_listItem:hover::after,
.l-header--pc.is-moved .l-header_search_listItem:hover::before {
  content: none !important;
}
.l-header--pc.is-moved .l-header_customers:hover::before {
    content: none;
}
.c-cta_link._cloud::after{
  background: url(/neo/assets/img/common/cta_balloon_sm2.png) no-repeat center top/contain;
}
@media (min-width: 768px) {
.c-cta_link._cloud::after {
  background: url(/neo/assets/img/common/cta_balloon_lg2.png) no-repeat center top/contain;
  }
}
.p-content_icon03 {
  /* position: absolute; */
  /* top: 0; */
  /* right: 5.46667vw; */
  /* bottom: 0; */
  /* left: auto; */
  margin: 0;
  width: 3.73333vw;
  height: 3.73333vw;
  --icon_width: 3.73333vw;
  --icon_height: 3.73333vw;
  margin-left: 10px;
}

@media (min-width: 768px) {
  .p-content_icon03 {
    /* top: auto; */
    /* right: auto; */
    /* bottom: 10px; */
    width: 17px;
    height: 17px;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    --icon_width: 17px;
    --icon_height: 17px;
  }
}
.flowlink svg {
    margin: 0;
    width: var(--icon_width);
    height: var(--icon_height);
    fill: #372eb2;
}
.flowlink a:hover svg {
    margin: 0;
    width: var(--icon_width);
    height: var(--icon_height);
    fill: #ffffff;
}
.ind_link {
  margin-top: 10px;
}
.ind_link a{
  font-size: 16px;
  position: relative;
  margin-bottom: 7px;
  display: inline-block;
}
.ind_link .c-btn_icon {
    fill: #372eb2;
    right: -25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--icon_leftPos);
    margin: auto;
    width: var(--icon_width);
    height: var(--icon_height);
    --icon_width: 13px;
    --icon_height: 13px;
    --icon_rightPos: 1px;
}
.ind_link a:hover .c-btn_icon > svg {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
    transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .ind_link {
    margin-top: 30px;
  }
}
/*humberger_menue*/

.mbtrial{
  display: none;
}
.is-moved .mbtrial{
  width: 17vw;
  height: 17vw;
  background: #FFFA5A;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 17vw;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  font-size: 10px;
}
.is-moved .mbtrial:hover{
  text-decoration:none;
}
.l-header--sp .p-mv_ttl_icon {
  display: block;
  /* position: relative; */
  /* margin-right: 0; */
  margin-top: -2px;
  width: 11.33333vw;
  height: 5.33333vw;
  /* --icon_width: 11.33333vw; */
  --icon_height: 11.33333vw;
}

@media (min-width: 768px) {
  .p-mv_ttl_icon {
    margin-right: -5px;
    margin-left: -11px;
    width: 75px;
    height: 75px;

    --icon_width: 75px;
    --icon_height: 75px;
  }
}

.l-header--sp .p-mv_ttl_icon > svg {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: auto;
  width: 11.33333vw;
  height: 11.33333vw;
  fill: #372eb2;
}

@media (min-width: 768px) {
  .p-mv_ttl_icon > svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.p-mv_ttl_icon_txt {
  font-size: 5.86667vw;
}

@media (min-width: 768px) {
  .p-mv_ttl_icon_txt {
    font-size: 3.6rem;
  }
}

.p-mv_ttl_icon_txt span {
  font-size: 6.93333vw;
}

@media (min-width: 768px) {
  .p-mv_ttl_icon_txt span {
    display: inline-block;
    margin-right: 3px;
    font-size: 4rem;
  }
}
/* hdr-search
-------------------------------------------------------------*/
#hdr-search{
  color: #ffffff;
}
.is-toppage #hdr-search{
  color: #372eb2;
}
@media (max-width: 1019px) {
#hdr-search{
  color: #372eb2;
}
.l-header--pc.is-moved .l-header_search_listItem .c-btn_icon > svg {
    fill: #ffffff;
}
.l-header--pc .l-header_search_listItem .c-btn_icon > svg {
    fill: #372eb2;
}
}
@media (max-width: 1270px) {
.is-toppage #hdr-search{
  color: #ffffff;
}
}
#hdr-search{
	/* position:absolute; */
	top: 3px;
	left: -6px;
	z-index:2;
	width: 100%;
	cursor: pointer;
	font-weight: bold;
}
#hdr-search input.overOpc{
  display:none;
}

#hdr-search input.overOpc[type="checkbox"]:checked{
	color: #9C27B0;
	/* top: 28px; */
	/* left: 50%; */
	/* position: fixed; */
	margin-left: -150px;
	width: 345px;
}
#hdr-search input.overOpc[type="checkbox"]:checked ,
#hdr-search input[type="checkbox"]:checked + .searchlabel{
  display:none;
}
#hdr-search .searchlabel{
  font-size:13px;
  cursor: pointer;
}
#hdr-search input:before{

}
#hdr-search button + #srchBox{
	border: #eaeaea solid 1px;
	border-radius:  3px;
	background:#fff;
	display:none;
	box-sizing: content-box;
	height:30px;
}
#hdr-search input[type="checkbox"] + label + div{
  display:none;
}
#hdr-search input[type="checkbox"]:checked + label + div{
  display:block !important;
  position: absolute;
  top: 3px;
  left: -181px;
  z-index: 2;
}
#hdr-search td.h-input{
	background:none;
	box-sizing:content-box;
	width: 350px;
	max-height: initial;
	max-height: auto;
	margin: 0;
	padding: 0 2px;
	border:none;
	border-radius:0;
}
#hdr-search input[type="checkbox"]:checked + label + div td.h-input{
	-webkit-animation: animationFrames ease-out 0.2s;
	-webkit-animation-iteration-count: 1;
	-moz-animation: animationFrames ease-out 0.2s;
	-moz-animation-iteration-count: 1;
	-o-animation: animationFrames ease-out 0.2s;
	-o-animation-iteration-count: 1;
	-ms-animation: animationFrames ease-out 0.2s;
	-ms-animation-iteration-count: 1;
	animation: animationFrames ease-out 0.2s;
	animation-iteration-count: 1;
}
@-moz-keyframes animationFrames{
	0%{width:100px;}
	100%{width:328px;}
}
@-webkit-keyframes animationFrames {
	0%{width:100px;}
	100%{width:328px;}
}
@-o-keyframes animationFrames {
	0%{width:100px;}
	100%{width:328px;}
}
@-ms-keyframes animationFrames {
	0%{width:100px;}
	100%{width:328px;}
}
@keyframes animationFrames{
	0%{width:100px;}
	100%{width:328px;}
}
#hdr-search input.h-input{
	font-family:inherit;
	font-size:16px;
	border-radius: 4px;
	-webkit-appearance:none;
	appearance:none;
	width: 240px !important;
	box-sizing: border-box;
	padding: 0px 0 0 6px;
	outline: medium none;
	margin: 0;
	height:28px;
	border: 1px #182fb0 solid;
	font-weight: normal;

}
#hdr-search input.h-input[type="text"]:focus{
  color: #696969 !important;
}
#hdr-search input.h-input::placeholder {
  color: #696969 !important;
  font-weight:normal;
  font-size:14px;
}
#hdr-search .h-input-box{
	background:none;
	border:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#hdr-search .h-input-box table{
	width:100%;
	padding:0;
	margin:0;
}
#hdr-search table.h-search-box{
	margin:0;
	padding: 0;
	border:none;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}
#hdr-search .ib_a{padding:0;}
#hdr-search .st_b,
#hdr-search .st_a,
#hdr-search .cb_a{padding:0;}
#hdr-search .st_b{margin:-5px 0;}
#hdr-search .cb_a{
	font-size:24px;
	line-height:24px;
}
#hdr-search .st_a .cb_a{color:#aaa;}
#hdr-search .st_a:hover .cb_a,
#hdr-search .st_a:focus .cb_a{color:#888;}
#hdr-search td.h-search-button{
	background-image: url(https://dnstg.dn-cloud.com/neo/images/common/ico_search.png);
	background-size:  cover;
	display:block;
	width: 12px;
	height: 14px;
	position:absolute;
	top: 8px;
	right:9px;
	-webkit-transition:opacity 0.2s ease-out;
	transition:opacity 0.2s ease-out;
}
#hdr-search input.h-search-button{
	width:30px;
	height:30px;
	margin:0;
	padding:0;
	border:none;
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-appearance:none;
	opacity:0;
}
#hdr-search td.h-search-button:hover{opacity:0.7;}
.mobile #hdr-search td.h-search-button:hover{opacity:1;}

#hdr-search input::-ms-clear {
    visibility:hidden
}
.is-forward #hdr-search input[type="checkbox"]:checked + label + div{
  display:none !important;
}
@media (min-width: 768px) {
.l-header_search_listItem:nth-of-type(1) a,.is-forward #hdr-search {
  position: relative;
  display: none;
}
.is-forward .l-header_search_listItem:nth-of-type(1) a {
  position: relative;
  display: block;
  padding-right: 10px;
}
.is-forward .l-header_search_listItem:not(:first-child) a {
  position: relative;
  display: block;
}
}
@media (max-width: 63.75em) and (min-width: 48em){
.c-mv_obj {
    right: -391px !important;
}
.c-mv_obj02 {
    right: -860px !important;
}
}